:root{--bg:#121316;--bg-2:#1a1c20;--bg-3:#23262c;--line:#2c2f36;--text:#e9eaec;--muted:#9aa0aa;--accent:#3da5ff;--accent-2:#ff8a5c;--danger:#ff6b6b;--radius:10px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-size:13px;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{height:100%;height:100dvh;padding-left:var(--safe-l);padding-right:var(--safe-r);flex-direction:column;display:flex}.topbar{min-height:48px;padding:calc(6px + var(--safe-t)) 10px 6px;background:var(--bg-2);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:8px;margin-right:8px;font-size:15px;font-weight:700;display:flex}.tb-group{gap:2px;display:flex}.spacer{flex:1}.filename{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:28vw;margin-right:6px;overflow:hidden}.tb-btn{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 10px;display:inline-flex}.tb-btn:hover:not(:disabled){background:var(--bg-3)}.tb-btn.on{background:var(--bg-3);border-color:var(--accent)}.tb-btn.primary{background:var(--accent);color:#06121f;font-weight:600}.tb-btn.primary:hover:not(:disabled){background:#62b8ff}button.primary{background:var(--accent);color:#06121f;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}button.primary:hover:not(:disabled){background:#62b8ff}button.big{border-radius:10px;padding:12px 22px;font-size:15px}button.ghost{color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}button.ghost:hover:not(:disabled){color:var(--text);background:var(--bg-3)}button.small{font-size:12px}button.icon{background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}button.icon:hover{background:var(--bg-3)}.main{flex:1;min-height:0;display:flex}.stage{background:#0c0d0f;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.viewer{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.viewer-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sidebar{background:var(--bg-2);border-left:1px solid var(--line);flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.hist-wrap{padding:10px 12px 8px}.histogram{border:1px solid var(--line);background:#15171b;border-radius:8px;width:100%;height:72px;display:block}.tabs{border-bottom:1px solid var(--line);padding:0 8px;display:flex}.tabs button{color:var(--muted);touch-action:manipulation;background:0 0;border:0;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px 7px;font-size:11px;display:flex}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.panel-scroll{overscroll-behavior:contain;min-height:0;padding-bottom:calc(24px + var(--safe-b));flex:1;overflow-y:auto}.panel-scroll::-webkit-scrollbar{width:8px}.panel-scroll::-webkit-scrollbar-thumb{background:#33363d;border-radius:4px}.section{border-bottom:1px solid var(--line)}.section>header{align-items:center;gap:4px;min-height:40px;padding:2px 8px 2px 4px;display:flex}.section-toggle{text-align:left;letter-spacing:.6px;text-transform:uppercase;color:#d6d9de;background:0 0;border:0;flex:1;align-items:center;gap:4px;padding:8px;font-size:12px;font-weight:600;display:flex}.section-title{letter-spacing:.6px;text-transform:uppercase;color:#d6d9de;flex:1;padding:8px;font-size:12px;font-weight:600}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.section-body{padding:2px 14px 14px}.slider{padding:3px 0 1px}.slider-head{justify-content:space-between;align-items:baseline;display:flex}.slider-label{color:var(--muted);text-align:left;background:0 0;border:0;padding:2px 0;font-size:12px}.slider.modified .slider-label{color:var(--text)}.slider-value{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;min-width:44px;font-size:12px}.slider.modified .slider-value{color:var(--accent)}input[type=range]{appearance:none;touch-action:pan-y;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #3a3d45 var(--from,0%), var(--accent) var(--from,0%), var(--accent) var(--to,0%), #3a3d45 var(--to,0%));border-radius:2px;height:4px}.has-track input[type=range]::-webkit-slider-runnable-track{background:var(--track)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#f4f5f7;border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 1px #00000080,0 1px 4px #00000080}input[type=range]::-moz-range-track{background:#3a3d45;border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:0 0;height:4px}.has-track input[type=range]::-moz-range-track{background:var(--track)}input[type=range]::-moz-range-thumb{background:#f4f5f7;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #00000080}.seg{background:var(--bg);border:1px solid var(--line);border-radius:8px;margin:4px 0 8px;padding:2px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:6px;flex:1;padding:6px 4px;font-size:12px}.seg button.on{background:var(--bg-3);color:var(--text)}.hint{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.45}.hint.pad{padding:0 14px 14px}.warn{color:var(--danger)}.curve-editor{flex-direction:column;gap:8px;display:flex}.curve-tabs{align-items:center;gap:4px;display:flex}.curve-tabs button:not(.ghost){background:var(--bg);border:1px solid var(--line);width:38px;height:28px;color:var(--c);border-radius:6px;font-size:12px;font-weight:600}.curve-tabs button.on{background:var(--bg-3);border-color:var(--c)}.curve-svg{aspect-ratio:1;touch-action:none;border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;display:block}.preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset{text-align:center;color:var(--muted);background:0 0;border:0;flex-direction:column;gap:4px;padding:0;font-size:11px;display:flex}.preset canvas{object-fit:cover;border:1px solid var(--line);background:#15171b;border-radius:6px;width:100%;height:70px;display:block}.preset:hover{color:var(--text)}.preset:hover canvas{border-color:var(--accent)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--bg);border:1px solid var(--line);color:var(--muted);touch-action:manipulation;border-radius:999px;padding:6px 12px;font-size:12px}.chip.on{color:var(--text);border-color:var(--accent);background:var(--bg-3)}.crop-actions{gap:8px;padding:12px 14px;display:flex}.crop-actions button:not(.primary):not(.ghost){background:var(--bg-3);border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.tool-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tool-row button{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;font-size:11px;display:flex}.tool-row button:hover{color:var(--text)}.tool-row button.on{color:var(--text);border-color:var(--accent)}dl.info{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;padding:4px 14px 14px;display:grid}dl.info dt{color:var(--muted)}dl.info dd{word-break:break-word;margin:0}dl.info.keys dt{color:#c4c8cf;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.crop-layer{pointer-events:none;position:absolute}.crop-box{cursor:move;touch-action:none;pointer-events:auto;border:1px solid #fffffff2;position:absolute;box-shadow:0 0 0 9999px #00000094}.crop-grid{pointer-events:none;background:linear-gradient(#ffffff59,#ffffff59) 33.333% 0/1px 100% no-repeat,linear-gradient(#ffffff59,#ffffff59) 66.666% 0/1px 100% no-repeat,linear-gradient(#ffffff59,#ffffff59) 0 33.333%/100% 1px no-repeat,linear-gradient(#ffffff59,#ffffff59) 0 66.666%/100% 1px no-repeat;position:absolute;inset:0}.crop-handle{touch-action:none;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;position:absolute}.crop-handle i{background:#fff;border-radius:3px;width:12px;height:12px;display:block;box-shadow:0 0 0 1px #0009}.h-nw{cursor:nwse-resize;top:0;left:0}.h-n{cursor:ns-resize;top:0;left:50%}.h-ne{cursor:nesw-resize;top:0;left:100%}.h-e{cursor:ew-resize;top:50%;left:100%}.h-se{cursor:nwse-resize;top:100%;left:100%}.h-s{cursor:ns-resize;top:100%;left:50%}.h-sw{cursor:nesw-resize;top:100%;left:0}.h-w{cursor:ew-resize;top:50%;left:0}@media (pointer:fine){.crop-handle{width:28px;height:28px;margin:-14px 0 0 -14px}}.zoom-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);background:#141518d1;border-radius:8px;gap:2px;padding:2px;display:flex;position:absolute;bottom:12px;left:12px}.zoom-bar button{font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:6px;place-items:center;min-width:34px;padding:5px 8px;display:inline-grid}.zoom-bar button:hover{background:var(--bg-3)}.badge-before{letter-spacing:.5px;pointer-events:none;background:#000000b3;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.welcome{background:radial-gradient(1200px 600px at 50% 0,#1d2230 0%,#0c0d0f 70%);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.welcome-card{text-align:center;max-width:440px;color:var(--muted);flex-direction:column;align-items:center;gap:12px;display:flex}.welcome-card h1{color:#0000;background:linear-gradient(90deg,#ffb347,#ff5f6d);-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px}.welcome-card p{margin:0;font-size:14px;line-height:1.5}.welcome-card .hint{font-size:12px}.drop-overlay{border:2px dashed var(--accent);pointer-events:none;z-index:5;background:#3da5ff1f;border-radius:16px;place-items:center;font-size:22px;font-weight:600;display:grid;position:absolute;inset:10px}.loading{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:6;background:#0a0b0db8;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.spinner{border:3px solid #333840;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{border:1px solid var(--line);z-index:7;background:#262a31;border-radius:10px;max-width:min(560px,92%);padding:10px 14px;line-height:1.4;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.toast.error{border-color:var(--danger)}.fatal{text-align:center;place-content:center;gap:8px;height:100%;padding:24px;display:grid}.modal-backdrop{z-index:20;background:#0000009e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;width:min(420px,100%);padding:16px 18px 18px;display:flex;box-shadow:0 20px 60px #0009}.modal header{justify-content:space-between;align-items:center;display:flex}.modal h2{margin:0;font-size:17px}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.field>span b{color:var(--text)}.field input[type=text],.field select{background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;padding:9px 10px}.field .seg{margin:0}.modal footer{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal footer button:not(.primary){background:var(--bg-3);border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}@media (max-width:860px){.brand span,.filename,.tb-btn .lbl{display:none}.tb-btn.primary .lbl{display:inline}.tb-btn{padding:0 9px}.main{flex-direction:column}.sidebar{border-left:0;border-top:1px solid var(--line);width:auto;height:46dvh;max-height:440px;padding-bottom:var(--safe-b);border-radius:14px 14px 0 0}.hist-wrap{padding:8px 12px 4px}.histogram{height:44px}.zoom-bar{bottom:10px}.toast{bottom:12px}.section-body{padding:2px 16px 14px}}@media (max-width:860px) and (orientation:landscape){.main{flex-direction:row}.sidebar{border-top:0;border-left:1px solid var(--line);border-radius:0;width:310px;height:auto;max-height:none}.histogram{height:52px}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}