*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-surface-2: #f0f1f5;--color-surface-3: #e8eaf0;--color-border: #d8dae8;--color-border-2: #c4c6d8;--color-accent: #3b5df5;--color-accent-dim: #2545dc;--color-accent-glow: rgba(59, 93, 245, .12);--color-accent-2: #7c5af6;--color-text: #1a1a2e;--color-text-dim: #4a4a6a;--color-text-muted: #8888a8;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.16);--shadow-accent: 0 0 0 1px rgba(59, 93, 245, .35), 0 0 20px rgba(59, 93, 245, .08);--header-bg: rgba(255, 255, 255, .92);--canvas-check-a: #e8e8f0;--canvas-check-b: #dddde8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #0a0a0c;--color-surface: #111116;--color-surface-2: #18181f;--color-surface-3: #1f1f28;--color-border: #2a2a38;--color-border-2: #38384a;--color-accent: #5b7cfa;--color-accent-dim: #3a5ae8;--color-accent-glow: rgba(91, 124, 250, .15);--color-accent-2: #a78bfa;--color-text: #e8e8f0;--color-text-dim: #9898b0;--color-text-muted: #55556a;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-accent: 0 0 0 1px rgba(91, 124, 250, .4), 0 0 20px rgba(91, 124, 250, .1);--header-bg: rgba(17, 17, 22, .88);--canvas-check-a: #111116;--canvas-check-b: #0d0d11}}[data-theme=dark]{--color-bg: #0a0a0c;--color-surface: #111116;--color-surface-2: #18181f;--color-surface-3: #1f1f28;--color-border: #2a2a38;--color-border-2: #38384a;--color-accent: #5b7cfa;--color-accent-dim: #3a5ae8;--color-accent-glow: rgba(91, 124, 250, .15);--color-accent-2: #a78bfa;--color-text: #e8e8f0;--color-text-dim: #9898b0;--color-text-muted: #55556a;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-accent: 0 0 0 1px rgba(91, 124, 250, .4), 0 0 20px rgba(91, 124, 250, .1);--header-bg: rgba(17, 17, 22, .88);--canvas-check-a: #111116;--canvas-check-b: #0d0d11}[data-theme=light]{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-surface-2: #f0f1f5;--color-surface-3: #e8eaf0;--color-border: #d8dae8;--color-border-2: #c4c6d8;--color-accent: #3b5df5;--color-accent-dim: #2545dc;--color-accent-glow: rgba(59, 93, 245, .12);--color-accent-2: #7c5af6;--color-text: #1a1a2e;--color-text-dim: #4a4a6a;--color-text-muted: #8888a8;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.16);--shadow-accent: 0 0 0 1px rgba(59, 93, 245, .35), 0 0 20px rgba(59, 93, 245, .08);--header-bg: rgba(255, 255, 255, .92);--canvas-check-a: #e8e8f0;--canvas-check-b: #dddde8}:root{--font-sans: "Sora", "Noto Sans SC", sans-serif;--font-mono: "DM Mono", "Noto Sans SC", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .3, 1);--transition: .2s var(--ease);--header-h: 56px;--sidebar-w: 380px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:#5b7cfa4d;color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-2)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,select,textarea{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--transition);outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}label{display:block;font-size:var(--text-sm);color:var(--color-text-dim);font-weight:500;margin-bottom:var(--space-1)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.font-mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .4s var(--ease) both}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease infinite}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-accent{background:var(--color-accent-glow);color:var(--color-accent);border:1px solid rgba(91,124,250,.3)}.badge-success{background:#34d3991a;color:var(--color-success);border:1px solid rgba(52,211,153,.3)}.badge-warning{background:#fbbf241a;color:var(--color-warning);border:1px solid rgba(251,191,36,.3)}.badge-error{background:#f871711a;color:var(--color-error);border:1px solid rgba(248,113,113,.3)}.section{display:flex;flex-direction:column;gap:var(--space-3);animation:fadeIn .3s var(--ease) both}.section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.section-title:after{content:"";flex:1;height:1px;background:var(--color-border)}.sidebar-content{display:flex;flex-direction:column;gap:var(--space-4)}.divider{border:none;height:1px;background:var(--color-border);margin:var(--space-3) 0}@media(min-width:769px){html,body,#app,.view,.n-config-provider,.n-message-provider{height:100vh!important;height:100dvh!important;overflow:hidden!important}}