:root{--bg: #ffffff;--bg-sidebar: #f7f7f8;--bg-hover: rgba(0, 0, 0, .045);--bg-active: rgba(0, 0, 0, .072);--bg-canvas: #eceef1;--text: #1a1a1f;--text-muted: #54545d;--text-faint: #83838c;--border: rgba(0, 0, 0, .075);--border-strong: rgba(0, 0, 0, .13);--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .1);--accent-text: #ffffff;--primary: #1a1a1f;--danger: #dc2626;--frost-bg: rgba(255, 255, 255, .58);--frost-strong: rgba(255, 255, 255, .72);--frost-border: rgba(255, 255, 255, .5);--blur: saturate(180%) blur(26px);--card: rgba(20, 20, 32, .05);--card-hover: rgba(20, 20, 32, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .07), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .14), 0 2px 8px rgba(0, 0, 0, .05);--shadow-float: 0 14px 44px rgba(0, 0, 0, .13), 0 2px 10px rgba(0, 0, 0, .05), inset 0 0 0 1px rgba(255, 255, 255, .4);--ring: 0 0 0 3px rgba(37, 99, 235, .22);--radius: 10px;--radius-lg: 16px;--radius-pill: 999px;--spring: cubic-bezier(.34, 1.4, .5, 1);--font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji";color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14.5px;line-height:1.5;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-weight:650;letter-spacing:-.015em;margin:0;line-height:1.2}button{font:inherit;color:var(--text);cursor:pointer;border:1px solid transparent;background:transparent;border-radius:var(--radius-btn, var(--radius-pill));padding:6px 14px;font-weight:550;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease,transform .18s var(--spring);display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{background:var(--bg-hover)}button:active{transform:scale(.95);transition-duration:.04s}button.primary{background:var(--primary);color:var(--accent-text);border-color:var(--primary);box-shadow:var(--shadow-sm)}button.primary:hover{background:var(--primary-hover, #000);border-color:var(--primary-hover, #000)}button.secondary,button.outline{background:var(--frost-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-color:var(--border-strong);color:var(--text)}button.secondary:hover,button.outline:hover{background:var(--frost-strong)}button.tertiary{background:transparent;color:var(--text-muted)}button.tertiary:hover{background:var(--bg-hover);color:var(--text)}button.danger{color:var(--danger)}button.danger:hover{background:#dc262614}button.danger.primary{background:var(--danger);color:#fff;border-color:var(--danger)}button.danger.primary:hover{background:#b91c1c;border-color:#b91c1c}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);padding:9px 11px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.row{display:flex;gap:8px;align-items:center}.muted{color:var(--text-muted)}.small{font-size:13px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#00000024;border:3px solid transparent;background-clip:padding-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#0000003d;background-clip:padding-box}:focus-visible{outline:none;box-shadow:var(--ring)}.theme-app{color-scheme:dark;--bg: #191a1c;--bg-sidebar: #131315;--bg-canvas: #0f1011;--bg-hover: rgba(255, 255, 255, .055);--bg-active: rgba(255, 255, 255, .085);--bg-inset: rgba(255, 255, 255, .03);--text: #f7f8f8;--text-muted: #8a8f98;--text-faint: #62666d;--border: rgba(255, 255, 255, .08);--border-faint: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .14);--accent: #5e6ad2;--accent-soft: rgba(94, 106, 210, .15);--primary: #5e6ad2;--primary-hover: #6c76dd;--ring: 0 0 0 3px rgba(94, 106, 210, .3);--frost-bg: rgba(255, 255, 255, .05);--frost-strong: rgba(255, 255, 255, .08);--frost-border: rgba(255, 255, 255, .1);--blur: none;--card: #191a1c;--card-hover: #1e1f22;--danger: #eb5757;--danger-soft: rgba(235, 87, 87, .12);--input-bg: rgba(255, 255, 255, .03);--scroll-thumb: rgba(255, 255, 255, .16);--scroll-thumb-hover: rgba(255, 255, 255, .26);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 2px 6px rgba(0, 0, 0, .25), 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .35), 0 20px 48px rgba(0, 0, 0, .5);--shadow-float: var(--shadow-md);--radius: 6px;--radius-lg: 8px;font-family:"Inter Variable",Inter,var(--font);font-size:13.5px;color:var(--text)}.theme-app.light{color-scheme:light;--bg: #ffffff;--bg-sidebar: #f9f8f9;--bg-canvas: #f0f0f2;--bg-hover: rgba(0, 0, 0, .045);--bg-active: rgba(0, 0, 0, .075);--bg-inset: rgba(0, 0, 0, .025);--text: #282a30;--text-muted: #6b6f76;--text-faint: #9ca0a8;--border: rgba(0, 0, 0, .08);--border-faint: rgba(0, 0, 0, .045);--border-strong: rgba(0, 0, 0, .14);--accent-soft: rgba(94, 106, 210, .12);--ring: 0 0 0 3px rgba(94, 106, 210, .25);--frost-bg: rgba(255, 255, 255, .7);--frost-strong: #ffffff;--frost-border: rgba(0, 0, 0, .08);--card: #ffffff;--card-hover: #fafafa;--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .08);--input-bg: #ffffff;--scroll-thumb: rgba(0, 0, 0, .16);--scroll-thumb-hover: rgba(0, 0, 0, .28);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 6px rgba(0, 0, 0, .07), 0 8px 24px rgba(0, 0, 0, .07);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .09), 0 20px 48px rgba(0, 0, 0, .14)}@media (prefers-color-scheme: light){.theme-app.system{color-scheme:light;--bg: #ffffff;--bg-sidebar: #f9f8f9;--bg-canvas: #f0f0f2;--bg-hover: rgba(0, 0, 0, .045);--bg-active: rgba(0, 0, 0, .075);--bg-inset: rgba(0, 0, 0, .025);--text: #282a30;--text-muted: #6b6f76;--text-faint: #9ca0a8;--border: rgba(0, 0, 0, .08);--border-faint: rgba(0, 0, 0, .045);--border-strong: rgba(0, 0, 0, .14);--accent-soft: rgba(94, 106, 210, .12);--ring: 0 0 0 3px rgba(94, 106, 210, .25);--frost-bg: rgba(255, 255, 255, .7);--frost-strong: #ffffff;--frost-border: rgba(0, 0, 0, .08);--card: #ffffff;--card-hover: #fafafa;--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .08);--input-bg: #ffffff;--scroll-thumb: rgba(0, 0, 0, .16);--scroll-thumb-hover: rgba(0, 0, 0, .28);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 6px rgba(0, 0, 0, .07), 0 8px 24px rgba(0, 0, 0, .07);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .09), 0 20px 48px rgba(0, 0, 0, .14)}}.theme-app :is(h1,h2,h3){font-weight:600;letter-spacing:-.01em}.theme-app button{padding:4px 13px;font-size:13px;font-weight:500;gap:6px;color:var(--text)}.theme-app button:active{transform:scale(.98)}.theme-app button.danger:hover{background:var(--danger-soft)}.theme-app :is(input,select){padding:5px 10px;font-size:13.5px;border-radius:var(--radius);background:var(--input-bg);border-color:var(--border-strong);color:var(--text)}.theme-app textarea{border-radius:var(--radius)}.theme-app ::placeholder{color:var(--text-faint)}.theme-app ::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box}.theme-app ::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}.seg{display:inline-flex;gap:2px;padding:2px;background:var(--bg-active);border-radius:var(--radius-pill);width:fit-content}.seg button{padding:4px 12px;font-size:12.5px;font-weight:550;border-radius:var(--radius-pill);color:var(--text-muted)}.seg button:hover{background:transparent;color:var(--text)}.seg button.active{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}