:root{--csstools-color-scheme--light: initial;color-scheme:light;--background: #f6f6f7;--surface: #ffffff;--surface-hover: #f1f1f3;--surface-sunken: #eaeaee;--border-subtle: #ededf0;--border: #e2e2e7;--border-strong: #cfcfd6;--foreground: #18181b;--foreground-soft: #27272a;--foreground-muted: #3f3f46;--foreground-dim: #62626b;--foreground-faint: #82828c;--foreground-ghost: #a1a1aa;--primary: #18181b;--primary-foreground: #ffffff;--primary-hover: #333338;--accent: #ec4300;--accent-hover: #cf3b00;--accent-foreground: #18181b;--accent-surface: #fff1ea;--accent-border: #ffd0bb;--accent-text: #b83800;--success: #16a34a;--success-bright: #ffffff;--success-track: #16a34a;--success-surface: #f0fdf4;--success-border: #bbf7d0;--success-foreground: #15803d;--danger: #dc2626;--danger-surface: #fef2f2;--danger-border: #fecaca;--danger-foreground: #b91c1c;--scrim: rgba(24, 24, 27, .35);--scrim-strong: rgba(24, 24, 27, .5);--scrim-heavy: rgba(24, 24, 27, .62);--shadow-sm: 0 1px 2px rgba(24, 24, 27, .06);--shadow-md: 0 2px 4px rgba(24, 24, 27, .06), 0 8px 16px -4px rgba(24, 24, 27, .08);--shadow-lg: 0 4px 8px rgba(24, 24, 27, .06), 0 16px 40px -8px rgba(24, 24, 27, .16);--shadow-preview: 0 1px 3px rgba(24, 24, 27, .08), 0 12px 32px -8px rgba(24, 24, 27, .14);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 999px;--transition-fast: .1s;--transition: .15s;--transition-slow: .22s;--ease: cubic-bezier(.32, .72, 0, 1);--font-sans: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", monospace;--rail-w: 100px;--panel-w: 320px;--topbar-h: 52px;--bar-h: 44px;--z-panel: 60;--z-rail: 70;--z-scrim: 100;--z-drawer: 101;--z-popover: 120}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--csstools-color-scheme--light: ;color-scheme:dark;--background: #0a0a0c;--surface: #141417;--surface-hover: #1d1d22;--surface-sunken: #08080a;--border-subtle: #1e1e24;--border: #2a2a31;--border-strong: #3d3d46;--foreground: #fafafa;--foreground-soft: #e4e4e7;--foreground-muted: #d0d0d6;--foreground-dim: #a1a1aa;--foreground-faint: #7d7d87;--foreground-ghost: #5c5c66;--primary: #fafafa;--primary-foreground: #0a0a0c;--primary-hover: #e4e4e7;--accent: #ff5722;--accent-hover: #ff7043;--accent-foreground: #18181b;--accent-surface: #2b1108;--accent-border: #5c2413;--accent-text: #ff8a61;--success: #22c55e;--success-bright: #ffffff;--success-track: #16a34a;--success-surface: #0d2416;--success-border: #1a4d2e;--success-foreground: #86efac;--danger: #dc2626;--danger-surface: #2b0f0f;--danger-border: #4d1c1c;--danger-foreground: #fca5a5;--scrim: rgba(0, 0, 0, .55);--scrim-strong: rgba(0, 0, 0, .62);--scrim-heavy: rgba(0, 0, 0, .75);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4), 0 8px 16px -4px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .4), 0 16px 40px -8px rgba(0, 0, 0, .6);--shadow-preview: 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 32px -8px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--csstools-color-scheme--light: ;color-scheme:dark;--background: #0a0a0c;--surface: #141417;--surface-hover: #1d1d22;--surface-sunken: #08080a;--border-subtle: #1e1e24;--border: #2a2a31;--border-strong: #3d3d46;--foreground: #fafafa;--foreground-soft: #e4e4e7;--foreground-muted: #d0d0d6;--foreground-dim: #a1a1aa;--foreground-faint: #7d7d87;--foreground-ghost: #5c5c66;--primary: #fafafa;--primary-foreground: #0a0a0c;--primary-hover: #e4e4e7;--accent: #ff5722;--accent-hover: #ff7043;--accent-foreground: #18181b;--accent-surface: #2b1108;--accent-border: #5c2413;--accent-text: #ff8a61;--success: #22c55e;--success-bright: #ffffff;--success-track: #16a34a;--success-surface: #0d2416;--success-border: #1a4d2e;--success-foreground: #86efac;--danger: #dc2626;--danger-surface: #2b0f0f;--danger-border: #4d1c1c;--danger-foreground: #fca5a5;--scrim: rgba(0, 0, 0, .55);--scrim-strong: rgba(0, 0, 0, .62);--scrim-heavy: rgba(0, 0, 0, .75);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4), 0 8px 16px -4px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .4), 0 16px 40px -8px rgba(0, 0, 0, .6);--shadow-preview: 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 32px -8px rgba(0, 0, 0, .6)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 1ms;--transition: 1ms;--transition-slow: 1ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:padding-box;border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--foreground-ghost);background-clip:padding-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.site-menu{animation:none}.preview-progress.loading:after{animation:none;width:100%;opacity:.4}.typing-dots span{animation:none;opacity:.6}}body.login{display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--background)}body.login .card{width:100%;max-width:380px;padding:2rem;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-md)}body.login h1{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--foreground)}body.login .subtitle{margin-top:.4rem;font-size:.9375rem;line-height:1.55;color:var(--foreground-faint)}body.login form{margin-top:1.5rem;display:flex;flex-direction:column;gap:.4rem}body.login label{font-size:.75rem;font-weight:600;color:var(--foreground-muted)}body.login input{height:38px;padding:0 .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--foreground);font:inherit;font-size:.875rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}body.login input::-moz-placeholder{color:var(--foreground-ghost)}body.login input::placeholder{color:var(--foreground-ghost)}body.login input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent)}body.login button{margin-top:.6rem;height:38px;border:none;border-radius:var(--radius-md);background:var(--primary);color:var(--primary-foreground);font:inherit;font-size:.875rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}body.login button:hover:not(:disabled){background:var(--primary-hover)}body.login button:disabled{opacity:.5;cursor:default}body.login .message{margin-top:1rem;padding:.6rem .8rem;border-radius:var(--radius-md);border:1px solid transparent;font-size:.8125rem;line-height:1.5}body.login .message.error{background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger-foreground)}body.login .message.success{background:var(--success-surface);border-color:var(--success-border);color:var(--success-foreground)}@media(min-width:768px){:root{--container-padding: 3.2rem }}@media(min-width:1367px){:root{--container-padding: 10.8rem;--gutter: 3.2rem }}