:root{--bg: #131417;--bg-panel: #1c1e22;--bg-elevated: #24272c;--bg-hover: #2e3238;--line: #34383f;--line-soft: #26292f;--bg-viewer: #0c0d0f;--text: #f2f4f7;--text-dim: #8b929c;--text-faint: #5a616b;--accent: #e8b667;--accent-dim: rgba(232, 182, 103, .14);--accent-line: rgba(232, 182, 103, .35);--radius: 10px;--radius-lg: 14px;--rail-h: 76px;--side-panel-w: 322px;--topbar-h: 56px;--ease: cubic-bezier(.22, .61, .36, 1);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body,#app{height:100%;height:100dvh;width:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;font-size:13px;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:default;opacity:.3}.shell{display:grid;grid-template-rows:var(--topbar-h) minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);height:100%;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line-soft);background:var(--bg-panel);gap:8px}.topbar-group{display:flex;align-items:center;gap:4px}.icon-btn{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--text-dim);transition:background .15s var(--ease),color .15s var(--ease)}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn svg{width:17px;height:17px}.brand{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-weight:600;white-space:nowrap}.brand b{color:var(--accent);font-weight:600}.pill{height:32px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);color:var(--text-dim);transition:all .15s var(--ease);white-space:nowrap}.pill:hover:not(:disabled){border-color:var(--text-faint);color:var(--text)}.pill.compare{-webkit-touch-callout:none;touch-action:manipulation}.pill.primary{background:var(--accent);border-color:var(--accent);color:#1a1408;font-weight:650}.pill.primary:hover{filter:brightness(1.08);color:#1a1408}.pill.compare.active{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent)}.stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 42%,#101318,#08090b 72%);min-height:0;padding:18px}.canvas-wrap{position:relative;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.canvas-frame{position:relative;aspect-ratio:var(--media-aspect, 3 / 2);max-width:100%;max-height:100%;line-height:0}canvas{display:block;width:100%;height:100%;border-radius:var(--radius);box-shadow:0 24px 70px #000000a8,0 0 0 1px #ffffff0d}.compare-tag{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:5px 11px;border-radius:999px;background:#08090bd1;backdrop-filter:blur(12px);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:650;color:var(--accent);border:1px solid var(--accent-line);pointer-events:none}.empty{display:grid;justify-items:center;gap:20px;text-align:center;padding:40px;max-width:460px}.empty-mark{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(150deg,#e8b6672e,#e8b6670a);border:1px solid var(--accent-line);color:var(--accent)}.empty-mark svg{width:27px;height:27px}.empty h1{font-size:21px;font-weight:600;letter-spacing:-.02em}.empty p{color:var(--text-dim);line-height:1.6;font-size:13px}.empty-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.dropzone.over{outline:2px dashed var(--accent-line);outline-offset:-14px}.panel{background:var(--bg-panel);border-top:1px solid var(--line-soft);min-height:0;container-type:inline-size;container-name:panel;max-height:34dvh;display:flex;flex-direction:column;overflow:hidden}.panel-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 12px 0}.panel-head::-webkit-scrollbar{display:none}.chip{padding:6px 13px;border-radius:999px;font-size:11.5px;font-weight:550;color:var(--text-dim);border:1px solid transparent;background:var(--bg-elevated);white-space:nowrap;transition:all .15s var(--ease)}.chip:hover{color:var(--text)}.chip.active{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent)}.look-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:9px;padding:11px 12px 13px}.look{display:grid;gap:6px;justify-items:center;min-width:0}.look-thumb{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius);overflow:hidden;position:relative;background:var(--bg-elevated);border:1.5px solid transparent;transition:border-color .15s var(--ease),transform .15s var(--ease);line-height:0}.look-thumb canvas,.look-thumb img{width:100%;height:100%;object-fit:cover}.look:hover .look-thumb{transform:translateY(-2px)}.look.active .look-thumb{border-color:var(--accent)}.look-name{font-size:10.5px;color:var(--text-dim);text-align:center;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.look.active .look-name{color:var(--accent)}.look-none .look-thumb{display:grid;place-items:center;color:var(--text-faint);font-size:10px;letter-spacing:.1em;border:1.5px dashed var(--line)}.sliders{padding:8px 14px 12px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:7px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.sliders::-webkit-scrollbar{width:5px}.sliders::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.slider-row{display:grid;gap:1px}.slider-label{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px}.slider-label .name{color:var(--text-dim);display:flex;align-items:center;gap:7px}.slider-label .name .ico{width:13px;text-align:center;opacity:.6;font-size:11px}.slider-label .value{font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:11px}.slider-row.touched .name{color:var(--text)}.slider-row.touched .value{color:var(--accent)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:transparent;cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:var(--text);border:none;box-shadow:0 1px 5px #0000008c;transition:transform .12s var(--ease)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.22);background:var(--accent)}input[type=range]::-moz-range-track{height:2px;background:var(--line);border-radius:2px}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);border:none}.intensity-bar{padding:10px 14px 14px;border-top:1px solid var(--line-soft)}.rail{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;border-top:1px solid var(--line-soft);background:var(--bg-panel)}.rail-item{flex:1 0 auto;min-width:74px;min-height:var(--rail-h);display:grid;place-items:center;align-content:center;gap:5px;color:var(--text-faint);position:relative;transition:color .15s var(--ease);padding:0 8px}.rail-item svg{width:19px;height:19px}.rail-item span{font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:600}.rail-item:hover{color:var(--text-dim)}.rail-item.active{color:var(--accent)}.rail-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:2px;background:var(--accent);border-radius:0 0 2px 2px}.notice{position:fixed;top:calc(var(--topbar-h) + 14px);left:50%;transform:translate(-50%) translateY(-8px);background:var(--bg-elevated);border:1px solid var(--line);padding:9px 16px;border-radius:999px;font-size:12px;color:var(--text);box-shadow:0 10px 34px #0009;opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:50;white-space:nowrap}.notice.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 640px){.brand{display:none}.rail-item{min-width:66px}.topbar{padding:0 8px;gap:6px}.topbar-group{gap:3px}.pill{padding:0 7px;font-size:11px}.icon-btn{width:28px;height:28px}.icon-btn svg{width:16px;height:16px}.rail{display:grid;grid-template-columns:repeat(6,1fr);padding-bottom:env(safe-area-inset-bottom,0px)}.rail-item{min-width:0;min-height:44px;padding:0 2px;gap:2px}.stage{padding:6px}.panel{max-height:clamp(240px,38dvh,420px)}.panel-head{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.panel-head::-webkit-scrollbar{display:none}.panel-head>*{flex:0 0 auto}.chip{padding:5px 9px;font-size:10.5px}input[type=range]{height:30px}input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-8px}input[type=range]::-moz-range-thumb{width:18px;height:18px}.panel-head{gap:5px;padding:7px 10px 0}.look-strip{gap:7px;padding:8px 10px 10px}.rail-item svg{width:17px;height:17px}.rail-item span{font-size:7.5px;letter-spacing:.04em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.panel-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 2px;flex:0 0 auto}.panel-title{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:var(--text-faint)}.text-btn{font-size:11.5px;color:var(--text-dim);padding:4px 8px;border-radius:7px;transition:color .15s var(--ease),background .15s var(--ease)}.text-btn:hover{color:var(--accent);background:var(--bg-hover)}.scroll-area{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.scroll-area::-webkit-scrollbar{width:5px}.scroll-area::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.panel-foot{flex:0 0 auto;padding:8px 14px 12px;border-top:1px solid var(--line-soft)}.section-head{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-weight:650;padding-top:6px;margin-top:2px;border-top:1px solid var(--line-soft)}.hint{font-size:11px;color:var(--text-faint);line-height:1.5;padding:2px 2px 10px}.hint.centred{text-align:center;padding-bottom:14px}.chip-inline{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:-1px;box-shadow:inset 0 0 0 1px #00000059}.curve-stage{display:grid;justify-items:center;padding:12px 14px 0}.curve-host{line-height:0}.curve-canvas{width:260px;height:260px;border-radius:var(--radius);border:1px solid var(--line);cursor:crosshair;touch-action:none}.wheel-row{display:flex;gap:18px;justify-content:center;padding:16px 14px 6px;flex-wrap:wrap}.wheel{display:grid;justify-items:center;gap:7px;width:108px}.wheel-wide{border-left:1px solid var(--line-soft);padding-left:18px;width:126px}.wheel-canvas{border-radius:50%;cursor:grab;touch-action:none}.wheel-canvas:active{cursor:grabbing}.wheel-master{position:relative;width:100%;height:12px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--line-soft);cursor:ew-resize;touch-action:none;overflow:hidden}.wheel-master:after{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:1px;background:#ffffff38}.wheel-master-fill{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent),var(--accent))}.wheel-master-handle{display:none}.wheel-master.touched{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.wheel-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;width:100%}.wheel-cell{display:block}.wheel-cell input{width:100%;padding:3px 0;border:1px solid var(--line-soft);border-radius:4px;background:var(--bg-elevated);color:var(--text-faint);font:inherit;font-size:10px;font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;appearance:textfield}.wheel-cell input::-webkit-outer-spin-button,.wheel-cell input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wheel-cell input:focus{outline:none;border-color:var(--accent);color:var(--text)}.wheel-cell input.touched{color:var(--text)}.wheel-cell-r input.touched{border-color:#ff60608c}.wheel-cell-g input.touched{border-color:#60e0808c}.wheel-cell-b input.touched{border-color:#6e9cff8c}.wheel-cell-y input.touched{border-color:#ebebeb8c}.wheel-label{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.button-row{display:flex;gap:8px;padding:14px;flex-wrap:wrap}.action-btn{flex:1 1 auto;min-width:92px;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid transparent;color:var(--text-dim);font-size:12px;font-weight:550;transition:all .15s var(--ease)}.action-btn:hover{color:var(--text);border-color:var(--line)}.action-btn.active{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent)}.action-icon{font-size:15px;line-height:1}.transport{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#0a0c0fdb;backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:0 10px 34px #0000008c;width:min(560px,calc(100% - 44px))}.timecode{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:34px;text-align:center}.transport input[type=range]{flex:1 1 auto}.bar-actions{display:flex;align-items:center;gap:2px}.section-head.inline{border-top:none;padding:8px 14px 0;margin:0}.look-remove{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:14px;line-height:1;background:#08090bd1;color:var(--text-dim);opacity:0;transition:opacity .15s var(--ease),color .15s var(--ease)}.look{position:relative}.look:hover .look-remove{opacity:1}.look-remove:hover{color:#ff6b6b}.maker{padding:10px 14px 14px;display:grid;gap:10px;max-width:560px}.field{display:grid;gap:7px}.field-label{font-size:11px;color:var(--text-dim)}.text-input{height:36px;padding:0 12px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);color:var(--text);font:inherit;font-size:13px;outline:none;transition:border-color .15s var(--ease)}.text-input:focus{border-color:var(--accent-line)}.hint.tight{padding:0}.caveat{font-size:11.5px;line-height:1.55;color:var(--text-dim);padding:10px 12px;border-radius:var(--radius);background:var(--accent-dim);border:1px solid var(--accent-line)}.pill.wide{width:100%;height:40px;justify-content:center}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em;padding:1px 5px;border-radius:5px;background:var(--bg-elevated);color:var(--accent)}.harmony{padding:10px 14px 12px;display:grid;gap:10px 22px;grid-template-columns:minmax(0,1fr);justify-items:center;max-width:560px;margin:0 auto}.harmony-create-col{display:grid;gap:8px;justify-items:center}.harmony-options{display:grid;gap:9px;min-width:0}@container panel (min-width: 620px){.harmony{grid-template-columns:170px minmax(0,1fr);align-items:start;justify-items:stretch;max-width:780px}.harmony-options .chip-inline,.harmony-options .swatch-row{justify-content:flex-start}}.create-btn{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;position:relative;background:var(--bg-elevated);transition:transform .14s var(--ease)}.create-btn:hover{transform:scale(1.03)}.create-btn:active{transform:scale(.97)}.create-ring{position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,#e8b667,#d97a5a,#b95c8a,#6d6fc4,#46a5b8,#6fbf7a,#e8b667);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.create-label{font-size:13px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.harmony-desc{font-size:12px;color:var(--text-dim);text-align:center;min-height:1.2em}.chip-inline{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.swatch-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.swatch-card{width:62px;display:grid;gap:4px;padding:5px;border-radius:var(--radius);border:1.5px solid transparent;background:var(--bg-elevated);transition:border-color .15s var(--ease)}.swatch-card.active{border-color:var(--accent)}.swatch-strip{display:flex;height:26px;border-radius:5px;overflow:hidden}.swatch-strip i{flex:1 1 auto}.swatch-seed{font-size:9.5px;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--text-faint);text-align:center}.crop-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;touch-action:none}.crop-shade{position:absolute;background:#0607099e;pointer-events:none}.crop-box{position:absolute;pointer-events:auto;cursor:move;outline:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #0006}.crop-thirds{position:absolute;inset:0;pointer-events:auto;background:linear-gradient(to right,transparent calc(33.333% - .5px),rgba(255,255,255,.32) calc(33.333% - .5px),rgba(255,255,255,.32) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.32) calc(66.666% - .5px),rgba(255,255,255,.32) calc(66.666% + .5px),transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),rgba(255,255,255,.32) calc(33.333% - .5px),rgba(255,255,255,.32) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.32) calc(66.666% - .5px),rgba(255,255,255,.32) calc(66.666% + .5px),transparent calc(66.666% + .5px))}.crop-handle{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:auto}.crop-handle:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:2px;box-shadow:0 1px 4px #0009}.crop-handle.crop-n:after,.crop-handle.crop-s:after{inset:8px 5px}.crop-handle.crop-e:after,.crop-handle.crop-w:after{inset:5px 8px}.crop-nw{left:0;top:0}.crop-n{left:50%;top:0}.crop-ne{left:100%;top:0}.crop-e{left:100%;top:50%}.crop-se{left:100%;top:100%}.crop-s{left:50%;top:100%}.crop-sw{left:0;top:100%}.crop-w{left:0;top:50%}.unify{padding:10px 14px 14px;display:grid;gap:10px;max-width:620px}.reference-row{display:flex;gap:12px;align-items:center}.reference-slot{width:76px;height:76px;flex:0 0 auto;border-radius:var(--radius);border:1.5px dashed var(--line);background:var(--bg-elevated);display:grid;place-items:center;overflow:hidden;transition:border-color .15s var(--ease)}.reference-slot:hover:not(:disabled){border-color:var(--accent-line)}.reference-slot.filled{border-style:solid;border-color:var(--accent-line)}.reference-slot img{width:100%;height:100%;object-fit:cover}.reference-empty{font-size:10px;color:var(--text-faint);text-align:center;line-height:1.5}.reference-meta{display:grid;gap:3px;min-width:0}.reference-name{font-size:12.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-desc{font-size:11px;color:var(--text-dim)}.derived{display:flex;flex-wrap:wrap;gap:5px}.derived-item{font-size:10.5px;padding:3px 8px;border-radius:999px;background:var(--bg-elevated);color:var(--text-dim);font-variant-numeric:tabular-nums}.derived-item b{color:var(--text);font-weight:550;margin-right:5px;text-transform:capitalize}.chip-row{display:flex;flex-wrap:wrap;gap:6px;padding:9px 12px 0}.chip.busy{opacity:.55}.chip.failed{border-color:#ff6b6b66;color:#ff8b7a}.mask-layers{display:grid;gap:4px;padding:10px 12px 4px}.mask-layer{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius);background:var(--bg-elevated);border:1.5px solid transparent}.mask-layer.active{border-color:var(--accent-line)}.mask-toggle,.mask-remove{width:22px;height:22px;display:grid;place-items:center;color:var(--text-dim);border-radius:5px;flex:0 0 auto}.mask-toggle:hover,.mask-remove:hover{color:var(--text);background:var(--bg-hover)}.mask-remove:hover{color:#ff6b6b}.mask-name{flex:1 1 auto;text-align:left;font-size:12px;color:var(--text);display:flex;align-items:center;gap:8px}.mask-count{font-size:10px;color:var(--text-faint);background:var(--bg-panel);padding:1px 6px;border-radius:999px}.projects{padding:10px 14px 14px;display:grid;gap:9px;max-width:560px}.save-row{display:flex;gap:8px}.save-row .text-input{flex:1 1 auto}.clipboard-note{font-size:11.5px;color:var(--text-dim);padding:8px 11px;border-radius:var(--radius);background:var(--accent-dim);border:1px solid var(--accent-line)}.clipboard-note b{color:var(--accent);font-weight:600;margin-right:6px}.project{display:flex;align-items:center;gap:6px;padding:7px 8px 7px 11px;border-radius:var(--radius);background:var(--bg-elevated);border:1.5px solid transparent;transition:border-color .15s var(--ease)}.project:hover{border-color:var(--line)}.project-open{flex:1 1 auto;display:grid;gap:2px;text-align:left;min-width:0}.project-name{font-size:12.5px;color:var(--text)}.project-summary{font-size:10.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-date{font-size:10px;color:var(--text-faint)}.project-actions{display:flex;gap:2px;flex:0 0 auto}.icon-btn.small{width:26px;height:26px;font-size:13px}.restore-toast{position:fixed;left:50%;top:calc(var(--topbar-h) + 14px);transform:translate(-50%);z-index:60;display:grid;gap:1px;height:auto;padding:9px 18px;background:var(--bg-elevated);border-color:var(--accent-line);color:var(--text);box-shadow:0 12px 40px #0009;animation:restore-in .24s var(--ease)}.restore-toast span{font-size:10.5px;color:var(--text-dim)}@keyframes restore-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.unify-vary{display:flex;align-items:center;gap:14px;padding:4px 0}.create-btn.small{width:62px;height:62px;flex:0 0 auto}.create-btn.small .create-label{font-size:9.5px;letter-spacing:.12em}.variation-row{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.crop-commit{display:flex;gap:8px;padding:9px 14px 3px;justify-content:flex-end}.crop-commit .pill{flex:0 0 auto;justify-content:center;height:32px;min-width:92px;padding:0 16px}.log-row{display:flex;align-items:center;gap:10px;padding:8px 14px 0}.log-label{font-size:11px;color:var(--text-dim);flex:0 0 auto}.select{flex:1 1 auto;min-width:0;height:30px;padding:0 10px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--line);color:var(--text);font:inherit;font-size:12px;outline:none}.select:focus{border-color:var(--accent-line)}.lib-counts{font-size:10.5px;color:var(--text-faint);white-space:nowrap;margin-left:auto;padding-right:4px;align-self:center;flex:1 0 auto;text-align:right}.lib-strip{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 6px}.lib-item{position:relative;width:118px;border-radius:var(--radius);overflow:hidden;border:1.5px solid transparent;background:var(--bg-elevated);line-height:0;transition:border-color .15s var(--ease)}.lib-item img{width:100%;height:84px;object-fit:cover;cursor:pointer;display:block}.lib-item.active{border-color:var(--accent)}.lib-item.ticked{border-color:#6da8e8}.lib-item.flag-reject img{opacity:.32}.lib-item.flag-pick:after{content:"";position:absolute;inset:0;border:2px solid rgba(110,200,130,.55);border-radius:var(--radius);pointer-events:none}.lib-tick{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:4px;background:#08090bc7;border:1px solid var(--line);color:#fff;font-size:11px;line-height:1;display:grid;place-items:center}.lib-flags{position:absolute;top:4px;right:4px;display:flex;gap:3px}.lib-flags button{width:18px;height:18px;border-radius:4px;background:#08090bc7;color:var(--text-faint);font-size:10px;line-height:1;display:grid;place-items:center}.lib-flags button.on:first-child{color:#6ec882}.lib-flags button.on:last-child{color:#ff6b6b}.lib-stars{position:absolute;bottom:2px;left:0;right:0;display:flex;justify-content:center;gap:1px;background:linear-gradient(transparent,#08090bd9);padding:6px 0 2px}.lib-stars button{font-size:10px;color:var(--text-faint);line-height:1}.lib-stars button.on{color:var(--accent)}.lib-edited{position:absolute;bottom:20px;right:5px;font-size:9px;color:var(--accent)}.lib-actions{display:flex;flex-wrap:wrap;gap:8px;padding:6px 14px 4px}.lib-actions .pill{flex:1 1 auto;justify-content:center;min-width:110px}.compare-slider{position:absolute;inset:0;z-index:6;cursor:ew-resize;touch-action:none}#canvas-before{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--radius);clip-path:inset(0 calc(100% - var(--split, 50%)) 0 0);pointer-events:none}.compare-line{position:absolute;top:0;bottom:0;left:var(--split, 50%);width:1px;background:#ffffffe6;box-shadow:0 0 0 1px #00000059}.compare-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#0c0e12e6;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:2px;color:#fff;font-size:13px;line-height:1;cursor:ew-resize}.compare-slider .compare-tag{position:absolute;top:12px;left:auto;right:auto;transform:none;padding:4px 10px;border-radius:999px;background:#08090bc7;backdrop-filter:blur(10px);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:650;color:#fff;pointer-events:none;transition:opacity .15s var(--ease)}.compare-slider .compare-tag.before{left:12px;right:auto}.compare-slider .compare-tag.after{right:12px;left:auto;color:var(--accent)}.mask-groups{display:flex;flex-wrap:wrap;gap:8px 18px;padding:9px 14px 0}.mask-group{display:grid;gap:5px}.mask-group-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.shell.quiet .topbar,.shell.quiet .rail{opacity:.32;transition:opacity .5s var(--ease)}.shell .topbar,.shell .rail{transition:opacity .18s var(--ease)}.shell.quiet .topbar:hover,.shell.quiet .rail:hover{opacity:1}.shell.panel-collapsed .panel{max-height:0;border-top-color:transparent}.panel{transition:max-height .22s var(--ease)}.panel-collapse{position:absolute;top:-11px;left:50%;transform:translate(-50%);width:46px;height:22px;border-radius:999px 999px 0 0;background:var(--bg-panel);border:1px solid var(--line-soft);border-bottom:none;color:var(--text-faint);font-size:10px;display:grid;place-items:center;z-index:8;transition:color .15s var(--ease)}.panel-collapse:hover{color:var(--text)}.panel-shell{position:relative}.zoom-bar{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#0a0c0fd1;backdrop-filter:blur(14px);border:1px solid var(--line);z-index:7}.icon-btn.small{width:26px;height:26px;font-size:15px;line-height:1;border-radius:999px}.zoom-level{min-width:52px;height:26px;padding:0 8px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-dim);border-radius:999px}.zoom-level:hover{color:var(--text);background:var(--bg-hover)}.stage.zoomed{cursor:grab}.stage.zoomed:active{cursor:grabbing}.viewer-row{position:relative;display:flex;min-height:0;min-width:0}.viewer-row .stage{flex:1;min-width:0;background:var(--bg-viewer)}.scopes-dock{position:absolute;top:12px;right:12px;z-index:6;width:clamp(240px,24vw,340px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--bg-panel) 92%,transparent);backdrop-filter:blur(12px);box-shadow:0 12px 34px #0000008c}.scopes-dock[hidden]{display:none}.scopes-head{border-bottom:1px solid var(--line-soft);padding:6px}.scope-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.scope-tab{padding:5px 2px;border-radius:4px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);background:var(--bg-elevated);transition:background .14s var(--ease),color .14s var(--ease)}.scope-tab:hover{color:var(--text-dim);background:var(--bg-hover)}.scope-tab.active{color:#0d0f12;background:var(--accent)}.scopes-frame{position:relative;width:100%;aspect-ratio:8 / 5;flex:0 0 auto;background:#0b0d10}.scopes-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.scopes-readout{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;font-size:10.5px;letter-spacing:.03em;color:var(--text-dim);border-top:1px solid var(--line-soft);font-variant-numeric:tabular-nums}.scope-avg{color:var(--text-faint)}.pill.compare.active{background:var(--bg-hover);color:var(--text)}@media (max-width: 860px){.scopes-dock{display:none}}.overlay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;padding:2px 2px 10px}.overlay-tile{display:grid;gap:5px;justify-items:center;border-radius:7px;padding:4px;border:1px solid transparent;color:var(--text-faint);font-size:10px;transition:border-color .14s var(--ease),color .14s var(--ease)}.overlay-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px;background:#23272e;display:block}.overlay-tile:hover{color:var(--text-dim);border-color:var(--line)}.overlay-tile.active{color:var(--text);border-color:var(--accent)}.cull-settings{border:1px solid var(--line-soft);border-radius:8px;padding:10px 12px;margin:8px 0;background:var(--bg-elevated)}.cull-toggle{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:var(--text-dim);cursor:pointer}.cull-toggle input{accent-color:var(--accent);width:14px;height:14px}.lib-score{position:absolute;left:4px;top:4px;z-index:2;min-width:18px;padding:1px 4px;border-radius:4px;background:#0a0c0fc7;color:var(--text-dim);font-size:9.5px;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none}.lib-item.flag-pick .lib-score{color:#86e0a4}.lib-item.flag-reject .lib-score{color:#e88f8f}.slider-row.has-track{position:relative}.slider-row.has-track input[type=range]{position:relative;z-index:1}.slider-row.has-track input[type=range]::-webkit-slider-runnable-track{background:transparent}.slider-row.has-track input[type=range]::-moz-range-track{background:transparent}.slider-row.has-track:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:5px;border-radius:3px;background:var(--track);box-shadow:inset 0 0 0 1px #00000047;pointer-events:none}.range-chip{display:inline-flex;align-items:center;gap:6px}.range-dot{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000059}.ce-selection{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line-soft);border-radius:9px;background:var(--bg-elevated)}.ce-swatch{width:30px;height:30px;border-radius:7px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #0006}.ce-selection-body{display:grid;gap:1px;margin-right:auto;min-width:0}.ce-selection-name{font-size:12px;color:var(--text);font-weight:600}.ce-selection-note{font-size:10.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.pill.small{padding:5px 10px;font-size:11px;gap:5px;flex:0 0 auto}.pill.small svg{width:14px;height:14px}.pill.small.active{background:var(--accent);color:#14161a;border-color:var(--accent)}.sliders .hint.tight{margin:0;font-size:10.5px;line-height:1.45}@media (min-width: 1100px){.shell{grid-template-columns:minmax(0,1fr) var(--side-panel-w) auto;grid-template-rows:var(--topbar-h) minmax(0,1fr);grid-template-areas:"top  top   top" "view panel rail"}.topbar{grid-area:top}.viewer-row{grid-area:view;min-width:0}.panel-shell{grid-area:panel;min-height:0;display:flex}.rail{grid-area:rail}.panel-shell>.panel{max-height:none;height:100%;width:100%;border-top:none;border-left:1px solid var(--line-soft)}.rail{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;overflow-y:auto;scrollbar-width:none;border-top:none;border-left:1px solid var(--line-soft);width:62px;mask-image:linear-gradient(to bottom,#000 calc(100% - 18px),transparent)}.rail::-webkit-scrollbar{display:none}.rail-item{flex:0 0 auto;min-width:0;width:62px;min-height:46px;gap:2px;padding:0 3px}.rail-item span{font-size:7.5px;letter-spacing:.04em}.rail-item svg{width:16px;height:16px}.panel-collapse{display:none}}.lib-moment-break{flex:0 0 auto;width:1px;align-self:stretch;margin:4px 3px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--accent) 55%,transparent),transparent)}.lib-strip>.lib-moment-break:first-child{display:none}.tool-tabs{display:flex;gap:4px;padding:8px 12px 0;flex:0 0 auto}.tool-tab{flex:0 0 auto;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-faint);background:var(--bg-elevated);border:1px solid transparent;transition:color .15s var(--ease),border-color .15s var(--ease)}.tool-tab:hover{color:var(--text-dim)}.tool-tab.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}@media (orientation: landscape) and (max-height: 560px) and (min-width: 700px){.shell{grid-template-columns:minmax(0,1fr) 290px auto;grid-template-rows:var(--topbar-h) minmax(0,1fr);grid-template-areas:"top  top   top" "view panel rail"}.topbar{grid-area:top}.viewer-row{grid-area:view;min-width:0}.panel-shell{grid-area:panel;min-height:0;display:flex}.rail{grid-area:rail}.panel-shell>.panel{max-height:none;height:100%;width:100%;border-top:none;border-left:1px solid var(--line-soft)}.rail{display:grid;grid-template-columns:repeat(2,62px);align-content:start;overflow-y:auto;scrollbar-width:none;border-top:none;border-left:1px solid var(--line-soft);padding-bottom:0;padding-right:env(safe-area-inset-right,0px)}.rail::-webkit-scrollbar{display:none}.rail-item{min-height:50px;min-width:0;padding:0 2px;gap:3px}.rail-item svg{width:17px;height:17px}.rail-item span{font-size:7.5px;letter-spacing:.04em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.rail-bar{display:none;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;min-height:46px;border-top:1px solid var(--line-soft);background:var(--bg-panel);color:var(--text);width:100%;padding-bottom:env(safe-area-inset-bottom,0px)}.rail-bar-tool{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.rail-bar-tool svg{width:17px;height:17px}.rail-bar-hint{display:flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.rail-bar-hint svg{width:15px;height:15px}@media (max-width: 640px){.rail-bar{display:flex}.shell:not(.rail-open) .rail{display:none}.shell.rail-open .rail-bar{display:none}.shell:not(.rail-open) .panel{max-height:clamp(240px,44dvh,460px)}}.panel-note{padding:10px 14px 14px;font-size:11px;line-height:1.5;color:var(--text-faint)}@media (max-width: 640px){.curve-canvas{width:min(260px,46vw);height:min(260px,46vw)}.wheel-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;justify-items:center;overflow-x:visible}.wheel,.wheel-wide{width:100%}.wheel-wide{border-left:none;padding-left:0}.wheel-canvas{width:100%;height:auto;aspect-ratio:1 / 1}.wheel-readout{display:none}}