:root{--color-canvas: #F4F4F2;--color-surface: #FFFFFF;--color-toolbar: #2A2B2E;--color-hover: #35373C;--menu-background: #2A2B2E;--menu-foreground: #FFFFFF;--menu-muted: #D2D2D2;--menu-border: #414349;--menu-hover: #35373C;--menu-selected: #35373C;--menu-selected-foreground: #FFFFFF;--color-on-toolbar-muted: #D2D2D2;--color-text: #242424;--color-muted: #666666;--color-line: #DEDEDA;--color-cutline: #FF0000;--color-delete-preview: #D9544D;--rotation-handle-offset: 28px;--rotation-handle-radius: 5px;--color-object-snap: #52B9DF;--color-selection: #52B9DF;--color-selection-area: #ADD2F026;--color-grid-background: #202226;--color-grid-minor: #2B2F35;--color-grid-major: #414853;--preview-background: var(--color-grid-background);--preview-foreground: var(--menu-foreground);--preview-muted: var(--menu-muted);--preview-border: var(--menu-border);--preview-grid-major: #434A54;--preview-grid-minor: #30363F;--preview-hover: var(--menu-hover);--color-danger: #F2A7A0;--color-warning: #F5C28B;--color-positive: #A8D8B9;--color-information: #ADD2F0;--layer-cut: #FF0000;--layer-artwork: #FFFFFF;--layer-engrave: #0000FF;--color-engrave: #0000FF;--color-construction: #FF00FF;--layer-construction: #FF00FF;--layer-raster: #000000;--color-focus: var(--chrome-accent);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--text-control: 13px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-display: 40px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--search-width: 360px;--search-icon-size: 20px;--search-clear-size: 32px;--input-height: 36px;--input-padding: 12px;--input-radius: 0px;--input-border-color: #383838;--input-icon-color: #383838;--input-background: var(--color-surface);--input-prefix-width: 36px;--input-prefix-background: var(--color-toolbar);--input-prefix-foreground: var(--color-surface);--input-label-gap: 6px;--input-row-gap: 16px;--control-hit-height: 44px;--slider-width: 240px;--slider-track-height: 4px;--slider-thumb-size: 20px;--toggle-width: 48px;--toggle-height: 28px;--toggle-thumb-size: 20px;--toggle-inset: 4px;--toggle-active-thumb: var(--menu-background);--tool-size: 36px;--button-height: 32px;--button-padding-x: 12px;--button-gap: 8px;--button-radius: 0px;--button-background: var(--color-toolbar);--button-foreground: var(--color-surface);--button-hover-background: var(--color-hover);--button-danger-background: var(--color-danger);--button-danger-foreground: var(--color-text);--button-warning-background: var(--color-warning);--button-warning-foreground: var(--color-text);--button-disabled-background: var(--color-line);--button-disabled-foreground: var(--color-muted);--toolbar-radius: 0px;--menu-z-index: 20;--toolbar-padding: 4px;--toolbar-gap: 2px;--toolbar-width: 44px;--top-toolbar-height: 88px;--document-tabs-height: 32px;--canvas-top: calc(var(--top-toolbar-height) + var(--document-tabs-height));--application-header-height: 48px;--commandbar-background: #35373C;--chrome-accent: #52B9DF;--chrome-selected: #232528;--workspace-edge-inset: 0px;--workspace-footer-height: 28px;--ruler-size: 20px;--menu-width: 240px;--menu-width-wide: 280px;--panel-width: 300px;--preferences-width: 960px;--preferences-height: 680px;--preferences-sidebar-width: 200px;--preferences-content-padding: 24px;--preferences-header-height: 96px;--preferences-footer-height: 72px;--dialog-width: 400px;--dialog-padding: 24px;--panel-height: 488px;--panel-padding: 12px;--layer-row-height: 52px;--layer-drag-scroll-edge: 40px;--layer-drag-scroll-speed: 360;--panel-control-size: 28px;--alert-width: 440px;--alert-offset: 24px;--alert-gap: 8px;--alert-padding: 8px 12px;--alert-icon-size: 16px;--alert-close-size: 24px;--alert-accent-width: 4px;--alert-enter-duration: .24s;--alert-exit-duration: .18s;--alert-motion-gutter: 16px;--menu-divider-gap: 8px;--menu-padding: 8px;--menu-item-height: 36px;--menu-item-padding: 12px;--menu-offset: 0px;--menu-header-height: 32px;--menu-icon-size: 20px;--menu-item-gap: 4px;--menu-shadow: 0 4px 16px #00000020;--modal-backdrop: #14161A99;--floating-control-height: 32px;--floating-padding: 4px;--floating-gap: 4px;--drag-handle-width: 32px;--drag-step: 2px;--drag-step-large: 10px;--floating-edge-inset: 16px;--radius-sm: 0px;--radius-menu: 0px;--radius-pill: 1000px;--border-width: 1px;--icon-stroke: 1.5}*{box-sizing:border-box}body{margin:0;color:var(--color-text);background:var(--color-canvas);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.5}:where(button,input,select,textarea){font:inherit}:where(input[type=checkbox],input[type=radio]){accent-color:var(--chrome-accent)}:where(output,kbd,input,.number-unit,.number-prefix){font-variant-numeric:tabular-nums}kbd{font-family:var(--font-sans)}main{max-width:1240px;margin:auto;padding:var(--space-48) var(--space-32)}h1,h2,h3,p{margin:0}h1{font-size:var(--text-display);line-height:48px;font-weight:600;letter-spacing:-2px;margin:var(--space-12) 0}h2{font-size:var(--text-xl);font-weight:600;line-height:32px}h3{font-size:var(--text-md);font-weight:600}code{font-family:var(--font-mono);font-size:var(--text-xs)}.eyebrow{font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--color-muted);font-weight:600}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:var(--space-32)}.intro p{color:var(--color-muted);font-size:var(--text-md);max-width:660px}.version{white-space:nowrap;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding-bottom:4px}section{margin-top:var(--space-32)}.section-heading{display:flex;align-items:baseline;gap:var(--space-12);margin-bottom:var(--space-16)}.section-number{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.section-note{color:var(--color-muted);margin-left:auto;font-size:var(--text-xs)}.preview{background:var(--menu-hover);border-radius:24px;border:var(--border-width) solid var(--color-line);padding:0;overflow-x:auto}.mm-grid-preview{--grid-preview-cell: 37.795275591px;background-color:var(--color-grid-background);background-image:linear-gradient(to right,var(--color-grid-major) 1px,transparent 1px),linear-gradient(to bottom,var(--color-grid-major) 1px,transparent 1px),linear-gradient(to right,var(--color-grid-minor) 1px,transparent 1px),linear-gradient(to bottom,var(--color-grid-minor) 1px,transparent 1px);background-size:calc(var(--grid-preview-cell) * 5) calc(var(--grid-preview-cell) * 5),calc(var(--grid-preview-cell) * 5) calc(var(--grid-preview-cell) * 5),var(--grid-preview-cell) var(--grid-preview-cell),var(--grid-preview-cell) var(--grid-preview-cell)}.canvas-ruler{position:absolute;z-index:2;display:block;overflow:hidden;background:var(--menu-background);color:var(--menu-muted);pointer-events:none}.canvas-ruler line{stroke:var(--menu-muted);stroke-width:1;stroke-linecap:butt;opacity:.65}.canvas-ruler text{fill:currentColor;stroke:none;font-family:var(--font-sans);font-size:9px;font-weight:400}.ruler-left{top:var(--canvas-top);bottom:calc(var(--workspace-footer-height) + var(--ruler-size));left:var(--toolbar-width);width:var(--ruler-size);height:calc(100% - var(--canvas-top) - var(--workspace-footer-height) - var(--ruler-size));border-right:1px solid var(--menu-border)}.ruler-bottom{left:calc(var(--toolbar-width) + var(--ruler-size));right:var(--toolbar-width);bottom:var(--workspace-footer-height);width:calc(100% - 2 * var(--toolbar-width) - var(--ruler-size));height:var(--ruler-size);border-top:1px solid var(--menu-border)}.ruler-unit{position:absolute;z-index:2;left:var(--toolbar-width);bottom:var(--workspace-footer-height);width:var(--ruler-size);height:var(--ruler-size);display:grid;place-items:center;background:var(--menu-background);color:var(--menu-muted);font:8px var(--font-sans);pointer-events:none}.workspace-footer{position:absolute;z-index:6;bottom:0;left:0;right:0;height:var(--workspace-footer-height);padding:0 var(--space-16);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;background:var(--menu-background);border-top:1px solid var(--menu-border);color:var(--menu-muted);font-size:var(--text-xs);line-height:16px}.zoom-reset{appearance:none;display:inline;border:0;padding:4px;margin:-4px;background:transparent;color:inherit;font:inherit;line-height:inherit;border-radius:var(--radius-sm);pointer-events:auto}.zoom-reset:hover{color:var(--menu-foreground);text-decoration:underline;text-underline-offset:3px}.workspace-footer>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-footer>:nth-child(2){grid-column:2;justify-self:center;white-space:nowrap}.workspace-footer>:last-child{min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.workspace-footer>:last-child{display:none}}.preview-inner{position:relative;min-width:940px;height:640px}.preview-caption{position:absolute;color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:2px}.top-caption{top:0;left:50%;transform:translate(-50%)}.toolbar{display:flex;background:var(--color-toolbar);color:var(--menu-foreground);padding:var(--toolbar-padding);gap:var(--toolbar-gap);border-radius:var(--toolbar-radius);align-items:center;width:fit-content}.application-header{position:absolute;z-index:4;top:0;left:0;right:0;height:var(--application-header-height);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;padding:0 16px;background:var(--menu-background);color:var(--menu-foreground);border-bottom:1px solid var(--menu-border)}.header-actions{display:flex;align-items:center;justify-self:end;gap:4px}.header-github{text-decoration:none}.header-actions .tool:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.document-name{appearance:none;border:0;outline:none;box-shadow:none;background:transparent;padding:0;cursor:text;caret-color:var(--menu-foreground);justify-self:center;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-sm);font-weight:400;color:var(--menu-muted)}.top-toolbar{position:absolute;top:var(--application-header-height);left:0;right:0;width:100%;height:calc(var(--top-toolbar-height) - var(--application-header-height));padding:2px 12px;justify-content:flex-start;background:var(--commandbar-background);border-bottom:1px solid var(--menu-border)}.brand{justify-self:start;font-size:18px;font-weight:500;display:flex;gap:8px;align-items:center;padding:0;min-width:0}svg{width:var(--icon-lg);height:var(--icon-lg);stroke:currentColor;fill:none;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand svg{width:26px;height:26px;color:var(--chrome-accent)}.brand-wordmark{display:block;transform:translateY(calc(-1 * var(--space-2)))}button{font-family:inherit;cursor:pointer}.tool{width:var(--tool-size);height:var(--tool-size);padding:6px;border:0;background:transparent;color:var(--menu-muted);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tool:hover{background:var(--color-hover);color:var(--menu-foreground)}.tool.selected,.tool[aria-expanded=true]{background:var(--chrome-selected);color:var(--chrome-accent)}.tool.selected:hover,.tool[aria-expanded=true]:hover{background:var(--menu-hover);color:var(--chrome-accent)}:where(button,summary,a[href],input:not(.number-input,.search-input,.vectora-toggle),select,textarea:not(.inline-text),[tabindex]:not(#cad-canvas,.inline-text)):focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.divider{display:block;width:1px;height:24px;background:var(--menu-border);margin:0 6px;flex-shrink:0}.vertical{flex-direction:column;width:var(--toolbar-width)}.left-toolbar,.right-toolbar{position:absolute;top:var(--top-toolbar-height);bottom:var(--workspace-footer-height);justify-content:flex-start}.left-toolbar{left:var(--workspace-edge-inset);box-shadow:inset -1px 0 var(--menu-border)}.right-toolbar{right:var(--workspace-edge-inset);box-shadow:inset 1px 0 var(--menu-border)}.vertical .divider{width:24px;height:1px;margin:6px 0}.left-toolbar .snap-divider{margin-top:auto;flex-shrink:0}.left-caption,.right-caption{top:98px}.left-caption{left:0}.right-caption{right:0}.preview-foot{display:flex;gap:24px;flex-wrap:wrap;margin:12px 0 0;color:var(--color-muted);font-size:var(--text-xs)}.preview-foot span:before{content:"";width:8px;height:8px;display:inline-block;background:var(--color-toolbar);border-radius:50%;margin-right:8px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatch{background:var(--color-surface);border-radius:12px;overflow:hidden;border:2px solid var(--color-line)}.color{height:64px;border-bottom:2px solid var(--color-line)}.swatch-info{padding:12px;display:grid;grid-template-columns:1fr auto;gap:4px}.swatch-info strong{font-size:var(--text-sm);font-weight:600}.swatch-info small,.token{grid-column:1/-1;color:var(--color-muted);font-size:var(--text-xs)}.semantic-examples{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:16px}.semantic-examples p{color:var(--color-muted);font-size:var(--text-xs);margin-left:4px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:24px;border:2px solid var(--color-line);border-radius:16px;background:#fff}.font-name{font-size:24px;font-weight:600;margin-bottom:4px}.subtext{color:var(--color-muted);font-size:var(--text-xs)}.font-stack{display:block;margin:12px 0 20px;color:var(--color-muted);overflow-wrap:anywhere}.type-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:8px 0;border-top:2px solid var(--color-canvas)}.type-row code{color:var(--color-muted);white-space:nowrap}.spacing{display:flex;align-items:end;gap:16px;margin:24px 0;height:56px}.space-sample{display:flex;align-items:center;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.space-sample i{display:block;background:var(--color-toolbar);width:var(--sample);height:var(--sample);border-radius:2px}table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}th{color:var(--color-muted);text-align:left;font-weight:500}th,td{padding:10px 0;border-bottom:2px solid var(--color-canvas)}th:last-child,td:last-child{text-align:right}td code{font-size:var(--text-xs)}[hidden]{display:none!important}.sr-only{position:absolute;width:2px;height:2px;padding:0;margin:-2px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.menu-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-24);align-items:center}.menu-stage{padding:var(--space-24);border:var(--border-width) solid var(--color-line);border-radius:var(--space-16);background:var(--menu-hover);overflow-x:auto}.menu-anchor{position:relative;min-width:308px;min-height:280px}.shapes-menu{overflow-y:auto;position:absolute;z-index:2;top:0;left:calc(var(--toolbar-width) + var(--menu-offset));width:var(--menu-width);padding:var(--menu-padding);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-menu);background:var(--color-surface);color:var(--color-text);box-shadow:var(--menu-shadow);text-align:left}.menu-title{display:flex;align-items:center;height:var(--menu-header-height);padding:0 var(--menu-item-padding);margin-bottom:var(--space-4);font-size:var(--text-xs);line-height:16px;font-weight:600;color:var(--color-muted);letter-spacing:2px}.shape-options{display:flex;flex-direction:column;gap:var(--menu-item-gap)}.shape-option{display:flex;align-items:center;gap:var(--space-12);width:100%;height:var(--menu-item-height);padding:0 var(--menu-item-padding);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--text-sm);line-height:20px;font-weight:500;text-align:left}.shape-option svg{width:var(--menu-icon-size);height:var(--menu-icon-size)}.shape-option kbd{margin-left:auto;font-family:var(--font-sans);font-size:var(--text-xs);line-height:16px;font-weight:400;color:var(--color-muted)}.shape-option:hover{background:var(--color-canvas)}.shape-option[aria-checked=true]{background:var(--color-toolbar);color:var(--menu-foreground)}.shape-option[aria-checked=true] kbd{color:var(--menu-foreground)}.shape-option[aria-checked=true]:hover{background:var(--color-hover)}.shape-option:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.menu-status{margin-top:var(--space-16);color:var(--color-muted);font-size:var(--text-xs);line-height:16px;min-width:308px}.menu-guidance h3{margin-bottom:var(--space-8)}.menu-guidance p{color:var(--color-muted)}.menu-measurements{margin:var(--space-20) 0}.menu-measurements div{display:grid;grid-template-columns:88px 1fr;gap:var(--space-8);padding:var(--space-8) 0;border-bottom:var(--border-width) solid var(--color-line);font-size:var(--text-xs)}.menu-measurements dt{font-weight:600}.menu-measurements dd{margin:0;color:var(--color-muted)}@media(max-width:800px){.menu-showcase{grid-template-columns:minmax(0,1fr)}.menu-stage{padding:var(--space-12)}}details{border:2px solid var(--color-line);border-radius:12px;background:#fff;padding:16px 20px;margin-top:24px}summary{cursor:pointer;font-weight:600}summary span{color:var(--color-muted);font-weight:400;font-size:var(--text-xs);margin-left:8px}pre{overflow:auto;padding:20px;background:var(--color-toolbar);color:#fff;border-radius:8px;font-size:var(--text-xs);line-height:20px;max-height:440px}footer{margin-top:32px;padding-top:16px;border-top:2px solid var(--color-line);color:var(--color-muted);display:flex;justify-content:space-between;gap:16px;font-size:var(--text-xs)}@media(max-width:800px){main{padding:24px 16px}.intro{align-items:start;flex-direction:column;gap:16px}h1{font-size:32px;line-height:40px}.two-cols{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.section-heading{flex-wrap:wrap}.section-note{margin-left:0;width:100%}.preview{padding:0;border-radius:16px}.preview-foot{gap:8px 20px}.panel{padding:20px}footer{flex-direction:column;gap:4px}}@media(prefers-reduced-motion:no-preference){.tool{transition:background-color .12s ease,color .12s ease}}@media print{main{max-width:none;padding:0}.preview{zoom:.7}.two-cols{grid-template-columns:1fr 1fr}section,.panel{break-inside:avoid}details{display:none}}.floating-stage-wrap{overflow-x:auto;border:var(--border-width) solid var(--color-line);border-radius:var(--space-16);background:var(--menu-hover)}.floating-stage{position:relative;min-width:600px;height:240px}.floating-menu{position:absolute;top:64px;left:24px;display:flex;align-items:center;gap:var(--floating-gap);padding:var(--floating-padding);width:max-content;background:var(--color-toolbar);color:var(--color-surface);border-radius:var(--toolbar-radius);box-shadow:var(--menu-shadow)}.drag-handle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--drag-handle-width);width:var(--drag-handle-width);height:var(--floating-control-height);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-on-toolbar-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle svg{width:var(--icon-sm);height:var(--icon-sm)}.drag-handle:hover,.drag-handle:focus-visible{background:var(--color-hover);color:var(--color-surface)}.drag-handle:focus-visible,.floating-action:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.floating-menu.is-dragging .drag-handle{cursor:grabbing;background:var(--color-hover);color:var(--color-surface)}.floating-menu.is-dragging{-webkit-user-select:none;user-select:none}.selection-count{max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:0 var(--space-4);color:var(--color-on-toolbar-muted);font-size:var(--text-xs);line-height:16px;white-space:nowrap}.floating-menu .floating-action{min-height:var(--floating-control-height);height:var(--floating-control-height);width:var(--floating-control-height);flex:0 0 var(--floating-control-height);padding:var(--space-4);gap:var(--floating-gap);font-size:var(--text-xs);line-height:16px;white-space:nowrap}.floating-menu .floating-action svg{width:var(--icon-sm);height:var(--icon-sm)}.floating-menu .divider{height:20px;margin:0 var(--space-4)}.floating-menu{max-width:calc(100% - 2 * var(--floating-edge-inset));flex-wrap:wrap}.floating-menu .floating-action:disabled{opacity:1;background:transparent;border-color:transparent;color:var(--menu-disabled);cursor:not-allowed}.floating-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-12);margin-top:var(--space-12);color:var(--color-muted);font-size:var(--text-xs)}.drag-status{color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-8);min-height:16px}.top-toolbar{z-index:4}.dropdown-anchor{position:relative;display:flex;align-items:center;flex-shrink:0}.dropdown-stage>.toolbar{position:relative}.top-toolbar>.dropdown-anchor,.dropdown-stage>.toolbar>.dropdown-anchor{position:static}.top-toolbar .file-dropdown{top:calc(100% + 1px);left:0}.dropdown-trigger{position:relative}.dropdown-stage{min-width:304px;min-height:512px;position:relative}.file-dropdown{position:absolute;z-index:4;top:100%;left:0;width:var(--menu-width-wide);padding:var(--menu-padding);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-menu);background:var(--color-surface);color:var(--color-text);box-shadow:var(--menu-shadow);text-align:left}.dropdown-group{display:flex;flex-direction:column;gap:var(--menu-item-gap)}.dropdown-option{display:flex;align-items:center;gap:var(--space-12);width:100%;height:var(--menu-item-height);padding:0 var(--menu-item-padding);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--text-sm);line-height:20px;font-weight:500;text-align:left;white-space:nowrap}.dropdown-option svg{width:var(--menu-icon-size);height:var(--menu-icon-size)}.dropdown-option kbd{margin-left:auto;font-family:var(--font-sans);font-size:var(--text-xs);line-height:16px;font-weight:400;color:var(--color-muted)}.dropdown-option:hover{background:var(--color-canvas)}.dropdown-option:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px;background:var(--color-toolbar);color:var(--color-surface)}.dropdown-option:focus-visible kbd{color:var(--color-surface)}.dropdown-divider{height:var(--border-width);margin:var(--menu-divider-gap) var(--menu-item-padding);background:var(--color-line)}.dropdown-status{min-width:304px;margin-top:var(--space-12);color:var(--color-muted);font-size:var(--text-xs);line-height:16px}.layers-showcase{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-24);align-items:center}.layers-stage-wrap{border:var(--border-width) solid var(--color-line);border-radius:var(--space-16);background:var(--menu-hover);overflow-x:auto}.layers-stage{position:relative;min-width:460px;height:552px}.layers-example-rail{position:absolute;right:0;top:0;bottom:0;justify-content:flex-start}.layers-panel{position:absolute;top:var(--top-toolbar-height);bottom:var(--workspace-footer-height);right:var(--toolbar-width);z-index:5;display:flex;flex-direction:column;width:min(var(--panel-width),calc(100% - 2 * var(--toolbar-width)));height:auto;min-height:0;padding:var(--panel-padding);border:0;border-left:var(--border-width) solid var(--color-line);border-radius:var(--radius-menu);background:var(--color-surface);color:var(--color-text);box-shadow:none;text-align:left}.layers-stage .layers-panel{top:0;right:var(--toolbar-width)}.layers-header{display:flex;align-items:center;gap:var(--space-8);padding-bottom:var(--space-12);border-bottom:var(--border-width) solid var(--color-line);margin-bottom:var(--space-12);flex:0 0 52px}.layer-heading{flex:1;min-width:0;padding:var(--space-4)}.panel-eyebrow{display:none;color:var(--color-muted);font-size:var(--text-xs);line-height:16px;letter-spacing:2px}.panel-title{display:flex;align-items:baseline;gap:var(--space-8);font-size:18px;line-height:24px;font-weight:500}.panel-title [data-layer-count]{color:var(--color-muted);font-size:var(--text-xs);font-weight:500}.panel-icon{width:var(--panel-control-size);height:var(--panel-control-size);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit}.panel-icon svg{width:var(--icon-sm);height:var(--icon-sm)}.panel-icon:hover{background:var(--color-canvas)}.layer-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4);margin:0 -4px}.layer-entry+.layer-entry{margin-top:var(--space-4)}.layer-row{display:flex;gap:var(--space-4);align-items:center;min-height:var(--layer-row-height);padding:var(--space-4);border-radius:var(--radius-sm)}.layer-row:hover{background:var(--color-canvas)}.layer-row.is-selected{background:var(--color-toolbar);color:var(--menu-foreground)}.layer-row.is-selected .panel-icon:hover{background:var(--color-hover)}.layer-select{display:flex;align-items:center;gap:var(--space-8);flex:1;min-width:0;padding:var(--space-4) 0;border:0;background:transparent;color:inherit;text-align:left;border-radius:var(--radius-sm)}.layer-dot{width:var(--space-12);height:var(--space-12);flex-shrink:0;background:var(--layer-color, var(--layer-raster));border:1px solid #FFFFFF;border-radius:var(--radius-sm);box-sizing:border-box}.layer-name{display:block;font-size:var(--text-sm);line-height:20px;font-weight:600;overflow-wrap:anywhere}.layer-meta{display:block;font-size:var(--text-xs);line-height:16px;color:var(--color-muted)}.is-selected .layer-meta{color:var(--menu-muted)}.layer-expand svg{transform:rotate(-90deg)}.layer-expand[aria-expanded=true] svg{transform:none}.layer-objects{padding:var(--space-8) var(--space-12) var(--space-12) var(--space-48);font-size:var(--text-xs);line-height:16px;color:var(--color-muted)}.layer-object{display:flex;align-items:center;gap:var(--space-8);width:100%;min-height:var(--panel-control-size);padding:var(--space-6) var(--space-8);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--text-xs);text-align:left}.layer-object svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.layer-object>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-list.is-object-drag-active{overflow-y:hidden}.layer-object[draggable=true]{cursor:grab}.layer-object.is-object-dragging{opacity:.45;cursor:grabbing}.layers-panel .layer-entry.is-drop-target>.layer-row{outline:var(--border-width) solid var(--menu-foreground);outline-offset:-2px;background:var(--menu-hover);color:var(--menu-foreground)}.layers-panel .layer-entry.is-drop-target>.layer-row .layer-meta{color:var(--menu-muted)}.layer-object:hover{background:var(--color-canvas)}.layer-object[aria-pressed=true]{background:var(--color-toolbar);color:var(--menu-foreground)}.layer-object:disabled{opacity:.4;cursor:not-allowed}.layer-row.is-hidden .layer-name{text-decoration:line-through}.layer-row.is-selected button:focus-visible{outline-color:var(--chrome-accent);outline-offset:-2px}.layers-empty{color:var(--color-muted);font-size:var(--text-sm);padding:var(--space-16)}@media(max-width:1000px){.layers-showcase{grid-template-columns:minmax(0,1fr)}}.layer-manager-footer{display:flex;align-items:center;gap:4px;flex:none;padding-top:8px;margin-top:8px;border-top:1px solid var(--menu-border)}.layer-add-anchor{position:relative;flex:1;min-width:0}.layer-add-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:32px;padding:4px 8px}.layer-add-button svg{width:16px;height:16px}.layer-add-menu{position:absolute;bottom:100%;left:0;width:100%;min-width:160px;padding:4px;border:1px solid var(--menu-border);z-index:var(--menu-z-index)}.layer-add-menu .node-action{min-height:32px;font-size:var(--text-xs)}.layer-label{flex:1;min-width:0}.layer-label .layer-select{width:100%}.layer-select>span:last-child{min-width:0}.layer-name-input{width:100%;min-width:0;min-height:32px;padding:4px;box-sizing:border-box;font:inherit;font-size:var(--text-control);color:var(--menu-foreground);background:var(--menu-hover);border:1px solid var(--menu-border);border-radius:0}.layer-name-input[aria-invalid=true]{border-color:var(--color-error)}.layer-colour-button{width:var(--space-12);margin-right:var(--space-4)}.layer-colour-button .layer-dot{width:var(--space-12);height:var(--space-12)}.layer-manager-footer .panel-icon:disabled,.layer-colour-button:disabled{opacity:.4;cursor:not-allowed}.toast-success{--alert-accent: var(--color-positive)}.toast-warning{--alert-accent: var(--color-warning)}.toast-error{--alert-accent: var(--color-danger)}.toast-information{--alert-accent: var(--color-information)}.toast-stage{display:flex;justify-content:flex-end;align-items:flex-end;min-height:520px;min-width:0;padding:var(--alert-offset);background:var(--menu-hover);border:var(--border-width) solid var(--color-line);border-radius:var(--space-16)}.toast-samples,.toast-stack{display:flex;flex-direction:column;gap:var(--alert-gap);width:var(--alert-width);max-width:100%}.toast-card{display:flex;gap:var(--space-8);align-items:flex-start;flex-shrink:0;width:100%;padding:var(--alert-padding);border:var(--border-width) solid var(--menu-border);border-left:var(--alert-accent-width) solid var(--alert-accent);border-radius:var(--radius-menu);background:var(--menu-background);color:var(--menu-foreground);box-shadow:var(--menu-shadow)}.toast-icon{display:flex;align-items:center;justify-content:center;flex:0 0 24px;height:24px;border-radius:var(--radius-sm);background:var(--alert-accent);color:var(--menu-background)}.toast-icon svg{width:var(--alert-icon-size);height:var(--alert-icon-size)}.toast-copy{flex:1;min-width:0}.toast-copy h3{font-size:var(--text-xs);line-height:16px;font-weight:600}.toast-copy p{margin-top:var(--space-4);font-size:var(--text-xs);line-height:16px;color:var(--menu-muted);overflow-wrap:anywhere}.toast-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--alert-close-size);width:var(--alert-close-size);height:var(--alert-close-size);border:0;border-radius:var(--radius-sm);padding:0;background:transparent;color:var(--menu-muted)}.toast-close:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.toast-close svg{width:var(--icon-sm);height:var(--icon-sm)}.toast-close:hover{background:var(--menu-hover);color:var(--menu-foreground)}.notifications-trigger{position:relative;margin-top:auto}.notification-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;background:var(--chrome-accent);color:var(--menu-background);font-size:10px;font-weight:700;line-height:16px;border:1px solid var(--menu-background);pointer-events:none}.notifications-panel{margin:0;position:fixed;z-index:100;width:var(--alert-width);display:flex;flex-direction:column;border:1px solid var(--menu-border);background:var(--menu-background);color:var(--menu-foreground);box-shadow:var(--menu-shadow);overflow:hidden}.notifications-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--menu-border);flex-shrink:0}.notifications-header h2{margin:0;font-size:var(--text-sm);font-weight:600}.notifications-header h2 span{margin-left:8px;color:var(--menu-muted);font-size:var(--text-xs)}.notifications-empty{padding:24px 12px;color:var(--menu-muted);font-size:var(--text-xs)}.toast-stack{width:100%;min-height:0;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;padding:8px}.toast-stack .toast-card{box-shadow:none}.toast-stack:empty{display:none}.toast-preview-controls{display:flex;flex-wrap:wrap;gap:var(--space-8)}.toast-preview-dot{width:var(--space-10);height:var(--space-10);border-radius:50%;background:var(--alert-accent)}.toast-reset{margin-top:var(--space-16)}@media print{.notifications-panel,.notifications-trigger,.toast-preview-controls,.toast-reset{display:none}}.delete-dialog{position:fixed;inset:0;margin:auto;width:var(--dialog-width);height:fit-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:var(--dialog-padding);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-shadow:var(--menu-shadow);overflow:auto}.delete-dialog::backdrop{background:var(--modal-backdrop)}.delete-dialog-heading{display:flex;align-items:center;gap:var(--space-12);margin-bottom:var(--space-12)}.delete-dialog-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--color-danger);color:var(--color-text)}.delete-dialog h2{font-size:var(--text-lg);line-height:28px}.delete-dialog p{font-size:var(--text-sm);line-height:20px;color:var(--color-muted);overflow-wrap:anywhere}.delete-dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-8);margin-top:var(--space-24)}.layer-entry[data-layer-type=cut]{--layer-color: var(--layer-cut)}.layer-entry[data-layer-type=artwork]{--layer-color: var(--layer-artwork)}.layer-entry[data-layer-type=engrave]{--layer-color: var(--layer-engrave)}.layer-entry[data-layer-type=construction]{--layer-color: var(--layer-construction)}.layer-entry[data-layer-type=raster]{--layer-color: var(--layer-raster)}.layer-palette-heading{margin-top:var(--space-24);margin-bottom:var(--space-12)}.layer-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-12)}.layer-palette .swatch-info{display:flex;flex-direction:column;gap:var(--space-4)}.layer-palette .swatch-info code{overflow-wrap:anywhere}.layer-palette .swatch-info small{line-height:16px}@media(max-width:1000px){.layer-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.layer-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}.control-panel>h3{margin-bottom:var(--space-4)}.slider-example{width:var(--slider-width);max-width:100%;margin-top:var(--space-24)}.slider-label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-12);font-size:var(--text-sm);line-height:20px}.slider-label label{font-weight:500}.slider-label output{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-muted)}.control-disabled-label{font-size:var(--text-xs);color:var(--color-muted);margin-left:var(--space-4)}.vectora-slider{--range-fill: var(--chrome-accent);--range-rest: var(--color-line);appearance:none;-webkit-appearance:none;display:block;width:100%;height:var(--control-hit-height);padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:var(--radius-sm)}.vectora-slider::-webkit-slider-runnable-track{height:var(--slider-track-height);border-radius:var(--radius-pill);background:linear-gradient(to right,var(--range-fill) 0%,var(--range-fill) var(--range-progress),var(--range-rest) var(--range-progress),var(--range-rest) 100%)}.vectora-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc((var(--slider-track-height) - var(--slider-thumb-size)) / 2);border:0;border-radius:var(--radius-pill);background:var(--range-fill);box-shadow:0 2px 6px #24242420}.vectora-slider::-moz-range-track{height:var(--slider-track-height);border:0;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--range-fill) 0%,var(--range-fill) var(--range-progress),var(--range-rest) var(--range-progress),var(--range-rest) 100%)}.vectora-slider::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border:0;border-radius:var(--radius-pill);background:var(--range-fill);box-shadow:0 2px 6px #24242420}.vectora-slider::-moz-range-progress{background:transparent}.vectora-slider:hover:not(:disabled){--range-fill: var(--chrome-accent)}.vectora-slider:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.vectora-slider:disabled{--range-fill: var(--menu-disabled);cursor:not-allowed}.slider-limits{display:flex;justify-content:space-between;color:var(--color-muted);font-size:var(--text-xs);line-height:16px}.toggle-examples{margin-top:var(--space-24)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-height:64px;padding:var(--space-8) 0;cursor:pointer}.toggle-row+.toggle-row{border-top:var(--border-width) solid var(--color-canvas)}.toggle-caption{font-size:var(--text-sm);line-height:20px;font-weight:500}.toggle-state{display:block;font-size:var(--text-xs);line-height:16px;color:var(--color-muted);font-weight:400}.toggle-hit{display:inline-flex;position:relative;align-items:center;flex-shrink:0;width:var(--toggle-width);height:var(--control-hit-height)}.vectora-toggle{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.toggle-track{position:relative;display:block;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--radius-pill);background:var(--menu-hover);box-shadow:inset 0 0 0 2px var(--menu-muted);pointer-events:none}.toggle-track:after{content:"";position:absolute;left:var(--toggle-inset);top:var(--toggle-inset);width:var(--toggle-thumb-size);height:var(--toggle-thumb-size);border-radius:var(--radius-pill);background:var(--menu-foreground)}.vectora-toggle:checked+.toggle-track{background:var(--chrome-accent);box-shadow:none}.vectora-toggle:checked+.toggle-track:after{background:var(--toggle-active-thumb);transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-inset) * 2))}.vectora-toggle:hover:not(:disabled):checked+.toggle-track{box-shadow:inset 0 0 0 2px var(--toggle-active-thumb)}.vectora-toggle:focus-visible+.toggle-track{outline:2px solid var(--chrome-accent);outline-offset:3px}.vectora-toggle:disabled{cursor:not-allowed}.vectora-toggle:disabled+.toggle-track{background:var(--menu-hover);box-shadow:inset 0 0 0 2px var(--menu-border)}.vectora-toggle:disabled+.toggle-track:after{background:var(--menu-disabled)}.toggle-row.is-disabled{cursor:not-allowed}.is-disabled .toggle-caption,.is-disabled .slider-label{color:var(--color-muted)}.control-token-line{margin:var(--space-24) 0 var(--space-8);padding-top:var(--space-16);border-top:var(--border-width) solid var(--color-line);color:var(--color-muted);font-size:var(--text-xs);line-height:20px}@media(prefers-reduced-motion:no-preference){.toggle-track,.toggle-track:after{transition:background-color .12s ease,transform .12s ease}}@media(forced-colors:active){.vectora-slider{appearance:auto;-webkit-appearance:auto}.vectora-slider::-webkit-slider-thumb{appearance:auto;-webkit-appearance:auto}.toggle-track{border:2px solid ButtonText;background:Canvas;box-shadow:none}.toggle-track:after{background:ButtonText}.vectora-toggle:checked+.toggle-track{background:Highlight}.vectora-toggle:checked+.toggle-track:after{background:HighlightText}.vectora-toggle:hover:not(:disabled):checked+.toggle-track{box-shadow:none}.vectora-toggle:disabled+.toggle-track{background:Canvas;border-color:GrayText;box-shadow:none}.vectora-toggle:disabled+.toggle-track:after{background:GrayText}}.fill-tools{position:relative;--fill-icon-colour:var(--fill-colour,#FF0000)}.fill-tools.is-no-fill{--fill-icon-colour:none}.fill-tools>.tool{position:relative}.number-grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--input-row-gap);margin-top:var(--space-24);align-items:start}.number-field{min-width:0}.number-label{display:block;margin-bottom:var(--input-label-gap);color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-xs);line-height:16px;font-weight:500}.number-shell{display:flex;align-items:center;gap:0;height:var(--input-height);padding:0;overflow:hidden;border:var(--border-width) solid var(--input-border-color);border-radius:var(--input-radius);background:var(--input-background)}.number-shell:hover{border-color:var(--input-border-color)}.number-shell:focus-within{border-color:var(--chrome-accent);outline:2px solid var(--chrome-accent);outline-offset:-2px}.number-input{flex:1;width:100%;min-width:0;height:100%;padding:0 var(--input-padding);margin:0;border:0;border-radius:0;outline:none;background:transparent;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-control);line-height:20px;font-variant-numeric:tabular-nums;color-scheme:light}.number-unit{margin-right:var(--input-padding);flex-shrink:0;color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-xs);line-height:16px;-webkit-user-select:none;user-select:none}.number-input::-webkit-inner-spin-button{opacity:0}.number-shell:hover .number-input::-webkit-inner-spin-button,.number-shell:focus-within .number-input::-webkit-inner-spin-button{opacity:1}.number-field.is-disabled .number-shell{background:var(--color-canvas);border-color:var(--input-border-color);cursor:not-allowed}.number-input:disabled{color:var(--color-muted);-webkit-text-fill-color:var(--color-muted);opacity:1;cursor:not-allowed}.number-shell.is-invalid{border-color:var(--color-danger)}.number-shell.is-invalid:focus-within{outline-color:var(--chrome-accent)}.number-error{display:flex;align-items:flex-start;gap:var(--space-6);margin-top:var(--space-6);color:var(--color-text);font-size:var(--text-xs);line-height:16px}.number-error svg{width:var(--icon-sm);height:var(--icon-sm);padding:var(--space-2);box-sizing:content-box;border-radius:var(--radius-sm);background:var(--color-danger)}@media(forced-colors:active){.number-shell{border-color:ButtonText}.number-shell:focus-within{outline-color:Highlight}.number-shell.is-invalid{border-color:Mark}}.search-examples{display:flex;flex-direction:column;gap:var(--input-row-gap);margin-top:var(--space-24)}.search-example{width:var(--search-width);max-width:100%}.search-shell{display:flex;align-items:center;gap:var(--space-8);height:var(--input-height);padding:0 var(--input-padding);border:var(--border-width) solid var(--input-border-color);border-radius:var(--input-radius);background:var(--color-surface)}.search-shell>svg{width:var(--search-icon-size);height:var(--search-icon-size);color:var(--input-icon-color)}.search-shell:hover{border-color:var(--input-border-color)}.search-shell:focus-within{border-color:var(--color-toolbar);outline:2px solid var(--chrome-accent);outline-offset:-2px}.search-shell:focus-within>svg{color:var(--input-icon-color)}.search-input{appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:none;background:transparent;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);line-height:20px}.search-input::placeholder{color:var(--color-muted);opacity:1}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration{appearance:none;-webkit-appearance:none}.search-clear-slot{display:flex;align-items:center;flex:0 0 var(--search-clear-size);width:var(--search-clear-size);height:var(--search-clear-size)}.search-clear{display:inline-flex;align-items:center;justify-content:center;width:var(--search-clear-size);height:var(--search-clear-size);border:0;border-radius:var(--radius-sm);padding:0;background:transparent;color:var(--input-icon-color)}.search-clear svg{width:var(--icon-sm);height:var(--icon-sm)}.search-clear:hover{background:var(--color-canvas);color:var(--input-icon-color)}.search-clear:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.search-example.is-disabled .search-shell{border-color:var(--input-border-color);background:var(--color-canvas);cursor:not-allowed}.search-input:disabled{color:var(--color-muted);-webkit-text-fill-color:var(--color-muted);opacity:1;cursor:not-allowed}@media(forced-colors:active){.search-shell{border-color:ButtonText}.search-shell:focus-within{outline-color:Highlight}}.prefs-open{margin-left:auto}.preferences-preview{display:grid;place-items:center;min-height:calc(var(--preferences-height) + var(--space-48));padding:var(--space-24);border:var(--border-width) solid var(--color-line);border-radius:var(--space-16);background:var(--menu-hover)}.preferences-shell .prefs-reset:disabled{opacity:.4}.preferences-placeholder{color:var(--color-muted);font-size:var(--text-sm);text-align:center}.preferences-shell{display:flex;flex-direction:column;width:100%;max-width:var(--preferences-width);height:var(--preferences-height);overflow:hidden;border:var(--border-width) solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-shadow:var(--menu-shadow)}.preferences-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex:0 0 var(--preferences-header-height);padding:var(--space-20) var(--preferences-content-padding);border-bottom:var(--border-width) solid var(--color-line)}.preferences-header h2{margin-top:var(--space-4);font-size:var(--text-xl);line-height:32px}.preferences-form{display:flex;flex:1;flex-direction:column;min-height:0;margin:0}.preferences-body{display:grid;grid-template-columns:var(--preferences-sidebar-width) minmax(0,1fr);flex:1;min-height:0}.preferences-sidebar{padding:var(--space-20) var(--space-12);background:var(--color-canvas);border-right:var(--border-width) solid var(--color-line);overflow-y:auto}.prefs-nav-label{padding:0 var(--space-12);margin-bottom:var(--space-12);color:var(--color-muted);font-size:var(--text-xs);font-weight:500}.preferences-sidebar [role=tablist]{display:flex;flex-direction:column;gap:var(--space-4)}.prefs-tab{display:flex;align-items:center;gap:var(--space-8);width:100%;min-height:var(--tool-size);padding:var(--space-10) var(--space-12);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--text-sm);line-height:20px;text-align:left;font-weight:500}.prefs-tab svg{width:var(--icon-sm);height:var(--icon-sm)}.prefs-tab:hover{background:var(--color-line)}.prefs-tab[aria-selected=true]{background:var(--color-toolbar);color:var(--menu-foreground)}.prefs-tab[aria-selected=true]:hover{background:var(--color-hover)}.prefs-tab:focus-visible{outline-offset:-2px}.preferences-content{min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--preferences-content-padding)}.prefs-page:empty{min-height:100%}.prefs-page:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.prefs-content-heading{padding-bottom:var(--space-24)}.prefs-content-heading h3{margin:var(--space-8) 0;font-size:var(--text-lg);line-height:28px}.prefs-content-heading>p:last-child{font-size:var(--text-sm);line-height:20px;color:var(--color-muted)}.prefs-setting{display:block;margin:0;padding:var(--space-20) 0;border:0;border-top:var(--border-width) solid var(--color-line);min-width:0}.prefs-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);cursor:pointer}.prefs-setting-copy{min-width:0}.prefs-setting-title{display:block;font-size:var(--text-sm);line-height:20px;font-weight:600;color:var(--color-text)}.prefs-setting-help{display:block;margin-top:var(--space-6);font-size:var(--text-sm);line-height:20px;color:var(--color-muted);font-weight:400}.prefs-field{width:var(--slider-width);max-width:100%;margin-top:var(--space-12)}.prefs-choice{position:relative;padding-top:var(--space-20)}.prefs-choice legend{float:left;width:100%;padding:0}.prefs-choice .prefs-setting-help{clear:both;padding-top:var(--space-6)}.prefs-segments{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;gap:var(--space-4);margin-top:var(--space-12);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-canvas)}.prefs-segments label{position:relative;cursor:pointer}.prefs-segments input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.prefs-segments span{display:flex;align-items:center;justify-content:center;min-height:var(--button-height);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:20px;color:var(--color-muted)}.prefs-segments input:checked+span{background:var(--color-toolbar);color:var(--menu-foreground)}.prefs-segments input:focus-visible+span{outline:2px solid var(--chrome-accent);outline-offset:-2px}.preferences-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex:0 0 var(--preferences-footer-height);padding:var(--space-12) var(--preferences-content-padding);border-top:var(--border-width) solid var(--color-line);background:var(--color-surface)}.prefs-save-status{color:var(--color-muted);font-size:var(--text-xs);line-height:16px}.prefs-reset{flex-shrink:0}.preferences-dialog{position:fixed;inset:0;margin:auto;width:var(--preferences-width);height:var(--preferences-height);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.preferences-dialog::backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preferences-dialog .preferences-shell{height:100%;max-height:100%;box-shadow:none}@media(max-width:700px){.preferences-preview{padding:var(--space-12)}.preferences-shell{--preferences-sidebar-width: 144px;--preferences-content-padding: 16px}.preferences-sidebar{padding:var(--space-16) var(--space-8)}.prefs-tab{padding:var(--space-10) var(--space-8);font-size:var(--text-xs)}.prefs-tab svg{display:none}.prefs-toggle{gap:var(--space-12)}.preferences-footer{flex-wrap:wrap;flex-basis:auto}.prefs-save-status{flex:1;min-width:120px}}@media(max-width:480px){.preferences-shell{--preferences-sidebar-width: 104px;--preferences-content-padding: 12px}.prefs-nav-label{padding:0 var(--space-4)}.prefs-tab{padding:var(--space-8) var(--space-4)}.prefs-toggle{align-items:flex-start;flex-direction:column;gap:var(--space-8)}.preferences-header{padding:var(--space-12)}.preferences-footer{gap:var(--space-8)}.prefs-open{margin-left:0}}.icon-library-controls{display:flex;align-items:flex-end;gap:var(--space-16);flex-wrap:wrap;margin-top:var(--space-24)}.icon-library-controls .search-example{width:480px}.icon-results-count{padding-bottom:var(--space-12);color:var(--color-muted);font-size:var(--text-xs)}.icon-group{margin-top:var(--space-24)}.icon-group>h3{margin-bottom:var(--space-12)}.icon-group-count{margin-left:var(--space-8);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-12);list-style:none;padding:0;margin:0}.icon-card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-16);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-menu);background:var(--color-surface);min-width:0}.icon-specimen{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--space-12);border-radius:var(--radius-sm);color:var(--color-toolbar);background:var(--color-canvas)}.icon-specimen svg{width:var(--icon-lg);height:var(--icon-lg)}.icon-card strong{font-size:var(--text-sm);line-height:20px;font-weight:600}.icon-card code{display:block;margin-top:var(--space-4);color:var(--color-muted);overflow-wrap:anywhere}.icon-card p{margin-top:var(--space-8);color:var(--color-muted);font-size:var(--text-xs);line-height:16px}.icon-empty{margin-top:var(--space-24);padding:var(--space-24);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-menu);color:var(--color-muted);font-size:var(--text-sm)}@media(max-width:440px){.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-card{padding:var(--space-12)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);min-height:var(--button-height);padding:var(--space-8) var(--button-padding-x);border:var(--border-width) solid var(--button-background);border-radius:var(--button-radius);background:var(--button-background);color:var(--button-foreground);font-family:var(--font-sans);font-size:var(--text-sm);line-height:20px;font-weight:500;text-decoration:none;cursor:pointer}.button svg{width:var(--icon-sm);height:var(--icon-sm)}.button:hover{background:var(--button-hover-background);border-color:var(--button-hover-background)}.button:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.button--danger{--button-background: var(--button-danger-background);--button-foreground: var(--button-danger-foreground);--button-hover-background: var(--button-danger-background)}.button--danger:hover{border-color:var(--color-text)}.button--warning{--button-background: var(--button-warning-background);--button-foreground: var(--button-warning-foreground);--button-hover-background: var(--button-warning-background)}.button--warning:hover{border-color:var(--color-text)}.button:disabled,.button[aria-disabled=true]{background:var(--button-disabled-background);color:var(--button-disabled-foreground);border-color:var(--button-disabled-background);cursor:not-allowed}.floating-action.button:focus-visible{outline-color:var(--chrome-accent);outline-offset:-2px}.semantic-examples .button,.button-examples .button{cursor:default}.button-examples{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);margin-bottom:var(--space-20)}.button-rules{table-layout:fixed}.button-rules th:first-child{width:28%}.button-rules th:last-child,.button-rules td:last-child{text-align:left;padding-left:var(--space-16)}.button-rules td{vertical-align:top;font-size:var(--text-sm);line-height:20px}.button-rules code{overflow-wrap:anywhere}@media(forced-colors:active){.button{border-color:ButtonText}}.number-prefix{display:flex;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;min-width:var(--input-prefix-width);padding:0 var(--space-12);margin:0;background:var(--input-prefix-background);color:var(--input-prefix-foreground);font-family:var(--font-sans);font-size:var(--text-xs);line-height:20px;font-weight:600;cursor:text;-webkit-user-select:none;user-select:none}.number-shell.is-invalid .number-prefix{background:var(--color-danger);color:var(--color-text)}.number-field.is-disabled .number-prefix{background:var(--color-muted);color:var(--color-surface);cursor:not-allowed}@media(forced-colors:active){.number-prefix{background:ButtonText;color:ButtonFace}}:is(.shapes-menu,.file-dropdown,.layers-panel,.preferences-shell,.preferences-dialog,.delete-dialog,.menu-surface){--color-surface: var(--menu-background);--color-text: var(--menu-foreground);--color-muted: var(--menu-muted);--color-line: var(--menu-border);--color-canvas: var(--menu-hover);--color-toolbar: var(--menu-selected);--color-on-toolbar-muted: var(--menu-muted);--color-focus: var(--chrome-accent);--input-border-color: var(--menu-border);--input-icon-color: var(--menu-foreground);--input-background: var(--menu-hover);--input-prefix-background: var(--menu-hover);--input-prefix-foreground: var(--menu-foreground);--button-background: var(--menu-selected);--button-foreground: var(--menu-selected-foreground);--button-hover-background: var(--menu-button-hover);--button-disabled-background: var(--menu-hover);--button-disabled-foreground: var(--menu-disabled);background:var(--menu-background);color:var(--menu-foreground);border-color:var(--menu-border);color-scheme:var(--theme-color-scheme)}:is(.layers-panel,.preferences-shell,.menu-surface) .number-input{color-scheme:var(--theme-color-scheme)}:is(.shape-option[aria-checked=true]:hover,.prefs-tab[aria-selected=true]:hover){background:var(--menu-hover)}.layer-row.is-selected .panel-icon:hover{background:var(--menu-hover)}.layer-row.is-selected button:focus-visible{outline-color:var(--chrome-accent)}.layer-object[aria-pressed=true]:focus-visible{outline-color:var(--chrome-accent)}:is(.delete-dialog-icon,.number-error svg,.number-shell.is-invalid .number-prefix){color:var(--button-danger-foreground)}.selection-specimen{display:block;width:100%;height:auto;border:var(--border-width) solid var(--color-line);border-radius:var(--radius-menu);margin-bottom:var(--space-12)}.line-tools,.arc-tools,.delete-tools,.dimension-tools,.image-tools,.generator-tools{position:relative;display:flex;flex-shrink:0}.line-menu,.arc-menu,.delete-menu,.dimension-menu,.image-menu,.generator-menu{top:0;left:calc(100% + var(--toolbar-padding) + var(--menu-offset))}.image-menu{width:224px;min-height:96px;max-width:calc(100vw - var(--workspace-edge-inset) * 2 - var(--toolbar-width) - var(--menu-offset))}:is(.object-creation,.object-properties){display:grid;gap:12px;margin:0;padding:8px 0 12px}:is(.object-creation,.object-properties)[hidden]{display:none}:is(.object-creation,.object-properties) h3{margin:0;font-size:16px;line-height:22px;color:var(--menu-foreground)}:is(.object-creation,.object-properties) .subtext{margin:0;font-size:var(--text-xs);line-height:18px}:is(.object-creation .creation-fields,.object-properties .number-grid){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 8px;margin:0}.creation-field{min-width:0}.creation-full-width{grid-column:1 / -1}.creation-label{display:block;margin:0 0 4px;color:var(--menu-muted);font-size:var(--text-xs);line-height:18px}.creation-field .number-shell{width:100%;min-width:0}.creation-field .number-input{min-width:0;width:100%;padding:0 6px;font-size:var(--text-control)}.creation-field .number-prefix{min-width:24px;padding-left:5px;padding-right:5px}.creation-field .number-unit{margin-right:0;padding-left:2px;padding-right:6px;font-size:10px}.creation-measurement .number-input,.creation-label>select{display:block;width:100%;height:36px;margin-top:4px;border:1px solid var(--menu-border);color:var(--menu-foreground);background:var(--input-background)}.creation-error{margin:0;color:var(--color-danger);font-size:var(--text-xs);line-height:18px}.creation-submit{width:100%}.creation-specimen{position:relative;inset:auto;width:min(300px,100%);height:auto;margin-top:16px;background:var(--menu-background);color:var(--menu-foreground);border:1px solid var(--menu-border)}.creation-specimen .creation-demo-body{min-height:0;overflow:auto}.creation-demo-choice{max-width:300px}.line-appearance{display:grid;gap:12px;border-top:2px solid var(--color-canvas);margin-top:20px;padding-top:16px}.line-appearance[hidden]{display:none}.line-appearance h3{margin:0;font-size:var(--text-sm);color:var(--color-text)}.line-appearance .number-prefix{min-width:76px}.line-appearance select{min-width:0}.line-appearance-specimen .line-appearance{margin:0;padding:16px;border-top:0}.line-style-preview{width:100%;height:48px;color:var(--color-text);border:1px solid var(--color-canvas)}.arc-controls{display:grid;gap:12px;border-top:2px solid var(--color-canvas);margin-top:20px;padding-top:16px}.arc-controls[hidden]{display:none}.arc-controls .number-prefix{min-width:76px}.arc-actions{display:flex;flex-wrap:wrap;gap:8px}.arc-properties-specimen{position:relative;inset:auto;margin-top:24px;max-width:100%}.arc-properties-specimen .arc-controls{margin:0;padding:16px;border-top:0}.rotation-field{display:grid;gap:8px;margin-top:16px}.rotation-field .number-prefix{min-width:var(--input-prefix-width)}.object-properties :is(.line-appearance,.arc-controls){margin:0;padding:0;border:0}.object-properties :is(.line-appearance,.arc-controls) h3{display:none}.object-properties .number-prefix{min-width:24px;padding-left:5px;padding-right:5px}.object-properties .rotation-field{grid-column:1 / -1;margin:0;gap:4px}.object-properties .property-precise-fields{display:grid;gap:12px}.object-properties .property-precise-fields[hidden]{display:none}.object-properties details{min-width:0;margin:0;padding:8px 0 0;border:0;border-top:1px solid var(--menu-border);border-radius:0;background:transparent}.object-properties summary{cursor:pointer;color:var(--menu-foreground);font-size:var(--text-xs);line-height:20px}.object-properties details .number-grid{margin-top:8px}.object-properties .arc-actions .button{flex:1;min-width:0;font-size:var(--text-xs)}.object-properties .text-properties{margin:0}.properties-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:40px var(--space-24);text-align:center}.properties-empty svg{width:32px;height:32px;flex-shrink:0;color:var(--color-text)}.properties-empty h3{margin:0;color:var(--color-text);font-size:var(--text-lg);line-height:28px;font-weight:600}.properties-empty p{margin:0;color:var(--color-muted);font-size:var(--text-sm);line-height:22px;max-width:260px}.properties-empty-preview{padding:var(--space-16)}.snap-indicator-specimen{width:100%;height:120px;background:var(--color-grid-background);border-radius:12px}.selection-duplicate{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-selection);cursor:pointer}.selection-duplicate[hidden]{display:none}.selection-duplicate:before{content:"";position:absolute;width:1px;height:24px;background:var(--color-selection);bottom:50%;left:50%;transform:translate(-50%);pointer-events:none}.selection-duplicate svg{position:relative;width:calc(var(--rotation-handle-radius) * 2 + 4px);height:calc(var(--rotation-handle-radius) * 2 + 4px);fill:#fff;stroke:currentColor;stroke-width:1}.selection-duplicate:hover{background:transparent}.selection-duplicate:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}@font-face{font-family:Vectora Lato;src:url(/Vectora/fonts/Lato-Regular.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:"Vectora PT Serif";src:url(/Vectora/fonts/PTSerif-Regular.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Vectora Space Mono;src:url(/Vectora/fonts/SpaceMono-Regular.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:"Vectora Hershey Sans 1-stroke";src:url(/Vectora/fonts/HersheySans1-Display.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Vectora Relief Single Line;src:url(/Vectora/fonts/ReliefSingleLineOutline-Regular.otf) format("opentype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Vectora FreeMono;src:url(/Vectora/fonts/FreeMono.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Vectora Inter;src:url(/Vectora/fonts/Inter-Regular.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Vectora JetBrains Mono;src:url(/Vectora/fonts/JetBrainsMono-Regular.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Vectora Oswald;src:url(/Vectora/fonts/Oswald-Regular.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Vectora Montserrat;src:url(/Vectora/fonts/Montserrat-Regular.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Vectora Bebas Neue;src:url(/Vectora/fonts/BebasNeue-Regular.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Vectora Allerta Stencil;src:url(/Vectora/fonts/AllertaStencil-Regular.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Vectora Saira Stencil One;src:url(/Vectora/fonts/SairaStencilOne-Regular.ttf) format("truetype");ascent-override:100%;descent-override:20%;line-gap-override:0%}.inline-text{position:absolute;top:0;left:0;z-index:2;transform-origin:0 0;margin:0;padding:0;border:0;border-radius:0;resize:none;overflow:hidden;background:transparent;color:var(--inline-text-color,var(--layer-artwork));-webkit-text-stroke:0;caret-color:transparent;outline:none;cursor:text;font-weight:400;font-kerning:normal;font-variant-ligatures:none;letter-spacing:0;white-space:pre}.inline-text-caret{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible;fill:none;stroke:var(--color-selection);stroke-width:1px}.inline-text-caret path{animation:text-caret-blink 1s step-end infinite}@keyframes text-caret-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.inline-text-caret path{animation:none}}.text-properties{display:grid;gap:var(--input-row-gap);margin:0;padding-bottom:var(--space-20);border-bottom:var(--border-width) solid var(--color-canvas)}.text-properties:not([hidden])+.number-grid{margin-top:var(--space-16)}.text-font-field{position:relative}.text-font-field .number-prefix{cursor:pointer}.text-font-field select{appearance:none;-webkit-appearance:none;padding-right:calc(var(--input-padding) * 2 + var(--icon-sm));cursor:pointer}.text-font-field select:disabled{cursor:not-allowed}select,select.number-input{color-scheme:var(--theme-color-scheme)}select option,select optgroup{background-color:var(--menu-background);color:var(--menu-foreground)}select option:disabled,select optgroup:disabled{color:var(--menu-disabled)}.text-font-field>svg{position:absolute;right:var(--input-padding);width:var(--icon-sm);height:var(--icon-sm);color:var(--input-icon-color);pointer-events:none}.node-context-menu{position:absolute;z-index:6;width:200px;padding:var(--space-8);border:var(--border-width) solid var(--menu-border);border-radius:var(--radius-menu);box-shadow:var(--menu-shadow)}.pattern-dialog{position:fixed;inset:auto 24px 64px auto;width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 80px);margin:0;padding:20px;overflow:auto;border:1px solid var(--menu-border);border-radius:var(--radius-menu);box-shadow:var(--menu-shadow)}.pattern-dialog::backdrop{background:transparent}.pattern-dialog h2{margin:0 0 16px;font-size:18px;line-height:26px}.pattern-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--menu-hover)}.pattern-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;border:0;background:transparent;color:var(--menu-foreground);font:inherit;font-size:var(--text-xs);cursor:pointer}.pattern-tabs button[aria-selected=true]{background:var(--chrome-selected);color:var(--chrome-accent);font-weight:600}.pattern-tabs svg{width:16px;height:16px;flex-shrink:0}.pattern-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.pattern-field{display:flex;flex-direction:column;gap:6px;font-size:var(--text-xs)}.pattern-field .number-shell{height:36px;min-height:36px;border-width:1px}.pattern-field .number-input{padding:0 8px;font-size:var(--text-control)}.pattern-field .number-unit{margin:0;padding-right:8px;font-size:11px}.pattern-pick{width:100%;margin-top:14px;min-height:34px;padding:6px 8px;font-size:var(--text-xs)}.pattern-pick svg{width:16px;height:16px}.pattern-rotate{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:var(--text-control)}.pattern-rotate input{margin:0;accent-color:var(--chrome-accent)}.pattern-hint,.pattern-feedback{font-size:var(--text-xs);line-height:18px;margin:12px 0;color:var(--menu-muted)}.pattern-feedback{padding-top:12px;border-top:1px solid var(--menu-border);color:var(--menu-foreground)}.pattern-feedback.is-error{color:var(--color-danger)}.pattern-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.pattern-actions .button,.pattern-pick-status .button{min-height:34px;padding:6px 14px;font-size:var(--text-xs)}.pattern-dialog :is(button,input):focus-visible,.pattern-pick-status button:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.pattern-pick-status{position:fixed;z-index:var(--menu-z-index);left:50%;bottom:72px;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 12px;border:1px solid var(--menu-border);box-shadow:var(--menu-shadow);font-size:var(--text-xs)}.pattern-pick-status[hidden]{display:none}@media(max-width:500px){.pattern-dialog{right:16px;bottom:48px;padding:16px}.pattern-pick-status{width:calc(100vw - 32px);bottom:48px}}.corner-dialog{position:fixed;inset:auto 24px 64px auto;width:320px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 80px);margin:0;padding:20px;overflow:auto;border:1px solid var(--menu-border);border-radius:var(--radius-menu);box-shadow:var(--menu-shadow)}.corner-dialog::backdrop{background:transparent}.corner-dialog h2{margin:0;font-size:18px;line-height:26px}.corner-count{color:var(--menu-muted);font-size:var(--text-xs);margin:6px 0 16px}.corner-field{display:flex;flex-direction:column;gap:8px;font-size:var(--text-control)}.corner-field .number-shell{height:40px;min-height:40px;border-width:1px}.corner-field .number-input{padding:0 12px;font-size:var(--text-control)}.corner-field .number-unit{padding-right:12px;font-size:var(--text-xs)}.corner-field input[aria-invalid=true]{outline:1px solid var(--color-danger);outline-offset:-1px}.corner-feedback,.corner-hint{font-size:var(--text-xs);line-height:18px;margin:12px 0;color:var(--menu-muted)}.corner-feedback.is-error{color:var(--color-danger)}.corner-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.corner-actions .button{min-height:34px;padding:6px 14px;font-size:var(--text-xs)}.corner-dialog :is(button,input):focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}@media(max-width:500px){.corner-dialog{right:16px;bottom:48px;padding:16px}}.node-action{display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:40px;padding:var(--space-8) var(--space-12);border:0;border-radius:var(--input-radius);background:transparent;color:var(--menu-foreground);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer}.node-action svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.node-action:hover:not(:disabled),.node-action:focus-visible{background:var(--menu-hover)}.node-action:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.node-action:disabled{color:var(--menu-muted);opacity:.5;cursor:not-allowed}.dimension-menu{width:280px;max-width:calc(100vw - var(--workspace-edge-inset) * 2 - var(--toolbar-width) - var(--menu-offset));max-height:calc(100dvh - var(--workspace-edge-inset) * 2);overflow:auto}@media(max-height:740px){.left-toolbar,.right-toolbar{gap:0}}@media(max-height:600px){.left-toolbar .tool,.right-toolbar .tool{width:28px;height:28px;padding:4px}.left-toolbar .divider,.right-toolbar .divider{flex-shrink:0}}.callout-editor{position:absolute;z-index:6;width:280px;max-width:calc(100% - 16px);padding:var(--space-16);border:var(--border-width) solid var(--menu-border);border-radius:var(--radius-menu);box-shadow:var(--menu-shadow)}.callout-editor .number-label{margin-bottom:var(--space-8)}.callout-actions{display:flex;justify-content:flex-end;gap:var(--space-8);margin-top:var(--space-12)}.callout-actions .button{min-height:36px;padding:var(--space-8) var(--space-12)}.image-menu{width:248px}.generator-menu{width:248px;min-height:96px;outline:none}.raster-dialog{position:fixed;inset:0;margin:auto;padding:0;width:1080px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);border:var(--border-width) solid var(--menu-border);border-radius:var(--radius-sm);box-shadow:var(--menu-shadow);overflow:hidden}.raster-dialog[open]{display:flex;flex-direction:column}.raster-dialog::backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.raster-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:var(--border-width) solid var(--menu-border);flex-shrink:0}.raster-header h2{font-size:var(--text-xl);line-height:32px}.raster-header p{margin-top:4px;font-size:var(--text-xs);color:var(--menu-muted);overflow-wrap:anywhere}.raster-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.raster-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;overflow:auto;flex:1}.raster-column{margin:0;padding:20px 24px;min-width:0}.raster-column+.raster-column{border-left:var(--border-width) solid var(--menu-border)}.raster-pane-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;min-height:40px;margin-bottom:8px}.raster-pane-heading h3{font-size:var(--text-sm);font-weight:600}#raster-path-count{display:block;color:var(--menu-muted);font-size:var(--text-xs);font-weight:400}.raster-segments{display:flex;align-items:center;padding:4px;gap:4px;border-radius:var(--radius-sm);background:var(--menu-hover)}.raster-segments button,.raster-segments label span{display:block;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--menu-foreground);font-size:var(--text-xs);line-height:16px;white-space:nowrap;cursor:pointer}.raster-segments button[aria-pressed=true],.raster-segments label:has(input:checked) span{background:var(--menu-selected);color:var(--menu-selected-foreground)}.raster-segments label{position:relative}.raster-segments label input{position:absolute;opacity:0;width:1px;height:1px}.raster-segments label:has(input:focus-visible){outline:2px solid var(--chrome-accent);outline-offset:-2px;border-radius:var(--radius-sm)}.raster-preview-surface{display:flex;align-items:center;justify-content:center;padding:12px;height:260px;overflow:hidden;background:#fff;border-radius:var(--radius-sm)}.raster-preview-surface canvas,.raster-preview-surface svg{display:block;width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain}.raster-input-surface{width:100%;border:0;font:inherit;cursor:pointer}.raster-input-surface:has(.raster-empty:not([hidden])){background:var(--color-grid-background);box-shadow:inset 0 0 0 1px var(--menu-border)}.raster-input-surface:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.raster-vector-surface{background-color:var(--color-grid-background);background-image:linear-gradient(var(--color-grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-minor) 1px,transparent 1px);background-size:24px 24px}#raster-vector-empty{color:var(--menu-muted);font-size:var(--text-sm)}.raster-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;color:var(--menu-muted)}.raster-empty>svg{width:36px;height:36px}.raster-empty-title{font-size:var(--text-lg);font-weight:700;color:var(--menu-foreground)}.raster-empty-description{max-width:260px;font-size:var(--text-xs);line-height:18px}.raster-controls{display:flex;flex-direction:column;gap:12px;margin-top:20px}.raster-slider .slider-label{margin-bottom:4px}.raster-slider .slider-label label{font-size:var(--text-xs)}.raster-slider .vectora-slider{height:24px}.raster-invert{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);cursor:pointer}.raster-invert input{width:16px;height:16px;accent-color:var(--chrome-accent)}.raster-help,#raster-size{font-size:var(--text-xs);line-height:18px;color:var(--menu-muted)}#raster-size{margin-top:8px}.raster-footer{margin:0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;border-top:var(--border-width) solid var(--menu-border);padding:16px 24px}.raster-feedback{font-size:var(--text-xs);line-height:18px;min-width:0}#raster-detail{color:var(--menu-muted)}#raster-error{color:var(--color-danger)}.raster-actions{display:flex;gap:8px;flex-shrink:0}.raster-cancel{background:var(--menu-hover);color:var(--menu-foreground)}.raster-cancel:hover{background:var(--menu-border)}@media(max-width:800px){.raster-dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.raster-column{padding:16px}.raster-preview-surface{height:220px}.raster-pane-heading{align-content:start;min-height:76px}}@media(max-width:600px){.raster-body{grid-template-columns:1fr}.raster-column+.raster-column{border-left:0;border-top:var(--border-width) solid var(--menu-border)}.raster-pane-heading{min-height:40px}.raster-header{padding:16px;flex-wrap:wrap}.raster-header-actions{gap:8px}.raster-footer{padding:16px;flex-wrap:wrap}.raster-actions{margin-left:auto}}@media(max-width:480px){.application-header{grid-template-columns:80px minmax(0,1fr) 80px;padding:0 12px}.application-header .brand-wordmark{display:none}.document-name{font-size:var(--text-xs)}.top-toolbar{padding-left:4px}}.toolbar .tool:focus-visible,.floating-menu button:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}:is(.shape-option[aria-checked=true],.prefs-tab[aria-selected=true],.layer-row.is-selected,.layer-object[aria-pressed=true]) svg{color:var(--chrome-accent)}.number-prefix{font-weight:500}.layers-panel .button{font-size:var(--text-control);font-weight:500}.layers-panel .panel-title{letter-spacing:0}.layer-name{font-weight:400}.layer-meta{font-size:11px;line-height:16px}.menu-title{font-size:var(--text-xs);font-weight:500;letter-spacing:.5px}.shape-option,.dropdown-option{font-size:var(--text-control);font-weight:400}.toolbar:has(.file-dropdown:not([hidden]),.shapes-menu:not([hidden])),.node-context-menu,.callout-editor{z-index:var(--menu-z-index)}:root{--theme-color-scheme:dark;--menu-button-hover:#45484F;--menu-disabled:#AAAAAA}:root:is([data-theme=light],[data-theme=high-contrast]){--theme-color-scheme:light;--layer-artwork:#383838;--color-canvas:#F3F4F6;--color-surface:#FFFFFF;--color-toolbar:#F5F6F8;--color-hover:#E5E9EF;--menu-background:#F5F6F8;--menu-foreground:#282B31;--menu-muted:#585F6B;--menu-border:#CDD2D9;--menu-hover:#E5E9EF;--menu-selected:#E2EAF2;--menu-selected-foreground:#243B50;--color-on-toolbar-muted:#585F6B;--color-text:#282B31;--color-muted:#585F6B;--color-line:#CDD2D9;--commandbar-background:#EAEDF1;--chrome-accent:#087DA8;--chrome-selected:#DCEAF3;--color-selection:#087DA8;--color-object-snap:#087DA8;--color-selection-area:#087DA822;--color-grid-background:#FAFBFC;--color-grid-minor:#E6EAF0;--color-grid-major:#C8D1DD;--preview-foreground:var(--menu-foreground);--preview-muted:var(--menu-muted);--preview-border:var(--menu-border);--preview-grid-major:var(--color-grid-major);--preview-grid-minor:var(--color-grid-minor);--preview-hover:var(--menu-hover);--color-focus:var(--chrome-accent);--input-border-color:#CDD2D9;--input-icon-color:#585F6B;--menu-button-hover:#D5DFEA;--menu-disabled:#7C838D;--toggle-active-thumb:#FFFFFF;--button-background:#E2EAF2;--button-foreground:#243B50;--button-hover-background:#D5DFEA;--input-prefix-background:#EAEDF1;--input-prefix-foreground:#282B31}:root[data-theme=high-contrast]{--color-canvas:#FFFFFF;--color-surface:#FFFFFF;--color-toolbar:#FFFFFF;--color-hover:#ECECEC;--menu-background:#FFFFFF;--menu-foreground:#000000;--menu-muted:#333333;--menu-border:#000000;--menu-hover:#ECECEC;--menu-selected:#E5EDFF;--menu-selected-foreground:#000000;--color-on-toolbar-muted:#333333;--color-text:#000000;--color-muted:#333333;--color-line:#000000;--commandbar-background:#FFFFFF;--chrome-accent:#005FCC;--chrome-selected:#E5EDFF;--color-selection:#005FCC;--color-object-snap:#005FCC;--color-selection-area:#005FCC22;--color-grid-background:#FFFFFF;--color-grid-minor:#909090;--color-grid-major:#555555;--preview-border:var(--menu-border);--preview-grid-major:var(--color-grid-major);--preview-grid-minor:var(--color-grid-minor);--color-focus:var(--chrome-accent);--input-border-color:#000000;--input-icon-color:#000000;--menu-button-hover:#D5D5D5;--menu-disabled:#595959;--button-background:#FFFFFF;--button-foreground:#000000;--button-hover-background:#ECECEC;--button-disabled-background:#ECECEC;--button-disabled-foreground:#595959;--input-prefix-background:#FFFFFF;--input-prefix-foreground:#000000;--color-danger:#8C1D18;--color-warning:#653D00;--color-positive:#166534;--color-information:#004B87;--button-danger-foreground:#FFFFFF;--button-warning-foreground:#FFFFFF;--canvas-boundary:#000000;--canvas-outside:rgba(0,0,0,.16)}:root[data-theme=high-contrast] :is(:focus-visible,.number-shell:focus-within,.search-shell:focus-within,.theme-option:has(input:focus-visible),.raster-segments label:has(input:focus-visible),.prefs-segments input:focus-visible+span){outline-width:3px;outline-offset:-3px}:root[data-theme=high-contrast] .vectora-toggle:focus-visible+.toggle-track{outline-width:3px}:root[data-theme=high-contrast] .prefs-tab:hover{background:var(--menu-hover)}:root[data-theme=high-contrast] .dropdown-option:focus-visible,:root[data-theme=high-contrast] .dropdown-option:focus-visible kbd{color:var(--menu-foreground)}:root[data-theme=high-contrast] .drag-handle:is(:hover,:focus-visible),:root[data-theme=high-contrast] .floating-menu.is-dragging .drag-handle,:root[data-theme=high-contrast] :is(pre,.icon-specimen){color:var(--menu-foreground)}:root[data-theme=high-contrast] .document-name:focus-visible{outline:3px solid var(--chrome-accent);outline-offset:-3px}.grid-type-select{font-family:var(--font-sans)}.grid-demo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--color-grid-minor)}.grid-demo .major{color:var(--color-grid-major)}.theme-choice{display:grid;gap:12px;padding-top:16px}.theme-choice legend{padding:0 0 12px}.theme-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--menu-border);cursor:pointer}.theme-option:has(input:checked){border-color:var(--chrome-accent);background:var(--chrome-selected)}.theme-option:has(input:focus-visible){outline:2px solid var(--chrome-accent);outline-offset:-2px}.theme-option input{margin:0;accent-color:var(--chrome-accent)}.theme-option .prefs-setting-help{margin-top:2px}.theme-swatch{width:40px;height:32px;flex-shrink:0;border:6px solid}.theme-swatch-dark{background:#202226;border-color:#414349}.theme-swatch-light{background:#fafbfc;border-color:#cdd2d9}.theme-swatch-high-contrast{background:#fff;border-color:#000}:root:is([data-theme=light],[data-theme=high-contrast]) .toolbar{color:var(--menu-foreground)}.selection-context-menu{position:fixed;z-index:var(--menu-z-index);width:200px;padding:var(--space-8);border:var(--border-width) solid var(--menu-border);border-radius:var(--radius-menu);box-shadow:var(--menu-shadow);overflow:auto}.selection-context-menu .node-action{min-height:36px}.selection-context-menu kbd{margin-left:auto;white-space:nowrap;color:var(--menu-muted);font:inherit;font-size:var(--text-xs)}.selection-context-specimen{position:relative;inset:auto}.tool-search-dialog{width:min(480px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 48px);margin:min(112px,12vh) auto 0;padding:0;border:var(--border-width) solid var(--menu-border);border-radius:var(--radius-menu);background:var(--menu-background);color:var(--menu-foreground);box-shadow:var(--menu-shadow);overflow:hidden}.tool-search-dialog::backdrop{background:var(--modal-backdrop)}.tool-search-header{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12);border-bottom:var(--border-width) solid var(--menu-border)}.tool-search-header .search-shell{flex:1;min-width:0;height:40px;background:var(--menu-background);border-color:var(--menu-border)}.tool-search-header .search-shell:focus-within{outline-color:var(--chrome-accent)}.tool-search-header .search-input{color:var(--menu-foreground)}.tool-search-header .search-input::placeholder,.tool-search-header .search-shell>svg{color:var(--menu-muted)}.tool-search-close{flex-shrink:0;width:32px;height:32px;color:var(--menu-foreground)}.tool-search-results{max-height:min(360px,calc(100dvh - 240px));min-height:48px;padding:var(--space-4);overflow-y:auto;overscroll-behavior:contain}.tool-search-result{display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:52px;padding:var(--space-8) var(--space-12);border:0;border-radius:0;background:transparent;color:var(--menu-foreground);text-align:left;font:inherit;cursor:pointer}.tool-search-result>svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.tool-search-label{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.tool-search-label strong{font-size:var(--text-sm);line-height:20px;font-weight:500}.tool-search-label small,.tool-search-result kbd{color:var(--menu-muted);font-size:var(--text-xs);line-height:16px}.tool-search-result kbd{flex-shrink:0;font-family:var(--font-sans)}.tool-search-result[aria-selected=true],.tool-search-result:focus-visible{background:var(--menu-hover)}.tool-search-result:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.tool-search-result[aria-disabled=true]{opacity:.55;cursor:not-allowed}.tool-search-status{margin:0;padding:var(--space-12) var(--space-16);border-top:var(--border-width) solid var(--menu-border);color:var(--menu-muted);font-size:var(--text-xs);line-height:18px}.tool-search-specimen{position:relative;inset:auto;margin:var(--space-16) 0}.selection-context-menu:has(.selection-layer-menu:not([hidden])){width:240px}.selection-layer-trigger .selection-layer-chevron{margin-left:auto;width:12px;height:12px}.selection-layer-trigger[aria-expanded=true] .selection-layer-chevron{transform:rotate(180deg)}.selection-layer-menu{border-top:var(--border-width) solid var(--menu-border);margin-top:var(--space-4);padding-top:var(--space-4)}.selection-layer-option{gap:var(--space-8)}.selection-layer-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-layer-check{visibility:hidden;margin-left:auto}.selection-layer-option[aria-checked=true] .selection-layer-check{visibility:visible}.help-dialog{position:fixed;inset:0;margin:auto;width:1120px;height:780px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--menu-border);border-radius:var(--radius-menu);box-shadow:var(--menu-shadow);overflow:hidden}.help-dialog[open]{display:flex;flex-direction:column}.help-dialog::backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-header{display:flex;align-items:center;gap:24px;padding:20px 24px;border-bottom:1px solid var(--menu-border);flex-shrink:0}.help-header>div{flex:1;min-width:0}.help-header h2{font-size:22px;line-height:30px;margin:0}.help-eyebrow{display:block;font-size:10px;line-height:18px;letter-spacing:1.2px;font-weight:600;color:var(--menu-muted)}.help-search{width:330px;max-width:100%;height:36px;min-height:36px}.help-search .search-input{font-size:var(--text-xs);min-width:0}.help-search svg{width:16px;height:16px}.help-close{flex-shrink:0}.help-body{display:grid;grid-template-columns:224px minmax(0,1fr);flex:1;min-height:0}.help-sidebar{padding:20px 10px;border-right:1px solid var(--menu-border);overflow-y:auto;overscroll-behavior:contain}.help-index-label{padding:0 10px 12px;font-size:10px;letter-spacing:1.2px;color:var(--menu-muted)}.help-tab{display:flex;align-items:center;gap:10px;width:100%;padding:10px;min-height:40px;border:0;background:transparent;color:var(--menu-muted);text-align:left;font-size:var(--text-xs);line-height:18px}.help-tab svg{width:18px;height:18px;flex-shrink:0}.help-tab:hover{background:var(--menu-hover);color:var(--menu-foreground)}.help-tab[aria-selected=true]{background:var(--chrome-selected);color:var(--chrome-accent);font-weight:600}.help-tab:focus-visible,.help-link:focus-visible,.help-dialog .tool:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.help-content{min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 32px}.help-page{max-width:800px;margin:0 auto;color:var(--menu-foreground);font-size:var(--text-control);line-height:1.7;overflow-wrap:anywhere}.help-page:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.help-page-heading{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--menu-border)}.help-page-heading h2{margin:6px 0;font-size:24px;line-height:32px}.help-page-heading p{font-size:var(--text-sm)}.help-page p{margin:0 0 12px;color:var(--menu-muted)}.help-page h3{margin:24px 0 10px;font-size:15px;line-height:22px;font-weight:600}.help-page-heading p:last-child,.help-note p:last-child{margin-bottom:0}.help-intro{padding:20px;background:var(--menu-hover);border:1px solid var(--menu-border)}.help-intro h3{margin-top:6px;font-size:22px;line-height:30px}.help-intro p{margin-bottom:0}.help-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.help-cards>article{padding:16px;border:1px solid var(--menu-border)}.help-cards>article>svg{width:22px;height:22px;color:var(--chrome-accent)}.help-cards h3{margin:12px 0 8px}.help-link{display:inline-flex;align-items:center;gap:6px;border:0;padding:4px 0;color:var(--chrome-accent);background:transparent;font:inherit;font-weight:500;text-align:left}.help-link:hover{text-decoration:underline}.help-note{margin:20px 0;padding:14px 16px;border-left:2px solid var(--chrome-accent);background:var(--menu-hover);color:var(--menu-foreground)}.help-steps{margin:12px 0 20px;padding-left:24px}.help-steps li{padding-left:4px;margin-bottom:10px;color:var(--menu-muted)}.help-steps li::marker{color:var(--chrome-accent);font-weight:600}.help-page kbd{display:inline-block;padding:1px 5px;border:1px solid var(--menu-border);background:var(--menu-hover);color:var(--menu-foreground);font-family:var(--font-sans);font-size:11px;line-height:18px;white-space:nowrap}.help-table-wrap{max-width:100%;margin:12px 0 20px}.help-page table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-xs);line-height:1.65}.help-page th{font-weight:600;color:var(--menu-foreground);background:var(--menu-hover)}.help-page th,.help-page td{padding:10px 12px;border-bottom:1px solid var(--menu-border);vertical-align:top}.help-page td{color:var(--menu-muted)}.help-page td:first-child{width:36%;color:var(--menu-foreground)}.help-illustration{display:block;width:100%;height:120px;margin:16px 0;border:1px solid var(--menu-border);background:var(--color-grid-background);color:var(--layer-artwork)}.help-recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.help-recipes>article{min-width:0;padding-bottom:8px;border-bottom:1px solid var(--menu-border)}.help-recipes h3{margin:4px 0 12px}.help-empty{padding:64px 12px;text-align:center}.help-empty>svg{width:32px;height:32px;color:var(--menu-muted)}.help-empty h3{margin:16px 0 8px}.help-empty p{margin-bottom:20px;font-size:var(--text-control);color:var(--menu-muted)}.help-footer{margin:0;display:flex;justify-content:space-between;gap:16px;padding:12px 24px;border-top:1px solid var(--menu-border);color:var(--menu-muted);font-size:11px;line-height:16px;flex-shrink:0}@media(max-width:850px){.help-body{grid-template-columns:190px minmax(0,1fr)}.help-content{padding:24px}.help-cards,.help-recipes{grid-template-columns:1fr}.help-search{width:270px}}@media(max-width:600px){.help-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.help-header{flex-wrap:wrap;gap:12px;padding:14px}.help-header h2{font-size:20px}.help-search{order:3;width:100%}.help-body{grid-template-columns:118px minmax(0,1fr)}.help-sidebar{padding:12px 4px}.help-index-label{padding:0 6px 8px}.help-tab{padding:8px 6px;font-size:11px;line-height:16px;gap:0}.help-tab svg{display:none}.help-content{padding:16px 12px}.help-page-heading h2{font-size:20px;line-height:27px}.help-page,.help-page-heading p{font-size:var(--text-xs)}.help-intro{padding:12px}.help-intro h3{font-size:18px;line-height:25px}.help-page th,.help-page td{padding:8px 5px;font-size:11px}.help-page td:first-child{width:40%}.help-page kbd{font-size:10px;padding:0 3px}.help-footer{padding:10px 14px}.help-footer>span:last-child{display:none}}.generator-menu{width:300px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.generator-category{padding:12px 12px 6px;font-size:10px;line-height:16px;color:var(--menu-muted);letter-spacing:.6px;text-transform:uppercase}.generator-category:not(:first-child){margin-top:8px;border-top:1px solid var(--menu-border)}.generator-dialog{position:fixed;inset:0;margin:auto;width:1080px;height:740px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--menu-border);border-radius:var(--radius-menu);box-shadow:var(--menu-shadow);overflow:hidden}.generator-dialog[open]{display:flex;flex-direction:column}.generator-dialog::backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.generator-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--menu-border);flex-shrink:0}.generator-header h2{margin:0;font-size:20px;line-height:28px}.generator-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;flex:1;min-height:0}.generator-preview{margin:0;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--color-grid-background);color:var(--menu-foreground)}.generator-preview-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:var(--text-xs);color:var(--menu-muted)}.generator-preview-heading label{display:flex;align-items:center;gap:6px;cursor:pointer}.generator-preview-heading input{accent-color:var(--chrome-accent)}.generator-svg{display:block;flex:1;width:100%;min-height:0;overflow:hidden}.generator-svg path,.generator-svg circle{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.generator-guides{color:var(--chrome-accent);opacity:.6}.generator-guides path,.generator-guides circle{stroke-width:1px;stroke-dasharray:5 5}.generator-guides.is-hidden{display:none}.generator-folds{color:var(--chrome-accent)}.generator-folds path{stroke-dasharray:5 4}.generator-part-label{fill:var(--menu-muted);stroke:none;text-anchor:middle;dominant-baseline:middle}.generator-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;padding:6px 12px 0;font-size:11px;color:var(--menu-muted)}.generator-legend[hidden]{display:none}.generator-fold-key{color:var(--chrome-accent)}.generator-svg.is-pending{opacity:.25}.generator-size{padding:14px 16px;text-align:center;font:12px var(--font-sans);color:var(--menu-muted);min-height:46px;box-sizing:border-box}.generator-controls{margin:0;padding:20px;border-left:1px solid var(--menu-border);overflow-y:auto;overscroll-behavior:contain;min-width:0;font-size:var(--text-xs)}.generator-field{display:flex;flex-direction:column;gap:6px;font-size:var(--text-xs);color:var(--menu-foreground);min-width:0}.generator-field select{display:block;width:100%;height:36px;padding:0 8px;background:var(--input-background);color:var(--menu-foreground);border:1px solid var(--menu-border);border-radius:0;font:inherit;font-size:var(--text-control)}.generator-description,.generator-notes{color:var(--menu-muted);line-height:1.6}.generator-description{margin:12px 0 20px}.generator-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px;margin-bottom:18px}.generator-fields .number-shell{height:36px;min-height:36px;border-width:1px}.generator-fields .number-input{min-width:0;padding:0 8px;font-size:var(--text-control)}.generator-fields .number-unit{margin:0;padding:0 8px 0 0;font-size:11px}.generator-fields input[aria-invalid=true]{outline:1px solid var(--color-danger);outline-offset:-1px}.generator-dialog .button{min-height:34px;padding:6px 12px;font-size:var(--text-xs)}.generator-image{margin:0 0 18px}.generator-image[hidden],.generator-dialog [data-new-seed][hidden]{display:none}.generator-image-pick{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:14px 10px;color:var(--menu-foreground);background:var(--menu-background);border:1px dashed var(--menu-border);font:inherit;cursor:pointer}.generator-image-pick:hover{border-color:var(--chrome-accent)}.generator-image-pick svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.generator-image-pick canvas{max-width:100%;height:100px;object-fit:contain}.generator-image-pick canvas:not([hidden])+svg{display:none}.generator-image-pick [data-pattern-label]{overflow-wrap:anywhere;max-width:100%}.generator-image-pick small{color:var(--menu-muted);font-size:10px;line-height:15px}.generator-toggle{display:flex;align-items:center;gap:8px;align-self:end;min-height:36px;cursor:pointer}.generator-toggle input{accent-color:var(--chrome-accent)}.generator-dialog [data-new-seed]{margin:0 8px 8px 0}.generator-metrics{margin:20px 0 0;padding-top:12px;border-top:1px solid var(--menu-border)}.generator-metrics:empty{display:none}.generator-metrics>div{display:flex;gap:12px;justify-content:space-between;padding:5px 0}.generator-metrics dt{color:var(--menu-muted)}.generator-metrics dd{margin:0;text-align:right}.generator-notes p{margin:12px 0 0}.generator-footer{margin:0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--menu-border);padding:12px 20px;flex-shrink:0}.generator-feedback{font-size:var(--text-xs);color:var(--menu-muted)}.generator-feedback.is-error{color:var(--color-danger)}.generator-actions{display:flex;gap:8px;flex-shrink:0}.generator-dialog :is(button,select,input):focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}@media(max-width:700px){.generator-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.generator-body{grid-template-columns:1fr;overflow:auto;display:block}.generator-preview{height:280px}.generator-controls{overflow:visible;border-left:0;border-top:1px solid var(--menu-border);padding:16px}.generator-footer{align-items:stretch;flex-direction:column;gap:8px;padding:12px 16px}.generator-actions{justify-content:flex-end}.generator-header h2{font-size:17px}}.selection-icon-menu{position:fixed;inset:auto;margin:0;width:max-content;padding:4px;display:grid;grid-template-columns:repeat(4,32px);gap:4px;overflow:auto;border:1px solid var(--menu-border);border-radius:var(--radius-menu);box-shadow:var(--menu-shadow)}.selection-icon-menu[data-columns="3"]{grid-template-columns:repeat(3,32px)}.selection-icon-menu[hidden],.selection-icon-menu:not(:popover-open){display:none}.selection-icon-menu .floating-action{width:32px;height:32px;min-height:32px;padding:4px}.selection-icon-menu .floating-action svg{width:16px;height:16px}.selection-popout-trigger[aria-expanded=true]{background:var(--chrome-selected);color:var(--chrome-accent)}.offset-dialog{position:fixed;inset:auto;width:300px;margin:0;padding:16px;overflow:auto;border:1px solid var(--menu-border);border-radius:var(--radius-menu);box-shadow:var(--menu-shadow)}.offset-dialog::backdrop{background:transparent}.offset-dialog h2{margin:0 0 12px;font-size:16px;line-height:22px}.offset-source{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;color:var(--menu-muted);font-size:var(--text-xs)}.offset-source .button{flex:none;min-height:32px;padding:7px 10px;white-space:nowrap}.offset-dialog .pattern-actions{position:sticky;bottom:-16px;margin-bottom:-16px;padding:12px 0 16px;background:var(--menu-background)}.offset-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.offset-dialog select{width:100%;min-width:0;height:36px;padding:0 8px;border:1px solid var(--menu-border);border-radius:var(--radius-sm);background:var(--input-background);color:var(--menu-foreground);font:inherit;font-size:var(--text-control)}.offset-dialog :is(button,select):focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.offset-specimen{position:relative;inset:auto;max-width:100%;box-sizing:border-box}.export-dialog{width:min(960px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--menu-border);color:var(--menu-foreground);background:var(--menu-background)}.export-dialog[open]{display:flex;flex-direction:column}.export-dialog::backdrop{background:var(--modal-backdrop)}.export-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--menu-border)}.export-header h2{margin:0;font-size:22px}.export-header p{margin:6px 0 0;color:var(--menu-muted);font-size:var(--text-control)}.export-header svg,.export-formats svg{width:20px;height:20px;flex:none}.export-body{display:grid;grid-template-columns:184px minmax(0,1fr);min-height:0;overflow:hidden}.export-formats{padding:12px 0;border-right:1px solid var(--menu-border);overflow:auto}.export-formats button{display:flex;align-items:center;gap:10px;width:100%;border:0;padding:14px 16px;text-align:left;color:var(--menu-muted);background:transparent;font:inherit;font-size:var(--text-control);cursor:pointer}.export-formats button:hover{background:var(--menu-hover);color:var(--menu-foreground)}.export-formats button[aria-selected=true]{background:var(--menu-selected);color:var(--menu-selected-foreground)}.export-main{padding:20px 24px;min-width:0;overflow:auto;overscroll-behavior:contain}.export-preview{height:200px;padding:18px;display:grid;place-items:center;overflow:hidden;background-color:#fff;background-image:conic-gradient(#e8e8e8 25%,#fff 0 50%,#e8e8e8 0 75%,#fff 0);background-size:16px 16px;border:1px solid var(--menu-border)}.export-preview img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.export-preview [hidden]{display:none}.export-preview p{color:#383838;font-size:var(--text-control)}.export-size{margin:10px 0 20px;min-height:18px;font-size:var(--text-xs);text-align:center;color:var(--menu-muted)}.export-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.export-fields label{display:flex;flex-direction:column;gap:7px;font-size:var(--text-xs);color:var(--menu-muted);min-width:0}.export-options .number-input{width:100%;box-sizing:border-box;min-width:0;height:38px;padding:7px 10px;border:1px solid var(--menu-border);background:var(--input-background);color:var(--menu-foreground);font-family:inherit;font-size:var(--text-control)}.export-options input[type=color]{width:100%;height:38px;padding:3px;background:var(--menu-hover);border:1px solid var(--menu-border);cursor:pointer}.export-options :focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.export-format-hint{font-size:var(--text-xs);line-height:18px;color:var(--menu-muted);margin:18px 0}.export-advanced{margin:20px 0 0;padding:0;border:0;border-top:1px solid var(--menu-border);border-radius:0;background:transparent;color:var(--menu-foreground)}.export-advanced summary{padding:16px 0;cursor:pointer;font-size:var(--text-sm);font-weight:600}.export-layers{border:0;border-top:1px solid var(--menu-border);margin:18px 0 0;padding:16px 0 0}.export-layers legend{font-size:var(--text-control);padding:0 8px 0 0}.export-layers p,.export-wide{font-size:var(--text-xs);line-height:18px;color:var(--menu-muted)}.export-wide{grid-column:1 / -1;margin:0}.export-layers [data-export-layers]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.export-options .export-check{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:var(--text-control);color:var(--menu-foreground)}.export-check input{flex:none}.export-error{font-size:var(--text-control);line-height:20px;color:var(--menu-foreground);padding:12px;border-left:3px solid var(--color-danger);background:var(--menu-hover)}.export-footer{margin:0;flex-direction:row;justify-content:flex-end;flex-shrink:0;display:flex;gap:12px;align-items:center;padding:16px 24px;border-top:1px solid var(--menu-border)}.export-footer>span{margin-right:auto;color:var(--menu-muted);font-size:var(--text-xs)}.export-footer .button{min-height:38px;padding:8px 14px;font-size:var(--text-control)}.export-footer [data-export-submit]{background:var(--menu-selected);color:var(--menu-selected-foreground)}@media(max-width:620px){.export-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.export-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.export-formats{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--menu-border);padding:0;flex-shrink:0}.export-formats button{width:auto;flex:none;padding:12px}.export-formats svg{display:none}.export-main{overflow:auto;padding:16px}.export-preview{height:150px}.export-header,.export-footer{padding:12px 16px}.export-footer{flex-wrap:wrap}.export-footer>span{width:100%}.export-fields{gap:12px}}.document-tabs{position:absolute;z-index:3;top:var(--top-toolbar-height);left:var(--toolbar-width);right:var(--toolbar-width);height:var(--document-tabs-height);display:flex;min-width:0;background:var(--commandbar-background);border-bottom:1px solid var(--menu-border);color:var(--menu-muted)}.document-tab-list{display:flex;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.document-tab-list::-webkit-scrollbar{display:none}.document-tab{display:flex;flex:none;min-width:112px;max-width:230px;align-items:center;border-right:1px solid var(--menu-border)}.document-tab.is-active{background:var(--menu-background);color:var(--menu-foreground)}.document-tab-select{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:100%;padding:0 10px;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--text-xs);cursor:pointer}.document-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-tab-dirty{width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}.document-tab-dirty[hidden]{display:none}.document-tab-close,.document-tab-new{display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;padding:5px;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer}.document-tab-new{width:32px;height:31px;color:var(--menu-foreground)}.document-tabs svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;fill:none}.document-tabs button:hover{background:var(--menu-hover);color:var(--menu-foreground)}.document-tabs button:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.preview-inner:has(>.layers-panel:not([hidden]))>.document-tabs{right:calc(var(--toolbar-width) + var(--panel-width))}@media(max-width:700px){.preview-inner:has(>.layers-panel:not([hidden]))>.document-tabs{right:var(--toolbar-width)}.preview-inner>.layers-panel{top:var(--canvas-top)}.document-tab{min-width:100px;max-width:180px}}.colour-panel{overflow:hidden;--panel-control-size:24px;--colour-swatch-size:28px}.colour-panel .layers-header{flex-basis:48px;padding-bottom:8px;margin-bottom:8px}.colour-panel .panel-title{font-size:16px;line-height:22px}.colour-panel .panel-icon svg{width:14px;height:14px}.colour-panel-body{display:flex;flex-direction:column;gap:8px;font-size:var(--text-xs);min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 0 12px}.colour-plane{position:relative;flex:none;aspect-ratio:1.25;margin:4px 8px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--picker-hue,#f00);cursor:crosshair;touch-action:none;outline:1px solid var(--menu-border)}.colour-cursor{position:absolute;left:var(--picker-x,100%);top:var(--picker-y,0%);width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0008;transform:translate(-50%,-50%);pointer-events:none}.colour-track-field{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px}.colour-track-field output{color:var(--menu-muted)}.colour-panel input{min-width:0;box-sizing:border-box;font:inherit;color:var(--menu-foreground);background:var(--input-background);border:1px solid var(--menu-border);border-radius:0;font-size:var(--text-control)}.colour-panel input[type=range]{appearance:none;-webkit-appearance:none;flex:none;width:calc(100% - 12px);height:10px;margin:0 6px 6px;border:0;cursor:pointer;touch-action:pan-y}.colour-panel input.colour-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.colour-panel input.colour-alpha{background:linear-gradient(to right,transparent,var(--picker-colour)),repeating-conic-gradient(#aaa 0% 25%,#eee 0% 50%) 0 0/10px 10px}.colour-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:var(--picker-colour);box-shadow:0 0 0 1px #0008}.colour-panel input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:var(--picker-colour);box-shadow:0 0 0 1px #0008}.colour-panel input.colour-alpha::-webkit-slider-thumb{background:linear-gradient(var(--picker-paint),var(--picker-paint)),repeating-conic-gradient(#aaa 0% 25%,#eee 0% 50%) 0 0/6px 6px}.colour-panel input.colour-alpha::-moz-range-thumb{background:linear-gradient(var(--picker-paint),var(--picker-paint)),repeating-conic-gradient(#aaa 0% 25%,#eee 0% 50%) 0 0/6px 6px}.colour-percent{display:flex;align-items:center;gap:4px;color:var(--menu-muted)}.colour-percent input{width:52px;padding:2px;text-align:right}.colour-hex-row{display:flex;align-items:center;gap:6px;padding-top:6px;border-top:1px solid var(--menu-border)}.colour-hex-row input{flex:1;min-width:0;width:100%;height:30px;padding:6px;font:11px var(--font-sans);text-transform:uppercase}.colour-hex-row .panel-icon{flex:none}.colour-hex-row .panel-icon:is(:hover,:focus-visible){background:var(--menu-hover);color:var(--menu-foreground)}.colour-hex-row .panel-icon[aria-pressed=true]{background:var(--menu-foreground);color:var(--menu-background)}.colour-sample-hud{position:fixed;z-index:200;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 16px);padding:6px 8px;background:var(--menu-background);color:var(--menu-foreground);border:1px solid var(--menu-border);box-shadow:var(--menu-shadow);font:12px/16px var(--font-sans);pointer-events:none}.colour-sample-hud[hidden],.colour-sample-chip[hidden]{display:none}.colour-sample-chip{flex:none;width:20px;height:20px;border:1px solid var(--menu-muted)}.colour-sample-reference{position:absolute;left:140px;top:220px;width:300px;height:140px}.colour-preview{flex:0 0 var(--colour-swatch-size);height:var(--colour-swatch-size);border:1px solid var(--menu-border);background:repeating-conic-gradient(#aaa 0% 25%,#eee 0% 50%) 0 0/10px 10px}.colour-preview span{display:block;height:100%;background:var(--picker-colour);opacity:var(--picker-opacity)}.colour-rgb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.colour-rgb label{display:flex;flex-direction:column;gap:2px;color:var(--menu-muted);font-size:11px}.colour-rgb input{width:100%;padding:5px;font-size:11px}.colour-swatches{display:grid;grid-template-columns:repeat(auto-fill,var(--colour-swatch-size));gap:8px;padding:6px}.colour-swatch{aspect-ratio:1;width:100%;min-width:0;padding:0;cursor:pointer;border:1px solid var(--menu-muted);background:var(--swatch);border-radius:0}.colour-none{background:linear-gradient(135deg,transparent calc(50% - .5px),var(--color-danger) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),var(--menu-hover)}.colour-swatch:hover{outline:1px solid var(--menu-foreground);outline-offset:2px}.colour-panel :is(input,button,.colour-plane):focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.colour-panel .colour-rgb input:focus-visible{outline-offset:-2px}.colour-panel .colour-error{margin:0;font-size:11px;color:var(--menu-foreground)}.colour-panel .colour-hint{font-size:11px;line-height:1.4;margin:0}.colour-none[aria-pressed=true]{outline:2px solid var(--chrome-accent);outline-offset:2px}.prefs-segments input:focus-visible,.raster-segments input:focus-visible,.theme-option input:focus-visible{outline:none}@media(forced-colors:active){:focus-visible,.number-shell:focus-within,.search-shell:focus-within,.vectora-toggle:focus-visible+.toggle-track,.prefs-segments input:focus-visible+span,.raster-segments label:has(input:focus-visible),.theme-option:has(input:focus-visible){outline-color:Highlight}}.appearance-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:none;margin:0 0 10px;border-bottom:1px solid var(--menu-border)}.appearance-tabs button{min-width:0;height:32px;padding:0 6px;border:0;background:transparent;color:var(--menu-muted);font:inherit;font-size:var(--text-xs);cursor:pointer}.appearance-tabs button:hover{background:var(--menu-hover);color:var(--menu-foreground)}.appearance-tabs button[aria-selected=true]{background:var(--menu-hover);color:var(--chrome-accent);box-shadow:inset 0 -2px var(--chrome-accent)}.appearance-page{flex:1;min-height:0;overflow:hidden}.appearance-page[hidden]{display:none}.appearance-page>.colour-panel-body{height:100%;box-sizing:border-box}.paint-controls{display:flex;flex-direction:column;gap:10px;height:100%;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:4px 6px 12px;font-size:var(--text-xs)}.paint-controls>*{flex-shrink:0}.paint-preview{height:132px;overflow:hidden;border:1px solid var(--menu-border);background:repeating-conic-gradient(#aaa 0% 25%,#eee 0% 50%) 0 0/12px 12px}.paint-preview svg{display:block;width:100%;height:100%;stroke:none}.paint-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:11px;color:var(--menu-muted)}.paint-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.paint-controls input:not([type=checkbox]),.paint-controls select{width:100%;height:30px;min-width:0;padding:4px 6px;border:1px solid var(--menu-border);background:var(--input-background);color:var(--menu-foreground);border-radius:0;font:inherit;font-size:var(--text-control);box-sizing:border-box}.paint-controls :is(input,select):disabled{opacity:.45}.paint-colour-field{display:flex;align-items:center;gap:6px}.paint-stop-chip{width:28px;height:28px;flex:none;box-sizing:border-box;border:1px solid var(--menu-border)}.paint-checkbox{display:flex;align-items:center;gap:6px;font-size:11px}.paint-checkbox input{margin:0;accent-color:var(--chrome-accent)}.paint-section-heading{display:flex;align-items:center;justify-content:space-between}.gradient-stops{display:flex;flex-direction:column;gap:8px}.gradient-stop{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;gap:6px;align-items:center;padding:8px;border:1px solid var(--menu-border)}.gradient-stop-fields{grid-column:1 / -1}.gradient-stop-fields label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:10px;color:var(--menu-muted)}.paint-none{min-height:30px;font-size:var(--text-xs)}.paint-none[aria-pressed=true]{outline:2px solid var(--chrome-accent);outline-offset:-2px}.paint-error{margin:0;color:var(--menu-foreground);font-size:11px;line-height:1.4}.paint-stop-chip{padding:0;cursor:pointer;border-radius:0;position:relative}.paint-stop-chip:hover:not(:disabled){outline:1px solid var(--menu-foreground);outline-offset:-1px}.paint-stop-chip:disabled{cursor:default;opacity:.45}.paint-stop-chip:after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(#aaa 0% 25%,#eee 0% 50%) 0 0/8px 8px;opacity:calc(1 - var(--stop-opacity,1));pointer-events:none}.colour-popover{position:fixed;z-index:calc(var(--menu-z-index) + 1);width:264px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);display:flex;flex-direction:column;box-sizing:border-box;padding:12px;border:1px solid var(--menu-border);background:var(--menu-background);color:var(--menu-foreground);box-shadow:var(--menu-shadow);text-align:left}.colour-popover .layers-header{flex:0 0 auto;min-height:28px;border-color:var(--menu-border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.colour-popover .layer-heading{flex:1;min-width:0}.colour-popover.is-dragging .layers-header{cursor:grabbing}.colour-popover .layers-header button{cursor:pointer}.colour-popover .panel-title{font-size:var(--text-sm)}.colour-popover .colour-plane{aspect-ratio:1.5}.colour-popover-solid .colour-track-field:has(label[for$=-opacity]),.colour-popover-solid .colour-alpha{display:none}:root{--canvas-boundary:#92969e;--canvas-outside:rgba(0,0,0,.3)}:root[data-theme=light]{--canvas-boundary:#7c8796;--canvas-outside:rgba(51,65,85,.12)}.new-document-dialog{width:min(960px,calc(100vw - 32px));height:min(680px,calc(100dvh - 32px))}.new-document-dialog form{display:flex;flex-direction:column;flex:1;min-height:0}.canvas-setup-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;flex:1;min-height:0;overflow:hidden}.canvas-presets,.canvas-details{margin:0;padding:20px 24px;min-width:0;overflow:auto;overscroll-behavior:contain}.canvas-details{border-left:1px solid var(--menu-border);background:var(--menu-hover)}.canvas-setup-body h3{font-size:var(--text-sm);margin:0 0 16px}.canvas-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.canvas-preset{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:112px;padding:10px 6px;border:1px solid var(--menu-border);background:var(--menu-background);color:var(--menu-foreground);font:inherit;font-size:var(--text-xs);cursor:pointer}.canvas-preset:hover{background:var(--menu-hover)}.canvas-preset[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--chrome-accent);border-color:var(--chrome-accent)}.canvas-preset svg{width:52px;height:40px;fill:none;stroke:currentColor;stroke-width:1.5}.canvas-preset span{font-size:11px;color:var(--menu-muted)}.canvas-size-preview{height:76px;display:flex;align-items:center;justify-content:center;background:var(--color-grid-background);border:1px solid var(--menu-border)}.canvas-size-preview span{display:block;border:1px solid var(--canvas-boundary);color:var(--menu-muted);font-size:52px}.canvas-size-preview span:not([style]){border:0}.canvas-size-readout{margin:10px 0 18px;font-size:var(--text-xs);color:var(--menu-muted);text-align:center}.canvas-details fieldset{border:0;padding:0;margin:0;min-width:0}.canvas-details label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-xs)}.canvas-details :is(input,select){box-sizing:border-box;width:100%;min-width:0;height:34px;border:1px solid var(--menu-border);padding:6px 8px;color:var(--menu-foreground);background:var(--input-background);font:inherit;font-size:var(--text-control)}.canvas-details fieldset:disabled{opacity:.4}.canvas-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.canvas-orientation{display:flex;align-items:center;gap:8px;font-size:var(--text-xs)}.canvas-orientation>span{margin-right:auto}.canvas-orientation .panel-icon{width:34px;height:34px;border:1px solid var(--menu-border)}.canvas-orientation svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.canvas-orientation [aria-pressed=true]{color:var(--chrome-accent);border-color:var(--chrome-accent)}.canvas-workspace-options{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-workspace-options .canvas-preset{min-height:88px}.canvas-preset-tabs{display:flex;border-bottom:1px solid var(--menu-border);margin:20px 0 16px}.canvas-preset-tabs button{flex:1;padding:10px 4px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--menu-muted);font:inherit;font-size:var(--text-control);cursor:pointer}.canvas-preset-tabs button:hover{background:var(--menu-hover)}.canvas-preset-tabs [aria-selected=true]{color:var(--menu-foreground);border-bottom-color:var(--chrome-accent)}.canvas-preset-note,.canvas-grid-help{font-size:11px;line-height:1.5;color:var(--menu-muted)}.canvas-preset-note{margin:16px 0 0}.canvas-details .canvas-grid-settings{margin-top:18px;padding-top:16px;border-top:1px solid var(--menu-border)}.canvas-grid-settings legend{float:left;width:100%;font-size:var(--text-sm);font-weight:600;margin:0 0 12px}.canvas-grid-settings>label{clear:both}.canvas-grid-help{margin:8px 0 0}.canvas-details .subtext{font-size:var(--text-xs);line-height:1.5;margin-top:18px}@media(max-width:700px){.new-document-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.new-document-dialog .export-header{padding:14px 16px}.new-document-dialog .export-header h2{font-size:20px}.canvas-setup-body{display:block;overflow:auto}.canvas-presets,.canvas-details{padding:16px;overflow:visible}.canvas-details{border-left:0;border-top:1px solid var(--menu-border)}.canvas-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.canvas-preset{min-height:100px}.new-document-dialog .export-footer{padding:12px 16px;gap:8px}.new-document-dialog .export-footer>span{display:none}}.material-preview-dialog{width:min(1180px,calc(100vw - 32px));height:min(760px,calc(100dvh - 32px));max-height:calc(100dvh - 32px)}.material-preview-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;flex:1;min-height:0;overflow:hidden}.material-preview-viewport{margin:0;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--preview-background);color:var(--preview-foreground)}.preview-camera-bar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid var(--preview-border);flex-shrink:0}.preview-camera-bar .panel-icon{width:32px;height:32px;color:var(--preview-foreground);background:var(--menu-background);border:1px solid var(--preview-border)}.preview-camera-bar .panel-icon:hover{background:var(--preview-hover)}.preview-camera-bar svg{width:20px;height:20px}.preview-camera-bar span{margin-left:auto;font-size:var(--text-xs);color:var(--preview-muted);padding-right:4px}.material-preview-stage{flex:1;min-height:0;position:relative;overflow:hidden}.material-preview-stage canvas{display:block;width:100%;height:100%;touch-action:none}.material-preview-stage canvas:focus-visible{outline-offset:-3px}.material-preview-message{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center;padding:24px;background:var(--preview-background);color:var(--preview-foreground);font-size:var(--text-sm);pointer-events:none}.material-preview-message[hidden]{display:none}.material-preview-settings{overflow:auto;min-height:0;padding:16px;border-left:1px solid var(--menu-border);background:var(--menu-background);color:var(--menu-foreground)}.material-preview-settings h3{font-size:var(--text-sm);margin:20px 0 12px;padding-top:16px;border-top:1px solid var(--menu-border)}.material-preview-settings h3:first-child{margin-top:0;padding-top:0;border:0}.preview-field{display:flex;flex-direction:column;gap:6px;font-size:var(--text-control);margin:12px 0;color:var(--menu-foreground)}.preview-field .number-input{font-size:var(--text-control);min-height:32px;padding:6px 8px;min-width:0;width:100%}.preview-field select.number-input{background:var(--input-background);border:1px solid var(--menu-border)}.preview-field .number-shell{min-width:0}.preview-field .number-unit{font-size:var(--text-xs)}.preview-field input[aria-invalid=true]{outline:2px solid var(--color-danger)}.material-preview-settings .subtext{font-size:var(--text-xs);line-height:1.5;margin:10px 0}.preview-check{display:flex;gap:8px;align-items:center;font-size:var(--text-control)}.preview-check input{accent-color:var(--chrome-accent)}.preview-error{font-size:var(--text-xs);line-height:1.5;color:var(--color-danger)}.material-preview-footer{font-size:var(--text-xs);gap:8px;flex-wrap:wrap;justify-content:space-between}.material-preview-footer span:last-child{color:var(--menu-muted)}@media(max-width:650px){.material-preview-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.material-preview-dialog .export-header{padding:12px}.material-preview-dialog .export-header h2{font-size:18px}.material-preview-dialog .export-header p{font-size:var(--text-xs)}.material-preview-body{grid-template-columns:1fr;grid-template-rows:minmax(180px,1.2fr) minmax(0,1fr)}.material-preview-settings{border-left:0;border-top:1px solid var(--menu-border)}.material-preview-footer{padding:10px 12px}}.general-setting>.number-input,.general-setting label>.number-input{display:block;width:100%;margin-top:8px}.general-setting>.prefs-setting-copy+.number-input{margin-top:12px}.general-setting>label:not(.prefs-setting-title),.general-fields label{display:block;font-size:var(--text-sm);color:var(--color-text)}.general-setting>.prefs-setting-help{margin-bottom:12px}.general-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}.general-setting legend{float:left;width:100%;padding:0}.general-setting>.prefs-setting-help{clear:both}.general-setting select.number-input{height:var(--input-height);border:var(--border-width) solid var(--input-border-color);background:var(--input-background);border-radius:var(--input-radius)}.general-setting select.number-input:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}@media(max-width:480px){.general-fields{grid-template-columns:minmax(0,1fr)}}.paint-view-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid var(--menu-border);flex-shrink:0}.paint-view-tabs button{flex:1;min-height:32px;padding:6px 10px;border:1px solid var(--menu-border);background:var(--menu-background);color:var(--menu-foreground);font:12px var(--font-sans);cursor:pointer}.paint-view-tabs button[aria-selected=true]{background:var(--menu-selected);color:var(--menu-selected-foreground)}.paint-sheet-view{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:0;padding:16px;overflow:hidden;font-size:var(--text-xs);color:var(--menu-muted)}.paint-sheet-view>svg{display:block;width:100%;height:100%;min-height:0;stroke:none;fill:none}.paint-sheet-view.is-pending{opacity:.4}.paint-numbers-dialog .generator-toggle{margin:16px 0}.paint-palette-title{margin:16px 0 8px;font-size:var(--text-xs)}.paint-number-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.paint-number-swatch{display:flex;align-items:center;gap:6px;min-width:0;padding:6px;border:1px solid var(--menu-border);background:var(--menu-background);color:var(--menu-foreground);font:11px var(--font-sans);cursor:pointer}.paint-number-chip{display:block;width:22px;height:22px;flex-shrink:0;border:1px solid var(--menu-border)}.paint-numbers-dialog .colour-popover{z-index:10}html,body{width:100%;height:100%;overflow:hidden}.editor-main{max-width:none;width:100%;height:100%;padding:0}#workspace{background:var(--color-grid-background);width:100%;height:100%;min-width:0;isolation:isolate}#cad-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}.toolbar{z-index:4}.preview-caption{pointer-events:none}.editor-panel{z-index:3;overflow:hidden}.editor-panel-body{padding:4px 0 12px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.editor-panel .layers-header{flex-shrink:0}.editor-panel:has(.text-properties:not([hidden])) .layers-header{margin-bottom:0}.editor-panel .number-grid{margin-top:16px;gap:10px}.export-option{display:flex;align-items:center;gap:8px;font-size:12px}.export-option input{accent-color:var(--chrome-accent)}button:disabled:not(.button){opacity:.4;cursor:not-allowed}button:disabled:not(.button):hover{background:transparent}@media(max-width:700px){.brand{padding:0 4px}.brand-wordmark{display:none}.preview-caption{font-size:10px;letter-spacing:1px}}.editor-panel .layers-header>div{flex:1}.editor-layers{overflow:hidden}.editor-selection-menu{z-index:2;overflow:auto;min-width:0;overscroll-behavior:contain}.editor-selection-menu.is-over-dock{z-index:7}#duplicate-selection{z-index:1}#duplicate-selection:before{display:none}#cad-canvas.pattern-picking{cursor:crosshair!important}.editor-panel :is(.object-creation,.object-properties) .number-grid{margin-top:0;gap:12px 8px}.editor-panel .object-properties details .number-grid{margin-top:8px}