:root{--color-bg: #f4f6f2;--color-surface: #ffffff;--color-surface-muted: #eef2ec;--color-surface-sunken: #e4e9e3;--color-paper: #ffffff;--color-border: #d5ddd6;--color-border-strong: #7c8a82;--color-text: #192923;--color-text-muted: #53635b;--color-primary: #1f6b4f;--color-primary-hover: #185a42;--color-primary-subtle: #e3f1e9;--color-on-primary: #ffffff;--color-danger: #a3361f;--color-danger-hover: #8a2d19;--color-danger-subtle: #fbeeea;--color-warning: #7a4b00;--color-warning-subtle: #fdf1dc;--color-focus: #a14b12;--color-backdrop: rgb(25 41 35 / 45%);--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--leading-xs: 1rem;--text-sm: .875rem;--leading-sm: 1.25rem;--text-md: 1rem;--leading-md: 1.5rem;--text-lg: 1.125rem;--leading-lg: 1.5rem;--text-2xl: 1.75rem;--leading-2xl: 2.25rem;--space-half: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--control-h: 2.25rem;--control-h-sm: 2rem;--appbar-h: 3.5rem;--strip-w: 8.5rem;--inspector-w: 18rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 999px;--shadow-page: 0 1px 4px rgb(0 0 0 / 20%);--shadow-sm: 0 1px 2px rgb(25 41 35 / 8%);--shadow-md: 0 4px 16px rgb(25 41 35 / 14%);--shadow-lg: 0 16px 48px rgb(25 41 35 / 22%);--shadow-up: 0 -2px 8px rgb(25 41 35 / 10%);--duration-fast: .12s;--duration-base: .2s;--ease-out: cubic-bezier(.2, .8, .2, 1);color-scheme:light;accent-color:var(--color-primary);font-family:var(--font-sans);line-height:var(--leading-md);color:var(--color-text);background:var(--color-bg);font-synthesis:none}@media(pointer:coarse){:root{--control-h: 2.75rem;--control-h-sm: 2.75rem}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}@media(max-width:47.99rem){:root{--appbar-h: 3.25rem}}@media(min-width:80rem){:root{--strip-w: 9.5rem;--inspector-w: 22rem}}html{scroll-padding-top:var(--appbar-h)}.workbench *{scroll-margin-bottom:var(--docked-h, 0px)}.workbench .dock *{scroll-margin-bottom:0}@media(max-width:47.99rem){.workbench .canvas *{scroll-margin-top:calc(var(--control-h) + var(--space-3))}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0}h1{font-size:var(--text-2xl);line-height:var(--leading-2xl);font-weight:700;letter-spacing:-.01em}h2{font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:600}h3{font-size:var(--text-md);line-height:var(--leading-md);font-weight:600}legend{font-weight:600}summary{cursor:pointer}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button,a.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}button:not(:disabled):hover,a.button:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}button:not(:disabled):active,a.button:active{background:var(--color-surface-sunken)}button:disabled{cursor:not-allowed;opacity:.55}button.primary,a.button.primary{padding:0 var(--space-4);border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);font-weight:600}button.primary:not(:disabled):hover,button.primary:not(:disabled):active,a.button.primary:hover,a.button.primary:active{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}button.quiet{border-color:transparent;background:transparent}button.quiet:not(:disabled):hover{border-color:transparent;background:var(--color-surface-muted)}button.danger{color:var(--color-danger)}button.danger:not(:disabled):hover{border-color:var(--color-danger);background:var(--color-danger-subtle)}button.quiet.danger:not(:disabled):hover{border-color:transparent}button.primary.danger{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-on-primary)}button.primary.danger:not(:disabled):hover{border-color:var(--color-danger-hover);background:var(--color-danger-hover)}button.icon{width:var(--control-h);padding:0}button[aria-pressed=true],button[aria-pressed=true]:not(:disabled):hover{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.toolbar{display:flex;align-items:center;gap:var(--space-1)}.toolbar-divider{flex:none;align-self:center;width:1px;height:1.25rem;margin:0 var(--space-1);border:0;background:var(--color-border)}[data-tooltip]{position:relative}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;z-index:30;top:calc(100% + var(--space-1));left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-surface);box-shadow:var(--shadow-md);font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:500;white-space:nowrap;pointer-events:none;animation:tooltip-in var(--duration-fast) var(--ease-out) .4s both}@keyframes tooltip-in{0%{opacity:0}}@media(hover:none){[data-tooltip]:after{display:none}}.badge{display:inline-flex;align-items:center;min-width:1.25rem;justify-content:center;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:600;font-variant-numeric:tabular-nums}.badge.danger{background:var(--color-danger);color:var(--color-on-primary)}input:not([type=radio],[type=checkbox],[type=file]),select,textarea{min-height:var(--control-h);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);line-height:var(--leading-md);font-weight:400;transition:border-color var(--duration-fast) var(--ease-out)}input:not([type=radio],[type=checkbox],[type=file]):hover,select:hover,textarea:hover{border-color:var(--color-text-muted)}input[type=radio],input[type=checkbox]{width:1.125rem;height:1.125rem;margin:0}fieldset.segmented{min-width:0;margin:0;padding:0;border:none}fieldset.segmented>legend{margin-bottom:var(--space-1);padding:0;font-size:var(--text-sm);line-height:var(--leading-sm)}.segments{display:flex;max-width:100%}.segments>label{position:relative;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:500;text-align:center;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segments>label+label{margin-left:-1px}.segments>label:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.segments>label:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.segments>label:hover{background:var(--color-surface-muted)}.segments>label>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.segments>label:has(input:checked){z-index:1;border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);font-weight:600}.segments>label:has(input:focus-visible){z-index:2;outline:2px solid var(--color-focus);outline-offset:2px}.hint{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-sm)}.notice{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);font-size:var(--text-sm);line-height:var(--leading-sm)}.notice.warning{background:var(--color-warning-subtle);color:var(--color-warning)}.notice.error{background:var(--color-danger-subtle);color:var(--color-danger)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(forced-colors:active){button[aria-pressed=true],.segments>label:has(input:checked){outline:2px solid Highlight;outline-offset:-4px}.badge.danger{forced-color-adjust:none;background:Mark;color:MarkText}}