:root{--bg:#f4f2f7;--panel:#fff;--ink:#1d1a22;--muted:#6b6475;--line:#e2dde9;--accent:#b5317a;--accent-ink:#fff;--stage:#2a2530;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#141118;--panel:#1e1a24;--ink:#ece8f1;--muted:#a49cb0;--line:#2f2938;--accent:#e0559e;--accent-ink:#14060d;--stage:#0d0b10;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);flex-direction:column;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.topbar-end{flex:none;align-items:center;gap:12px;display:flex}.doc-link{color:var(--accent);font-weight:500;text-decoration:none}.doc-link:hover{text-decoration:underline}.noscript{background:var(--panel);margin:0;padding:10px 16px}select,input[type=number],button{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 8px}button{cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button:disabled{opacity:.5;cursor:default}.layout{--side-w:300px;--insp-w:320px;grid-template-columns:min(var(--side-w), 32vw) minmax(0, 1fr) min(var(--insp-w), 32vw);flex:1;grid-template-rows:minmax(0,1fr);grid-template-areas:"side stage findings";min-height:0;display:grid}.resizer{z-index:5;cursor:col-resize;touch-action:none;outline:none;grid-area:stage;width:9px}.resizer[data-panel=side]{justify-self:start;margin-left:-5px}.resizer[data-panel=inspector]{justify-self:end;margin-right:-5px}.resizer:after{content:"";background:0 0;width:3px;height:100%;margin:0 auto;transition:background .15s;display:block}.resizer:hover:after,.resizer:focus-visible:after,.resizer.dragging:after{background:var(--accent)}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.sidebar{grid-area:side}.stage{grid-area:stage}.inspector{grid-area:findings}@media (width<=1100px){.layout{--side-w:260px;--insp-w:280px}}.sidebar,.inspector{position:relative}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px;font-size:12px}.beta-badge{border:1px solid var(--accent);color:var(--accent);letter-spacing:.06em;vertical-align:1px;cursor:help;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:10px;display:inline-block}.dropzone{border:2px dashed var(--line);text-align:center;color:var(--muted);cursor:pointer;border-radius:8px;padding:16px 10px;transition:border-color .15s,background .15s;display:block}.dropzone:hover,.dropzone.over,body.dragging .dropzone{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.privacy-note{color:var(--muted);cursor:help;justify-content:center;align-items:center;gap:5px;margin:6px 0 0;font-size:11px;display:flex}.privacy-note svg{flex:none}.file-list{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.file-list li{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:4px 4px 4px 8px;display:flex}.file-list li.muted{color:var(--muted);cursor:default}.file-list li:not(.muted):hover{background:var(--bg)}.file-list li.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.file-list .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-list .name.rename{align-items:baseline;gap:2px;display:flex}.file-list .rename-input{min-width:0;font:inherit;border:1px solid var(--accent);background:var(--bg);color:inherit;border-radius:4px;flex:1;margin:-2px 0 -2px -5px;padding:1px 4px}.file-list .rename-btn{opacity:0;align-items:center;padding:0 2px;display:inline-flex}.file-list li:hover .rename-btn,.file-list li.active .rename-btn,.file-list .rename-btn:focus-visible{opacity:1}.file-list .rename-btn:hover{color:var(--accent)}.file-list .fmt{color:var(--muted);text-transform:uppercase;font-size:11px}.file-list .err{color:#d23;font-size:12px}.file-list button{color:var(--muted);background:0 0;border:none;padding:0 6px;font-size:16px;line-height:1}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field.row{flex-direction:row;gap:8px;margin-bottom:2px}.field.row>label{flex-direction:column;flex:1;gap:4px;display:flex}.field.row input{width:100%}.field.indent,.check.indent{margin-left:24px}.label{color:var(--muted);font-size:12px}.label output{color:var(--ink);font-variant-numeric:tabular-nums}.unit-hint{color:var(--muted);margin-bottom:10px;font-size:11px;display:block}input[type=range]{width:100%;accent-color:var(--accent)}.segmented{border:1px solid var(--line);border-radius:6px;display:flex;position:relative;overflow:hidden}.segmented label{text-align:center;cursor:pointer;flex:1}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{padding:5px 6px;display:block}.segmented input:checked+span{background:var(--accent);color:var(--accent-ink)}.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:-2px}.check{cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.check input{accent-color:var(--accent);margin-top:2px}.buttons{gap:8px;margin-top:6px;display:flex}.buttons button{flex:1}.stats{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.stats dt{color:var(--muted)}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.size-lock{border-radius:6px;place-items:center;width:26px;height:26px;padding:0;display:grid}.size-lock svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:16px;height:16px}.size-lock[aria-pressed=false] svg path:first-child{display:none}.size-lock[aria-pressed=true]{color:var(--accent)}.stage{background:var(--stage);min-height:300px;position:relative;overflow:hidden;container-type:inline-size}.stage canvas#canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.stage canvas#canvas.panning{cursor:grabbing}.legend{pointer-events:none;background:#0d0b10b3;border-radius:8px;width:260px;height:46px;padding:0}.tooltip{pointer-events:none;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;background:#0d0b10e0;border-radius:6px;padding:5px 8px;font-size:12px;position:absolute}.empty{color:#a49cb0;pointer-events:none;text-align:center;justify-content:center;align-items:center;margin:0;padding:16px;display:flex;position:absolute;inset:0}@media (width<=760px){.layout{grid-template:"side""stage"minmax(60vh,1fr)"findings"/1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);overflow:visible}.resizer{display:none}.legend{width:200px}}.muted{color:var(--muted);margin:0}.small{margin-top:6px;font-size:12px}.file-list .dot,.val-zone .dot{background:var(--line);border-radius:50%;flex:none;width:9px;height:9px}.dot.safe{background:#3fb27f}.dot.caution,.val-zone.caution .dot{background:orange}.dot.critical,.val-zone.critical .dot{background:red}.profile select{width:100%}.profile .field{margin-bottom:8px}.profile-info{background:var(--bg);color:var(--muted);border-radius:6px;flex-direction:column;gap:2px;margin:2px 0 12px;padding:8px 10px;font-size:12px;display:flex}.profile-info span:nth-child(2){color:var(--ink);font-variant-numeric:tabular-nums}.checks{border:none;margin:0 0 12px;padding:0}.checks legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:12px}.checks .check{margin-bottom:6px}.checks .check span{flex-direction:column;gap:1px;display:flex}.checks .check small{color:var(--muted);font-size:11px;line-height:1.35}.checks .check.na{cursor:default;opacity:.55}.pending{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.verdict{border:1px solid;border-left-width:4px;border-radius:8px;padding:10px 12px}.verdict.safe{background:#3fb27f1a;border-color:#3fb27f}.verdict.caution{background:#ffa5001f;border-color:orange}.verdict.critical{background:#ff00001a;border-color:red}.verdict-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.verdict-head strong{font-size:16px}.verdict-head span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.verdict p{margin:4px 0 0;font-size:13px}.verdict p.counts{color:var(--muted);font-size:12px}.inspector{border-left:1px solid var(--line);overflow-anchor:none;flex-direction:column;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto}.findings{flex:none}.findings[open]{flex-direction:column;flex:1 1 0;min-height:240px;display:flex;overflow-y:auto}.findings[open]::details-content{flex-direction:column;flex:auto;min-height:0;display:flex}.findings>summary h2{flex:none}.findings-sum{min-width:0;color:var(--muted);flex-wrap:wrap;flex:1 1 0;justify-content:flex-end;align-items:center;gap:2px 6px;font-size:12px;display:inline-flex}.findings-sum span{white-space:nowrap}.findings-sum strong{color:var(--ink);font-weight:600}.findings[open] .findings-sum{display:none}.val-toggle{color:var(--muted);align-items:center;margin:0 0 10px;font-size:12px}.val-toggle input{margin:0}button.icon{color:var(--muted);background:0 0;border:none;padding:2px 7px;line-height:1.2}button.icon:not(:disabled):hover{color:var(--ink);background:var(--bg)}.findings-body{flex-direction:column;flex:auto;min-height:0;display:flex}.findings-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;display:flex}.f-chips{flex-wrap:wrap;gap:4px;display:flex}.f-chip{background:0 0;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;display:inline-flex}.f-chip .n{color:var(--muted);font-variant-numeric:tabular-nums}.f-chip[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.f-chip[aria-checked=true] .n{color:inherit;opacity:.8}.f-chip .dot,.findings-sum .dot{border-radius:50%;flex:none;width:8px;height:8px}.f-chip.caution .dot{background:orange}.f-chip.critical .dot{background:red}.f-nav{align-items:center;gap:2px;display:inline-flex}.f-nav button.icon{padding:0 8px;font-size:18px}.f-nav .pos{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}button.link{color:var(--accent);background:0 0;border:none;margin-top:4px;padding:4px 0;font-size:12px}button.link:hover{text-decoration:underline}.explain{color:var(--muted);margin-top:8px;font-size:12px}.explain summary{cursor:pointer;color:var(--ink)}.explain ul{flex-direction:column;gap:4px;margin:6px 0 0;padding-left:18px;display:flex}.val-zones{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:4px;min-height:120px;margin:8px -4px 0;padding:0 4px;list-style:none;display:flex;overflow-y:auto}.val-zones li{flex:none}.val-zone{text-align:left;border:1px solid var(--line);border-left:3px solid var(--line);background:0 0;flex-direction:column;gap:1px;width:100%;padding:5px 8px;display:flex}.val-zone.caution{border-left-color:orange}.val-zone.critical{border-left-color:red}.val-zone:hover,.val-zone:focus-visible,.val-zone.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);outline:none}.val-zone .z-top{align-items:baseline;gap:8px;min-width:0;display:flex}.val-zone .z-top .dot{align-self:center}.val-zone .lvl{font-weight:600}.val-zone .why{color:var(--muted);font-size:12px}.val-zone .num{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.val-zone .meta{color:var(--muted);font-variant-numeric:tabular-nums;padding-left:17px;font-size:12px}.tooltip .check{color:#d9d3e2;margin-top:2px}.tooltip[data-level="1"] .check b{color:orange}.tooltip[data-level="2"] .check b{color:#ff5050}#correct-panel{flex:1 1 0;min-height:240px;font-size:12px;overflow-y:auto}.panel h3{color:var(--muted);border-top:1px solid var(--line);margin:16px 0 6px;padding-top:12px;font-size:12px;font-weight:600}.fix-report{margin-top:8px;font-size:13px}.fix-report p{margin:0 0 4px}.fix-report p.strong{font-weight:600}.plan-list{border-top:1px solid var(--line);margin:6px 0 8px;padding:0;list-style:none}.plan-row{border-bottom:1px solid var(--line);padding:6px 0}.plan-top{align-items:center;gap:6px;display:flex}.plan-top .check{display:inline-flex}.plan-row>.check{align-items:center;gap:6px;font-weight:500;display:flex}.plan-name{min-width:0;color:inherit;text-align:left;align-items:center;gap:5px;font-weight:500;display:inline-flex}.plan-name .swatch{border:1px solid var(--line);border-radius:50%;flex:none;width:10px;height:10px}.plan-name .kind-icon svg{width:14px;height:14px;display:block}.plan-vis{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.plan-vis.visible{color:var(--accent)}.fix-report .plan-change{margin:2px 0 0 24px}.file-list .edited{color:var(--accent);font-size:11px}.stage.editing canvas#canvas{cursor:crosshair}.stage.editing canvas#canvas.panning{cursor:grabbing}.compare-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:8px;font-size:13px}.compare-table th,.compare-table td{text-align:right;border-bottom:1px solid var(--line);padding:3px 0}.compare-table th:first-child,.compare-table td:first-child{text-align:left;color:var(--muted);font-weight:400}.compare-table thead th{color:var(--muted);font-size:11px;font-weight:600}.compare-table td.better{color:#2e9d5b}.compare-table td.worse{color:#d64545}.compare-table caption{caption-side:bottom;text-align:left;color:var(--muted);padding-top:6px;font-size:11px}.stage.splitting canvas#canvas,.stage canvas#canvas.on-divider{cursor:col-resize}@media (width<=760px){.inspector{border-left:none;border-top:1px solid var(--line);overflow:visible}.findings,.findings-body,.val-zones{flex:none}.val-zones{max-height:50vh}#correct-panel{flex:none;overflow:visible}}.val-zones li{position:relative}.val-zone.acked{opacity:.55;border-left-style:dashed}.val-zone .meta{padding-right:84px}.z-ack{color:var(--accent);text-underline-offset:2px;background:0 0;border:none;padding:1px 4px;font-size:11px;text-decoration:underline;position:absolute;bottom:4px;right:6px}.z-ack:hover,.z-ack:focus-visible{text-decoration-thickness:2px}.val-zone .meta.note{font-style:italic}.update-notice{z-index:50;background:var(--panel);max-width:calc(100vw - 32px);color:var(--ink);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:13px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}.update-notice[hidden]{display:none}body[data-mode=flow] [data-mode]:not([data-mode~=flow]),body[data-mode=density] [data-mode]:not([data-mode~=density]),body[data-mode=image] [data-mode]:not([data-mode~=image]){display:none!important}.topbar{grid-template-columns:1fr auto 1fr;display:grid}.modes{border-radius:8px;min-width:260px}.modes span{padding:6px 14px;font-weight:600}.modes>label>span{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.modes span span{padding:0}.modes kbd{opacity:.5;border:1px solid;border-radius:3px;padding:2px 4px;font:10px/1 system-ui,sans-serif}.segmented.wrap{flex-wrap:wrap}.segmented.wrap label{flex:45%}details.section>summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}details.section>summary::-webkit-details-marker{display:none}:root{--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5L10.5 8 6 12.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}details.section>summary:before{content:"";width:18px;height:18px;color:var(--muted);-webkit-mask:var(--chevron) center / contain no-repeat;-webkit-mask:var(--chevron) center / contain no-repeat;mask:var(--chevron) center / contain no-repeat;background-color:currentColor;flex:none;margin-left:-3px;transition:transform .15s}details.section>summary:hover:before{color:var(--ink)}details.section[open]>summary:before{transform:rotate(90deg)}details.panel.section>summary h2{margin:0}details.panel.section[open]>summary{margin-bottom:10px}.panel details.section>summary{color:var(--ink);font-size:12px}.panel details.section[open]>summary{margin-bottom:8px}.color-key ul{flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.color-key li{align-items:center;gap:8px;display:flex}.sw{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:4px;flex:none;width:14px;height:14px}.gradient{border-radius:5px;height:10px}.gradient-ends{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.marks{border:none;margin:6px 0 0;padding:0}.marks legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:12px}.marks .check>span{align-items:center;gap:6px;display:inline-flex}.mk{color:#fff;background:#2a2530;border-radius:8px;flex:none;justify-content:center;align-items:center;width:18px;height:16px;font-size:10px;font-style:normal;font-weight:600;display:inline-flex}.mk.mk-jump{background:repeating-linear-gradient(90deg,#9a92a6 0 4px,#0000 4px 7px) 50%/100% 1px no-repeat,#2a2530}.mk.mk-thread{background:linear-gradient(160deg,#0000 6px,#d9a441 6px 8.5px,#0000 8.5px),#2a2530}.mk.mk-num{background:#b5317a}.mk.mk-start{background:#2e9e5b}.mk.mk-point{background:radial-gradient(circle,#0a080e 0 2.5px,#fff 2.5px 3.5px,#2a2530 3.5px)}.stage-top{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.stage-bar{flex-wrap:wrap;align-self:stretch;align-items:flex-start;gap:6px;display:flex}.stage-tools{pointer-events:auto;flex-wrap:wrap;gap:6px;display:flex}.stage-tools-end{margin-left:auto}.stage-tools-center{background:var(--panel);border-radius:8px;flex-wrap:nowrap;gap:0;margin:0 auto}.draw-tools{flex-flow:column;gap:4px}.draw-tools button.tool{place-items:center;width:34px;height:34px;padding:0;display:grid}.draw-tools svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.draw-tools svg .node{fill:currentColor;stroke:none}.draw-tools button.tool[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}#draw-pointer{margin-bottom:4px}#draw-pointer svg path{fill:currentColor;stroke-width:1px}.stage.drawing canvas#canvas{cursor:crosshair}body[data-mode=image] .stage.painting canvas#canvas{cursor:none}#image-info.error{color:#c23a3a}.image-actions{flex-wrap:wrap;column-gap:16px;display:flex}.ai-prep{margin-top:4px}.ai-prep summary{cursor:pointer;color:var(--accent);font-size:13px}.ai-prep ol{margin:4px 0;padding-left:18px}.ai-prompt{width:100%;color:inherit;background:var(--bg);border:1px solid var(--line);resize:vertical;border-radius:6px;padding:6px 8px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field-row input{width:100%}.image-palette{flex-direction:column;gap:3px;max-height:40vh;margin:0 -4px;padding:0 4px;list-style:none;display:flex;overflow-y:auto}.image-color{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:3px 4px;display:flex}.image-color:hover{background:var(--bg)}.image-color.brush{border-color:var(--accent)}.image-color.skipped .image-color-text,.image-color.skipped .sw{opacity:.45}.image-color .sw{cursor:pointer;width:18px;height:18px;padding:0}.image-color .sw:hover,.image-color .sw:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.image-color-text{flex:1;grid-template-columns:1fr auto;column-gap:6px;min-width:0;line-height:1.25;display:grid}.image-color-meta,.image-color-warn{grid-row:2}.image-color-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-color-meta{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.image-color-warn{color:#c9822b;cursor:help;font-weight:700}.image-color select{width:3.4em;padding:2px 4px}button.tool{color:#ece8f1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0b10b8;border:1px solid #ffffff1f;border-radius:6px;padding:4px 9px;font-size:13px;line-height:1.2}button.tool:not(:disabled):hover{background:#0d0b10e6;border-color:#ffffff4d}button.tool.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.tool:disabled{opacity:.35}.player-track{--thumb:14px;flex:1;min-width:120px;height:22px;position:relative}.player-sections{left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);background:#ffffff1f;border-radius:4px;height:8px;margin-top:-4px;position:absolute;top:50%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.player-sections>div{position:absolute;top:0;bottom:0}.player-sections>div+div:not(.rest){box-shadow:inset 1px 0 #0d0b10b3}.player-sections>.rest{background:#0d0b109e;right:0}.player-track input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.player-track input[type=range]::-webkit-slider-runnable-track{background:0 0;height:100%}.player-track input[type=range]::-moz-range-track{background:0 0}.player-track input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);border:2px solid var(--accent);background:#fff;border-radius:50%;margin-top:4px;box-shadow:0 1px 4px #0009}.player-track input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);box-sizing:border-box;border:2px solid var(--accent);background:#fff;border-radius:50%;box-shadow:0 1px 4px #0009}.player-track input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.player-track input[type=range]:disabled{cursor:default}.player-info{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.panel-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.panel-head h2{margin:0}.panel-head button.link{margin:0;padding:0}.panel-head #color-list{margin-left:auto}.panel-head #layers-reset:not([hidden])+#color-list{margin-left:12px}.layers{flex-direction:column;flex:0 auto;min-height:120px;max-height:45%;display:flex}.layer-list,.jump-list{overscroll-behavior:contain;flex-direction:column;gap:3px;margin:0 -4px;padding:0 4px;list-style:none;display:flex;overflow-y:auto}.layer{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:4px 6px 4px 2px;display:flex}.layer:hover{background:var(--bg)}.layer.focused{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.layer.current .layer-name:after{content:" ●";color:var(--accent)}.layer.hidden-layer .sw,.layer.hidden-layer .layer-text{opacity:.4}.layer .eye{padding:0 4px;font-size:14px}.layer .sw{cursor:pointer;width:18px;height:18px;padding:0}.layer .sw:hover,.layer .sw:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.color-pop{z-index:50;background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;width:260px;max-width:calc(100vw - 16px);padding:10px;display:flex;position:fixed;box-shadow:0 8px 28px #00000059}.color-pop-head{font-size:13px;font-weight:600}.color-pop-orig,.color-pop-own{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.color-pop-orig{text-align:left;padding:4px 6px}.color-grid{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.color-grid .pick{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);cursor:pointer;border-radius:4px;min-width:0;padding:0}.color-grid .pick:hover,.color-grid .pick:focus-visible{outline:2px solid var(--accent);outline-offset:1px;z-index:1;position:relative}.color-pop-tools{flex-direction:column;gap:6px;display:flex}.color-pop-tools select,.color-pop-tools input{width:100%;min-width:0;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px}.color-pop-tools input:focus{border-color:var(--accent);outline:none}.color-pop-near{align-items:center;gap:4px;display:flex}.color-pop-near .near-pick{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);cursor:pointer;border-radius:4px;flex:1;justify-content:flex-start;align-items:flex-end;min-width:0;height:30px;padding:0 4px;display:flex}.color-pop-near .near-pick span{background:color-mix(in srgb, var(--panel) 80%, transparent);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;margin-bottom:2px;padding:0 3px;font-size:10px;line-height:1.4;overflow:hidden}.color-pop-near .near-pick:hover,.color-pop-near .near-pick:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.color-grid{max-height:210px;padding:2px;overflow-y:auto}.color-pop-none{grid-column:1/-1;margin:4px 0}.color-pop-name{min-height:1.4em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-top:-2px;font-size:12px;overflow:hidden}.color-grid .pick[aria-current]{box-shadow:inset 0 0 0 2px var(--panel), 0 0 0 2px var(--ink)}.color-pop-own input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;width:28px;height:22px;padding:0}.color-pop p{margin:0}.layer-text{flex-direction:column;min-width:0;display:flex}.layer-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.jumps{flex-direction:column;flex:1 1 0;min-height:260px;display:flex}.jumps-body{flex-direction:column;flex:1;min-height:0;display:flex}.jumps-summary{margin:0 0 6px;font-weight:600}.jumps-warn{background:#ffa5001f;border-left:3px solid orange;border-radius:4px;margin:0 0 8px;padding:6px 8px;font-size:12px}.jumps-rule{background:var(--bg);border-radius:8px;padding:8px}.jumps-rule input{width:70px}.jumps-rule .buttons button{font-size:12px}.jump-list{flex:auto;min-height:100px;margin-top:8px}.jump{border:1px solid var(--line);cursor:pointer;border-left:3px solid orange;border-radius:6px;padding:5px 8px}.jump.cut{border-left-color:#6fd3ff}.jump:hover,.jump.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.jump.cut:hover,.jump.cut.selected{border-left-color:#6fd3ff}.j-top{align-items:baseline;gap:8px;display:flex}.j-icon{text-align:center;width:14px}.j-name{font-weight:600}.jump .num{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.jump .meta{color:var(--muted);font-size:12px}.j-actions button{font-size:12px}@media (width<=760px){.topbar{grid-template-columns:auto 1fr;grid-template-areas:"brand end""modes modes";row-gap:8px}.topbar-end{grid-area:end}.modes{grid-area:modes;min-width:0}.layers,.jumps,.jump-list{flex:none;max-height:none}.jump-list,.layer-list{max-height:50vh}.player{flex-wrap:wrap;gap:6px}.player-track{flex-basis:100%;order:3}}.marks.all-off .check:not([data-mode=flow]){opacity:.5}.marks.all-off legend:after{content:" · " attr(data-off)}#marks-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}#marks-toggle svg .node{fill:currentColor;stroke:none}.marks .check:has(input:disabled){opacity:.5;cursor:default}.layer-text{flex:1}.layer .layer-meta{flex:none;margin-left:auto}.layer{padding-top:3px;padding-bottom:3px}.jumps-summary{font-weight:500}.jumps-rule>summary{font-size:12px}.jumps-rule[open]>summary{margin-bottom:8px}.jumps .f-chip{padding:2px 7px}.jumps-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.jumps-head .jumps-summary{margin:0}.jumps .findings-bar{margin-top:8px}.jumps .f-chip{white-space:nowrap}@container (width<=640px){body[data-mode=flow] .stage .hint{display:none}}@media (width<=900px){body[data-mode=flow] .stage .hint{display:none}}.order-bar{margin:-2px 0 8px;display:flex}.order-bar button{flex:1}.order-bar button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.order-card{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent) 6%, var(--panel));border-radius:8px;flex-direction:column;gap:8px;margin:0 0 10px;padding:10px;font-size:13px;display:flex}.order-card p{margin:0}.overlap-card .row{flex-wrap:wrap;gap:8px;display:flex}.object-stitches .knockout{flex-direction:column;gap:2px;margin:8px 0;display:flex}.order-title{font-weight:600}.order-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.order-table th{text-align:left;color:var(--muted);padding:2px 0;font-weight:400}.order-table td{text-align:right;white-space:nowrap;padding:2px 0 2px 6px}.order-table td.arrow{color:var(--muted);text-align:center}.order-table td.better{color:#2f9e5b;font-weight:600}.order-table td.worse{color:var(--muted)}.order-opts{flex-wrap:wrap;gap:2px 14px;display:flex}.row-buttons{gap:6px;display:flex}.row-buttons button{flex:1}.row-buttons{flex-wrap:wrap}.row-buttons .wide{flex-basis:100%}.layer .chev{width:22px;height:22px;color:var(--muted);flex:none;place-items:center;margin:-2px 0 -2px -4px;padding:0;transition:transform .12s;display:grid}.layer .chev:before{content:"";width:18px;height:18px;-webkit-mask:var(--chevron) center / contain no-repeat;-webkit-mask:var(--chevron) center / contain no-repeat;mask:var(--chevron) center / contain no-repeat;background-color:currentColor}.layer .chev:hover{color:var(--ink)}.layer.open .chev{transform:rotate(90deg)}.layer-sub{color:var(--muted);font-size:11px}.layer.object{gap:8px;padding:2px 6px 2px 30px;font-size:13px}.layer.object .layer-name{flex:1}.layer.object.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.kind-icon{width:16px;height:16px;color:var(--muted);flex:none;display:inline-flex}.kind-icon svg{width:100%;height:100%}.layer.object.selected .kind-icon{color:var(--accent)}.layer[draggable=true]{cursor:grab}.layer.dragging{opacity:.45}.drag-active .layer:hover{background:0 0}.layer.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.layer.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.layer[data-drop]{position:relative}.layer[data-drop]:after{content:attr(data-drop);z-index:2;white-space:nowrap;text-overflow:ellipsis;border-left:10px solid var(--drop-color,var(--accent));background:var(--accent);max-width:calc(100% - 40px);color:var(--accent-ink);pointer-events:none;border-radius:9px;padding:1px 7px 1px 5px;font-size:11px;line-height:16px;position:absolute;top:-10px;right:4px;overflow:hidden}.layer.drop-own[data-drop]:after{left:4px;right:auto}.layer.drop-after[data-drop]:after{top:auto;bottom:-10px}.drag-chip{z-index:300;border:1px solid var(--line);background:var(--panel);max-width:220px;color:var(--ink);white-space:nowrap;pointer-events:none;border-radius:9px;align-items:center;gap:6px;padding:3px 9px 3px 5px;font-size:12px;line-height:16px;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 14px #0000002e}.drag-chip>span:last-child{text-overflow:ellipsis;overflow:hidden}.drag-chip .sw{border-radius:4px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000026}.layer-note{color:var(--muted);margin:8px 0 0;font-size:12px}.layer-note.error{color:#d9534f}.object-panel{flex:none}.mini-sw{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);border-radius:3px;flex:none;width:12px;height:12px}.object-panel .stats{margin-bottom:10px;font-size:13px}.object-panel .muted.small{margin:8px 0 0}.inspector .layers{flex:none;min-height:0;max-height:none}.layers .layer-list{max-height:42vh}.layers .order-bar,.layers .order-card,.layers .layer-note{flex:none}.inspector .jumps{flex:1 1 0;min-height:220px}.object-stitches:not(:empty){border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.stitch-tabs button,.kind-switch button{border:none;border-radius:0;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 6px;font-size:12px;display:inline-flex}.stitch-tabs .kind-icon,.kind-switch .kind-icon{padding:0;display:inline-flex}.stitch-tabs button.active,.kind-switch button.active{background:var(--accent);color:var(--accent-ink)}.stitch-tabs button.active .kind-icon,.kind-switch button.active .kind-icon{color:var(--accent-ink)}.kind-switch{margin:4px 0;display:flex}.kind-switch button:disabled{opacity:.45;cursor:not-allowed}.pattern-groups{border:none;border-bottom:1px solid var(--line);border-radius:0;gap:2px;margin:4px 0 2px;display:flex;overflow:visible}.pattern-groups button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;margin-bottom:-1px;padding:5px 2px 4px;font-size:12px;position:relative}.pattern-groups button:hover{color:var(--ink)}.pattern-groups button.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.pattern-groups button.holds:not(.active):after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:3px;position:absolute;top:5px}.pattern-groups button:focus-visible,.motif-row button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.motif-row{margin-top:4px}.motif-row button{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 2px;font-size:10px;display:flex}.motif-row button svg{width:18px;height:18px}.motif-row button.active{background:var(--accent);color:var(--accent-ink)}.reroll-row button{align-items:center;gap:6px;display:inline-flex}.reroll-row button svg{width:15px;height:15px}body.preview-busy #object-stitches button:hover,body.preview-busy #canvas{cursor:progress!important}.pattern-tiles{grid-template-columns:repeat(3,1fr);gap:4px;margin:4px 0;display:grid}.pattern-tile{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px 1px 5px;font-size:10px;line-height:1.1;display:flex}.pattern-tile svg{width:22px;height:22px}.pattern-tile span{text-align:center;letter-spacing:-.2px;max-width:100%}.pattern-tile:disabled{opacity:.45;cursor:not-allowed}.pattern-tile:hover:not(:disabled){color:var(--ink);border-color:var(--muted)}.pattern-tile.active{border-color:var(--accent);color:var(--ink);background:color-mix(in srgb, var(--accent) 16%, transparent)}.pattern-tile.active svg{color:var(--accent)}.pattern-tile:focus-visible,.offset-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.offset-buttons{margin-top:4px}.offset-buttons button{color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:0;flex:1;padding:4px 2px;font-size:12px}.offset-buttons button.active{background:var(--accent);color:var(--accent-ink)}.stitch-field{margin-bottom:0}.stitch-field output{float:right;font-variant-numeric:tabular-nums;color:var(--ink)}.band-track{display:block;position:relative}.band-track input{margin:0;display:block}.band-track .band{pointer-events:none;background:#2f9e5b;border-radius:2px;height:3px;position:absolute;bottom:-3px}.angle-row{align-items:center;gap:10px;display:flex}.angle-dial{border:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 3px,#0000 3px 6px);border-radius:50%;flex:none;width:30px;height:30px;position:relative}.angle-dial span{background:var(--accent);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:2px;right:2px}.angle-dial{cursor:grab;touch-action:none}.angle-dial.turning{cursor:grabbing;border-color:var(--accent)}.angle-dial.arrow span{transform-origin:0;left:50%}.angle-dial.arrow span:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-2px}.repeat-field .check{margin-top:4px}.repeat-field .check.off{opacity:.5}.layer-note button.link{margin-top:2px;display:block}.bg-swatches{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.bg-swatches .bg-sw,.bg-swatches .bg-own{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);cursor:pointer;border-radius:50%;width:24px;height:24px;margin:0;padding:0}.bg-swatches .bg-theme{background:linear-gradient(135deg,#2a2530 50%,#0d0b10 50%)}.bg-swatches .bg-own{background:conic-gradient(#e44 0deg,#ec4 60deg,#4c6 120deg,#4ce 180deg,#46e 240deg,#c4e 300deg,#e44 360deg);overflow:hidden}.bg-swatches .bg-own::-webkit-color-swatch-wrapper{padding:0}.bg-swatches .bg-own::-webkit-color-swatch{opacity:0;border:none;border-radius:50%}.bg-swatches .bg-own.on::-webkit-color-swatch{opacity:1}.bg-swatches .bg-own::-moz-color-swatch{opacity:0;border:none;border-radius:50%}.bg-swatches .bg-own.on::-moz-color-swatch{opacity:1}.bg-swatches [aria-pressed=true],.bg-swatches .bg-own.on{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent)}.bg-swatches .bg-sw:hover,.bg-swatches .bg-sw:focus-visible,.bg-swatches .bg-own:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.row-buttons button.reverse{justify-content:center;align-items:center;gap:6px;display:inline-flex}.row-buttons button.reverse svg{flex:none;width:15px;height:15px}.choice-row{flex-wrap:wrap;margin-top:4px}.choice-row button{color:var(--ink);white-space:nowrap;background:0 0;border:none;border-radius:0;flex:auto;padding:4px 6px;font-size:12px}.choice-row.kinds{grid-template-columns:repeat(3,1fr);display:grid}.choice-row.small button{padding:4px;font-size:11px}.choice-row button.active{background:var(--accent);color:var(--accent-ink)}.choice-row button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stage.rungs canvas#canvas{cursor:crosshair}.stage.rungs canvas#canvas.panning{cursor:grabbing}.stage.shaping canvas#canvas{cursor:default}.stage canvas#canvas.on-frame{cursor:move}.stage.shaping canvas#canvas.panning,.stage canvas#canvas.on-frame.panning{cursor:grabbing}.aside-block{border-top:1px solid var(--line);margin-top:8px;padding-top:6px}.aside-block summary{cursor:pointer;color:var(--muted);font-size:12.5px}.aside-row{flex-wrap:wrap}.aside-row .layer-text{flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.aside-row.off .layer-name{opacity:.65}.aside-row button.small{flex:none;padding:2px 7px;font-size:11.5px}.aside-row button.icon{padding:2px 6px}button.mini-sw.thread-sw{cursor:pointer;border:1px solid #ffffff59;width:16px;height:16px;padding:0}.aside-row .layer-meta{margin-left:0}.border-row{align-items:center;gap:8px;display:flex}.border-thread{align-items:center;gap:8px;min-height:30px;padding:4px 10px 4px 6px;display:inline-flex}.border-thread .sw{border-radius:4px;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000040}.lettering-panel{flex:none}.lettering-panel .field{margin-bottom:12px}.lettering-text{box-sizing:border-box;resize:vertical;width:100%;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;margin-top:4px;padding:6px 8px;font-size:16px;display:block}.lettering-text:focus{outline:2px solid var(--accent);outline-offset:-1px}.lettering-missing{color:#b4560a;margin-top:4px;font-size:12px}.lettering-missing button.link{margin:0;padding:0}.font-current{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:4px;padding:6px 8px;display:flex}.font-current.open{border-color:var(--accent)}.font-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-arrow{color:var(--muted)}.font-license{margin:4px 0 0}.font-license a{color:var(--muted)}.font-list{border:1px solid var(--line);background:var(--panel);border-radius:6px;max-height:340px;margin:-4px 0 12px;overflow-y:auto}.font-group{z-index:1;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg);padding:4px 8px;font-size:11px;font-weight:600;position:sticky;top:0}.font-row{border:none;border-top:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:0;padding:4px 8px 6px;display:block}.font-row:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.font-row.active{background:color-mix(in srgb, var(--accent) 16%, transparent)}.font-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.font-row.lacking .font-sample{opacity:.45}.font-sample{width:100%;height:40px;display:block}.font-meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:11px;display:flex}.font-tags{text-align:right}.lettering-height-row{align-items:center;gap:6px;margin-top:4px;display:flex}.lettering-height{width:4.5em}.lettering-height-row .band-track{flex:1;min-width:0}.lettering-height-row input[type=range]{width:100%}.lettering-height-note{margin-top:6px;display:block}.lettering-height-note.warn{color:#b4560a}.lettering-height-note button.link{margin:0;padding:0}.lettering-size{margin:-4px 0 12px}.choice-row.icons button{justify-content:center;align-items:center;padding:5px 4px;display:flex}.swatch-button{align-items:center;gap:8px;margin-top:4px;padding:4px 8px;display:flex}.swatch-button .swatch{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);border-radius:4px;width:18px;height:18px}.lettering-letters{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.lettering-letters.on{background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:6px;padding:8px}.lettering-letters .stitch-field{align-self:stretch}.lettering-letters p,.lettering-letters button.link{margin:0}.lettering-release{display:block}.plan-pick{gap:14px;margin:4px 0 2px;display:flex}.plan-row.pinned{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:inset 3px 0 0 var(--accent);padding-left:6px}.hoop-over{color:#dc2626}.layer .layer-guessed{color:var(--muted);opacity:.7;flex:none;margin-left:auto;font-size:12px}.layer .layer-loose{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;margin-left:auto;padding:2px;line-height:0}.layer .layer-loose:hover,.layer .layer-loose:focus-visible{color:var(--text)}.layer .layer-loose .i{width:14px;height:14px}.layer .layer-guessed+.layer-loose{margin-left:6px}.layer .layer-loose+.layer-meta,.layer .layer-guessed+.layer-meta{margin-left:8px}.layers-guessed{padding:6px 8px;font-size:11px}.layer.object .layer-guessed+.layer-meta{text-align:right;min-width:5ch}.color-list{border:1px solid var(--line);background:var(--panel);width:min(720px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--ink);border-radius:12px;padding:18px 20px}.color-list::backdrop{background:#00000073}.cl-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cl-head h2{margin:0;font-size:16px}.cl-close{padding:2px 8px;font-size:20px;line-height:1}.cl-top{align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.cl-thumb{border:1px solid var(--line);border-radius:8px;flex:none}.cl-named{min-width:0}.cl-named h3{overflow-wrap:anywhere;margin:0 0 8px;font-size:15px}.cl-facts{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:13px;display:grid}.cl-facts dt{color:var(--muted)}.cl-facts dd{margin:0}.cl-table{border-collapse:collapse;width:100%;font-size:13px}.cl-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 6px;font-size:12px;font-weight:600}.cl-table td{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);vertical-align:middle;padding:5px 6px}.cl-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cl-table th.num:first-child,.cl-table td.num:first-child{text-align:left;width:2em}.cl-thread{align-items:center;gap:8px;display:flex}.cl-thread .sw{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:5px;flex:none;width:22px;height:22px}.cl-thread-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.cl-thread-text span{font-size:12px}.cl-alt{border-left:1px solid var(--line)}.cl-note{margin:10px 0 0}.cl-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}.cl-brand{align-items:center;gap:8px;margin-right:auto;font-size:13px;display:flex}@media (width<=560px){.cl-top{flex-direction:column}}@media print{body.printing-colors>:not(.color-list){display:none!important}body.printing-colors{background:#fff}.color-list{color:#000;--ink:#000;--muted:#555;--line:#bbb;background:#fff;border:0;width:auto;max-height:none;margin:0;padding:0;position:static}.color-list::backdrop{display:none}.cl-close,.cl-actions,.cl-note{display:none!important}.cl-table tr{break-inside:avoid}}body[data-mode=image] #modes{display:none}.image-head{white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.image-head .i{color:var(--accent)}.stage-foot .legend{flex:none;margin-left:auto}body[data-mode=density] .stage-foot .view-bar{margin-left:0}.stage:has(.tool-options:not([hidden]):not(.for-objects),.stitch-bar:not([hidden])) .stage-foot .hint{visibility:hidden}.stage:has(#empty:not([hidden])) .stage-foot .hint{visibility:hidden}.stage:has(#empty:not([hidden])) .view-bar{visibility:hidden}.stage>.toast{bottom:calc(var(--player-h,0px) + 66px);box-sizing:border-box;max-width:calc(100% - 24px);position:absolute}.insp-page .jumps>summary{flex-wrap:nowrap}body[data-image-step="1"] .image-step:not([data-step="1"]),body[data-image-step="2"] .image-step:not([data-step="2"]),body[data-image-step="3"] .image-step:not([data-step="3"]){display:none}body[data-mode=image][data-image-step="1"] .layout{grid-template-columns:auto min(var(--side-w), 30vw) minmax(0, 1fr) 0}body[data-mode=image][data-image-step="1"] .inspector,body[data-mode=image][data-image-step="1"] .resizer[data-panel=inspector]{display:none}.image-steps{background:var(--panel);border:1px solid var(--line);pointer-events:auto;border-radius:10px;align-self:stretch;align-items:center;gap:8px;min-width:0;padding:4px;display:flex}.image-stepper{align-items:center;min-width:0;margin:0;padding:0;list-style:none;display:flex}.image-stepper li{align-items:center;min-width:0;display:flex}.image-stepper li+li:before{content:"";background:var(--line);flex:none;width:18px;height:1px;margin:0 2px}.image-stepper button{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;padding:4px 10px 4px 4px;transition:background .12s,color .12s;display:flex}.image-stepper button:hover{background:var(--bg);color:var(--ink)}.image-stepper .num{border:1.5px solid var(--line);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:600;line-height:1;display:grid}.image-stepper button.ready .num{border-color:var(--accent);color:var(--accent)}.image-stepper button[aria-current=step]{color:var(--ink);font-weight:600}.image-stepper button[aria-current=step] .num{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.image-status{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--muted);flex:1;margin:0;font-size:12px;overflow:hidden}.image-status.busy:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1s ease-in-out infinite alternate image-pulse;display:inline-block}.image-status.error{color:#c23a3a}@keyframes image-pulse{0%{opacity:.25}to{opacity:1}}.image-cancel{flex:none;padding:4px 10px}.image-wizard{flex-direction:column;flex:1 0 auto;gap:12px;display:flex}.image-wizard .panel{flex-direction:column;gap:10px;display:flex}.image-wizard .panel>h2,.image-wizard .field,.image-wizard .check{margin:0}.image-drop{flex-direction:column;align-items:center;gap:8px;padding:26px 12px;display:flex}.image-drop-icon{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.image-drop.compact{flex-direction:row;justify-content:center;padding:10px 12px;font-size:13px}.image-drop.compact .image-drop-icon,#image-views[hidden]{display:none}.image-under-drop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-top:-4px;display:flex}.image-paste{justify-content:center;align-items:center;gap:6px;width:100%;font-size:13px;display:flex}.image-paste svg{flex:none}.image-under-drop .privacy-note{margin:0}.image-file{background:var(--bg);border-radius:8px;padding:8px 10px}.image-file[hidden]{display:none}.image-info{overflow-wrap:anywhere;margin:0 0 2px;font-size:13px}.image-info.error{color:#c23a3a}.image-width output{font-variant-numeric:tabular-nums}.image-crop{flex-direction:column;gap:4px;display:flex}.image-crop[hidden]{display:none}.image-crop output{color:var(--muted);font-weight:400}.image-crop-actions{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.image-crop-actions [hidden]{display:none}.image-crop p,.image-wizard .ai-prep{margin:0}.image-wizard .ai-prep[open]{flex-direction:column;gap:6px;display:flex}.image-wizard .ai-prep p,.image-wizard .ai-prep .buttons{margin:0}.image-material{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding-bottom:10px;display:flex}.image-material select{width:100%;min-width:0}.image-wizard #image-stitch-reset{align-self:flex-start}.image-nav{z-index:2;border-top:1px solid var(--line);background:var(--bg);gap:8px;margin:auto -12px -12px;padding:10px 12px;display:flex;position:sticky;bottom:0}.image-nav button{min-width:96px;padding:7px 14px}.image-nav button.primary{margin-left:auto;font-weight:600}.image-nav button[hidden]{display:none}.image-insp{flex-direction:column;gap:12px;display:flex}.image-insp .panel-head{align-items:center}.image-history{gap:2px;display:flex}.image-history button.icon{place-items:center;width:30px;height:28px;padding:0;display:grid}.image-history svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.image-insp .image-palette{max-height:none}.image-palette-hint{cursor:help;margin:8px 0 0}.image-insp .image-tools{display:flex}.image-insp .image-tools label{flex:1}.image-insp .image-tools span{text-align:center;display:block}.image-insp .panel>.field,.image-insp .panel>p{margin:10px 0 0}.image-insp #image-strokes-clear{margin-top:6px}.image-insp #image-verdict{margin-top:10px}.image-insp #image-take-hint{margin:10px 0 0}@media (width<=1100px) and (width>=761px){body[data-mode=image] .layout,body[data-mode=image][data-image-step="1"] .layout{grid-template-columns:auto min(var(--side-w), 40vw) minmax(0, 1fr);grid-template-rows:fit-content(60%) minmax(0,1fr);grid-template-areas:"rail side stage""rail findings stage"}body[data-mode=image][data-image-step="1"] .layout{grid-template-areas:"rail side stage""rail side stage"}body[data-mode=image] .inspector{border-left:none;border-top:1px solid var(--line);border-right:1px solid var(--line)}body[data-mode=image] .resizer[data-panel=inspector],.image-stepper button:not([aria-current=step]) .name{display:none}.image-stepper button:not([aria-current=step]){padding-right:4px}}@media (width<=760px){.image-stepper button:not([aria-current=step]) .name{display:none}.image-stepper button:not([aria-current=step]){padding-right:4px}}@media (prefers-reduced-motion:reduce){.image-status.busy:before{animation:none}.image-stepper button{transition:none}}.image-wizard .field-row{align-items:end}.image-styles{gap:6px;display:grid;position:relative}.image-style{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:6px;grid-template-columns:32px 1fr;align-items:center;column-gap:10px;padding:7px 10px;transition:border-color .12s,background .12s;display:grid;position:relative}.image-style input{opacity:0;pointer-events:none;position:absolute}.image-style svg{background:var(--stage);fill:none;width:32px;height:32px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;border-radius:4px;grid-row:span 2}.image-style span{color:var(--muted);font-size:12px}.image-style:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);box-shadow:inset 3px 0 0 var(--accent)}.image-style:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.image-style.busy:after{content:"";border:2px solid color-mix(in srgb, var(--accent) 30%, transparent);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite image-spin;position:absolute;top:9px;right:10px}@keyframes image-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.image-style.busy:after{animation-duration:2.4s}}.image-style:has(input:disabled){opacity:.5;cursor:default}.image-fine>:not(summary)+:not(summary){margin-top:8px}.image-fine summary{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.image-fine[open] summary{margin-bottom:2px}.image-fine .own-dot{background:var(--accent);vertical-align:2px;border-radius:50%;width:6px;height:6px;display:inline-block}.image-areas ul{grid-template-columns:24px auto minmax(0,1fr) auto;gap:2px;margin:4px 0 0;padding:0;list-style:none;display:grid}.image-area-color{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;column-gap:6px;padding:6px 4px 2px;font-size:12px;font-weight:600;display:grid}.image-area+.image-area-color{border-top:1px solid var(--line);margin-top:6px;padding-top:8px}.image-area-color .sw{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:5px;justify-self:center;width:18px;height:18px}.area-color-name{text-overflow:ellipsis;white-space:nowrap;grid-column:2/-1;min-width:0;overflow:hidden}.image-area{grid-column:1/-1;grid-template-columns:subgrid;border-radius:6px;align-items:center;column-gap:6px;min-height:30px;padding:2px 4px;font-size:13px;line-height:1.25;display:grid}.image-area:hover,.image-area:focus-within{background:color-mix(in srgb, var(--accent) 9%, transparent)}.image-area.sub{color:var(--muted);font-size:12px}.image-area.sub .area-text{align-items:center;gap:6px;display:flex}.image-area.sub .letter{background:color-mix(in srgb, var(--ink) 70%, transparent)}.image-area.hot{background:color-mix(in srgb, var(--accent) 16%, transparent)}.image-area .area-open{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.image-area .area-open:before{content:"";width:18px;height:18px;-webkit-mask:var(--chevron) center / contain no-repeat;-webkit-mask:var(--chevron) center / contain no-repeat;mask:var(--chevron) center / contain no-repeat;background-color:currentColor;transition:transform .15s}.image-area.open .area-open:before{transform:rotate(90deg)}.image-area .area-open:hover{color:var(--ink)}.image-area .area-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.image-area .area-open.none{visibility:hidden;pointer-events:none}.image-area .letter{background:var(--ink);min-width:22px;height:22px;color:var(--bg);border-radius:11px;place-items:center;padding:0 4px;font-size:12px;font-weight:700;display:grid}.image-area .area-text{min-width:0}.image-area.open .area-text{cursor:pointer}.image-area:has(.area-open:not(.none)) .area-text{cursor:pointer}.image-area select{width:100%;padding:4px 6px;font-size:12px}.image-area.fixed select{border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.image-style,.image-area .area-open:before{transition:none}}#empty{align-items:safe center;padding-top:64px;overflow-y:auto}@media (width<=1100px){#empty{padding-top:112px}}.start{pointer-events:auto;box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:min(620px,100%);color:var(--ink);text-align:left;border-radius:12px;margin:auto;padding:26px 28px 20px;animation:.15s ease-out .2s both start-in;box-shadow:0 8px 28px #00000040;container-type:inline-size}@keyframes start-in{0%{opacity:0;transform:translateY(4px)}}.start-title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:650}.start-lead{color:var(--muted);margin:4px 0 18px;font-size:13px}.start-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;display:grid}.start-card{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:10px;align-items:center;gap:12px;min-height:72px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.start-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent) 5%, var(--panel))}.start-card.main{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.start-icon{background:color-mix(in srgb, var(--accent) 10%, transparent);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.start-icon .i{width:22px;height:22px}.start-text{flex-direction:column;gap:2px;min-width:0;display:flex}.start-text strong{font-size:14px;font-weight:600}.start-text small{color:var(--muted);font-size:12px}.start-section{margin-top:18px}.start-section h3,.design-pop .pop-head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:600}.start-recent-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:2px 10px;margin:0;padding:0;list-style:none;display:grid}.start-recent{text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:13px;display:flex}.start-recent:not(:disabled):hover{background:var(--bg)}.start-recent .i{width:16px;height:16px;color:var(--muted)}.start-recent-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.start-recent small{color:var(--muted);font-size:11px}.start-recent small.err{color:#d23}.start-chips{flex-wrap:wrap;gap:6px;display:flex}.start-chips .chip{border-radius:999px;padding:4px 10px;font-size:12px}.start-chips .chip:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.start-chips .ex-kind{color:var(--muted);margin-left:5px;font-size:11px}.start-chips [aria-busy] .ex-kind{display:none}.start-chips .ex-busy{color:var(--muted);margin-left:6px}.start-privacy{border-top:1px solid var(--line);justify-content:flex-start;margin-top:18px;padding-top:12px}.start-privacy .i{width:13px;height:13px}.start-image{color:#a49cb0;margin:auto}.start-image-narrow{display:none}@media (width<=760px){.start-image-wide{display:none}.start-image-narrow{display:inline}}body.dragging:after{content:attr(data-drop-text);z-index:200;border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 10%, color-mix(in srgb, var(--bg) 70%, transparent));color:var(--accent);pointer-events:none;border-radius:14px;place-items:center;font-size:18px;font-weight:600;display:grid;position:fixed;inset:10px}.design-pop{flex-direction:column;gap:12px;width:340px;display:flex}.design-pop[hidden]{display:none}.dp-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.dp-action{text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 8px;font-size:12px;line-height:1.2;display:flex}.dp-action .i{color:var(--accent)}.dp-action:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.design-pop .pop-head{margin:0 0 -6px}.design-pop .file-list{gap:2px;margin:0}.design-pop .file-list li{box-sizing:border-box;min-height:34px;padding:2px 2px 2px 10px}.design-pop .file-list li.muted{padding:4px 10px;font-size:13px}.design-pop .file-list .remove-btn,.design-pop .file-list .rename-btn{border-radius:6px;place-items:center;width:28px;height:28px;padding:0;font-size:16px;line-height:1;display:grid}.design-pop .file-list .remove-btn:hover,.design-pop .file-list .rename-btn:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.design-pop .file-list .rename-btn{margin-right:-6px}.dp-examples{border-top:1px solid var(--line);padding-top:8px}.dp-examples summary{color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:4px 2px;font-size:12px;font-weight:600;list-style:none;display:flex}.dp-examples summary::-webkit-details-marker{display:none}.dp-examples summary .i{width:14px;height:14px;transition:transform .12s;transform:rotate(-90deg)}.dp-examples[open] summary .i{transform:none}.dp-examples summary:hover{color:var(--ink)}.example-list{margin:4px 0 0;padding:0;list-style:none}.example-list .ex-group{color:var(--muted);margin:8px 0 2px;padding-left:10px;font-size:11px}.example-list .ex-group:first-child{margin-top:2px}.ex-row{text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:5px 10px;font-size:13px;display:flex}.ex-row>span{flex:1}.ex-row:not(:disabled):hover{background:var(--bg)}.ex-row .ex-kind{color:var(--muted);font-size:11px}.ex-row .ex-busy{color:var(--accent);font-size:11px}.ex-row[aria-busy] .ex-kind{display:none}.ex-row[aria-busy],.start-chips [aria-busy]{opacity:1}.design-pop .privacy-note{border-top:1px solid var(--line);justify-content:flex-start;margin:0;padding-top:8px}.save-pop{width:360px}.save-pop .file-actions{gap:12px}.save-hoop{background:var(--bg);border-radius:8px;align-items:center;gap:8px;margin:0;padding:7px 10px;font-size:12px;line-height:1.35;display:flex}.save-hoop>span{flex:1}.save-hoop .i{width:16px;height:16px;color:var(--muted)}.save-hoop[data-state=fits] .i{color:#3fb27f}.save-hoop[data-state=over]{background:#dc26261a}.save-hoop[data-state=over] .i{color:#dc2626}.save-hoop[data-state=turned]{background:#d977061a}.save-hoop[data-state=turned] .i{color:#d97706}.save-hoop .link{flex:none;margin:0;padding:0}.save-formats{border:0;min-width:0;margin:0;padding:0}.save-formats legend,.save-field-label{color:var(--muted);margin-bottom:6px;padding:0;font-size:12px;display:block}.fmt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.fmt-opt{border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-direction:column;gap:1px;padding:6px 10px;transition:border-color .12s,background .12s;display:flex;position:relative}.fmt-opt input{opacity:0;pointer-events:none;position:absolute}.fmt-opt b{letter-spacing:.02em;font-size:13px}.fmt-opt span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.fmt-opt:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.fmt-opt:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);box-shadow:inset 0 0 0 1px var(--accent)}.fmt-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.fmt-note{color:var(--muted);cursor:help;margin:6px 2px 0;font-size:12px;line-height:1.4}.save-field{display:block}.save-pop .save-name{border:1px solid var(--line);background:var(--bg);border-radius:6px;align-items:center;display:flex}.save-pop .save-name:focus-within{border-color:var(--accent)}.save-pop .save-name input{min-width:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:7px 8px}.save-pop .save-name span{color:var(--muted);padding:0 10px;font-size:12px}.save-go{justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:flex}.save-more{border-top:1px solid var(--line);flex-direction:column;gap:2px;margin:0 -6px;padding-top:8px;display:flex}.save-row>span{flex-direction:column;gap:1px;display:flex}.save-row small{color:var(--muted);font-size:11px}.save-row:disabled{opacity:.5}.save-revert{align-self:flex-start;margin:-4px 0 0;padding:0}@container (width<=420px){.start-title{font-size:18px}}@media (width<=760px){.start{padding:20px 16px 16px}.design-pop,.save-pop{width:auto}}.save-split{align-items:center;gap:2px;display:flex;position:relative}.save-split>.pop-row{flex:1;min-width:0}.save-split-toggle{width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:6px;flex:none;place-items:center;margin-right:4px;padding:0;display:grid}.save-split-toggle[hidden]{display:none}.save-split-toggle:hover,.save-split-toggle[aria-expanded=true]{background:var(--bg);color:var(--ink)}.save-split-menu{z-index:1;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px;position:absolute;top:calc(100% - 4px);right:4px;box-shadow:0 8px 28px #00000059}.save-split-menu[hidden]{display:none}.save-split-item{color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 10px 6px 8px;font-size:13px;display:flex}.save-split-item:hover{background:var(--bg)}.save-split-item .i{color:var(--muted)}#layers-panel{flex-direction:column;gap:8px;padding:10px 8px 8px;display:flex}#layers-panel>.panel-head{align-items:center;gap:10px;margin:0 4px}#layers-panel>.panel-head h2{flex:1;margin:0}#layers-panel>.panel-head #color-list{margin-left:0}#layers-panel .order-bar{margin:0}#layers-panel .order-bar button{min-height:32px;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}#layers-panel .order-bar button:not(:disabled):hover,#layers-panel .order-bar button[aria-expanded=true]{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}#layers-panel .order-bar .i{width:16px;height:16px}#layer-list{gap:1px;margin:0;padding:0}#layer-list .layer,#aside-block .layer{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:3px 6px 3px 2px;font-size:13px;display:flex;position:relative}#layer-list .layer:hover,#aside-block .layer:hover{background:var(--bg)}#layer-list .layer:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#layer-list .color-row{min-height:40px}#layer-list .color-row+.color-row,#layer-list .object+.color-row{margin-top:2px}#layer-list .chev{background:0 0;border:none;width:20px;height:28px;margin:0}#layer-list .chev:before{width:16px;height:16px}#layer-list .color-row .sw{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:5px;flex:none;width:20px;height:20px;padding:0}#layer-list .layer-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}#layer-list .layer-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#layer-list .color-row .layer-name{font-weight:500}#layer-list .layer-num{min-width:1.4em;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:2px;font-weight:400;display:inline-block}#layer-list .layer-sub,#aside-block .layer-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;overflow:hidden}#layer-list .layer-meta{text-align:right;min-width:3.2em;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12px}#layer-list .layer.current .layer-name:after{content:"";background:var(--accent);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}#layer-list .color-row .layer-meta{align-self:flex-start;margin-top:2px;line-height:16px}#layer-list .layer-tools{background:var(--bg);border-radius:5px;gap:0;display:none;position:absolute;bottom:1px;right:4px}#layer-list .color-row:hover .layer-tools,#layer-list .color-row:focus-within .layer-tools,#layer-list .color-row.hidden-layer .layer-tools,#layer-list .color-row.focused .layer-tools{display:flex}#layer-list .color-row.focused .layer-tools{background:color-mix(in srgb, var(--accent) 7%, var(--panel))}#layer-list .color-row .layer-tools button.icon{width:24px;height:17px}#layer-list .layer button.icon,#aside-block .layer button.icon{width:26px;height:26px;color:var(--muted);background:0 0;border:none;border-radius:5px;place-items:center;padding:0;display:grid}#layer-list .layer button.icon:hover,#aside-block .layer button.icon:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}#layer-list .layer button.icon .i,#aside-block .layer button.icon .i{width:16px;height:16px}#layer-list .layer-tools button[aria-pressed=true]{color:var(--accent)}#layer-list .object .row-more,#aside-block .row-more{visibility:hidden}#layer-list .object:hover .row-more,#layer-list .object:focus-within .row-more,#aside-block .layer:hover .row-more,#aside-block .layer:focus-within .row-more{visibility:visible}@media (hover:none){#layer-list .layer-tools{background:0 0;display:flex;position:static}#layer-list .color-row .layer-meta{align-self:center;margin-top:0}#layer-list .object .row-more,#aside-block .row-more{visibility:visible}}#layer-list .color-row.focused{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 7%, transparent)}#layer-list .layer.hidden-layer .sw,#layer-list .layer.hidden-layer .layer-text,#layer-list .layer.hidden-layer .layer-name,#layer-list .layer.hidden-layer .kind-icon{opacity:.4}#layer-list .object{min-height:30px;margin-left:26px;padding-left:6px}#layer-list .object .kind-icon{width:16px;height:16px;color:var(--muted);flex:none;place-items:center;display:grid}#layer-list .object .kind-icon svg{width:14px;height:14px}#layer-list .object .layer-name{flex:1;min-width:0}#layer-list .object.selected{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}#layer-list .object.selected:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:5px;bottom:5px;left:-1px}#layer-list .object.selected .kind-icon{color:var(--accent)}#layer-list .layer .layer-guessed{color:var(--muted);flex:none}#layer-list .layers-guessed,#layer-list .layers-empty{cursor:default;padding:8px 6px;font-size:12px}#aside-block{border-top:1px solid var(--line);margin:0;padding-top:6px}#aside-block>summary{cursor:pointer;min-height:32px;color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:0 6px 0 2px;font-size:13px;font-weight:500;list-style:none;display:flex}#aside-block>summary::-webkit-details-marker{display:none}#aside-block>summary:hover{background:var(--bg);color:var(--ink)}#aside-block>summary .i{width:14px;height:14px;margin:0 3px;transition:transform .12s}#aside-block[open]>summary .i{transform:rotate(90deg)}#aside-block .aside-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}#aside-block .aside-row{cursor:default;margin-left:26px;padding-left:6px}#aside-block .aside-row .kind-icon{width:16px;height:16px;color:var(--muted);flex:none}#aside-block .aside-row .kind-icon svg{width:14px;height:14px}#aside-block .aside-row .mini-sw{opacity:.6;border-radius:3px;flex:none;width:12px;height:12px}#aside-block .aside-row .layer-text{flex:1;align-items:baseline;gap:6px;min-width:0;line-height:1.25;display:flex}#aside-block .aside-row .layer-name{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}#aside-block .aside-sew{background:0 0;flex:none;padding:2px 8px;font-size:12px}#aside-block .aside-sew:hover{border-color:var(--accent);color:var(--accent)}#layers-panel .layer-note{border-left:3px solid var(--accent);background:var(--bg);color:var(--ink);border-radius:4px;margin:0;padding:6px 8px;font-size:12px}#layers-panel .layer-note.error{color:var(--ink)}#layers-panel .order-card{margin:0}#overlap-card{border-color:var(--line);background:var(--bg);flex-flow:wrap;align-items:center;gap:6px 10px;padding:8px 10px;font-size:12px}#overlap-card p{color:var(--ink);flex:180px}#overlap-card .row{flex:none;gap:6px}#overlap-card .row button{padding:3px 9px;font-size:12px}#object-panel{padding:12px;scroll-margin-top:52px}#object-body{flex-direction:column;gap:10px;display:flex}#object-panel .obj-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}#object-panel .obj-head .kind-icon{background:color-mix(in srgb, var(--accent) 10%, transparent);width:30px;height:30px;color:var(--accent);border-radius:8px;place-items:center;display:grid}#object-panel .obj-head .kind-icon svg{width:16px;height:16px}#object-panel .obj-title{flex-direction:column;align-items:flex-start;min-width:0;display:flex}#object-panel .obj-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}#object-panel .obj-thread{max-width:100%;color:var(--muted);background:0 0;border:none;border-radius:5px;align-items:center;gap:6px;margin:1px 0 0 -4px;padding:1px 4px;font-size:12px;display:inline-flex}#object-panel .obj-thread:not(:disabled):hover{background:var(--bg);color:var(--ink)}#object-panel .obj-swatches{display:inline-flex}#object-panel .obj-swatch{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);border-radius:3px;width:12px;height:12px}#object-panel .obj-swatch+.obj-swatch{margin-left:-3px}#object-panel .obj-thread-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#object-panel #object-close{width:28px;height:28px;color:var(--muted);background:0 0;border:none;place-items:center;padding:0;display:grid}#object-panel #object-close:hover{background:var(--bg);color:var(--ink)}#object-panel .obj-facts p{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:12px}#object-panel .obj-facts p:first-child{color:var(--ink)}#object-panel .obj-facts .obj-warn{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--ink);border-radius:4px;margin-top:4px;padding:4px 8px}#object-panel .obj-geom{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;display:grid}#object-panel .obj-geom-label{color:var(--muted);font-size:12px}#object-panel .obj-geom-fields{align-items:center;gap:4px;display:flex}#object-panel .obj-geom input{text-align:right;font-variant-numeric:tabular-nums;appearance:textfield;flex:1 1 0;width:0;min-width:40px;max-width:72px;padding:3px 6px;font-size:13px}#object-panel .obj-geom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#object-panel .obj-geom input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#object-panel .obj-geom input:disabled{opacity:1;color:var(--ink);cursor:default;background:0 0;border-color:#0000}#object-panel .obj-x,#object-panel .obj-unit{color:var(--muted);flex:none;font-size:12px}#object-panel .obj-x{text-align:center;width:10px}#object-panel .size-lock,#object-panel .obj-lock-space{flex:none;width:26px;height:26px}#object-panel .size-lock{color:var(--muted);background:0 0;border:none;place-items:center;padding:0;display:grid}#object-panel .size-lock .i{width:15px;height:15px}#object-panel .size-lock[aria-pressed=true]{color:var(--accent)}#object-panel .size-lock:disabled{visibility:hidden}#object-panel #object-stitches:not(:empty){margin-top:12px}.sprite{width:0;height:0;position:absolute;overflow:hidden}.i{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.i .fill,symbol .fill{fill:currentColor;stroke:none}.topbar{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;min-height:48px;padding:6px 10px;display:grid}.topbar-start,.topbar-end{align-items:center;gap:6px;min-width:0;display:flex}.topbar-end{justify-self:end}.brand-mark{flex:none;margin:0 4px 0 2px}.design-switch,.save-switch,.more-switch{min-width:0;position:relative}.design-button{background:0 0;border-color:#0000;align-items:center;gap:6px;max-width:min(280px,30vw);padding:5px 8px;font-size:15px;font-weight:600;display:flex}.design-button:hover,.design-button[aria-expanded=true]{background:var(--bg)}.design-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history{border-left:1px solid var(--line);gap:2px;margin-left:2px;padding-left:6px;display:flex}.history .tool,.more-button{width:32px;height:32px;color:var(--muted);background:0 0;border-color:#0000;place-items:center;padding:0;font-size:16px;display:grid}.history .tool:not(:disabled):hover,.more-button:hover,.more-button[aria-expanded=true]{background:var(--bg);color:var(--ink)}.modes{min-width:0}.modes span{padding:5px 16px}.search-button{min-width:180px;color:var(--muted);align-items:center;gap:8px;display:flex}.search-button .search-text{text-align:left;flex:1}.search-button:hover{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 25%, var(--line))}kbd{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-bottom-width:2px;border-radius:4px;padding:2px 5px;font:11px/1 system-ui,sans-serif}.save-button{align-items:center;gap:6px;font-weight:600;display:flex}.popover{z-index:60;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:10px;width:320px;max-height:calc(100vh - 80px);padding:12px;position:absolute;top:calc(100% + 6px);overflow-y:auto;box-shadow:0 8px 28px #00000040}.popover[hidden]{display:none}.design-pop{left:0}.save-pop,.more-pop{right:0}.more-pop{width:240px;padding:6px}.pop-row{box-sizing:border-box;width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:7px 8px;text-decoration:none;display:flex}.pop-row:hover{background:var(--bg)}.pop-row>span{flex:1}.pop-row .i{color:var(--muted)}.lang-row select{flex:none}.save-pop .file-actions{flex-direction:column;gap:8px;display:flex}.save-pop .file-actions[hidden]{display:none}.palette-back{z-index:100;background:color-mix(in srgb, var(--stage) 35%, transparent);justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.palette-back[hidden]{display:none}.palette,.keys-sheet{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(560px,100vw - 32px);overflow:hidden;box-shadow:0 16px 48px #00000059}.palette-input{box-sizing:border-box;border:none;border-bottom:1px solid var(--line);width:100%;color:inherit;font:inherit;background:0 0;outline:none;padding:14px 16px;font-size:16px}.palette-list{max-height:50vh;margin:0;padding:6px;list-style:none;overflow-y:auto}.palette-list li{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.palette-list li.on{background:color-mix(in srgb, var(--accent) 12%, transparent)}.palette-label{flex:1}.palette-group{color:var(--muted);font-size:12px}.palette-empty{color:var(--muted);cursor:default}.palette-list li.off{cursor:default}.palette-list li:not(.off)+li.off{border-top:1px solid var(--line);border-radius:0 0 6px 6px;margin-top:4px}.palette-list li.off .palette-label{opacity:.5}.palette-need{color:var(--muted);text-align:right;font-size:12px}.keys-sheet{max-height:76vh;padding:0 16px 16px;overflow-y:auto}.keys-head{background:var(--panel);justify-content:space-between;align-items:center;padding:12px 0 8px;display:flex;position:sticky;top:0}.keys-head h2{margin:0;font-size:16px}.keys-body h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px;font-size:12px}.keys-body dl{grid-template-columns:1fr auto;gap:6px 16px;margin:0;display:grid}.keys-body dd{justify-content:flex-end;gap:4px;margin:0;display:flex}.layout{grid-template-columns:auto min(var(--side-w), 30vw) minmax(0, 1fr) min(var(--insp-w), 32vw);grid-template-areas:"rail side stage findings"}body[data-mode=density] .layout{grid-template-columns:0 0 minmax(0, 1fr) min(var(--insp-w), 36vw)}body[data-mode=density] .sidebar,body[data-mode=density] .resizer[data-panel=side]{display:none}.toolrail{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;grid-area:rail;align-items:center;gap:4px;padding:10px 6px;display:flex}.toolrail button.tool{place-items:center;width:36px;height:36px;padding:0;display:grid}.toolrail #draw-pointer{margin-bottom:6px}.toolrail #lettering-new{margin-top:6px}.sidebar .layers{flex:auto;min-height:0;max-height:none}.sidebar .layers .layer-list{max-height:none}.insp-tabs{z-index:3;border:none;border-bottom:1px solid var(--line);background:var(--panel);border-radius:0;flex:none;margin:-12px -12px 0;position:sticky;top:-12px}.insp-tabs button{color:var(--muted);background:0 0;border:none;border-radius:0;flex:1;padding:10px 6px;font-weight:600}.insp-tabs button[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.insp-page{flex-direction:column;gap:12px;display:none}.insp-page.on{display:flex}.insp-empty{margin:8px 4px;font-size:13px}.insp-empty[hidden]{display:none}@media (width<=1100px){.search-button{min-width:0}.search-button .search-text,.search-button kbd{display:none}}@media (width<=760px){.topbar{grid-template-columns:minmax(0,1fr) auto}.modes{grid-area:2/1/auto/-1}.layout,body[data-mode=density] .layout{grid-template:"rail""side""stage"minmax(60vh,1fr)"findings"/1fr}.toolrail{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;justify-content:center}.popover{width:auto;position:fixed;top:56px;left:8px;right:8px}}.toast{z-index:90;background:var(--ink);color:var(--bg);border-radius:8px;align-items:center;gap:14px;padding:9px 14px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000004d}.toast[hidden]{display:none}.toast .link{color:color-mix(in srgb, var(--accent) 60%, var(--bg));font-weight:600}.menu{z-index:95;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:200px;max-width:320px;margin:0;padding:4px;list-style:none;position:fixed;box-shadow:0 8px 28px #00000059}.menu button{text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:16px;width:100%;padding:6px 10px;display:flex}.menu button span{flex:1}.menu button:not(:disabled):hover,.menu button:focus-visible{background:var(--bg);outline:none}.menu button.danger{color:#c0392b}.menu-sep{background:var(--line);height:1px;margin:4px 6px}details.sec{border-top:1px solid var(--line);padding:8px 0}details.sec>summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:12px;font-weight:600;list-style:none;display:flex}details.sec>summary::-webkit-details-marker{display:none}details.sec>summary:before{content:"";width:12px;height:12px;-webkit-mask:var(--chevron) center / contain no-repeat;mask:var(--chevron) center / contain no-repeat;background:currentColor;transition:transform .12s}details.sec[open]>summary:before{transform:rotate(90deg)}details.sec>summary .sec-title{flex:1}details.sec[open]>summary{margin-bottom:8px}.auto-dot{border:2px solid var(--accent);background:var(--accent);vertical-align:-1px;cursor:pointer;border-radius:50%;width:10px;height:10px;margin:0 4px;padding:0}.auto-dot.on{border-color:var(--muted);cursor:default;opacity:1;background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.tip{--tip-bg:var(--ink);--tip-ink:var(--panel);z-index:1000;width:max-content;max-width:min(280px,100vw - 16px);color:var(--tip-ink);background:var(--tip-bg);pointer-events:none;white-space:pre-line;overflow-wrap:break-word;opacity:0;border-radius:6px;align-items:baseline;gap:8px;padding:5px 8px;font:12px/1.35 system-ui,-apple-system,Segoe UI,sans-serif;transition:opacity .12s,transform .12s;display:flex;position:fixed;transform:translateY(-2px);box-shadow:0 4px 14px #00000040}.tip.has-img{flex-wrap:wrap;max-width:216px;padding-top:8px}.tip-img{background:color-mix(in srgb, var(--tip-ink) 10%, transparent);border-radius:4px;flex:0 0 100%;width:200px;height:125px;display:block}.tip[data-side=above]{transform:translateY(2px)}.tip[data-side=right]{transform:translate(-2px)}.tip.on{opacity:1;transform:none}.tip-keys{flex:none;gap:3px;display:flex}.tip kbd{color:var(--tip-ink);background:color-mix(in srgb, var(--tip-ink) 14%, transparent);border-color:color-mix(in srgb, var(--tip-ink) 28%, transparent);border-bottom-width:1px}@media (prefers-color-scheme:dark){.tip{--tip-bg:color-mix(in srgb, var(--ink) 12%, var(--panel));--tip-ink:var(--ink);border:1px solid color-mix(in srgb, var(--ink) 18%, var(--line));box-shadow:0 6px 20px #00000080}}@media print{.tip{display:none}}.object-stitches:not(:empty){gap:0;padding-top:4px}.object-stitches details.sec{padding:8px 0 10px}.object-stitches details.sec:first-of-type{border-top:none}.object-stitches details.sec>div,.object-stitches details.sec>label,.object-stitches details.sec>section{margin-bottom:10px}.object-stitches details.sec>:last-child{margin-bottom:0}.object-stitches details.sec[open]>summary{margin-bottom:10px}.object-stitches .sec-extra{text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:0;max-width:55%;color:var(--muted);flex:none;font-weight:400;overflow:hidden}.object-stitches details.sec[open] .sec-extra{display:none}.object-stitches .stitch-field>.label{align-items:center;gap:6px;min-height:18px;display:flex}.object-stitches .stitch-field>.label>.name{flex:auto;min-width:0}.object-stitches .stitch-field output{float:none;flex:none}.object-stitches .auto-dot{flex:none;margin:0}.auto-tag{background:color-mix(in srgb, var(--muted) 14%, transparent);color:var(--muted);border-radius:4px;flex:none;padding:0 5px;font-size:11px;line-height:16px}.auto-tag[hidden]{display:none}.object-stitches .stitch-field.own output{color:var(--accent);font-weight:600}.stitch-for{margin:4px 0 6px}.stitch-tabs .tab-count{opacity:.75;font-variant-numeric:tabular-nums;font-size:11px}.stitch-status{flex-wrap:wrap;gap:4px 6px;margin:4px 0 6px;display:flex}.stitch-chip{border:1px solid var(--line);max-width:100%;color:var(--muted);cursor:help;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 6px;font-size:12px;line-height:18px;display:inline-flex}.stitch-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stitch-chip svg{flex:none;width:13px;height:13px}.stitch-chip.ok svg{color:#2f9e5b}.stitch-chip.warn{color:var(--ink);border-color:color-mix(in srgb, #ffb347 55%, var(--line));background:#ffb3471f}.stitch-chip.warn svg{color:#e8912c}.stitch-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.outline-block{flex-direction:column;gap:8px;display:flex}.outline-block p{margin:0}.outline-head{color:var(--ink);cursor:default;align-self:flex-start}.follower-head{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;margin:4px 0 8px;display:flex}.follower-head .outline-head{flex:0 auto;min-width:0;margin:0}.follower-actions{flex:none;gap:4px;margin-left:auto;display:flex}.follower-actions button{white-space:nowrap;padding:3px 8px;font-size:12px}.tool-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool-row button{padding:5px 9px;font-size:12px}.tool-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tool-state{min-width:0}.thin-group{gap:4px;margin-left:auto;display:inline-flex}.thin-group select{padding:4px;font-size:12px}.object-stitches .lock-switch{margin:2px 0 0}.object-stitches .fx-group{flex-direction:column;gap:10px;display:flex}.object-stitches .fx-group+.fx-group{border-top:1px dashed var(--line);padding-top:10px}.object-stitches .knockout{flex-direction:column;gap:8px;display:flex}.stitch-bar{pointer-events:auto;scrollbar-width:none;border:1px solid var(--line);background:var(--panel);max-width:100%;color:var(--ink);border-radius:8px;flex-wrap:nowrap;align-items:center;gap:4px;padding:4px 6px;font-size:12px;display:flex;overflow-x:auto;box-shadow:0 4px 16px #0000002e}.stitch-bar[hidden]{display:none}.stitch-bar::-webkit-scrollbar{display:none}.stitch-bar>*{flex:none}.stitch-bar>.bar-off{display:none!important}.stitch-bar .bar-btn{align-items:center;gap:4px;min-height:28px;padding:3px 8px;font-size:12px;display:inline-flex}.stitch-bar .bar-btn.icon-only{justify-content:center;width:28px;padding:0}.stitch-bar .bar-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.stitch-bar .bar-btn.primary{margin-left:2px}.stitch-bar .bar-btn[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 22%, transparent);border-color:var(--accent);color:var(--ink)}.stitch-bar .bar-btn .node{fill:currentColor}.bar-title{white-space:nowrap;padding:0 4px 0 2px;font-weight:600}.bar-state{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px}.bar-sep{background:var(--line);width:1px;height:18px;margin:0 3px}.bar-group{align-items:center;gap:4px;display:inline-flex}.bar-label{color:var(--muted);white-space:nowrap}.bar-seg button{color:var(--ink);white-space:nowrap;background:0 0;border:none;border-radius:0;padding:4px 8px;font-size:12px}.bar-seg button.active{background:var(--accent);color:var(--accent-ink)}.bar-number{width:64px;padding:3px 6px;font-size:12px}.toolrail .rail-sep{background:var(--line);width:22px;height:1px;margin:6px 0 4px}.toolrail .rail-stitches svg{width:20px;height:20px}.toolrail button.tool.rail-stitches[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media (width<=700px){.stitch-bar .bar-btn{min-height:36px}}@media (width<=1100px){.stitch-bar .bar-sep{display:none}}.design-page{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;padding:2px 12px;display:flex}.design-page>details.sec:first-of-type{border-top:none}.design-page details.sec{padding:10px 0}.design-page details.sec>summary{min-height:20px}.design-page details.sec[open]>summary{margin-bottom:10px}.design-page .sec-sum{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;max-width:60%;color:var(--muted);margin-left:auto;font-size:12px;font-weight:400;overflow:hidden}.design-page .sec-sum.bad{color:var(--accent);font-weight:600}.design-page details.sec[open]>summary .sec-sum{visibility:hidden}.design-page.none>details.sec,.design-page:not(.none) .design-empty{display:none}.design-page .design-empty{margin:10px 0}body[data-mode=density] .design-page{order:2}.hoop-panel select{width:100%}.hoop-panel .hoop-custom{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.hoop-panel .hoop-custom input{font-variant-numeric:tabular-nums;width:5.5em}.hoop-status{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;margin:8px 0 0;font-size:12px;display:flex}.hoop-ok{color:var(--ink);align-items:center;gap:4px;display:inline-flex}.hoop-ok:before{content:"";background:var(--accent);width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4.5 10.5 3.5 3.5 7.5-8' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4.5 10.5 3.5 3.5 7.5-8' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.hoop-panel .hoop-note{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:6px;margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.45}.hoop-panel .hoop-note.info,.hoop-panel .hoop-note.turned{border-left-color:var(--muted);background:var(--bg)}.hoop-panel .hoop-note button.link{margin:4px 12px 0 0;font-size:12px;font-weight:600;display:inline-block}.material-panel .profile .field{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:6px;display:grid}.material-panel .profile .field .label{font-size:13px}.material-panel .profile-info{background:0 0;margin:2px 0 4px;padding:0;line-height:1.45}body[data-mode=flow] .material-panel .profile-info span:nth-child(2){display:none}.material-panel .profile .buttons{margin:4px 0 8px}.material-panel .checks{margin:8px 0 6px}.material-panel .explain{margin-top:4px}.dt-list{flex-direction:column;gap:2px;margin:0 0 10px;padding:0;list-style:none;display:flex}.dt-row{grid-template-columns:14px 26px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;font-size:13px;display:grid}.dt-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.dt-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.dt-num{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.dt-sw{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:6px;width:26px;height:26px;padding:0}.dt-sw:hover,.dt-sw:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.dt-name,.dt-code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dt-code{color:var(--muted);font-size:11px}.dt-brandrow{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.dt-brandrow select{min-width:0;color:var(--ink);flex:1}.dt-actions{flex-wrap:wrap;align-items:center;gap:6px 8px;margin:8px 0 4px;display:flex}.dt-state{flex:140px;margin:0;font-size:12px}.dt-switch{font-size:13px}.dt-total{border-top:1px solid var(--line);flex-direction:column;gap:2px;margin:0 0 10px;padding-top:6px;font-size:13px;display:flex}.dt-total-row{justify-content:space-between;gap:8px;display:flex}.dt-total-m{font-variant-numeric:tabular-nums}.dt-bobbin{color:var(--muted);font-size:11px}.dt-listlink{margin-top:4px;font-size:13px}.design-stats{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;margin:0;display:grid}.design-stats .tile{background:var(--bg);border-radius:6px;flex-direction:column-reverse;justify-content:flex-end;gap:1px;min-width:0;padding:6px 8px;display:flex}.design-stats .tile.wide{grid-column:1/-1}.design-stats dd{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:600;overflow:hidden}.design-stats dt{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;overflow:hidden}.speed-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.speed-row select{color:var(--ink);font-variant-numeric:tabular-nums;padding:2px 4px}.stage{--player-h:0px}.stage-foot{left:10px;right:10px;bottom:calc(var(--player-h) + 10px);z-index:3;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute}.stage-foot .hint{color:#d8d2e0;-webkit-line-clamp:2;line-clamp:2;background:#0d0b108c;border-radius:6px;-webkit-box-orient:vertical;flex:auto;min-width:0;margin:0;padding:3px 8px;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.stage-foot .hint:empty{visibility:hidden}.view-bar{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;flex:none;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex;position:relative;box-shadow:0 6px 20px #00000047}.vb-btn{height:32px;color:var(--ink);white-space:nowrap;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:13px;transition:background-color .12s;display:inline-flex}.vb-btn:not(:disabled):hover,.vb-btn[aria-expanded=true]{background:var(--bg)}.vb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.vb-icon{width:32px;padding:0}.view-button .chev{width:14px;height:14px;color:var(--muted)}.view-button>.i:first-child{color:var(--muted)}.vb-seg{border:1px solid var(--line);border-radius:7px;display:flex;overflow:hidden}.vb-seg .vb-btn{height:30px;color:var(--muted);border-radius:0}.vb-seg .vb-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}#marks-toggle{color:var(--accent);position:relative}#marks-toggle[aria-pressed=false]{color:var(--muted)}#marks-toggle[aria-pressed=false]:after{content:"";background:currentColor;border-radius:1px;height:1.6px;position:absolute;top:50%;left:8px;right:8px;transform:rotate(45deg)}.vb-sep{background:var(--line);width:1px;height:18px;margin:0 3px}.zoom-button{font-variant-numeric:tabular-nums;min-width:60px}.popover.view-pop{width:min(320px,100vw - 16px);max-height:calc(100vh - 120px);padding:4px 14px;position:fixed;top:auto;right:auto}.vp-group{border:none;border-top:1px solid var(--line);min-width:0;margin:0;padding:10px 0}.view-pop>.vp-group:first-child{border-top:none}.vp-group h3,.vp-group legend{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:6px;margin:0 0 8px;padding:0;font-size:11px;font-weight:600;display:flex}.vp-group h3 output{letter-spacing:0;text-transform:none;color:var(--ink);font-weight:400}.view-pop .check{margin-bottom:6px;font-size:13px;line-height:1.3}.view-pop .field{margin-bottom:6px}.vp-sub{margin-left:24px}.vp-sub.off{opacity:.5}.vp-sub .link{margin-bottom:6px;font-size:12px}.vp-seg{grid-template-columns:1fr 1fr;font-size:13px;display:grid}.vp-seg label+label{border-left:1px solid var(--line)}.vp-seg label:nth-child(3){border-left:none}.vp-seg label:nth-child(n+3){border-top:1px solid var(--line)}.view-pop .color-key{margin-top:8px}.view-pop .color-key .muted.small{margin:0;font-size:12px}.vp-row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.vp-row select{min-width:0;max-width:180px}.view-pop .bg-swatches{gap:7px;margin-top:0}.view-pop .marks{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.view-pop .marks legend{float:left;grid-column:1/-1;width:100%}.view-pop .marks .check{margin-bottom:6px;font-size:12.5px}.stage .player{z-index:4;background:var(--panel);min-height:48px;color:var(--ink);border-top:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;align-items:center;gap:10px;padding:6px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.player-play{border:1.5px solid var(--accent);width:34px;height:34px;color:var(--accent);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .12s;display:grid}.player-play:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.player-play.primary,.player-play.primary:hover{background:var(--accent);color:var(--accent-ink)}.player-play .i{width:16px;height:16px}.player-steps{flex:none;display:flex}.player-btn{width:30px;height:30px;color:var(--muted);background:0 0;border:none;border-radius:6px;place-items:center;padding:0;display:grid}.player-btn:not(:disabled):hover{background:var(--bg);color:var(--ink)}.player-btn .i{width:17px;height:17px}.stage .player-sections{background:color-mix(in srgb, var(--ink) 10%, transparent);height:10px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:5px;margin-top:-5px}.stage .player-sections>div+div:not(.rest){box-shadow:inset 1px 0 0 color-mix(in srgb, var(--panel) 70%, transparent)}.stage .player-sections>.rest{background:color-mix(in srgb, var(--panel) 68%, transparent)}.stage .player-track input[type=range]::-webkit-slider-thumb{margin-top:4px;box-shadow:0 1px 3px #0006}.stage .player-info{color:var(--muted);text-overflow:ellipsis;min-width:0;overflow:hidden}.stage .player select{background:var(--bg);border-color:var(--line);color:var(--ink);flex:none;padding:3px 4px;font-size:12px}.stage .player.folded{border:1px solid var(--line);border-radius:22px;gap:2px;min-height:0;padding:4px;bottom:10px;left:10px;right:auto;box-shadow:0 6px 20px #00000047}.stage .player.folded>:not(.player-play,.player-fold){display:none}.stage .player.folded .player-play{width:30px;height:30px}body[data-mode=flow] .stage:has(.player.folded:not([hidden])) .stage-foot{left:92px}@container (width<=640px){.stage .player{flex-wrap:wrap;gap:2px 6px}.stage .player:after{content:"";flex-basis:100%;order:5}.stage .player .player-play{order:1}.stage .player .player-steps{order:2}.stage .player select{order:3;margin-left:auto}.stage .player .player-fold{order:4}.stage .player-track{flex:120px;order:6}.stage .player-info{order:7;font-size:11px}.stage .player-info .pi-time,.player-steps [data-play^=block],.view-button #view-name{display:none}}.color-pop{gap:10px;width:288px;padding:12px;box-shadow:0 8px 28px #0000004d}.color-pop-head{font-size:13px}.color-pop-orig{background:var(--bg);border-radius:6px}.color-pop-near{background:var(--bg);border-radius:8px;flex-wrap:wrap;padding:6px}.color-pop-near>.muted{letter-spacing:.06em;text-transform:uppercase;flex-basis:100%;font-size:11px;font-weight:600}.color-pop-near .near-pick{height:34px}.color-pop .color-grid{gap:4px;max-height:228px}.color-pop-name{font-variant-numeric:tabular-nums;margin-top:0}.color-pop-own{border-top:1px solid var(--line);padding-top:8px;font-size:13px}.view-pop .color-key:empty{display:none}.machine-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;font-size:12px;display:flex}.machine-row .segmented{flex:100%}.machine-row .time-field{align-items:center;gap:4px;display:inline-flex}.machine-row .time-field input{width:4.2em;font:inherit;color:var(--ink);padding:2px 4px}.trace-panel{flex-direction:column;align-items:flex-start;gap:8px;font-size:12px;display:flex}.trace-hint,.trace-note{color:var(--muted);margin:0}.trace-add{align-items:center;gap:6px;display:inline-flex}.trace-row{align-self:stretch;align-items:center;gap:8px;display:flex}.trace-thumb{object-fit:contain;border:1px solid var(--line);background:var(--bg);border-radius:4px;flex:none;width:40px;height:40px}.trace-meta{flex-direction:column;flex:auto;min-width:0;display:flex}.trace-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px;overflow:hidden}.trace-size{color:var(--muted);font-variant-numeric:tabular-nums}.trace-tools{flex:none;gap:2px;display:flex}.trace-tools .trace-btn{border-radius:5px;place-items:center;width:30px;height:30px;padding:0;display:grid}.trace-tools .trace-btn[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.trace-tools .trace-btn[data-command="design.trace.remove"]:not(:disabled):hover{color:#c0392b}.trace-width{color:var(--muted);align-items:center;gap:6px;display:flex}.trace-width input{font-variant-numeric:tabular-nums;width:5.5em}.trace-replace{font-size:12px}.trace-opacity{align-self:stretch}.ready-card{flex-direction:column;gap:8px;font-size:12px;display:flex}.ready-for{color:var(--muted);font-variant-numeric:tabular-nums;margin:-4px 0 0;font-size:11px}.ready-rows{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:7px 10px;margin:0;display:grid}.ready-row{display:contents}.ready-row dt{color:var(--muted);align-self:start;align-items:center;gap:6px;display:flex}.ready-row dt .i,.ready-hints .i,.ready-tips .i,.ready-hooping .i,.ready-save .i{width:16px;height:16px;color:var(--muted);flex:none}.ready-row dd{flex-direction:column;align-self:start;gap:1px;min-width:0;margin:0;line-height:1.35;display:flex}.ready-value{color:var(--ink)}.ready-note{color:var(--muted);font-size:11px}.ready-mark{vertical-align:-2px;color:var(--muted);cursor:help;margin-left:4px;display:inline-flex}.ready-nowrap{white-space:nowrap}.ready-card .ready-mark .i{width:13px;height:13px;color:inherit}.ready-hints,.ready-tips{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ready-hints li,.ready-tips li,.ready-hooping{align-items:flex-start;gap:8px;line-height:1.4;display:flex}.ready-hints li{background:var(--bg);border-radius:6px;padding:6px 8px}.ready-hints li.warn{background:#d977061a}.ready-hints li.warn .i{color:#d97706}.ready-more>summary{cursor:pointer;color:var(--muted);border-radius:4px;font-size:12px}.ready-more>summary:hover{color:var(--ink)}.ready-more[open]>summary{margin-bottom:8px}.ready-more{flex-direction:column;display:flex}.ready-more>*+*{margin-top:6px}.ready-hooping{margin:0}.ready-foot{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:4px;padding-top:8px;font-size:11px;line-height:1.4;display:flex}.ready-foot p{margin:0}.ready-legend{flex-wrap:wrap;gap:2px 12px;display:flex}.ready-legend span{align-items:center;gap:4px;display:inline-flex}.ready-legend .i{flex:none;width:13px;height:13px}.ready-save{background:var(--bg);border-radius:8px;align-items:center;gap:8px;margin:0;padding:7px 10px;font-size:12px;line-height:1.35;display:flex}.ready-save[hidden]{display:none}.ready-save>span{flex:1;min-width:0}.ready-save b{font-weight:600}.ready-save .link{flex:none;margin:0;padding:0}.design-page details.ready-sec[open]>summary .sec-sum{display:none}.toolrail button.tool{color:var(--muted);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:1px solid #0000;border-radius:8px;transition:background-color .12s,color .12s}.toolrail button.tool:not(:disabled):hover{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink);border-color:#0000}.toolrail button.tool[aria-pressed=true],.toolrail button.tool[aria-pressed=true]:not(:disabled):hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.toolrail button.tool:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toolrail svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.toolrail svg .node{fill:currentColor;stroke:none}.toolrail #draw-pointer svg path{fill:currentColor;fill-opacity:.15}.toolrail #draw-pointer,.toolrail #lettering-new{margin:0}.rail-sep{background:var(--line);flex:none;width:22px;height:1px;margin:4px 0}@media (width<=760px){.rail-sep{align-self:center;width:1px;height:22px;margin:0 4px}}.crumbs{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);min-width:0;max-width:min(560px,100%);height:30px;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;align-items:center;gap:2px;padding:0 2px 0 4px;font-size:13px;display:flex}.crumbs[hidden]{display:none}.crumbs>*{flex:none}.crumbs .crumb-link,.crumbs .crumb-here{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:0 auto;min-width:0;padding:4px 6px;overflow:hidden}.crumbs .crumb-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none}.crumbs .crumb-link:hover{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink)}.crumbs .crumb-here{font-weight:600}.crumbs .crumb-sep{color:var(--muted);opacity:.7}.crumbs .crumb-levels{height:26px;color:var(--ink);font:inherit;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:2px;padding:0 4px 0 6px;font-weight:600;display:inline-flex}.crumbs .crumb-levels:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}.crumbs .crumb-levels .i{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.level-radios{opacity:0;gap:2px;width:12px;height:3px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.level-radios label{width:3px;height:3px;font-size:0;display:block;overflow:hidden}.level-radios input{width:3px;height:3px;margin:0;display:block}.stage-tools-start{min-width:0;position:relative}.tool-options{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);max-width:100%;color:var(--ink);pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:12.5px;display:flex}.tool-options[hidden]{display:none}.tool-options .opt-title{margin-right:4px;font-weight:600}.tool-options .opt-hint{color:var(--muted);padding:0 6px}.tool-options .opt-sep{background:var(--line);width:1px;height:18px;margin:0 4px}.tool-options button.opt{border:1px solid var(--line);background:var(--bg);height:26px;color:var(--ink);font:inherit;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.tool-options button.opt.opt-icon{justify-content:center;width:28px;padding:0}.tool-options.compact button.opt:has(.opt-words){justify-content:center;width:28px;padding:0}.tool-options.compact .opt-words{display:none}.tool-options button.opt svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.tool-options button.opt svg .node{fill:currentColor;stroke:none}.tool-options button.opt:not(:disabled):hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.tool-options button.opt.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);margin-left:2px;font-weight:600}.tool-options button.opt.primary:not(:disabled):hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 88%, var(--ink))}.tool-options button.opt:disabled{opacity:.45;cursor:default}.tool-options .opt-check{border:1.5px solid var(--muted);border-radius:3px;width:12px;height:12px;position:relative}.tool-options .opt-toggle[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--bg))}.tool-options .opt-toggle[aria-pressed=true] .opt-check{border-color:var(--accent);background:var(--accent)}.tool-options .opt-toggle[aria-pressed=true] .opt-check:after{content:"";border:solid var(--accent-ink);border-width:0 1.5px 1.5px 0;width:3px;height:7px;position:absolute;top:0;left:3px;transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.toolrail button.tool{transition:none}}.lettering-panel .sec{margin-top:4px}.lettering-panel .lettering-size{margin:4px 0 0}.font-current{min-height:38px}.font-current .font-name{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:45%;overflow:hidden}.font-current .font-current-sample{opacity:.85;flex:1 1 0;width:0;min-width:0;height:24px}.font-picker{border:1px solid var(--line);border-radius:8px;margin:-4px 0 12px;overflow:hidden}.font-picker .font-search{box-sizing:border-box;border:none;border-bottom:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:0;padding:6px 8px;display:block}.font-picker .font-search:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.font-picker .font-list{border:none;border-radius:0;margin:0}.font-picker .font-row[hidden],.font-picker .font-group[hidden]{display:none}.font-picker .font-none{margin:8px}.scale-bar{box-sizing:border-box;color:#d8d2e0;pointer-events:none;background:#0d0b108c;border-radius:6px;flex:none;width:168px;padding:5px 30px 3px 10px}.scale-bar[hidden]{display:none}.sb-bar{width:calc(2 * var(--sb-part,50px));outline:1px solid #ffffffd9;height:6px;display:flex}.sb-bar>span{flex:1 1 0}.sb-bar>span:first-child{background:#000}.sb-bar>span:last-child{background:#fff}.sb-nums{font-variant-numeric:tabular-nums;white-space:nowrap;height:14px;margin-top:2px;font-size:11px;line-height:14px;position:relative}.sb-nums>span{position:absolute;top:0;transform:translate(-50%)}.sb-nums>span:first-child{left:0}.sb-nums>span:nth-child(2){left:var(--sb-part,50px)}.sb-nums>span:nth-child(3){left:calc(2 * var(--sb-part,50px))}.sb-nums>span[data-unit]:after{content:" " attr(data-unit);position:absolute;left:100%}.stage:has(#empty:not([hidden])) .scale-bar{visibility:hidden}.stage.measuring canvas#canvas{cursor:crosshair}#measure-toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.modes .check-badge{font-variant-numeric:tabular-nums;background:var(--line);min-width:18px;height:18px;color:var(--ink);border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.modes .check-badge.caution{color:#1d1a22;background:orange}.modes .check-badge.critical{color:#fff;background:red}.insp-page .findings[open],.insp-page .findings-body,.insp-page #correct-panel,.insp-page .jumps,.insp-page .jumps-body{flex:none;min-height:0;overflow:visible}.insp-page .findings[open]::details-content{display:block}.insp-page .panel{flex:none}.check-summary{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 12px;display:grid}.check-light{background:var(--stage);border-radius:999px;flex-direction:column;grid-row:span 2;gap:4px;padding:5px;display:flex}.check-light i{background:#ffffff24;border-radius:50%;width:12px;height:12px;transition:background-color .15s}.check-light[data-level=critical] i:first-child{background:red;box-shadow:0 0 8px red}.check-light[data-level=caution] i:nth-child(2){background:orange;box-shadow:0 0 8px orange}.check-light[data-level=safe] i:nth-child(3){background:#3fb27f;box-shadow:0 0 8px #3fb27f}.check-state{flex-direction:column;gap:2px;min-width:0;display:flex}.check-state p{margin:0}.check-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.check-head strong{cursor:help;font-size:16px}.check-head .share{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.check-what{font-size:13px;font-weight:600}.check-state .muted.small{font-size:12px}.check-state .check-for{text-align:left;align-self:flex-start;margin:2px 0 0;padding:0}.check-summary .val-toggle{grid-column:2;margin:6px 0 0;font-size:12px}.findings>summary .findings-sum,.jumps>summary .findings-sum,.heatmap-panel>summary .findings-sum{text-transform:none;letter-spacing:0}.insp-page details.panel.section>summary{flex-wrap:wrap}.insp-page details.panel.section>summary h2{flex:none}.insp-page details.panel.section>summary .findings-sum{flex:auto}.insp-page .findings[open] .findings-sum{display:inline-flex}.insp-page .findings .findings-bar{margin-top:0}.insp-page .val-zones{min-height:0;max-height:300px}.correct h2{margin-bottom:10px}.correct{container-type:inline-size}.correct-opts{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;font-size:12px;display:grid}.correct-opts .label{color:var(--muted)}.correct-opts .segmented span{white-space:nowrap;padding:4px}.correct-actions{flex-wrap:wrap;margin-top:10px}.correct-actions button{flex:auto}.correct-actions .primary{flex-basis:100%}.fix-report:empty{display:none}.fix-report{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.plan-head{flex-direction:column;gap:2px;margin-bottom:4px;display:flex}.plan-head .plan-pick{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.plan-head .plan-pick button.link{margin:0;padding:0}.plan-row.pinned{background:color-mix(in srgb, var(--accent) 8%, transparent);box-shadow:inset 3px 0 0 var(--accent);margin:0 -6px;padding-left:6px;padding-right:6px}.compare-block .buttons{flex-wrap:wrap;align-items:center}.compare-block h3{cursor:default}.compare-block #compare-toggle{width:100%}.compare-block .compare-table{margin-top:8px}.jumps-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.jumps-head .jumps-summary{margin:0;font-size:13px}.jumps .jumps-warn{margin:6px 0 0}.jumps .jumps-rule{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:6px;font-size:12px;display:flex}.jumps-limit{color:var(--muted);align-items:center;gap:4px;margin-right:auto;display:inline-flex}.jumps .jumps-rule input{width:58px;padding:3px 4px}.jumps .jumps-rule button{flex:auto;padding:4px 8px}.jumps .f-chips{margin-top:8px}.jumps .jump-list{overscroll-behavior:contain;flex-direction:column;gap:3px;min-height:0;max-height:260px;margin:6px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.jumps .jump{padding:4px 8px;font-size:13px}.jumps .j-meta{color:var(--muted);font-size:12px}.jumps .j-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.jumps .j-actions .meta{flex-basis:100%}.jumps .j-actions button{flex:auto;padding:3px 8px;font-size:12px}.heatmap-panel .unit-hint{color:var(--muted);margin-left:4px;font-weight:400}.heatmap-panel .field-inline{flex-direction:row;justify-content:space-between;align-items:center}.heatmap-panel .field-inline input{width:80px}.insp-page .findings-bar .f-nav{margin-left:auto}.insp-page .val-zone{border-radius:6px}.insp-page .val-zone .z-top{padding-right:0}.insp-page .val-zones li:is(:hover,:focus-within,:has(.val-zone.selected)) .z-top{padding-right:108px}.insp-page .val-zones li:not(:hover,:focus-within,:has(.val-zone.selected)) .z-ack{visibility:hidden}.insp-page .val-zone .why{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.insp-page .val-zone .meta{padding-right:0}.insp-page .z-ack{white-space:nowrap;line-height:1.25;top:5px;bottom:auto;right:8px}.insp-page .jumps[open]>summary .findings-sum{display:none}.plan-head .plan-pick>*{white-space:nowrap;flex:none}.fix-report .buttons .primary{flex:2 auto}.fix-report .buttons button:not(.primary){flex:0 auto}@container (width<=260px){.correct-opts{grid-template-columns:minmax(0,1fr);gap:4px}}.modes .check-badge.ampel-badge.safe{background:#3fb27f;width:10px;min-width:10px;height:10px;padding:0}.modes .check-badge.ampel-badge:empty:not(.safe){width:10px;min-width:10px;height:10px;padding:0}.check-summary .check-light{grid-row:auto}.ampel-head{flex-direction:column;gap:1px;min-width:0;display:flex}.ampel-q{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.ampel-verdict{cursor:help;font-size:16px;line-height:1.25}.ampel-verdict.pending{color:var(--muted);cursor:default;font-weight:600}.ampel-others{color:var(--muted);margin:0;font-size:12px}.ampel-body,.check-summary .check-state,.check-summary .val-toggle{grid-column:1/-1}.ampel-body{flex-direction:column;gap:8px;min-width:0;display:flex}.ampel-body:empty{display:none}.ampel-fabrics{flex-wrap:wrap;gap:4px;display:flex}.ampel-fab{color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 6px;font-size:12px;display:inline-flex}.ampel-fab:hover{color:var(--ink)}.ampel-fab[aria-pressed=true]{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);font-weight:600}.ampel-fab .dot,.ampel-why .dot{background:var(--line);border-radius:50%;flex:none;width:8px;height:8px}.ampel-why .dot.caution{background:orange}.ampel-why .dot.critical{background:red}.ampel-fab.safe .dot{background:#3fb27f}.ampel-fab.caution .dot{background:orange}.ampel-fab.critical .dot{background:red}.ampel-reasons{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin:0;padding:8px 0 0;list-style:none;display:flex}.ampel-reason{flex-direction:column;gap:4px;display:flex}.ampel-why{box-sizing:content-box;text-align:left;width:100%;color:var(--ink);background:0 0;border:0;align-items:center;gap:6px;min-width:0;margin:0 -4px;padding:2px 4px;font-size:13px;display:flex}.ampel-why:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.ampel-why .name{flex:none;font-weight:600}.ampel-why .fig{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:12px;overflow:hidden}.ampel-acts{flex-wrap:wrap;align-items:center;gap:4px;padding-left:14px;display:flex}.ampel-fix,.ampel-rest,.ampel-all,.ampel-search{align-items:baseline;gap:6px;padding:3px 8px;font-size:12px;display:inline-flex}.ampel-fix span,.ampel-rest span{color:var(--muted);font-variant-numeric:tabular-nums}.ampel-rest{border-style:dashed}.ampel-all,.ampel-search{justify-content:center;padding:5px 8px;font-size:13px}.ampel-search span{color:var(--muted)}.ampel-all span{opacity:.85;font-variant-numeric:tabular-nums;font-weight:400}.ampel-wait{color:var(--muted);margin:0;font-size:12px}.ampel-wait.on:after{content:"";background:var(--muted);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;animation:1.4s ease-in-out infinite ampel-pulse;display:inline-block}@keyframes ampel-pulse{50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.ampel-wait.on:after{animation:none}}.ampel-look{gap:6px;margin-top:6px;display:grid}.ampel-compare{background:var(--stage,var(--panel));border-radius:6px;width:100%;height:150px}.ampel-look p{color:var(--muted);margin:0}.ampel-revert{justify-self:start;padding:3px 8px;font-size:12px}.rs-toggle,.rs-head,.rs-scrim,.rs-phone-row,.rs-handle,.toolrail button.tool.rs-draw{display:none}[data-fade=end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}[data-fade=start]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000)}[data-fade=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.rs-draw-pop{z-index:70;background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;min-width:168px;padding:6px;display:flex;position:fixed;box-shadow:0 8px 28px #00000059}.rs-draw-pop[hidden]{display:none}.rs-draw-row{min-height:44px;color:var(--ink);font:inherit;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:0 12px 0 10px;display:flex}.rs-draw-row svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.rs-draw-row:hover,.rs-draw-row:focus-visible{background:var(--bg)}.rs-draw-row[aria-checked=true]{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);font-weight:600}@media (width<=1100px){body.rs-drawers .layout,body.rs-drawers[data-mode] .layout{grid-template:"rail stage"minmax(0,1fr)/auto minmax(0,1fr);position:relative;overflow:clip}body.rs-drawers .layout>.resizer{display:none}body.rs-drawers .layout>.sidebar,body.rs-drawers .layout>.inspector{z-index:41;background:var(--bg);overscroll-behavior:contain;visibility:hidden;grid-area:auto;width:min(360px,100vw - 56px);transition:transform .15s,visibility 0s linear .15s;position:absolute;top:0;bottom:0;overflow-y:auto}body.rs-drawers .layout>.sidebar{border-right:1px solid var(--line);width:min(340px,100vw - 56px);left:0;transform:translate(-104%)}body.rs-drawers .layout>.inspector{border-left:1px solid var(--line);right:0;transform:translate(104%)}body.rs-drawers .layout.rs-side-open>.sidebar,body.rs-drawers .layout:not([data-sheet=closed])>.inspector{visibility:visible;transition:transform .15s;transform:none;box-shadow:0 8px 28px #0000004d}body.rs-drawers .layout.rs-side-open>.rs-scrim{z-index:40;background:color-mix(in srgb, var(--stage) 40%, transparent);display:block;position:absolute;inset:0}body.rs-drawers .rs-head{z-index:4;background:var(--bg);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;height:44px;margin:-12px -12px 0;padding:0 6px 0 14px;display:flex;position:sticky;top:-12px}body.rs-drawers .rs-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;min-width:0;color:var(--muted);flex:1;font-size:12px;font-weight:600;overflow:hidden}.rs-close{width:36px;height:36px;color:var(--muted);background:0 0;border-color:#0000;place-items:center;padding:0;display:grid}.rs-close:hover{background:var(--panel);color:var(--ink)}body.rs-drawers .layout>.sidebar,body.rs-drawers .layout>.sidebar .rs-head{background:var(--panel)}body.rs-drawers #layers-panel{background:0 0;border:none;border-radius:0;padding:0}body.rs-drawers #layers-panel .panel-head h2{display:none}body.rs-drawers #layers-panel .panel-head:not(:has(#layers-reset:not([hidden]))){display:none}body.rs-drawers .inspector .insp-tabs{top:32px}body.rs-drawers .rs-top{width:36px;height:36px;color:var(--muted);background:0 0;border-color:#0000;flex:none;place-items:center;padding:0;display:grid;position:relative}body.rs-drawers .rs-top:hover,body.rs-drawers .rs-top[aria-expanded=true]{background:var(--bg);color:var(--ink)}body.rs-drawers .rs-top[aria-expanded=true]{color:var(--accent)}body.rs-drawers[data-mode=density] #rs-side-top{display:none}body.rs-drawers .rs-top:has(.rs-label:not(:empty)){grid-auto-flow:column;gap:6px;width:auto;padding:0 10px;font-weight:600}.rs-label:empty{display:none}.rs-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;display:none;position:absolute;top:6px;right:6px}.rs-toggle.marked[aria-expanded=false] .rs-dot{display:block}.stage .tool-options,.stage .stitch-bar{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;overflow-x:auto}.stage .tool-options::-webkit-scrollbar{display:none}.stage .stitch-bar::-webkit-scrollbar{display:none}.stage .tool-options>*,.stage .stitch-bar>*{flex:none}}@media (width<=760px){.topbar,body[data-mode] .topbar{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:none;gap:6px;padding:6px 6px 6px 8px}.topbar>.topbar-start,.topbar>.modes,.topbar>.topbar-end{grid-area:auto}.topbar .modes>label>span{padding:6px 10px}.topbar .brand-mark,.topbar .history,.topbar #palette-open{display:none}.design-button{max-width:100%;padding:5px 4px}.save-button>span{display:none}.save-button{padding:6px 9px}.more-pop .rs-phone-row{display:flex}.more-pop .menu-sep.rs-phone-row{display:block}body.rs-drawers{--rs-dock:52px}body.rs-drawers .rs-top{display:none}body.rs-drawers .layout,body.rs-drawers[data-mode] .layout{grid-template:"stage stage stage"minmax(0,1fr)"dockl rail dockr"/auto minmax(0,1fr) auto}body.rs-drawers .stage{min-height:0}body.rs-drawers .layout>.toolrail{height:var(--rs-dock);scrollbar-width:none;border:none;border-top:1px solid var(--line);flex-direction:row;grid-area:rail;justify-content:flex-start;align-items:center;gap:2px;padding:0 4px;overflow:auto hidden}body.rs-drawers .toolrail .rail-sep{width:1px;height:22px;margin:0 3px}body.rs-drawers .layout>.toolrail::-webkit-scrollbar{display:none}body.rs-drawers .layout>.toolrail>:first-child{margin-left:auto}body.rs-drawers .layout>.toolrail>:last-child{margin-right:auto}body.rs-drawers .layout>.toolrail>*{flex:none}body.rs-drawers .toolrail #lettering-new{margin:0}body.rs-drawers .toolrail #draw-pointer{margin-top:0;margin-bottom:0}body.rs-drawers .rs-dock{height:var(--rs-dock);border:none;border-top:1px solid var(--line);background:var(--panel);min-width:52px;color:var(--muted);border-radius:0;place-items:center;padding:0 4px;display:grid;position:relative}body.rs-drawers .rs-dock-side{border-right:1px solid var(--line);grid-area:dockl}body.rs-drawers .rs-dock-insp{border-left:1px solid var(--line);grid-area:dockr}body.rs-drawers .rs-dock[aria-expanded=true]{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel))}body.rs-drawers .rs-dock .rs-dot{top:10px;right:12px}body.rs-drawers[data-mode=density] .rs-dock-side{display:none}body.rs-drawers[data-mode=density] .rs-dock-insp{border-left:none;grid-column:1/-1;grid-auto-flow:column;justify-content:center;gap:8px;font-weight:600}body.rs-drawers .layout>.sidebar{z-index:43}body.rs-drawers .layout.rs-side-open>.rs-scrim{z-index:42}body.rs-drawers .layout>.inspector{top:auto;left:0;right:0;bottom:var(--rs-dock);border:1px solid var(--line);width:auto;height:min(176px,40%);transform:translateY(calc(100% + var(--rs-dock)));border-bottom:none;border-radius:14px 14px 0 0;transition:transform .18s,height .18s,visibility 0s linear .18s}body.rs-drawers .layout:not([data-sheet=closed])>.inspector{transition:transform .18s,height .18s}body.rs-drawers .layout[data-sheet=half]>.inspector{height:55%}body.rs-drawers .layout[data-sheet=full]>.inspector{z-index:44;border-radius:0;height:100%;bottom:0}body.rs-drawers .layout>.inspector.rs-dragging{transition:none}body.rs-drawers .rs-sheet-head{cursor:grab;touch-action:none;border-radius:14px 14px 0 0;flex-wrap:wrap;align-content:flex-start;height:50px;padding-top:0}body.rs-drawers .layout[data-sheet=full] .rs-sheet-head{border-radius:0}body.rs-drawers .rs-handle{background:0 0;border:none;border-radius:0;flex-basis:100%;height:14px;padding:0;display:block;position:relative}body.rs-drawers .rs-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}body.rs-drawers .rs-handle:after{content:"";background:color-mix(in srgb, var(--ink) 25%, transparent);border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}body.rs-drawers .rs-sheet-head .rs-close{height:34px}body.rs-drawers .inspector .insp-tabs{top:38px}body.rs-drawers .stage-foot .hint{display:none}body.rs-drawers .stage .player:not(.folded){bottom:var(--rs-lift,0px);transition:bottom .18s}body.rs-drawers .stage .player.folded{bottom:calc(var(--rs-lift,0px) + 10px)}body.rs-drawers .stage-foot{bottom:calc(var(--player-h) + 10px + var(--rs-lift,0px));flex-wrap:wrap;justify-content:flex-end;row-gap:6px;transition:bottom .18s}body.rs-drawers .toolrail button[data-draw]{display:none}body.rs-drawers .toolrail button.tool.rs-draw{place-items:center;display:grid;position:relative}body.rs-drawers .toolrail button.tool.rs-draw:after{content:"";opacity:.7;border:3px solid;border-color:#0000 currentColor currentColor #0000;position:absolute;bottom:6px;right:6px}.toolrail .rs-draw .rs-draw-face{place-items:center;display:grid}.toolrail .rs-draw svg{width:20px;height:20px}.stage:has(#empty:not([hidden]) .start) .stage-foot{display:none}body.rs-drawers .toast{bottom:calc(var(--rs-dock) + 12px);max-width:calc(100vw - 24px)}.popover{max-height:calc(100dvh - 72px)}html body[data-mode=image][data-image-step] .layout{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){.toolrail button.tool,.history .tool,.more-button,.rs-top,.rs-close,.player-btn,.player-play{min-width:44px;min-height:44px}.player-play{width:44px;height:44px}.vb-btn{min-width:44px;height:44px}.vb-seg .vb-btn{height:42px}.topbar .design-button,.save-button,.search-button,.topbar .modes>label>span{align-items:center;min-height:44px;display:flex}.insp-tabs button,.pop-row,.menu button{min-height:44px}.stage .tool-options button.opt,.stitch-bar .bar-btn{min-height:40px}.stitch-bar .bar-btn.icon-only,.stage .tool-options button.opt.opt-icon{width:40px}.crumbs button,.stage-tools button{min-height:40px}.crumbs{height:auto}#layer-list .layer,#aside-block .layer{min-height:44px}#layer-list .layer button.icon,#aside-block .layer button.icon{width:40px;height:44px}#layer-list .chev{width:32px;height:44px}#layer-list .layer-tools{padding:0}}@media (pointer:coarse) and (width<=1100px){#layer-list .color-row .layer-meta{display:none}}@media (pointer:coarse) and (width<=760px){body.rs-drawers .layout>.sidebar{width:calc(100vw - 40px)}}