.img-stage{border:1px solid var(--border);border-radius:var(--r-md);background:repeating-conic-gradient(var(--bg-sunken) 0% 25%,var(--surface) 0% 50%) 50%/22px 22px;padding:var(--s-4);display:grid;place-items:center;min-height:240px;overflow:auto}.img-stage canvas,.img-stage img{max-width:100%;height:auto;display:block;border-radius:var(--r-sm)}.img-stage.is-empty{color:var(--text-mute);font-size:var(--fs-sm);text-align:center}.range-field{margin-bottom:var(--s-4)}.range-field .range-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.range-field label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.range-field .range-val{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--signal-deep)}:root[data-theme="dark"] .range-field .range-val{color:var(--signal)}input[type="range"].range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--r-pill);background:var(--bg-sunken);border:1px solid var(--border);outline:none;cursor:pointer}input[type="range"].range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--grad);box-shadow:var(--sh-1);cursor:pointer;border:2px solid var(--surface)}input[type="range"].range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--indigo);box-shadow:var(--sh-1);cursor:pointer;border:2px solid var(--surface)}input[type="range"].range:focus-visible{box-shadow:0 0 0 3px var(--grad-soft)}.dim-row{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s-2);align-items:end}.dim-row .dim-link{align-self:center;margin-top:1.2rem}.dim-link-btn{width:38px;height:38px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);display:grid;place-items:center;cursor:pointer;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.dim-link-btn svg{width:18px;height:18px}.dim-link-btn[aria-pressed="true"]{color:var(--signal-deep);border-color:var(--signal)}:root[data-theme="dark"] .dim-link-btn[aria-pressed="true"]{color:var(--signal)}.input-suffix{position:relative}.input-suffix .sfx{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);font-size:var(--fs-xs);color:var(--text-mute);font-family:var(--font-mono);pointer-events:none}.chip-row{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-4)}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font:inherit;font-size:var(--fs-sm);padding:.4rem .8rem;border-radius:var(--r-pill);cursor:pointer;transition:all var(--t-fast) var(--ease);white-space:nowrap}.chip:hover{border-color:var(--signal);color:var(--signal-deep)}.chip[aria-pressed="true"]{background:var(--grad-soft);border-color:var(--signal);color:var(--signal-deep)}:root[data-theme="dark"] .chip[aria-pressed="true"]{color:var(--signal)}.chip-group-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-bottom:.4rem;display:block}.crop-wrap{position:relative;display:inline-block;max-width:100%;touch-action:none;user-select:none}.crop-wrap img{display:block;max-width:100%;height:auto;border-radius:var(--r-sm)}.crop-shade{position:absolute;inset:0;background:rgba(6,10,24,.55);pointer-events:none;border-radius:var(--r-sm)}.crop-box{position:absolute;border:2px solid var(--signal);box-shadow:0 0 0 9999px rgba(6,10,24,.55);cursor:move;box-sizing:border-box}.crop-box .handle{position:absolute;width:14px;height:14px;background:var(--surface);border:2px solid var(--signal);border-radius:3px}.crop-box .h-nw{left:-8px;top:-8px;cursor:nwse-resize}.crop-box .h-ne{right:-8px;top:-8px;cursor:nesw-resize}.crop-box .h-sw{left:-8px;bottom:-8px;cursor:nesw-resize}.crop-box .h-se{right:-8px;bottom:-8px;cursor:nwse-resize}.compare{position:relative;max-width:100%;overflow:hidden;border-radius:var(--r-md);border:1px solid var(--border);user-select:none;touch-action:pan-y;background:var(--bg-sunken)}.compare img{display:block;width:100%;height:auto;pointer-events:none}.compare .cmp-after{position:absolute;inset:0;overflow:hidden;width:50%}.compare .cmp-after img{width:auto;max-width:none;height:100%}.compare .cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--signal);transform:translateX(-50%);cursor:ew-resize}.compare .cmp-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--surface);border:2px solid var(--signal);display:grid;place-items:center;color:var(--signal-deep);box-shadow:var(--sh-2)}:root[data-theme="dark"] .compare .cmp-grip{color:var(--signal)}.compare .cmp-grip svg{width:20px;height:20px}.cmp-labels{display:flex;justify-content:space-between;margin-top:var(--s-2);font-size:var(--fs-xs);color:var(--text-mute)}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-2);margin-top:var(--s-4)}.queue{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-4)}.q-item{display:grid;grid-template-columns:48px 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.q-thumb{width:48px;height:48px;border-radius:var(--r-sm);object-fit:cover;background:var(--bg-sunken);border:1px solid var(--border)}.q-info{min-width:0}.q-name{font-size:var(--fs-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-meta{font-size:var(--fs-xs);color:var(--text-mute);font-family:var(--font-mono)}.q-actions{display:flex;align-items:center;gap:var(--s-2)}.q-status{font-size:var(--fs-xs);font-weight:600;padding:.15rem .5rem;border-radius:var(--r-pill);white-space:nowrap}.q-status.wait{background:var(--bg-sunken);color:var(--text-mute)}.q-status.done{background:var(--grad-soft);color:var(--signal-deep)}:root[data-theme="dark"] .q-status.done{color:var(--signal)}.q-status.err{background:rgba(225,86,107,.12);color:#c2304a}:root[data-theme="dark"] .q-status.err{color:#ff8ba0}.q-bar{height:4px;border-radius:var(--r-pill);background:var(--bg-sunken);overflow:hidden;margin-top:.35rem}.q-bar span{display:block;height:100%;width:0;background:var(--grad);transition:width var(--t-fast) linear}.q-remove{width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-mute);cursor:pointer;display:grid;place-items:center;flex:none}.q-remove:hover{color:#c2304a;border-color:#e1566b}.q-remove svg{width:15px;height:15px}.info-toggle{margin-top:var(--s-4)}.edit-toolbar{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--s-4)}.edit-toolbar .spacer{flex:1}@media (max-width:560px){.dim-row{grid-template-columns:1fr;gap:var(--s-3)}.dim-row .dim-link{justify-self:start;margin-top:0}.q-item{grid-template-columns:40px 1fr;grid-template-areas:"thumb info" "actions actions"}.q-item .q-thumb{grid-area:thumb}.q-item .q-info{grid-area:info}.q-item .q-actions{grid-area:actions;justify-content:space-between}}