:root{--bg: #0a0a0a;--fg: #f2f2f2;--dim: #6a6a6a;--line: #1e1e1e;--accent: #6e6e6e;--accent-soft: #6e6e6e33;--panel: #111111}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;letter-spacing:0;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}#stage{position:fixed;inset:0;background:#000;overflow:hidden}#viewport{position:absolute;inset:0;overflow:auto;display:flex;align-items:safe center;justify-content:safe center;scrollbar-width:thin;scrollbar-color:var(--line) transparent}#viewport::-webkit-scrollbar{width:8px;height:8px}#viewport::-webkit-scrollbar-thumb{background:var(--line)}#viewport::-webkit-scrollbar-track{background:transparent}#view{display:block;image-rendering:pixelated}#view.is-pannable{cursor:grab}#view.is-panning{cursor:grabbing}#view[data-zoom-mode=fit]{max-width:100%;max-height:100%;width:auto;height:auto;min-width:0;min-height:0;image-rendering:auto}.drop{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;color:var(--dim);border:1px dashed var(--line);margin:24px;transition:border-color .12s,color .12s}.drop:hover,.drop.is-over{border-color:var(--accent);color:var(--accent)}.drop span{font-size:13px;letter-spacing:.02em}.tools{position:fixed;top:24px;right:24px;width:320px;background:var(--panel);border:1px solid var(--line);z-index:10;user-select:none;overflow:hidden}.tools__bar{display:flex;justify-content:space-between;align-items:stretch;border-bottom:1px solid var(--line)}.tabs{display:flex}.tab{background:transparent;border:none;border-right:1px solid var(--line);padding:10px 8px;cursor:pointer;color:var(--dim);font-size:12px}.tab:hover{color:var(--fg)}.tab.is-active{color:var(--bg);background:var(--accent)}.ghost{background:transparent;border:none;padding:0 10px;cursor:pointer;color:var(--dim);font-size:12px;white-space:nowrap}.ghost:hover{color:var(--fg)}.panel{padding:14px;display:flex;flex-direction:column;gap:10px}.sl{display:grid;grid-template-columns:90px 1fr 32px;align-items:center;gap:10px}.sl span{color:var(--dim);font-size:12px}.sl i{color:var(--fg);text-align:right;font-style:normal;font-variant-numeric:tabular-nums;cursor:pointer;user-select:none}.sl i:hover{color:var(--accent)}.sl-divider{border:none;border-top:1px solid var(--line);margin:4px 0 2px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:var(--line);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:var(--accent);cursor:pointer;border-radius:0}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:var(--accent);cursor:pointer;border-radius:0;border:none}.chan{display:flex;gap:0;border:1px solid var(--line)}.chan__btn{flex:1;background:transparent;border:none;border-right:1px solid var(--line);padding:6px;cursor:pointer;color:var(--dim);font-size:12px}.chan__btn:last-child{border-right:none}.chan__btn.is-active{background:var(--fg);color:var(--bg)}.chan__btn[data-chan=r].is-active{background:#ff3b30;color:#000}.chan__btn[data-chan=g].is-active{background:#34c759;color:#000}.chan__btn[data-chan=b].is-active{background:#0a84ff;color:#000}.curve-wrap{border:1px solid var(--line);aspect-ratio:1 / 1;position:relative;background:#000}#curve{width:100%;height:100%;display:block;cursor:crosshair}.hint{color:var(--dim);font-size:10px;letter-spacing:.05em}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sel{display:flex;flex-direction:column;gap:4px}.sel span{color:var(--dim);font-size:12px}select{background:var(--bg);border:1px solid var(--line);padding:6px 8px;cursor:pointer}.go{background:var(--accent);color:var(--bg);border:none;padding:10px;cursor:pointer;font-weight:600;font-size:13px}.go:hover{filter:brightness(.9)}.go:disabled{background:var(--line);color:var(--dim);cursor:not-allowed}.zoom{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background:var(--panel);border:1px solid var(--line);z-index:20;user-select:none}.zoom button{background:transparent;border:none;border-right:1px solid var(--line);padding:8px 12px;cursor:pointer;color:var(--dim);font:inherit;font-size:12px;min-width:36px}.zoom button:hover{color:var(--accent)}.zoom button:last-child{border-right:none}.zoom #zoom-level{display:flex;align-items:center;justify-content:center;padding:0 12px;border-right:1px solid var(--line);color:var(--fg);font-size:12px;font-variant-numeric:tabular-nums;min-width:56px;text-align:center}.toast-stack{position:fixed;left:24px;bottom:24px;display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none;max-width:min(420px,calc(100vw - 48px))}.toast{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--dim);color:var(--fg);padding:10px 14px;font-size:13px;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.toast.is-in{opacity:1;transform:translateY(0)}.toast.is-out{opacity:0;transform:translateY(8px)}.toast--success{border-left-color:var(--accent)}.toast--error{border-left-color:#ff3b30}.toast__action{background:transparent;border:none;color:var(--accent);font:inherit;font-size:inherit;padding:0 0 0 8px;margin-left:4px;cursor:pointer;text-decoration:underline}.toast__action:hover{color:var(--fg)}.crop-overlay{position:absolute;pointer-events:none;z-index:5}.crop-overlay.is-active{pointer-events:auto}.crop-shade{position:absolute;background:#0000008c;pointer-events:auto}.crop-shade--top{left:0;top:0;right:0}.crop-shade--bottom{left:0;bottom:0;right:0}.crop-shade--left{left:0}.crop-shade--right{right:0}.crop-box{position:absolute;border:1px solid var(--accent);cursor:move;box-sizing:border-box}.crop-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent 33.333%,rgba(255,255,255,.25) 33.333%,rgba(255,255,255,.25) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent 66.666%,rgba(255,255,255,.25) 66.666%,rgba(255,255,255,.25) calc(66.666% + 1px),transparent calc(66.666% + 1px)),linear-gradient(to bottom,transparent 33.333%,rgba(255,255,255,.25) 33.333%,rgba(255,255,255,.25) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent 66.666%,rgba(255,255,255,.25) 66.666%,rgba(255,255,255,.25) calc(66.666% + 1px),transparent calc(66.666% + 1px))}.crop-handle{position:absolute;width:14px;height:14px;background:var(--accent);border:1px solid var(--bg)}.crop-handle[data-handle=nw]{top:-7px;left:-7px;cursor:nwse-resize}.crop-handle[data-handle=ne]{top:-7px;right:-7px;cursor:nesw-resize}.crop-handle[data-handle=sw]{bottom:-7px;left:-7px;cursor:nesw-resize}.crop-handle[data-handle=se]{bottom:-7px;right:-7px;cursor:nwse-resize}.crop-handle[data-handle=n]{top:-7px;left:50%;transform:translate(-50%);cursor:ns-resize}.crop-handle[data-handle=s]{bottom:-7px;left:50%;transform:translate(-50%);cursor:ns-resize}.crop-handle[data-handle=w]{left:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.crop-handle[data-handle=e]{right:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.crop-orient{display:flex;border:1px solid var(--line)}.crop-orient__btn{flex:1;background:transparent;border:none;border-right:1px solid var(--line);padding:6px;cursor:pointer;color:var(--dim);font:inherit;font-size:16px}.crop-orient__btn:last-child{border-right:none}.crop-orient__btn.is-active{background:var(--fg);color:var(--bg)}.aspect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.aspect-btn{background:transparent;border:1px solid var(--line);padding:8px 6px;cursor:pointer;color:var(--dim);font:inherit;font-size:12px}.aspect-btn:hover{color:var(--fg);border-color:var(--dim)}.aspect-btn.is-active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.ghost-bordered{background:transparent;border:1px solid var(--line);padding:10px;cursor:pointer;color:var(--dim);font:inherit;font-size:13px}.ghost-bordered:hover{color:var(--fg);border-color:var(--dim)}