:root{--ink: #121212;--accent: #ff4f00;--line: #d9d9d6;--soft: #f3f3f3}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Arial,sans-serif;color:var(--ink);background:var(--soft)}header{padding:16px 32px;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:var(--soft)}.brand{display:flex;align-items:center;gap:12px;color:var(--soft)}.brand img{height:30px;width:auto;display:block}.product-name{border-left:1px solid #666;padding-left:12px;font:500 18px IBM Plex Sans,Arial,sans-serif;letter-spacing:.01em}.sub{font-family:IBM Plex Mono,monospace;font-size:12px;color:#999}main{display:grid;grid-template-columns:296px 1fr;gap:32px;padding:32px;max-width:1600px;margin:0 auto}aside{display:flex;flex-direction:column;gap:20px}.group{border-top:2px solid var(--ink);padding-top:8px}.group-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.group h3{margin:0;font:500 12px IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.06em}select,input[type=number],input[type=text],button{border:1px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);min-height:28px;padding:4px 8px;font:500 13px IBM Plex Sans,Arial,sans-serif;width:100%}select:focus-visible,input[type=number]:focus-visible,input[type=text]:focus-visible,input[type=range]:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.ghost{background:transparent}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--ink);background:#fff;padding:5px 9px;font:500 12px IBM Plex Mono,monospace;cursor:pointer;user-select:none;width:auto;min-height:28px}.chip.on{background:var(--ink);color:var(--soft)}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:28px;height:28px;border:1px solid var(--ink);cursor:pointer;padding:0;min-height:0}.swatch.on{outline:3px solid var(--accent);outline-offset:1px}.row{display:flex;gap:8px;align-items:center;margin-top:8px}.row label{font:400 12px IBM Plex Sans;flex-shrink:0}.row select,.row input[type=range],.row .chip{flex:1 1 auto;min-width:0}input[type=range]{width:100%}.stage{min-width:0}.canvas{background:#fff;border:1px solid var(--line);display:flex}.canvas svg{width:100%;height:auto;display:block}.canvas-actions{display:flex;gap:10px;margin-top:10px}.canvas-actions button{width:auto}.action-status{min-height:18px;margin-top:6px;font:400 12px IBM Plex Mono,monospace;color:#666}.export-note{margin:8px 0 0;max-width:64ch;font:400 11px/1.45 IBM Plex Sans,Arial,sans-serif;color:#888}#recolor-bar{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}#recolor-bar .label{font:500 11px IBM Plex Mono,monospace;text-transform:uppercase}h2{font:600 13px IBM Plex Sans;text-transform:uppercase;letter-spacing:.04em;margin:26px 0 10px;border-top:2px solid var(--ink);padding-top:8px}h2 .hint{font:400 11px IBM Plex Mono,monospace;color:#888;text-transform:none;margin-left:8px}.tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.tray-note{grid-column:1 / -1;font:400 11px IBM Plex Mono,monospace;color:#666}.thumb{background:#fff;border:1px solid var(--line);cursor:pointer;position:relative}.thumb svg{width:100%;height:auto;display:block}.thumb .meta{display:flex;justify-content:space-between;font:400 10px IBM Plex Mono,monospace;color:#777;padding:4px 6px}.thumb .x{position:absolute;top:4px;right:4px;width:20px;height:20px;min-height:0;padding:0;background:var(--ink);color:#fff;border:none;font-size:12px;line-height:1;display:none}.thumb:hover .x{display:block}.seed-row{display:grid;grid-template-columns:1fr auto;gap:8px}.seed-row .lock{width:44px}body.mode-editor h2,body.mode-editor #variations,body.mode-editor #saved{display:none}.ed-canvas{position:relative;display:block;touch-action:none}.ed-canvas.ed-select{cursor:grab}.ed-canvas.ed-paint{cursor:crosshair}.ed-canvas.ed-dragging{cursor:grabbing}.ed-render svg{display:block;width:100%;height:auto}.ed-overlay{position:absolute;inset:0;pointer-events:none}.ed-overlay svg{display:block;width:100%;height:100%}.ed-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.ed-thumb{padding:3px;min-height:0;aspect-ratio:1;border:1px solid var(--line);background:#fff}.ed-thumb svg{width:100%;height:100%;display:block}.ed-thumb.on{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.chip.danger{border-color:#c0392b;color:#c0392b}.chip.danger.on{background:#c0392b;color:#fff}.ed-dims{display:flex;gap:8px;margin-top:8px}.ed-field{display:flex;flex-direction:column;gap:3px;flex:1}.ed-field span{font:500 10px IBM Plex Mono,monospace;color:#777;text-transform:uppercase}.ed-sublabel{margin:12px 0 6px;font:500 11px IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.ed-hint{margin:6px 0 0;font:400 11px/1.4 IBM Plex Sans,Arial,sans-serif;color:#888}.ed-help{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#12121280}.ed-help-card{background:#fff;border:1px solid var(--ink);padding:20px 22px;width:min(380px,calc(100% - 32px));box-shadow:0 12px 40px #00000040}.ed-help-card h3{margin:0 0 12px;font:600 13px IBM Plex Sans;text-transform:uppercase;letter-spacing:.04em}.ed-help-row{display:flex;align-items:baseline;gap:12px;padding:4px 0}.ed-help-row kbd{flex:0 0 auto;min-width:104px;text-align:center;font:500 11px IBM Plex Mono,monospace;border:1px solid var(--ink);border-radius:4px;padding:3px 7px;background:var(--soft)}.ed-help-row span{font:400 13px IBM Plex Sans}#corpus-controls{display:flex;flex-direction:column;gap:20px}.group-actions{display:flex;gap:8px;justify-content:flex-end}.text-preset{width:auto;min-height:0;padding:0;border:0;background:transparent;font:500 12px IBM Plex Mono,monospace;color:var(--ink)}.text-preset:hover{text-decoration:underline}.accent-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.accent-swatch{position:relative;width:28px;height:28px;min-height:0;padding:0;border:1px solid var(--line);border-radius:0;flex:0 0 auto}.accent-swatch:not(:disabled):not(.on):hover{outline:1px solid var(--soft);outline-offset:2px}.accent-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.accent-swatch:active{transform:translateY(1px)}.accent-swatch.on{outline:2px solid var(--ink);outline-offset:2px}.accent-swatch.on:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--accent)}.accent-swatch.on:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:var(--check-color);font:700 16px IBM Plex Sans,Arial,sans-serif;line-height:1}.accent-swatch:disabled{opacity:.4;cursor:not-allowed}.accent-swatch.locked{opacity:1;cursor:not-allowed}.accent-caption{margin-top:8px;font:400 11px IBM Plex Mono,monospace;color:var(--line)}.accent-amount-row.disabled{opacity:.45}.accent-amount-row.disabled label,.accent-amount-row.disabled input{cursor:not-allowed}.control-hint{display:flex;justify-content:space-between;gap:12px;margin-top:-3px;color:var(--ink);opacity:.56;font:400 11px IBM Plex Sans,Arial,sans-serif;line-height:1.25}.control-hint span:last-child{text-align:right}.corpus-scores{margin-top:6px;min-height:18px;font:400 12px IBM Plex Mono,monospace;color:#666}.corpus-quilt-badge{display:inline-block;background:#c0392b;color:#fff;font:600 10px IBM Plex Mono,monospace;padding:1px 5px;margin-left:6px;vertical-align:middle}#mode-toggle{gap:4px}@media(max-width:900px){main{display:flex;flex-direction:column;padding:16px;gap:20px}.stage{order:1}aside{order:2}header{padding:12px 16px}.sub{display:none}.canvas-actions{flex-wrap:wrap}.canvas-actions button{min-height:44px;flex:1 1 auto}.chip{padding:9px 12px;min-height:40px}.swatch{width:40px;height:40px}.tray{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}h2 .hint{display:none}}.canvas-actions{flex-wrap:wrap}.fill-row{display:flex;align-items:center;gap:10px;flex-basis:100%}.fill-row .accent-swatches{margin-top:0}.fill-row .accent-swatch{flex-shrink:0;width:28px;height:28px}.seed-row--hist{grid-template-columns:32px 1fr 32px auto}.corpus-hist-hint{margin-top:6px;font:400 11px IBM Plex Mono,monospace;color:var(--soft)}.corpus-sheet-overlay{position:fixed;inset:0;z-index:100;background:#121212eb;display:flex;align-items:center;justify-content:center;padding:24px}.corpus-sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:1200px}.corpus-sheet-cell{background:#fff;cursor:pointer;border:2px solid transparent;outline:none;position:relative}.corpus-sheet-cell:hover,.corpus-sheet-cell.focus{border-color:#ff4f00}.corpus-sheet-cell:focus{border-color:#ff4f00}.corpus-sheet-cell svg{width:100%;height:auto;display:block}.corpus-sheet-caption{font:400 11px IBM Plex Mono,monospace;color:#666;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}