@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg-app:#f4f4f4;--bg-surface:#fff;--bg-sidebar:#fff;--bg-surface-rgb:255, 255, 255;--text-main:#3c3c3c;--text-muted:#929292;--text-inverse:#fff;--border-light:#e5e5e5;--accent-main:#a2c617;--accent-hover:#7d9812;--accent-contrast:#25b4b1;--bg-hover:#eee;--bg-active:#f9f9f9;--shadow-sm:0 1px 3px #0000000d;--ai-text:#5b21b6;--ai-bg:#ede9fe;--ai-bg-hover:#ddd6fe;--ai-bg-subtle:#8b5cf614;--ai-border:#c4b5fd;--ai-solid:#6d28d9;--font-sans:"IBM Plex Sans Condensed", "Helvetica Neue", Arial, sans-serif}:root[data-theme=dark]{--bg-app:#222;--bg-surface:#313131;--bg-sidebar:#313131;--bg-surface-rgb:49, 49, 49;--text-main:#fff;--text-muted:#b5b5b5;--text-inverse:#3c3c3c;--border-light:#525252;--accent-main:#a2c617;--accent-hover:#c9e16d;--accent-contrast:#25b4b1;--bg-hover:#434343;--bg-active:#2a2a2a;--shadow-sm:0 4px 6px #0000004d;--ai-text:#ddd6fe;--ai-bg:#8b5cf638;--ai-bg-hover:#8b5cf652;--ai-bg-subtle:#a78bfa24;--ai-border:#a78bfa8c;--ai-solid:#7c3aed}html,body,#root{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-main);font-family:var(--font-sans);letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s;overflow:hidden}*,:before,:after{box-sizing:inherit}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}@media (width<=640px){.attr-row{grid-template-columns:1fr!important;gap:4px!important}}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--accent-main);outline-offset:2px}button{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,opacity .3s,transform .3s,filter .3s}input[type=checkbox],input[type=radio]{accent-color:var(--accent-main);cursor:pointer;width:16px;height:16px}input[type=text],input[type=url],input[type=number],select,textarea{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light)}input::placeholder,textarea::placeholder{color:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@media (prefers-reduced-motion:reduce){.spin{animation:none}}@keyframes loadingBarSlide{0%{left:-40%}to{left:100%}}.loading-bar-fill{background-color:var(--accent-main);border-radius:999px;width:40%;height:100%;animation:1.15s ease-in-out infinite loadingBarSlide;position:absolute;top:0}@media (prefers-reduced-motion:reduce){.loading-bar-fill{opacity:.5;width:100%;animation:none;left:0}}@keyframes magicStreamCaret{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 #d0404099}70%{box-shadow:0 0 0 10px #d0404000}to{box-shadow:0 0 #d0404000}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){[role=dialog],[role=dialog]>*{animation:none!important}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@media (width<=1023px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],textarea,select{font-size:16px!important}}@media (hover:none){button{touch-action:manipulation}}@media (display-mode:standalone){body{overscroll-behavior-y:contain}}@media (width<=767px){.content-canvas{padding:14px!important}}@media (width<=639px){[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns:1fr 1fr 1fr"],[style*="grid-template-columns: 2fr 1fr"],[style*="grid-template-columns: 1fr 2fr"],[style*="grid-template-columns: repeat(2,"],[style*="grid-template-columns:repeat(2,"],[style*="grid-template-columns: repeat(3,"],[style*="grid-template-columns:repeat(3,"],[style*="grid-template-columns: repeat(4,"],[style*="grid-template-columns:repeat(4,"],[style*="grid-template-columns: 220px 1fr"],[style*="grid-template-columns: 240px 1fr"],[style*="grid-template-columns: 260px 1fr"],[style*="grid-template-columns: 280px 1fr"],[style*="grid-template-columns: 300px 1fr"],[style*="grid-template-columns: 1fr 280px"],[style*="grid-template-columns: 1fr 300px"]{grid-template-columns:1fr!important}.admin-stack-sidebar{position:static!important;top:auto!important}}@media print{.no-print{display:none!important}body{background:#fff}}.guideline-body,.doc-body{color:var(--text-main);line-height:1.7}.guideline-body h2,.doc-body h2{color:var(--text-main);margin:1.1em 0 .4em;font-size:1.25rem;font-weight:800}.guideline-body h3,.doc-body h3{color:var(--text-main);margin:1em 0 .35em;font-size:1.08rem;font-weight:700}.guideline-body h4,.doc-body h4{color:var(--text-muted);margin:.9em 0 .3em;font-size:.98rem;font-weight:700}.guideline-body h2:first-child,.doc-body h2:first-child{margin-top:0}.guideline-body p,.doc-body p{margin:0 0 .8em}.guideline-body ul,.doc-body ul,.guideline-body ol,.doc-body ol{margin:0 0 .9em;padding-left:1.4em}.guideline-body li,.doc-body li{margin:.2em 0}.guideline-body strong,.doc-body strong{font-weight:700}.guideline-body a,.doc-body a{color:var(--accent-main);cursor:pointer;text-decoration:underline}.guideline-body code,.doc-body code{background:var(--bg-app);border:1px solid var(--border-light);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.guideline-body pre,.doc-body pre{background:var(--bg-app);border:1px solid var(--border-light);border-radius:8px;margin:0 0 .9em;padding:12px 14px;overflow-x:auto}.guideline-body pre code,.doc-body pre code{background:0 0;border:none;padding:0}
