:root{color-scheme:dark;--color-bg: #0f172a;--color-workspace: #0b1120;--color-surface: #1e293b;--color-surface-raised: #26344a;--color-surface-subtle: #162036;--color-border: #475569;--color-border-strong: #64748b;--color-text: #e2e8f0;--color-text-strong: #f8fafc;--color-text-muted: #a8b3c5;--color-accent: #5f64e8;--color-accent-hover: #818cf8;--color-accent-text: #ffffff;--color-danger: #fb7185;--color-danger-text: #fecdd3;--color-success: #34d399;--color-warning: #fbbf24;--color-focus: #a5b4fc;--color-overlay: rgba(2, 6, 23, .78);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--shadow-dialog: 0 24px 80px rgba(0, 0, 0, .55);--z-dropdown: 1000;--z-drawer: 1200;--z-dialog: 2000;--z-toast: 2200;--focus-ring: 0 0 0 3px var(--color-bg), 0 0 0 6px var(--color-focus);--target-size: 44px;--motion-fast: .12s;--motion-normal: .2s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}a{color:inherit}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-focus)!important;outline-offset:3px!important;box-shadow:var(--focus-ring)}:where([aria-invalid=true]):not(:focus){outline:2px solid var(--color-danger);outline-offset:1px}.skip-link{position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);z-index:calc(var(--z-toast) + 1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-text-strong);color:var(--color-bg);font-weight:800;text-decoration:none;transform:translateY(calc(-100% - var(--space-6)))}.skip-link:focus-visible{transform:translateY(0)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ui-button,.ui-icon-button,.ui-tab,.ui-toggle-button,.ui-menu-item{min-height:var(--target-size);touch-action:manipulation}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem 1rem;background:var(--color-surface);color:var(--color-text);font-weight:650}.ui-button[data-variant=primary]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-text)}.ui-button[data-variant=danger]{border-color:var(--color-danger);background:#be123c;color:#fff}.ui-button[data-variant=ghost]{background:transparent}.ui-icon-button{display:inline-flex;width:var(--target-size);min-width:var(--target-size);align-items:center;justify-content:center;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted)}.ui-field{display:grid;gap:var(--space-2)}.ui-field-label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700}.ui-field-control{min-height:var(--target-size);width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem .75rem;background:var(--color-bg);color:var(--color-text)}.ui-field-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.5}.ui-field-error{color:var(--color-danger-text);font-size:var(--font-size-xs);line-height:1.5}.editor-control-field{margin-bottom:var(--space-3)}.editor-drawer-close{align-self:flex-end;flex:0 0 auto;margin:var(--space-2)}.editor-drawer-layer{position:absolute;inset:0;z-index:var(--z-drawer);pointer-events:none}.editor-drawer-backdrop{position:absolute;inset:0;z-index:0;width:100%;border:0;border-radius:0;background:#0206178c;pointer-events:auto}.editor-drawer-layer>aside{z-index:1!important}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}}.ui-dialog-backdrop{position:fixed;inset:0;z-index:var(--z-dialog);display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ui-dialog-surface{width:min(32rem,100%);max-height:calc(100dvh - 3rem);overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-dialog)}.ui-menu-item{display:flex;width:100%;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);text-align:start}.ui-menu-item:is(:hover,:focus-visible){background:var(--color-surface-subtle)}.ui-tab[aria-selected=true],.ui-toggle-button[aria-pressed=true]{color:var(--color-text-strong)}[inert]{pointer-events:none;-webkit-user-select:none;user-select:none}@media(pointer:coarse){:where(button,[role=button],input:not([type=checkbox]):not([type=radio]),select){min-width:var(--target-size);min-height:var(--target-size)}:where(a[href]){text-underline-offset:.2em}}.editor-print-pages{display:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:6px;border:2px solid #0f172a}::-webkit-scrollbar-thumb:hover{background:#475569}*{scrollbar-width:thin;scrollbar-color:#334155 #0f172a}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-normal: 0ms}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(forced-colors:active){:root{--color-border: ButtonText;--color-focus: Highlight;--color-text: CanvasText;--color-text-strong: CanvasText;--color-text-muted: CanvasText;--color-bg: Canvas;--color-surface: Canvas;--color-surface-subtle: Canvas}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid Highlight!important;box-shadow:none}button,[role=button],[role=tab],[role=menuitem],input,select,textarea{border:1px solid ButtonText!important;forced-color-adjust:auto}[aria-selected=true],[aria-pressed=true],[aria-current=true]{outline:2px solid Highlight;outline-offset:-3px}}
