:root{--bg:#fff;--panel:#f6f7f9;--panel2:#eceef1;--line:#d9dde2;--text:#16191e;--muted:#5c6671;--accent:#0a84ff;--good:#1f9d57;--warn:#c9870a;--bad:#e23b39;--radius:12px;--gap:14px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.wrap{gap:var(--gap);max-width:1280px;padding:var(--gap);grid-template-columns:1fr 280px;min-height:100%;margin:0 auto;display:grid}@media (width<=900px){.wrap{grid-template-columns:1fr}}.title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}h1{margin:0 0 2px;font-size:17px;font-weight:600}.runtime-pill{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.sub{color:var(--muted);margin:0 0 12px;font-size:12px}.stage{border-radius:var(--radius);aspect-ratio:16/9;border:1px solid var(--line);background:#000;position:relative;overflow:hidden}video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.badge{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0000008c;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:flex;position:absolute;top:10px;left:10px}.rec-dot{background:var(--bad);border-radius:50%;width:8px;height:8px;box-shadow:0 0 #ef535099}.rec-dot.live{animation:1.1s infinite recBlink}@keyframes recBlink{0%{box-shadow:0 0 #ef535099}70%{box-shadow:0 0 0 8px #ef535000}to{box-shadow:0 0 #ef535000}}.timer{border:1px solid var(--line);font-variant-numeric:tabular-nums;color:#fff;background:#0000008c;border-radius:8px;padding:5px 10px;font-size:16px;font-weight:600;position:absolute;top:10px;right:10px}.progress{background:var(--panel2);border-radius:999px;height:5px;margin-top:10px;overflow:hidden}.progress>div{background:var(--accent);width:0%;height:100%;transition:width .25s linear}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}button,.btn{font:inherit;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:8px;padding:8px 12px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}button:hover,.btn:hover{border-color:#3a414b}button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed}button.primary,.btn.primary{background:var(--accent);color:#fff;border-color:#0000}button.danger,.btn.danger{background:var(--bad);color:#fff;border-color:#0000}button.ghost,.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel+.panel{margin-top:10px}.panel-header{cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.panel-header:hover{background:#00000005}.panel-body{padding:12px}.panel-body.collapsed{display:none}.panel-toggle{font-size:10px;transition:transform .15s}.panel.collapsed .panel-toggle{transform:rotate(-90deg)}.set-grid{grid-template-columns:1fr;gap:10px;display:grid}.control-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.control-grid button{width:100%;padding:8px 6px;font-size:13px}.control-grid .wide{grid-column:1/-1}.control-status{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.group-label{border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;padding-top:10px;font-size:11px;font-weight:700}.field{flex-direction:column;gap:3px;min-width:0;display:flex}.field>label{color:var(--muted);font-size:11px;font-weight:600}.field select,.field input[type=text],.field input[type=number]{background:var(--panel2);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;border-radius:7px;padding:7px 8px}.field select:disabled,.field input:disabled{opacity:.5;cursor:not-allowed}.field input[type=range]{width:100%;accent-color:var(--accent)}.effect-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:4px;display:grid}.effect-chip{text-overflow:ellipsis;white-space:nowrap;border-radius:7px;min-width:0;padding:6px 2px;font-size:10px;overflow:hidden}.effect-chip:before{content:"";background:var(--effect-gradient,linear-gradient(90deg, #222, #ddd));border-radius:3px;height:12px;margin:-2px 1px 4px;display:block}.effect-chip.active{border-color:var(--accent);box-shadow:0 0 0 2px #0a84ff2e}.effect-chip[data-filter=natural]{--effect-gradient:linear-gradient(90deg, #694b3b, #d5a179, #6991a5)}.effect-chip[data-filter=jet]{--effect-gradient:linear-gradient(90deg, #0015ff, #00eaff, #eaff00, red)}.effect-chip[data-filter=viridis]{--effect-gradient:linear-gradient(90deg, #440154, #31688e, #35b779, #fde725)}.effect-chip[data-filter=grayscale]{--effect-gradient:linear-gradient(90deg, #000, #888, #fff)}.effect-chip[data-filter=negative]{--effect-gradient:linear-gradient(90deg, #fff, #9d73bd, #000)}#filterPreview{object-fit:cover;width:100%;height:100%;display:none;position:absolute;inset:0;transform:scaleX(-1)}.switch{color:var(--text);cursor:pointer;align-items:center;gap:7px;padding-top:4px;font-size:12px;display:flex}.switch input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.screen-wrap{border:1px solid var(--line);aspect-ratio:16/9;background:#000;border-radius:8px;margin-top:10px;position:relative;overflow:hidden}.screen-wrap video{object-fit:contain;width:100%;height:100%;display:block;transform:none}.region-overlay{cursor:crosshair;display:none;position:absolute;inset:0}.region-overlay.active{display:block}.region-rect{border:2px solid var(--accent);background:#0a84ff2e;display:none;position:absolute}.meter-label{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.meter{background:var(--panel2);border-radius:999px;height:8px;position:relative;overflow:hidden}.meter>.fill{width:0%;height:100%;transition:width .2s}.hint{color:var(--muted);margin-top:5px;font-size:11.5px}.hint.good{color:var(--good)}.hint.warn{color:var(--warn)}.hint.bad{color:var(--bad)}.stat{justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.stat span:last-child{color:var(--text);font-variant-numeric:tabular-nums}.stat span:first-child{color:var(--muted)}.result,.recovery{display:none}.result.show,.recovery.show{display:block}.result video{border:1px solid var(--line);aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;transform:none}.res-block{border-top:1px solid var(--line);padding:10px 0}.res-block:first-child{border-top:0}.res-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.res-head b{font-size:13px}.filename{color:var(--accent);word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}.err{color:var(--bad);margin-top:8px;font-size:12px}.pill{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:10px}.pill.good{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, var(--line))}.pill.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, var(--line))}.pill.bad{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 45%, var(--line))}.editor{margin-top:12px}.editor video{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:420px;transform:none}.editor-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:8px;padding:24px 14px}.editor-controls{display:none}.editor-controls.show{display:block}.trim-track{height:38px;margin-top:12px;position:relative}.trim-track:before{content:"";background:var(--panel2);border-radius:999px;height:8px;position:absolute;top:15px;left:0;right:0}.trim-track .selection{background:var(--accent);pointer-events:none;border-radius:999px;height:8px;position:absolute;top:15px}.trim-track input[type=range]{pointer-events:none;appearance:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.trim-track input[type=range]::-webkit-slider-runnable-track{background:0 0;height:8px}.trim-track input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);pointer-events:auto;cursor:ew-resize;border:2px solid #fff;border-radius:5px;width:16px;height:22px;margin-top:-7px;box-shadow:0 1px 4px #00000059}.time-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.time-box{background:var(--panel2);border-radius:7px;padding:7px 8px}.time-box span{color:var(--muted);font-size:10px;display:block}.time-box b{font-variant-numeric:tabular-nums;font-size:13px;display:block}.time-box input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:6px;margin-top:4px;padding:5px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.editor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.editor-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-actions button{padding:7px 10px}.editor-progress{margin-top:10px;display:none}.editor-progress.show{display:block}.editor-progress .progress{margin-top:5px}.file-button input{display:none}.recovery-item{border-top:1px solid var(--line);padding:8px 0}.recovery-item:first-child{border-top:0}.recovery-item p{margin:2px 0}@media (pointer:coarse){button,.btn{min-height:40px;padding:10px 14px}.field select,.field input{padding:9px}}body[data-platform=android] .desktop-only,body[data-platform=ios] .desktop-only,body[data-platform=android] .screen-only,body[data-platform=ios] .screen-only{display:none!important}