:root{--surface-0:#fff;--surface-1:#f9f8fb;--surface-2:#f1f0f4;--surface-3:#e8e6ec;--bg:var(--surface-0);--panel-bg:var(--surface-1);--code-bg:var(--surface-2);--text-h:#000;--text:#000000b3;--text-tertiary:#00000073;--text-label:var(--text-tertiary);--border:#e5e4e7;--border-strong:#cfccd4;--accent:#2f6fed;--accent-bg:#2f6fed1a;--accent-border:#2f6fed73;--accent-contrast:#fff;--shadow:0 1px 2px #0000001f, 0 4px 10px -6px #00000038;--ok-text:#157347;--ok-bg:#1573471a;--ok-border:#15734759;--warning-text:#a05a00;--warning-bg:#a05a001f;--warning-border:#a05a0066;--danger-text:#b3261e;--danger-bg:#b3261e1a;--danger-border:#b3261e59;--empty-text:#0369a1;--empty-bg:#0369a11a;--empty-border:#0369a159;--state-hover:#0b09100b;--state-active:#0b091014;--state-selected-bg:var(--accent-bg);--state-selected-border:var(--accent);--state-disabled-opacity:.42;--focus-ring:0 0 0 2px var(--accent-bg), 0 0 0 1px var(--accent);--transition-fast:90ms ease-out;--backdrop:#0000008c;--space-1:1px;--space-2:2px;--space-3:4px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:24px;--text-work-size:11px;--text-label-size:9px;--leading-work:16px;--leading-label:14px;--text-2xs:var(--text-label-size);--text-xs:var(--text-label-size);--text-sm:var(--text-work-size);--text-md:var(--text-work-size);--text-base:var(--text-work-size);--text-lg:var(--text-work-size);--text-xl:var(--text-work-size);--leading-tight:var(--leading-label);--leading-normal:var(--leading-work);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--radius-sm:2px;--radius-md:3px;--radius-lg:5px;--radius-full:50%;--control-height-sm:22px;--control-height-md:26px;--control-height-lg:30px;--control-gutter:18px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--surface-0:#242424;--surface-1:#2c2c2c;--surface-2:#383838;--surface-3:#444;--text-h:#fff;--text:#ffffffb3;--text-tertiary:#ffffff73;--border:var(--surface-2);--border-strong:var(--surface-3);--accent:#5b8def;--accent-bg:#5b8def29;--accent-border:#5b8def80;--shadow:0 1px 2px #00000080, 0 4px 10px -6px #0009;--ok-text:#4ade80;--ok-bg:#4ade801f;--ok-border:#4ade8059;--warning-text:#fbbf24;--warning-bg:#fbbf241f;--warning-border:#fbbf2459;--danger-text:#f87171;--danger-bg:#f871711f;--danger-border:#f8717159;--empty-text:#38bdf8;--empty-bg:#38bdf824;--empty-border:#38bdf866;--state-hover:#ffffff0f;--state-active:#ffffff1a}}:root{font:var(--text-base)/var(--leading-normal) var(--sans);letter-spacing:.01px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-h);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}p{margin:0}button{font-family:inherit}code{font-family:var(--mono);border-radius:var(--radius-lg);color:var(--text-h);font-size:var(--text-sm);background:var(--code-bg);padding:1px 5px}.confirm-dialog__backdrop{background:var(--backdrop);z-index:1200;box-sizing:border-box;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:360px;max-width:100%;box-shadow:var(--shadow);padding:var(--space-5);box-sizing:border-box;gap:var(--space-4);flex-direction:column;display:flex}.confirm-dialog__title{font-size:var(--text-lg);color:var(--text-h);margin:0}.confirm-dialog__message{font-size:var(--text-sm);color:var(--text);margin:0;line-height:1.5}.confirm-dialog__dont-ask{font-size:var(--text-sm);color:var(--text);align-items:center;gap:6px;display:flex}.confirm-dialog__dont-ask input{accent-color:var(--accent)}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.confirm-dialog__cancel,.confirm-dialog__confirm{border-radius:var(--radius-lg);font:inherit;font-size:var(--text-sm);cursor:pointer;padding:7px 14px}.confirm-dialog__cancel{border:1px solid var(--border);background:var(--panel-bg);color:var(--text-h)}.confirm-dialog__cancel:hover{background:var(--state-hover)}.confirm-dialog__confirm{border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text-h)}.confirm-dialog__confirm:hover{filter:brightness(.95)}.confirm-dialog__confirm--danger{border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.confirm-dialog__confirm--danger:hover{filter:brightness(.95)}:root{--help-demo-reference:var(--accent)}@media (prefers-color-scheme:dark){:root{--help-demo-reference:#7fa8ff}}.help-demo{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);flex-direction:column;gap:4px;display:flex}.help-demo--standalone{border-top:none;margin-top:0;padding-top:0}.help-demo__pair,.help-demo--options .help-demo__grid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.help-demo__arrow{color:var(--text-tertiary);font-size:var(--text-sm);flex-shrink:0;line-height:1}.help-demo__column{flex-direction:column;flex:none;gap:6px;display:flex}.help-demo__frame-wrap{box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--code-bg);line-height:0;display:block}.help-demo__frame-wrap--current{border-width:1.5px;border-color:var(--accent)}.help-demo__frame{display:block}.help-demo__baseline{stroke:var(--text-h);stroke-width:1.25px;vector-effect:non-scaling-stroke}.help-demo__reference-line{stroke:var(--help-demo-reference);stroke-width:2px;vector-effect:non-scaling-stroke}.help-demo__reference-dot{fill:var(--help-demo-reference)}.help-demo__bounds{fill:none;stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.help-demo__caption{font-size:var(--text-sm);line-height:var(--leading-work);color:var(--text);text-align:left;margin:0}.help-demo__caption--current{color:var(--text-h)}.help-demo__caption-title{color:var(--text-h);font-weight:var(--weight-semibold)}:root{--hint-text:12px;--hint-leading:17px;--hint-note:11px;--hint-note-leading:15px}.help-tip-trigger{border-radius:var(--radius-full);border:1px solid var(--border);width:14px;height:14px;color:var(--text);font-size:var(--text-xs);cursor:pointer;vertical-align:middle;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.help-tip-trigger:hover{border-color:var(--border-strong);color:var(--text-h)}.help-tip-trigger[aria-expanded=true]{background:var(--state-active);border-color:var(--border-strong);color:var(--text-h)}.help-tip-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.help-tip-popover{z-index:1000;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:300px;box-shadow:var(--shadow);box-sizing:border-box;flex-direction:column;gap:8px;padding:10px 30px 10px 12px;display:flex;position:fixed}.help-tip-popover__intro{flex-direction:column;gap:1px;display:flex}.help-tip-popover__title{font-size:var(--hint-text);line-height:var(--hint-leading);color:var(--text-h);font-weight:var(--weight-semibold);margin:0}.help-tip-popover__definition{font-size:var(--hint-text);line-height:var(--hint-leading);color:var(--text);margin:0}.help-tip-popover__section{flex-direction:column;gap:3px;display:flex}.help-tip-popover__label{font-size:var(--text-xs);line-height:var(--leading-label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.help-tip-popover__options{grid-template-columns:62px minmax(0,1fr);align-items:start;gap:3px 10px;display:grid}.help-tip-popover__option-name{align-items:center;gap:5px;display:flex}.help-tip-popover__option-title{font-size:var(--hint-text);line-height:var(--hint-leading);color:var(--text-h);font-weight:var(--weight-semibold)}.help-tip-popover__option-effect{font-size:var(--hint-text);line-height:var(--hint-leading);color:var(--text-h)}.help-tip-popover__option-dot{border-radius:var(--radius-full);background:var(--accent);flex-shrink:0;width:5px;height:5px;display:inline-block}.help-tip-popover__note-group{flex-direction:column;gap:2px;display:flex}.help-tip-popover__note{font-size:var(--hint-note);line-height:var(--hint-note-leading);color:var(--text-tertiary);margin:0}.help-tip-popover__close{color:var(--text);font-size:var(--text-base);cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:none;padding:3px 6px;line-height:1;position:absolute;top:5px;right:5px}.help-tip-popover__close:hover{background:var(--code-bg);color:var(--text-h)}.help-tip-popover__close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.numeric-field{font-size:var(--text-sm);flex-direction:column;gap:3px;display:flex}.numeric-field__label-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.numeric-field__label{color:var(--text-label);font-size:var(--text-xs);line-height:var(--leading-label);align-items:center;gap:5px;font-weight:500;display:flex}.numeric-field__reset{color:var(--text);border-radius:var(--radius-lg);width:18px;height:18px;line-height:1;font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0}.numeric-field__reset:hover:not(:disabled){background:var(--code-bg);color:var(--text-h);border-color:var(--border)}.numeric-field__reset:disabled{opacity:.3;cursor:not-allowed}.numeric-field__row{align-items:center;gap:6px;display:flex}.numeric-field__row input[type=range]{min-width:0;accent-color:var(--accent);flex:auto}.numeric-field__number{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:58px;color:var(--text-h);font-size:var(--text-sm);font-family:var(--mono);flex-shrink:0;padding:3px 5px}.numeric-field__unit{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text);flex-shrink:0}.numeric-field--prefixed{gap:0}.numeric-field__prefix-row{align-items:center;gap:var(--space-2);display:flex}.numeric-field__prefix-field{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-width:0;padding:0 var(--space-3);height:var(--control-height-md);box-sizing:border-box;flex:auto;display:flex}.numeric-field__prefix{font-size:var(--text-xs);line-height:var(--leading-label);font-family:var(--mono);color:var(--text-tertiary);flex-shrink:0}.numeric-field--prefixed .numeric-field__number{background:0 0;border:none;flex:auto;width:auto;min-width:0;padding:0}.numeric-field--prefixed .numeric-field__unit{flex-shrink:0}.reference-card{z-index:1000;box-sizing:border-box;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:600px;box-shadow:var(--shadow);color:var(--text-h);flex-direction:column;gap:10px;padding:10px 30px 10px 12px;display:flex;position:fixed}.reference-card__intro{flex-direction:column;gap:2px;display:flex}.reference-card__title{font-size:var(--text-sm);line-height:var(--leading-work);color:var(--text-h);font-weight:var(--weight-semibold);margin:0}.reference-card__definition{font-size:var(--text-sm);line-height:var(--leading-work);color:var(--text);margin:0}.reference-card__intro-figure{margin-top:2px}.reference-card__group{flex-direction:column;gap:4px;display:flex}.reference-card__group-header{align-items:center;gap:8px;display:flex}.reference-card__group-label{font-size:var(--text-sm);line-height:var(--leading-work);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}.reference-card__group-rule{background:var(--border);flex:1;height:1px}.reference-card__group-summary{font-size:var(--text-sm);line-height:var(--leading-work);color:var(--text-tertiary);text-transform:none;letter-spacing:normal;white-space:nowrap}.reference-card__rows{grid-template-columns:200px 120px minmax(0,1fr);align-items:center;gap:10px;display:grid}.reference-card__frame-cell{display:flex}.reference-card__h{font-size:var(--text-sm);line-height:var(--leading-work);color:var(--text-h);font-weight:var(--weight-semibold)}.reference-card__consequence{font-size:var(--text-sm);line-height:var(--leading-work);color:var(--text-h)}.reference-card__note{font-size:var(--text-sm);line-height:var(--leading-work);color:var(--text-tertiary);margin:0}.reference-card__close{color:var(--text);font-size:var(--text-base);cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:none;padding:3px 6px;line-height:1;position:absolute;top:5px;right:5px}.reference-card__close:hover{background:var(--code-bg);color:var(--text-h)}.reference-card__close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.type-legend{flex-shrink:0;width:168px;height:100px}.type-legend__svg{display:block;overflow:visible}.type-legend__line{stroke-width:1.5px;vector-effect:non-scaling-stroke}.type-legend__line--descender{stroke:var(--border-strong);stroke-dasharray:2 2}.type-legend__line--cap-height,.type-legend__label--cap-height{stroke:var(--accent);fill:var(--accent)}.type-legend__line--x-height,.type-legend__label--x-height{stroke:var(--empty-text);fill:var(--empty-text)}.type-legend__line--baseline,.type-legend__label--baseline{stroke:var(--ok-text);fill:var(--ok-text)}.type-legend__glyphs{fill:var(--text);font-family:var(--sans);font-weight:var(--weight-semibold)}.type-legend__label{font-size:var(--text-sm);font-family:var(--mono);dominant-baseline:middle;font-weight:600}.segmented-control{gap:var(--space-1);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-1);flex-wrap:wrap;display:flex}.segmented-control__option{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);color:var(--text-h);height:var(--control-height-sm);padding:0 var(--space-3);cursor:pointer;font-size:var(--text-xs);line-height:var(--leading-label);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1.5px solid #0000;flex:auto;font-weight:400;display:flex}.segmented-control__option:hover:not(:disabled):not(.segmented-control__option--active){background:var(--state-hover);color:var(--text-h)}.segmented-control__option--active{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-h);font-weight:600}.segmented-control__option:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.segmented-control__option:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.segmented-control__icon{flex-shrink:0}.controls-panel{gap:var(--space-4);flex-direction:column;display:flex}.controls-panel__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.controls-panel h2{font-size:var(--text-md);text-transform:uppercase;letter-spacing:.04em;margin:0}.controls-panel__reset-all{font-size:var(--text-xs);line-height:var(--leading-label);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-lg);cursor:pointer;background:0 0;padding:4px 8px}.controls-panel__reset-all:hover:not(:disabled){color:var(--text-h);background:var(--state-hover)}.controls-panel__reset-all:disabled{opacity:.35;cursor:not-allowed}.controls-panel__field{font-size:var(--text-sm);flex-direction:column;gap:5px;display:flex}.controls-panel__label{color:var(--text-label);font-size:var(--text-xs);line-height:var(--leading-label);align-items:center;gap:5px;font-weight:500;display:flex}.controls-panel__group{gap:var(--space-4);flex-direction:column;display:flex}.controls-panel__group+.controls-panel__group{border-top:1px solid var(--border);padding-top:var(--space-5);margin-top:var(--space-1)}.controls-panel__group-title{font-size:var(--text-2xs);line-height:var(--leading-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);justify-content:space-between;align-items:center;margin:0;font-weight:600;display:flex}.controls-panel__hint{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text);opacity:.85;margin:-2px 0 0}.controls-panel__checkbox{font-size:var(--text-sm);color:var(--text-h);align-items:center;gap:6px;font-weight:500;display:flex;position:relative}.controls-panel__checkbox input{accent-color:var(--accent)}.controls-panel__background{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.controls-panel__swatch{border-radius:var(--radius-full);border:1px solid var(--border);cursor:pointer;width:22px;height:22px;padding:0}.controls-panel__swatch--active{outline:2px solid var(--accent);outline-offset:1px}.controls-panel__swatch--checkerboard{background-color:var(--code-bg);background-image:linear-gradient(45deg, var(--border-strong) 25%, transparent 25%), linear-gradient(-45deg, var(--border-strong) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border-strong) 75%), linear-gradient(-45deg, transparent 75%, var(--border-strong) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.controls-panel__background-note{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text);margin:4px 0 0}.controls-panel__background input[type=color]{border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;background:0 0;width:22px;height:22px;padding:0;overflow:hidden}.controls-panel__background-value{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text)}.controls-panel__tiers{flex-direction:column;gap:8px;display:flex}.banner{font-size:var(--text-xs);line-height:var(--leading-label);border-radius:var(--radius-lg);border:1px solid #0000;align-items:flex-start;gap:6px;margin:0;padding:6px 8px;display:flex}.banner--error{color:var(--danger-text);background:var(--danger-bg);border-color:var(--danger-border)}.banner--warning{color:var(--warning-text);background:var(--warning-bg);border-color:var(--warning-border)}.banner--notice{color:var(--text-h);background:var(--empty-bg);border-color:var(--empty-border)}.banner__text{flex:auto}.banner__dismiss{color:inherit;font-size:var(--text-md);cursor:pointer;opacity:.75;background:0 0;border:none;flex-shrink:0;padding:0 2px;line-height:1}.banner__dismiss:hover{opacity:1}.drop-zone{border:1.5px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);text-align:center;cursor:pointer;background:var(--panel-bg);transition:border-color var(--transition-fast), background var(--transition-fast)}.drop-zone:hover,.drop-zone:focus-visible{border-color:var(--border-strong);background:var(--state-hover);outline:none}.drop-zone--active{border-color:var(--accent);background:var(--accent-bg)}.drop-zone__input{display:none}.drop-zone__title{font-size:var(--text-base);color:var(--text-h);margin:0 0 4px;font-weight:600}.drop-zone__hint{font-size:var(--text-sm);color:var(--text);margin:0}.drop-zone .banner{text-align:left;margin:8px 0 0}.export-panel{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.export-panel h2{font-size:var(--text-md);text-transform:uppercase;letter-spacing:.04em;margin:0}.export-panel__row{align-items:center;gap:8px;display:flex}.export-panel__row--endcard{flex-wrap:wrap}.export-panel__scale{font-size:var(--text-sm);color:var(--text-h);align-items:center;gap:6px;display:flex}.export-panel__scale select{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--text-h);font-size:var(--text-sm);padding:3px 5px}.export-panel__row button{font-size:var(--text-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-h);border-radius:var(--radius-lg);cursor:pointer;flex:auto;padding:7px 10px;font-weight:500}.export-panel__row button:hover:not(:disabled){background:var(--state-hover);border-color:var(--border-strong)}.export-panel__row button:disabled{opacity:.5;cursor:not-allowed}.export-panel__checkbox{font-size:var(--text-sm);color:var(--text-h);align-items:center;gap:6px;display:flex}.export-panel__checkbox input{accent-color:var(--accent)}.export-panel__ask-again{font-size:var(--text-sm);color:var(--text-h);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.export-panel__ask-again:hover{color:var(--accent)}.placement-tab{gap:var(--space-4);flex-direction:column;display:flex}.placement-tab__group{gap:var(--space-3);flex-direction:column;display:flex}.placement-tab__group+.placement-tab__group{border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:var(--space-1)}.placement-tab__group-title{font-size:var(--text-2xs);line-height:var(--leading-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0;font-weight:600}.placement-tab__preview{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--code-bg);background-image:linear-gradient(45deg, var(--border-strong) 25%, transparent 25%), linear-gradient(-45deg, var(--border-strong) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border-strong) 75%), linear-gradient(-45deg, transparent 75%, var(--border-strong) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;flex-shrink:0;width:100%;height:160px;position:relative;overflow:hidden}.placement-tab__preview-fallback{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.placement-tab__field{font-size:var(--text-sm);flex-direction:column;gap:4px;display:flex}.placement-tab__label{color:var(--text-label);font-size:var(--text-xs);line-height:var(--leading-label);justify-content:space-between;align-items:center;font-weight:500;display:flex}.placement-tab__field-reset{color:var(--text);border-radius:var(--radius-lg);width:18px;height:18px;line-height:1;font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0}.placement-tab__field-reset:hover:not(:disabled){background:var(--code-bg);color:var(--text-h);border-color:var(--border)}.placement-tab__field-reset:disabled{opacity:.3;cursor:not-allowed}.placement-tab__field input[type=number],.placement-tab__field input[type=text],.placement-tab__field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-h);font:inherit;font-size:var(--text-sm);box-sizing:border-box;resize:vertical;width:100%;padding:5px 7px}.placement-tab__row{gap:10px;display:flex}.placement-tab__row>*{flex:1 1 0;min-width:0}.placement-tab__reset{border:1px solid var(--danger-border);color:var(--danger-text);background:var(--danger-bg);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;padding:7px 10px}.placement-tab__reset:hover{filter:brightness(.95)}.placement-tab__notes{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.placement-tab__note{align-items:center;gap:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text);display:flex}.placement-tab__note:before{content:"";border-radius:var(--radius-full);flex-shrink:0;width:5px;height:5px}.placement-tab__note--warning:before{background:var(--warning-text)}.placement-tab__note--danger:before{background:var(--danger-text)}.placement-tab__note--empty:before{background:var(--empty-text)}.kind-reference-card{z-index:1000;box-sizing:border-box;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:600px;box-shadow:var(--shadow);color:var(--text-h);flex-direction:column;gap:10px;padding:10px 30px 10px 12px;display:flex;position:fixed}.kind-reference-card__intro{flex-direction:column;gap:2px;display:flex}.kind-reference-card__title{font-size:var(--text-sm);line-height:var(--leading-work);color:var(--text-h);font-weight:var(--weight-semibold);margin:0}.kind-reference-card__definition{font-size:var(--text-sm);line-height:var(--leading-work);color:var(--text);margin:0}.kind-reference-card__group{flex-direction:column;gap:4px;display:flex}.kind-reference-card__group-header{align-items:center;gap:8px;display:flex}.kind-reference-card__group-label{font-size:var(--text-xs);line-height:var(--leading-label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}.kind-reference-card__group-rule{background:var(--border);flex:1;height:1px}.kind-reference-card__group-summary{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text-tertiary);text-transform:none;letter-spacing:normal;white-space:nowrap}.kind-reference-card__rows{grid-template-columns:72px 150px minmax(0,1fr);align-items:center;gap:6px 10px;display:grid}.kind-reference-card__mark{color:var(--text-h);display:block}.kind-reference-card__band-cap{stroke:var(--accent)}.kind-reference-card__band-x{stroke:var(--empty-text)}.kind-reference-card__band-base{stroke:var(--ok-text)}.kind-reference-card__bounds{stroke:var(--border-strong);stroke-dasharray:2 2;fill:none}.kind-reference-card__composite-divider{stroke:var(--accent)}.kind-reference-card__h{color:var(--text-h);font-weight:var(--weight-semibold)}.kind-reference-card__examples{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text-tertiary)}.kind-reference-card__consequence{font-size:var(--text-sm);line-height:var(--leading-work);color:var(--text-h)}.kind-reference-card__close{color:var(--text);font-size:var(--text-base);cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:none;padding:3px 6px;line-height:1;position:absolute;top:5px;right:5px}.kind-reference-card__close:hover{background:var(--code-bg);color:var(--text-h)}.kind-reference-card__close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.logo-inspector{background:var(--panel-bg);border-left:1px solid var(--border);width:340px;max-width:90vw;box-shadow:var(--shadow);box-sizing:border-box;z-index:50;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.logo-inspector__header{padding:var(--space-4) var(--space-5) 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.logo-inspector__scroll{min-height:0;padding:var(--space-4) var(--space-5) var(--space-5);box-sizing:border-box;gap:var(--space-4);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.logo-inspector__stepper{flex-shrink:0;align-items:center;gap:6px;display:flex}.logo-inspector__stepper-label{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text-tertiary);white-space:nowrap}.logo-inspector__stepper-nav{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:var(--radius-sm);width:var(--control-height-sm);height:var(--control-height-sm);line-height:1;font-size:var(--text-sm);cursor:pointer}.logo-inspector__stepper-nav:hover:not(:disabled){background:var(--state-hover)}.logo-inspector__stepper-nav:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.logo-inspector__header h2{font-size:var(--text-lg);color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.logo-inspector__close{cursor:pointer;color:var(--text);border-radius:var(--radius-lg);background:0 0;border:none;flex-shrink:0;padding:2px 6px;font-size:20px;line-height:1}.logo-inspector__close:hover{background:var(--code-bg)}.logo-inspector__tabs{padding:var(--space-3) var(--space-5) 0;flex-shrink:0;align-self:flex-start}.logo-inspector__stage-row{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.logo-inspector__stage-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:repeating-conic-gradient(var(--code-bg) 0% 25%, transparent 0% 50%) 50% / 14px 14px;align-self:center;padding:4px}.logo-inspector__stage-viewport{position:relative}.logo-inspector__stage{scrollbar-gutter:stable;position:relative;overflow:auto hidden}@supports not selector(::-webkit-scrollbar){.logo-inspector__stage{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--code-bg)}}.logo-inspector__stage::-webkit-scrollbar{height:8px}.logo-inspector__stage::-webkit-scrollbar-track{background:var(--code-bg)}.logo-inspector__stage::-webkit-scrollbar-thumb{background:var(--border-strong)}.logo-inspector__stage-strip{position:relative}.logo-inspector__stage--pannable{cursor:grab}.logo-inspector__stage--panning{cursor:grabbing}.logo-inspector__image{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute}.logo-inspector__overlay{position:absolute;top:0;left:0;overflow:visible}.logo-inspector__overlay--locked{opacity:var(--state-disabled-opacity);pointer-events:none}.logo-inspector__crop-mask{fill:#0000008c;pointer-events:none}.logo-inspector__crop-box{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.logo-inspector__crop-box--readonly{stroke-dasharray:4 3;stroke-width:1.5px}.logo-inspector__quality-flag{fill:var(--danger-text)}.logo-inspector__handle line{stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.logo-inspector__handle--hovered line{stroke-width:3px}.logo-inspector__handle-grab{fill:#0000}.logo-inspector__handle-grab--v{cursor:ew-resize}.logo-inspector__handle-grab--h{cursor:ns-resize}.logo-inspector__band line{stroke-width:1.5px;vector-effect:non-scaling-stroke}.logo-inspector__band-label-text{font-size:var(--text-sm);font-family:var(--mono);font-weight:600}.logo-inspector__band--capHeightTop line{stroke:var(--accent)}.logo-inspector__band--capHeightTop .logo-inspector__band-label-bg{fill:var(--accent)}.logo-inspector__band--xHeightTop line{stroke:var(--empty-text)}.logo-inspector__band--xHeightTop .logo-inspector__band-label-bg{fill:var(--empty-text)}.logo-inspector__band--baseline line{stroke:var(--ok-text)}.logo-inspector__band--baseline .logo-inspector__band-label-bg{fill:var(--ok-text)}.logo-inspector__band-label-text{fill:var(--accent-contrast)}.logo-inspector__band--hovered line{stroke-width:3px}.logo-inspector__band-grab{fill:#0000;cursor:ns-resize}.logo-inspector__band-leader{stroke-width:1px;vector-effect:non-scaling-stroke}.logo-inspector__stage-wrap--tentative .logo-inspector__band line{stroke-dasharray:5 4;opacity:.6}.logo-inspector__pan-arrow{z-index:1;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--code-bg);width:18px;height:18px;color:var(--text-h);font-size:var(--text-sm);cursor:pointer;padding:0;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.logo-inspector__pan-arrow:hover:not(:disabled){background:var(--state-hover)}.logo-inspector__pan-arrow:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.logo-inspector__pan-arrow--left{left:2px}.logo-inspector__pan-arrow--right{right:2px}.logo-inspector__panel{gap:var(--space-4);flex-direction:column;display:flex}.logo-inspector__note{font-size:var(--text-sm);color:var(--text);margin:0;line-height:1.5}.logo-inspector__info-list{flex-direction:column;gap:6px;margin:0;display:flex}.logo-inspector__info-row{align-items:baseline;gap:10px;display:flex}.logo-inspector__info-row dt{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text-tertiary);flex:0 0 100px;font-weight:500}.logo-inspector__info-row dd{font-size:var(--text-sm);color:var(--text-h);margin:0}.logo-inspector__quality-note{font-size:var(--text-sm);color:var(--text);border-left:2px solid var(--danger-border);margin:0;padding:6px 0 6px 10px;line-height:1.5}.logo-inspector__crop-choice{gap:var(--space-3);display:flex}.logo-inspector__choice{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;flex:1 1 0;padding:6px 12px}.logo-inspector__choice:hover{background:var(--state-hover)}.logo-inspector__choice--active{border-color:var(--accent-border);background:var(--accent);color:var(--accent-contrast);font-weight:600}.logo-inspector__crop-mode-banner{font-size:var(--text-sm);border-radius:var(--radius-lg);color:var(--text-h);background:var(--code-bg);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;line-height:1.5;display:flex}.logo-inspector__crop-mode-banner button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-h);border-radius:var(--radius-lg);font-size:var(--text-xs);line-height:var(--leading-label);cursor:pointer;flex-shrink:0;padding:4px 8px}.logo-inspector__crop-mode-banner button:hover{background:var(--state-hover)}.logo-inspector__set-manual{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;align-self:flex-start;padding:5px 10px}.logo-inspector__set-manual:hover{background:var(--state-hover)}.logo-inspector__crop-fields{flex-direction:column;gap:6px;display:flex}.logo-inspector__crop-field-row{gap:10px;display:flex}.logo-inspector__crop-field{flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.logo-inspector__crop-field .numeric-field{flex:auto}.logo-inspector__crop-field-percent{width:40px;font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text-tertiary);font-family:var(--mono);text-align:right;flex-shrink:0}.logo-inspector__crop-total{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text-tertiary);margin:0}.logo-inspector__kind{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5) 0;flex-shrink:0;display:flex}.logo-inspector__kind-label{font-size:var(--text-2xs);line-height:var(--leading-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);flex-shrink:0;font-weight:600}.logo-inspector__kind-select{min-width:0;height:var(--control-height-sm);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--code-bg);color:var(--text-h);font-family:inherit;font-size:var(--text-sm);cursor:pointer;flex:auto;padding:0 6px}.logo-inspector__kind-select:hover{background:var(--state-hover)}.logo-inspector__advisory-toggle{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;align-self:flex-start;padding:5px 10px}.logo-inspector__advisory-toggle:hover{background:var(--state-hover)}.logo-inspector__status-line{font-size:var(--text-sm);border-left:2px solid #0000;margin:0;padding:2px 0 2px 8px;line-height:1.5}.logo-inspector__status-line--tentative{color:var(--warning-text);border-left-color:var(--warning-border)}.logo-inspector__status-line--settled{color:var(--text-h);border-left-color:var(--border-strong)}.logo-inspector__fields{flex-direction:column;gap:10px;display:flex}.logo-inspector__fields--locked{opacity:var(--state-disabled-opacity)}.logo-inspector__field-row{align-items:flex-end;gap:8px;display:flex}.logo-inspector__field-row .numeric-field{flex:auto}.logo-inspector__line-toggle{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;display:flex}.logo-inspector__line-toggle input{accent-color:var(--accent)}.logo-inspector__opt-out{font-size:var(--text-sm);color:var(--text-h);align-items:center;gap:6px;display:flex}.logo-inspector__opt-out input{accent-color:var(--accent)}.logo-inspector__type-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.logo-inspector__type-actions-primary{align-items:center;gap:8px;margin-left:auto;display:flex}.logo-inspector__confirm{border:1px solid var(--accent-border);color:var(--accent-contrast);background:var(--accent);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;padding:6px 16px;font-weight:600}.logo-inspector__confirm:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.logo-inspector__confirmed-checkbox{font-size:var(--text-sm);color:var(--text-h);cursor:pointer;align-items:center;gap:6px;font-weight:500;display:flex}.logo-inspector__confirmed-checkbox input{accent-color:var(--accent)}.logo-inspector__step-action{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;padding:6px 12px}.logo-inspector__step-action:hover:not(:disabled){background:var(--state-hover)}.logo-inspector__step-action:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.logo-list__empty{font-size:var(--text-md);color:var(--text-h);padding:8px 2px}.logo-list{gap:var(--space-1);flex-direction:column;margin:12px 0 0;padding:0;list-style:none;display:flex}.logo-list__item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-radius:var(--radius-sm);cursor:grab;display:flex;position:relative}.logo-list__item:hover{background:var(--state-hover)}.logo-list__item--selected{background:var(--surface-3)}.logo-list__item--over{outline:1px solid var(--border-strong);outline-offset:-1px}.logo-list__handle{color:var(--text-tertiary);font-size:var(--text-sm);flex-shrink:0}.logo-list__thumb{object-fit:contain;background:repeating-conic-gradient(var(--border-strong) 0% 25%, transparent 0% 50%) 50% / 10px 10px;background-color:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;flex-shrink:0;width:44px;height:44px}.logo-list__meta{flex-direction:column;flex:auto;min-width:0;display:flex}.logo-list__name{font-size:var(--text-sm);color:var(--text-h);border-radius:var(--radius-sm);box-sizing:border-box;background:0 0;border:1px solid #0000;width:calc(100% + 3px);margin:0 0 0 -3px;padding:1px 3px;display:block}.logo-list__name--static{white-space:nowrap;text-overflow:ellipsis;cursor:default;overflow:hidden}input.logo-list__name:hover,input.logo-list__name:focus{border-color:var(--border);background:var(--surface-2)}.logo-list__status{align-items:center;gap:var(--space-2);min-height:14px;display:flex}.logo-list__status-note{font-size:var(--text-2xs);line-height:var(--leading-label);color:var(--text-tertiary)}.logo-list__status-note--error{color:var(--danger-text)}.logo-list__override-dot{border-radius:var(--radius-full);background:var(--text-tertiary);flex-shrink:0;width:5px;height:5px}.logo-list__type-indicator{font-family:var(--mono);font-size:var(--text-2xs);line-height:var(--leading-label);color:var(--text-tertiary)}.logo-list__relink{font-size:var(--text-2xs);line-height:var(--leading-label);color:var(--danger-text);cursor:pointer;text-decoration:underline}.logo-list__relink input{display:none}.logo-list__item--excluded{opacity:.5}.logo-list__item--excluded:hover,.logo-list__item--excluded.logo-list__item--selected{opacity:.75}.logo-list__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.logo-list__action{width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.logo-list__item:hover .logo-list__action,.logo-list__item--selected .logo-list__action,.logo-list__action--active{opacity:1}.logo-list__action:hover:not(:disabled){background:var(--state-hover);color:var(--text-h)}.logo-list__action:disabled{cursor:not-allowed;opacity:0!important}.logo-list__action--active{color:var(--text-h)}.logo-list__action--danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger-text)}.logo-list__footer{align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm);display:flex}.logo-list__footer-count{font-size:var(--text-sm);color:var(--text-h);flex-shrink:0;font-weight:600}.logo-list__footer-actions{gap:var(--space-2);flex-wrap:wrap;flex:auto;display:flex}.logo-list__footer-actions button{height:var(--control-height-sm);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-bg);color:var(--text-h);font-size:var(--text-xs);cursor:pointer}.logo-list__footer-actions button:hover{background:var(--state-hover)}.logo-list__footer-danger{border-color:var(--danger-border)!important;color:var(--danger-text)!important}.logo-list__footer-danger:hover{background:var(--danger-bg)!important}.logo-list__footer-clear{cursor:pointer;color:var(--text);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:16px;line-height:1}.logo-list__footer-clear:hover{background:var(--state-hover)}.diagnostic-overlay{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.diagnostic-overlay__content-box{fill:none;stroke:#22d3ee;stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.diagnostic-overlay__content-box--empty{stroke:var(--empty-text);stroke-dasharray:2 4}.diagnostic-overlay__axis{stroke:#22d3ee8c;stroke-width:1px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.diagnostic-overlay__cross{stroke:#f97316;stroke-width:1.5px;vector-effect:non-scaling-stroke}.diagnostic-overlay__link{stroke:#f97316;stroke-width:1px;stroke-dasharray:1 2;vector-effect:non-scaling-stroke}.diagnostic-overlay__optical{fill:#f97316}.diagnostic-overlay__gap line{stroke:#a855f7;stroke-width:1px;vector-effect:non-scaling-stroke}.diagnostic-overlay__gap text{fill:#a855f7;font-size:var(--text-2xs);line-height:var(--leading-label);font-family:var(--mono)}.diagnostic-overlay__label{font-size:var(--text-2xs);line-height:var(--leading-label);font-family:var(--mono)}.diagnostic-overlay__label--degraded{fill:var(--warning-text)}.diagnostic-overlay__label--empty{fill:var(--empty-text)}.diagnostic-overlay__label--padded{fill:var(--warning-text);font-weight:600}.diagnostic-overlay__label--override{fill:var(--accent)}.preview-container{width:100%;height:100%;position:relative}.preview{overscroll-behavior:contain;touch-action:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.preview--empty{color:var(--text-h);font-size:var(--text-base);justify-content:center;align-items:center;display:flex}.preview__canvas{transform-origin:0 0;box-shadow:var(--shadow);border-radius:var(--radius-sm);position:absolute;top:0;left:0}.preview__canvas--pixelated .preview__logo img{image-rendering:pixelated}.preview__logo{outline-offset:-1.5px;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;outline:1.5px solid #0000;margin:0;padding:0;position:absolute}.preview__logo:hover{outline-color:var(--border-strong)}.preview--pannable .preview__logo{cursor:inherit}.preview__logo--selected{outline-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.preview__logo--overridden{outline-style:dashed;outline-color:var(--warning-border)}.preview__logo--degraded{outline-style:dotted;outline-color:var(--warning-border)}.preview__logo--empty{outline-style:dotted;outline-color:var(--empty-border)}.preview__logo--low-contrast{outline-style:dashed;outline-color:var(--danger-border)}.preview__logo img{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.preview__badge{border-radius:var(--radius-full);border:1.5px solid var(--bg);width:8px;height:8px;position:absolute}.preview__badge--override{background:var(--text-tertiary);top:-4px;right:-4px}.preview__badge--degraded{background:var(--warning-text);top:-4px;left:-4px}.preview__badge--empty{background:var(--empty-text);top:-4px;left:-4px}.preview__badge--low-contrast{background:var(--danger-text);bottom:-4px;right:-4px}.preview__zoom-bar{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;display:flex;position:absolute;bottom:12px;right:16px}.preview__zoom-bar button{color:var(--text-h);border-radius:var(--radius-lg);cursor:pointer;width:22px;height:22px;line-height:1;font-size:var(--text-md);background:0 0;border:1px solid #0000}.preview__zoom-bar button:hover:not(:disabled){background:var(--state-hover);border-color:var(--border-strong)}.preview__zoom-bar button:disabled{opacity:.4;cursor:not-allowed}.preview__zoom-fit,.preview__copy-diagnostics,.preview__zoom-bar>button:nth-of-type(4){width:auto;font-size:var(--text-xs);line-height:var(--leading-label);padding:0 6px}.preview__zoom-fit--active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.preview__zoom-value{font-family:var(--mono);color:var(--text-h);text-align:center;min-width:40px}.preview__diagnostics-toggle{border-left:1px solid var(--border);color:var(--text-h);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;margin-left:4px;padding-left:6px;display:flex}.preview__diagnostics-toggle input{accent-color:var(--accent)}.save-load-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.save-load-bar__name{font-size:var(--text-sm);color:var(--text-h);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);height:var(--control-height-sm);padding:0 var(--space-3);box-sizing:border-box;min-width:160px}.save-load-bar button{font-size:var(--text-xs);line-height:var(--leading-label);border:1px solid var(--border);background:var(--surface-2);color:var(--text-h);border-radius:var(--radius-sm);height:var(--control-height-sm);padding:0 var(--space-3);cursor:pointer}.save-load-bar button:hover{border-color:var(--border-strong);background:var(--state-hover)}.save-load-bar__file-input{display:none}.save-load-bar .banner{flex-basis:100%}.settings-panel__backdrop{background:var(--backdrop);z-index:1100;box-sizing:border-box;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:420px;max-width:100%;box-shadow:var(--shadow);padding:var(--space-5);box-sizing:border-box;gap:var(--space-4);flex-direction:column;display:flex}.settings-panel__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.settings-panel__header h2{font-size:var(--text-lg);color:var(--text-h);margin:0}.settings-panel__close{cursor:pointer;color:var(--text);border-radius:var(--radius-lg);background:0 0;border:none;padding:2px 6px;font-size:20px;line-height:1}.settings-panel__close:hover{background:var(--code-bg)}.settings-panel__intro{font-size:var(--text-sm);color:var(--text);margin:0;line-height:1.5}.settings-panel__intro code{font-size:var(--text-xs);line-height:var(--leading-label)}.settings-panel__field{flex-direction:column;gap:4px;display:flex}.settings-panel__checkbox{font-size:var(--text-md);color:var(--text-h);align-items:center;gap:6px;font-weight:500;display:flex}.settings-panel__checkbox input{accent-color:var(--accent)}.settings-panel__hint{font-size:var(--text-xs);line-height:var(--leading-label);color:var(--text);margin:0;line-height:1.5}.toast{z-index:1200;background:var(--panel-bg);color:var(--text-h);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-lg);font-size:var(--text-sm);text-align:center;max-width:420px;padding:9px 16px;animation:.15s ease-out toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.app{flex-direction:column;height:100svh;display:flex;overflow:hidden}.app__header{align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.app__title{font-size:var(--text-lg);letter-spacing:-.1px;color:var(--text-h);flex-shrink:0;margin:0 auto 0 0;font-weight:600}.app__history-controls{gap:4px;display:flex}.app__history-controls button{font-size:var(--text-sm);border:1px solid var(--border);background:var(--panel-bg);color:var(--text-h);border-radius:var(--radius-lg);height:var(--control-height-sm);padding:0 var(--space-4);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}.app__history-controls button:hover:not(:disabled){border-color:var(--border-strong);background:var(--state-hover)}.app__history-controls button:active:not(:disabled){background:var(--state-active)}.app__history-controls button:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.app__section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-h);align-items:center;gap:6px;margin:16px 0 0;display:flex}.app__body{flex:auto;grid-template-columns:280px 1fr 340px;min-height:0;display:grid}.app__sidebar{min-width:0;min-height:0;padding:var(--space-4);box-sizing:border-box;overflow:hidden auto}.app__sidebar--left{border-right:1px solid var(--border)}.app__sidebar--right{border-left:1px solid var(--border);gap:var(--space-4);flex-direction:column;display:flex}.app__preview{background:var(--code-bg);background-image:linear-gradient(45deg, var(--border-strong) 25%, transparent 25%), linear-gradient(-45deg, var(--border-strong) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border-strong) 75%), linear-gradient(-45deg, transparent 75%, var(--border-strong) 75%);opacity:1;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;min-width:0;min-height:0}.app__progress{font-size:var(--text-sm);color:var(--text);margin:8px 0 0}.app__duplicate-apply-all{font-size:var(--text-sm);color:var(--text-h);align-items:center;gap:6px;display:flex}.app__duplicate-apply-all input{accent-color:var(--accent)}@media (width<=900px){.app{height:auto;overflow:visible}.app__body{grid-template-columns:1fr;grid-auto-rows:auto;min-height:auto}.app__sidebar{max-height:none;overflow-y:visible}.app__preview{order:-1;min-height:360px}.app__sidebar--left,.app__sidebar--right{border:none;border-bottom:1px solid var(--border)}}