:root{--blue-50: #e9f6fc;--blue-100: #cdeafa;--blue-200: #9fd8f1;--blue-300: #66c2e8;--blue-400: #38b0e1;--blue-500: #1ba1dc;--blue-600: #1582b3;--blue-700: #126a93;--blue-800: #0e5e82;--blue-900: #0b475f;--cyan-paper: #eef8fe;--cyan-line: #c3e3f5;--cyan-edge: #9fd0ec;--slate-0: #ffffff;--slate-25: #f9fbfc;--slate-50: #f4f6f8;--slate-100: #eef2f5;--slate-150: #e6ebef;--slate-200: #d8dee4;--slate-300: #c2cbd3;--slate-400: #9aa6b2;--slate-500: #6b7785;--slate-600: #5b6a77;--slate-700: #33424f;--slate-800: #1b2530;--slate-900: #10212e;--slate-950: #0f1117;--pallet-wood: #d8d8d8;--box-blue: #1ba1dc;--box-seam: #0e5e82;--green-500: #1f9d57;--green-50: #e7f6ee;--amber-500: #d9870b;--amber-50: #fdf3e0;--red-500: #d2433a;--red-50: #fbecea;--surface-app: var(--slate-50);--surface-canvas: var(--slate-100);--surface-card: var(--slate-0);--surface-sunken: var(--slate-50);--surface-hover: #f0f3f6;--border-subtle: var(--slate-150);--border-default: var(--slate-200);--border-strong: var(--slate-300);--text-primary: var(--slate-800);--text-secondary: var(--slate-500);--text-muted: var(--slate-400);--text-inverse: #ffffff;--text-link: var(--blue-600);--accent: var(--blue-500);--accent-hover: var(--blue-600);--accent-press: var(--blue-700);--accent-contrast: #ffffff;--accent-soft: var(--blue-50);--focus-ring: var(--blue-500);--grid-line: var(--cyan-line);--grid-paper: var(--cyan-paper)}[data-theme=dark],.theme-dark{--surface-app: #0f1117;--surface-canvas: #14181f;--surface-card: #1a1f27;--surface-sunken: #12161d;--surface-hover: #232a34;--border-subtle: #232a34;--border-default: #2c343f;--border-strong: #3a4350;--text-primary: #e7ecf1;--text-secondary: #9aa6b2;--text-muted: #6b7785;--text-inverse: #0f1117;--text-link: var(--blue-300);--accent: var(--blue-400);--accent-hover: var(--blue-300);--accent-press: var(--blue-500);--accent-contrast: #07232f;--accent-soft: #11303f;--focus-ring: var(--blue-300);--grid-line: #1f3340;--grid-paper: #0e1820}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 32px;--text-4xl: 40px;--text-5xl: 56px;--text-6xl: 72px;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--tracking-label: .06em;--tracking-wide: .18em;--tracking-normal: 0;--type-eyebrow-size: var(--text-2xs);--type-eyebrow-weight: var(--weight-semibold);--type-label-size: var(--text-2xs);--type-body-size: var(--text-sm);--type-heading-size: var(--text-xl)}:root{--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-10: 20px;--space-12: 24px;--space-16: 32px;--space-20: 40px;--space-24: 48px;--space-32: 64px;--radius-xs: 4px;--radius-sm: 5px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 999px;--topbar-height: 56px;--sidebar-width: 330px;--panel-pad: 14px;--control-height: 32px;--tap-min: 44px;--border-width: 1px;--border-width-strong: 2px;--focus-width: 2px}:root{--shadow-none: none;--shadow-xs: 0 1px 2px rgba(16, 33, 46, .06);--shadow-sm: 0 1px 3px rgba(16, 33, 46, .08), 0 1px 2px rgba(16, 33, 46, .04);--shadow-md: 0 4px 12px rgba(16, 33, 46, .1), 0 1px 3px rgba(16, 33, 46, .06);--shadow-lg: 0 12px 32px rgba(16, 33, 46, .14), 0 3px 8px rgba(16, 33, 46, .08);--shadow-popover: 0 8px 24px rgba(16, 33, 46, .16);--shadow-inset: inset 0 1px 2px rgba(16, 33, 46, .06);--ring-focus: 0 0 0 2px var(--surface-card), 0 0 0 4px var(--focus-ring);--blueprint-cell: 24px;--blueprint-bg: linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / var(--blueprint-cell) var(--blueprint-cell), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / var(--blueprint-cell) var(--blueprint-cell);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .26s;--transition-control: background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard)}html,body{margin:0}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-app);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tabular,.mono{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:1px}:root{--bg: var(--surface-app);--panel: var(--surface-card);--border: var(--border-default);--text: var(--text-primary);--muted: var(--text-secondary);--accent-dark: var(--accent-hover);font-family:var(--font-sans);color:var(--text-primary)}*{box-sizing:border-box}html,body{margin:0;height:100%}#app{display:flex;flex-direction:column;height:100vh}#topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 18px;background:var(--panel);border-bottom:1px solid var(--border);flex:0 0 auto}#topbar .brand{display:flex;align-items:center}#topbar .brand .wordmark{height:34px;display:block}#topbar .brand .wordmark-dark,[data-theme=dark] #topbar .brand .wordmark-light{display:none}[data-theme=dark] #topbar .brand .wordmark-dark{display:block}#topbar .actions{display:flex;align-items:center;gap:8px}.btn-icon{width:32px;padding:0;font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center}#main{display:flex;flex:1 1 auto;min-height:0}#sidebar{width:330px;flex:0 0 330px;overflow-y:auto;padding:14px;background:var(--bg);border-right:1px solid var(--border)}#canvas-wrap{flex:1 1 auto;min-width:0;position:relative;background:var(--slate-100)}#canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:12px}.panel .panel{border:none;padding:0;margin:0 0 16px}.panel h2{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13px}.row>span{flex:1 1 auto;color:var(--text)}.row input[type=number],.row input[type=text]{width:110px}.row input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.row input[type=color]{width:44px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;background:none}.row-check{justify-content:flex-start}.row-check>span{flex:0 1 auto}input,select{font:inherit;font-size:13px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:5px 7px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.btn{font:inherit;font-size:13px;font-weight:500;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:7px 12px;cursor:pointer;transition:var(--transition-control)}.btn:hover{background:var(--surface-hover)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent-dark);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-dark)}.btn-block{display:block;width:100%;margin-top:4px}.select{width:100%;margin-bottom:10px}.preset-row{display:flex;gap:6px;margin-bottom:8px}.preset-row .text{flex:1 1 auto}.preset-row .btn{flex:0 0 auto;padding:6px 10px}.preset-status{font-size:12px;color:var(--muted);min-height:16px;margin-top:2px}.auth{position:relative}.auth-trigger.signed-in{border-color:var(--accent);color:var(--accent-dark)}.auth-panel{position:absolute;top:calc(100% + 8px);right:0;width:244px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;box-shadow:var(--shadow-popover);z-index:50;display:flex;flex-direction:column;gap:8px}.auth-panel[hidden]{display:none}.auth-panel .text{width:100%}.auth-who{font-size:13px;font-weight:600;word-break:break-all;padding-bottom:4px}.auth-err{font-size:12px;color:var(--red-500);min-height:14px}table.details{width:100%;border-collapse:collapse;font-size:13px}table.details th{text-align:left;font-weight:400;color:var(--muted);padding:5px 0;border-bottom:1px solid #eef1f4}table.details td{text-align:right;font-weight:600;padding:5px 0;border-bottom:1px solid #eef1f4}