:root{--bg: #f4f6f8;--surface: #ffffff;--surface-sunken: #eef1f4;--ink: #1f2933;--ink-secondary: #4b5965;--border-control: #74818b;--divider: #d5dce0;--accent: #355f89;--accent-hover: #2b4d70;--accent-ink: #ffffff;--error: #a12828;--error-surface: #fdf2f2;--success: #24613b;--success-surface: #f1f8f3;--warning-ink: #805000;--warning-surface: #fff4d6;--mark-repeat: #a1442b;--focus-ring: #1d4ed8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-control: 6px;--radius-panel: 8px;--control-height: 36px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--duration: .14s;color-scheme:light}@media (pointer: coarse){:root{--control-height: 44px}}@media (prefers-reduced-motion: reduce){:root{--duration: 0ms}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 14px/1.45 var(--font-ui);overscroll-behavior:none}#app,.app{height:100%}.app{display:grid;grid-template-columns:1fr 288px}.fatal{padding:var(--space-5);color:var(--error)}.muted{color:var(--ink-secondary)}.small{font-size:12px;line-height:1.45}.numeric{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon{flex:none;display:block}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--accent);font-weight:600;text-decoration:underline;border:1px solid var(--border-control);border-radius:var(--radius-control);transform:translateY(calc(-100% - var(--space-4)))}.skip-link:focus{transform:none}.skip-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:where(button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-control)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-3);font:400 14px/1.2 var(--font-ui);color:var(--ink);background:var(--surface);border:1px solid var(--border-control);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--duration) ease,border-color var(--duration) ease}button:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--ink-secondary)}button:active:not(:disabled){background:var(--divider)}button:disabled{color:var(--ink-secondary);background:var(--surface-sunken);border-color:var(--divider);cursor:not-allowed}button.active,button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.active:hover:not(:disabled),button[aria-pressed=true]:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.primary:disabled{color:var(--ink-secondary);background:var(--surface-sunken);border-color:var(--divider)}button.wide{width:100%}button[aria-busy=true]{cursor:progress}.commandbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) calc(2 * var(--space-4) + 1px);padding:var(--space-2) var(--space-3);background:var(--surface);border-bottom:1px solid var(--divider);overflow:hidden}.toolgroup{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.commandbar>.toolgroup{margin-left:calc(-1 * (var(--space-4) + 1px));padding-left:var(--space-4);border-left:1px solid var(--divider)}.commandbar>.toolgroup:first-child{flex-basis:100%}.toolgroup>.group-label{font-size:12px;color:var(--ink-secondary);margin-right:var(--space-1)}.commandbar select{width:auto;min-width:168px}@media (min-width: 861px){.commandbar button{padding-inline:7px}.commandbar select{width:168px;flex:0 0 168px}}@media (min-width: 861px) and (max-width: 1280px){.commandbar>.toolgroup:nth-child(2){flex-basis:100%}}.status-region{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg);border-bottom:1px solid var(--divider)}.status-line{margin:0;min-height:20px;font-size:14px;color:var(--ink-secondary)}.status-line[data-kind=error]{color:var(--error);font-weight:600}.status-line[data-kind=success]{color:var(--success)}.notice{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--divider);border-left:3px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface);font-size:14px}.notice[hidden]{display:none}.notice h2{margin:0 0 var(--space-1);font-size:14px;font-weight:600;line-height:1.2}.notice ul{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.notice li+li{margin-top:var(--space-1)}.notice--error{border-left-color:var(--error);background:var(--error-surface)}.notice--error h2{color:var(--error)}.notice--warning{border-left-color:var(--warning-ink);background:var(--warning-surface);color:var(--warning-ink)}.notice-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.recovery-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--divider);border-left:3px solid var(--warning-ink);border-radius:var(--radius-control);background:var(--warning-surface);color:var(--warning-ink);font-size:14px}.recovery-bar.hidden{display:none}.toolbar{overflow-y:auto;padding:var(--space-3) var(--space-3) var(--space-6);background:var(--surface);border-left:1px solid var(--divider)}.brand{padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--divider)}.brand h1{margin:0;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:.01em}.brand p{margin:var(--space-1) 0 0;font-size:12px}.panel{border:0;border-bottom:1px solid var(--divider);border-radius:0;background:transparent;padding:0 0 var(--space-3);margin-bottom:var(--space-3)}.panel>summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.2;padding:var(--space-2) 0;list-style:revert}.panel>summary:hover{color:var(--accent)}.panel>*+*{margin-top:var(--space-2)}.panel>summary+*{margin-top:var(--space-1)}.button-row,.tool-grid,.pad-grid,.grid-2{display:grid;gap:var(--space-2)}.button-row{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.transform-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.transform-actions button{min-height:48px;padding:6px var(--space-2);text-align:center}.transform-actions button span{min-width:0}.transform-actions button:last-child{grid-column:1 / -1}.tool-grid{grid-template-columns:repeat(2,1fr)}.pad-grid{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:1fr 1fr}.commandbar .tool-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.field{display:block;font-size:14px;color:var(--ink)}.field-label{display:block;margin-bottom:var(--space-1);font-size:14px;font-weight:600;line-height:1.2;color:var(--ink)}.field-unit{font-weight:400;color:var(--ink-secondary)}.field-hint{display:block;margin-top:var(--space-1);font-size:12px;line-height:1.45;font-weight:400;color:var(--ink-secondary)}.field-hint[hidden]{display:none}.field-error{display:block;margin-top:var(--space-1);font-size:12px;line-height:1.45;color:var(--error);font-weight:600}.field-error[hidden]{display:none}input,select,textarea{font:400 14px/1.45 var(--font-ui);width:100%;min-height:var(--control-height);padding:0 var(--space-2);border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);transition:border-color var(--duration) ease}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--ink-secondary)}input[type=number],input[type=text]{font-variant-numeric:tabular-nums}input[type=color]{padding:2px;height:var(--control-height);cursor:pointer}input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--accent);cursor:pointer}textarea{padding:var(--space-2);resize:vertical;min-height:72px}input:disabled,select:disabled,textarea:disabled{background:var(--surface-sunken);color:var(--ink-secondary);cursor:not-allowed}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);font-size:14px;min-height:var(--control-height);cursor:pointer}.palette-grid{display:flex;flex-direction:column;gap:var(--space-1)}.swatch{display:flex;align-items:center;gap:var(--space-2);width:100%;justify-content:flex-start;text-align:left;padding:0 var(--space-2)}.swatch .swatch-chip{flex:none;width:20px;height:20px;border-radius:4px;border:1px solid var(--border-control)}.swatch .swatch-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch .swatch-symbol{flex:none;font-family:var(--font-mono);font-size:14px;color:var(--ink-secondary)}.swatch.active .swatch-symbol{color:var(--accent-ink)}.swatch.active .swatch-chip{border-color:var(--accent-ink)}.color-editor>*+*{margin-top:var(--space-2)}.licence-banner{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--divider);border-left:3px solid var(--warning-ink);border-radius:var(--radius-control);background:var(--warning-surface);color:var(--warning-ink);font-size:14px}.licence-banner[data-mode=licensed]{border-left-color:var(--success);background:var(--success-surface);color:var(--success)}.licence-banner[data-mode=locked]{border-left-color:var(--error);background:var(--error-surface);color:var(--error)}.workspace{display:grid;grid-template-rows:auto auto 1fr auto;min-width:0;min-height:0}.canvas-host{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--surface-sunken)}.chart-canvas{display:block;touch-action:none;outline:none}.chart-canvas:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.statusbar{padding:var(--space-2) var(--space-3);border-top:1px solid var(--divider);background:var(--surface);color:var(--ink-secondary);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-x:auto}@media (max-width: 1180px){.app{grid-template-columns:1fr 256px}.statusbar{white-space:normal;overflow-x:visible}}@media (max-width: 860px){.app{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:100%}.canvas-host{height:max(240px,calc(58vh - 260px))}.toolbar{max-height:42vh;border-left:none;border-top:1px solid var(--divider)}.commandbar>.toolgroup{margin-left:0;padding-left:0;border-left:none}.commandbar{gap:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-2);overflow:visible}.commandbar button{padding:0 var(--space-1);gap:var(--space-1)}.commandbar select{min-width:140px}.statusbar{white-space:normal;overflow-x:visible}}@media (max-width: 520px){.field-label,.field,.checkbox-row,button,input,select,textarea{font-size:16px}.button-row,.tool-grid{grid-template-columns:1fr}}