:root{--bg:#0f1013;--bg2:#14161a;--panel:#17191e;--panel2:#1c1f25;--border:#262932;--text:#d7dae0;--muted:#8b909b;--accent:#e8b34b;--accent-dim:#a97f2e;--danger:#e05c5c;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1200px 600px at 70% -10%, #1a1d24 0%, transparent 60%), var(--bg);color:var(--text);flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;display:flex;overflow:hidden}#topbar{border-bottom:1px solid var(--border);background:linear-gradient(#1b1e24,#16181d);flex:none;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.brand{letter-spacing:.2px;color:var(--muted);align-items:center;gap:10px;font-size:15px;display:flex}.brand b{color:var(--text);font-weight:650}.top-actions{align-items:center;gap:8px;display:flex}.vsep{background:var(--border);width:1px;height:22px;margin:0 4px}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover:not(:disabled){background:#23262e;border-color:#343945}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:default}.btn.primary{color:#1d1608;background:linear-gradient(#f0bf58,#d9a03a);border-color:#b9872c;font-weight:600}.btn.primary:hover{background:linear-gradient(#f6c966,#e2ab44)}.btn.small{padding:6px 10px;font-size:12.5px}.btn.tiny{border-radius:6px;padding:4px 8px;font-size:11.5px}.btn.wide{justify-content:center;width:100%}.btn.active{border-color:var(--accent);color:var(--accent);background:#e8b34b14}main{flex:1;min-height:0;display:flex}#sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:12px;width:264px;padding:12px;display:flex;overflow-y:auto}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.panel h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:600}.slider-row{margin-bottom:12px}.slider-row:last-of-type{margin-bottom:8px}.slider-row label{color:var(--text);justify-content:space-between;align-items:baseline;margin-bottom:5px;font-size:12.5px;display:flex}.slider-row output{font-variant-numeric:tabular-nums;color:var(--accent);text-align:center;cursor:pointer;background:#e8b34b14;border:1px solid #e8b34b40;border-radius:5px;min-width:34px;padding:0 6px;font-size:12px}.slider-row output:hover{background:#e8b34b2e}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(#565d6d,#565d6d) 50%/2px 10px no-repeat,linear-gradient(90deg,#3a3f4b,#3a3f4b);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:15px;height:15px;box-shadow:0 0 0 1px var(--accent-dim);border:2px solid #14161a;border-radius:50%;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.filter-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.filter-grid .btn{flex-direction:column;gap:4px;padding:5px 4px 6px;font-size:11px}.filter-grid .btn canvas{border:1px solid #ffffff17;border-radius:4px;display:block}#histo{border:1px solid var(--border);background:#0b0c0f;border-radius:6px;width:100%;height:auto;display:block}.btn-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.btn-grid .btn{justify-content:center}.aspect-row{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.aspect-row .btn{flex:1}.num-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.num-grid label{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.num-grid input{background:var(--panel2);border:1px solid var(--border);width:100%;min-width:0;color:var(--text);border-radius:6px;padding:4px 6px;font-family:inherit;font-size:12.5px}.num-grid input:focus{border-color:var(--accent-dim);outline:none}.shortcuts .keys{color:var(--muted);flex-direction:column;gap:5px;font-size:11.5px;display:flex}kbd{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-family:inherit;font-size:10.5px}#stage{flex-direction:column;flex:1;min-width:0;padding:18px 18px 0;display:flex}#canvasWrap{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(900px 500px at 50% 40%,#191c22 0%,#101216 70%);flex:1;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}#canvasWrap.zoomed{overflow:auto}#canvasStack{margin:auto;font-size:0;position:relative}#view{box-shadow:0 8px 40px #0000008c, 0 0 0 1px var(--border);background:#0a0b0d;border-radius:3px;display:block}#cropOverlay{cursor:crosshair;position:absolute;inset:0}#cropSel{border:1.5px solid var(--accent);cursor:move;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Crect width='3' height='3' fill='none'/%3E%3C/svg%3E");position:absolute;box-shadow:0 0 0 9999px #0506089e}#cropSel .third{pointer-events:none;background:#e8b34b47;position:absolute}#cropSel .t1{width:1px;top:0;bottom:0;left:33.33%}#cropSel .t2{width:1px;top:0;bottom:0;left:66.66%}#cropSel .h1{height:1px;top:33.33%;left:0;right:0}#cropSel .h2{height:1px;top:66.66%;left:0;right:0}.hd{background:var(--accent);border:2px solid #14161a;border-radius:2px;width:12px;height:12px;position:absolute;box-shadow:0 0 0 1px #0006}.hd[data-h=nw]{cursor:nwse-resize;top:-6px;left:-6px}.hd[data-h=n]{cursor:ns-resize;top:-6px;left:calc(50% - 6px)}.hd[data-h=ne]{cursor:nesw-resize;top:-6px;right:-6px}.hd[data-h=w]{cursor:ew-resize;top:calc(50% - 6px);left:-6px}.hd[data-h=e]{cursor:ew-resize;top:calc(50% - 6px);right:-6px}.hd[data-h=sw]{cursor:nesw-resize;bottom:-6px;left:-6px}.hd[data-h=s]{cursor:ns-resize;bottom:-6px;left:calc(50% - 6px)}.hd[data-h=se]{cursor:nwse-resize;bottom:-6px;right:-6px}#splitHandle{cursor:ew-resize;z-index:5;justify-content:center;align-items:center;width:22px;height:100%;display:flex;position:absolute;top:0;transform:translate(-50%)}#splitHandle .grip{background:#fff;border-radius:3px;width:4px;height:44px;position:relative;box-shadow:0 0 8px #000000b3,0 0 0 1px #0000004d}#splitHandle .grip:before,#splitHandle .grip:after{content:"";border:5px solid #0000;position:absolute;left:50%;transform:translate(-50%)}#splitHandle .grip:before{border-bottom-color:#fff;top:-9px}#splitHandle .grip:after{border-top-color:#fff;bottom:-9px}.split-label{z-index:4;letter-spacing:.1em;text-transform:uppercase;color:#cfd3da;pointer-events:none;background:#0a0b0db8;border:1px solid #ffffff24;border-radius:5px;padding:3px 8px;font-size:10.5px;position:absolute;top:10px}#splitLabelL{left:10px}#splitLabelR{right:10px}#statusbar{height:34px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:18px;padding:0 6px;font-size:11.5px;display:flex}#statusbar span{white-space:nowrap}#status-hint{opacity:.7;margin-left:auto}#zoomCtl{align-items:center;gap:4px;display:inline-flex}.zbtn{background:var(--panel2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:5px;min-width:22px;height:20px;padding:0 6px;font-family:inherit;font-size:12px;line-height:1}.zbtn:hover{background:#23262e;border-color:#343945}#z-val{text-align:center;cursor:pointer;min-width:46px;color:var(--text);font-size:11.5px}#z-val:hover{color:var(--accent)}#toast{color:var(--text);border:1px solid var(--border);z-index:50;pointer-events:none;opacity:0;background:#22252c;border-radius:8px;padding:9px 16px;font-size:13px;transition:opacity .18s;position:fixed;bottom:52px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}#toast.show{opacity:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border:2px solid var(--panel);background:#2a2e37;border-radius:5px}::-webkit-scrollbar-track{background:0 0}