:root{--bg-body: #050505;--bg-panel: #0a0a0a;--bg-input: #000;--border: #222;--border-light: #333;--text-main: #e5e5e5;--text-muted: #666;--accent: #d97706;--accent-dim: rgba(217, 119, 6, .15);--font-mono: "JetBrains Mono", "Menlo", monospace;--radius: 4px;--ease: cubic-bezier(.2, .8, .2, 1);--h-control: 42px}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;background:var(--bg-body);color:var(--text-main);font-family:Inter,-apple-system,sans-serif;height:100dvh;width:100vw;overflow:hidden}.hidden{display:none!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important}.boot-layer{position:fixed;inset:0;background:#050505;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.boot-loader{width:40px;height:40px;border:2px solid #222;border-top-color:var(--accent);border-radius:50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;margin-bottom:24px}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.boot-log{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.app-root{display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;height:100dvh;opacity:0;-webkit-transition:opacity .6s var(--ease);-o-transition:opacity .6s var(--ease);transition:opacity .6s var(--ease)}.app-root.online{opacity:1}.panel-sidebar{width:320px;background:var(--bg-panel);border-right:1px solid var(--border);-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:width .4s var(--ease),-webkit-transform .4s var(--ease);transition:width .4s var(--ease),-webkit-transform .4s var(--ease);-o-transition:transform .4s var(--ease),width .4s var(--ease);transition:transform .4s var(--ease),width .4s var(--ease);transition:transform .4s var(--ease),width .4s var(--ease),-webkit-transform .4s var(--ease);overflow:hidden}.mode-simple .panel-sidebar{width:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%);border:none}.sidebar-content{padding:30px;width:320px;height:100%;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}label{display:block;font-size:9px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.input-wrapper{position:relative;width:100%;height:var(--h-control)}.input-std,.select-std,.toggle-btn{width:100%;height:var(--h-control);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:#fff;font-family:var(--font-mono);font-size:12px;outline:none;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0}.input-std{padding:0 60px 0 12px}.select-std{padding:0 12px;cursor:pointer}.input-std:focus,.select-std:focus{border-color:var(--accent)}.input-suffix{position:absolute;right:12px;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:9px;color:#444;pointer-events:none;font-family:var(--font-mono);letter-spacing:.5px}.toggle-btn{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-btn:hover{border-color:var(--border-light)}.toggle-btn.active{border-color:var(--accent);background:var(--accent-dim)}.toggle-btn span{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase}.toggle-track{width:24px;height:12px;background:#111;border:1px solid var(--border-light);border-radius:20px;position:relative;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;-ms-flex-negative:0;flex-shrink:0}.active .toggle-track{background:var(--accent);border-color:var(--accent)}.active .toggle-track:after{-webkit-transform:translateX(12px);-ms-transform:translateX(12px);transform:translate(12px);background:#000}.toggle-track:after{content:"";position:absolute;top:1px;left:1px;width:8px;height:8px;background:#666;border-radius:50%;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.btn-full{width:100%;height:var(--h-control);background:var(--accent);color:#000;border:none;font-weight:700;font-size:11px;letter-spacing:1px;cursor:pointer;border-radius:var(--radius);margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-full:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.panel-main{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#000;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.stage-input{width:100%;max-width:480px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}.drop-zone{width:100%;height:220px;border:1px dashed var(--border-light);border-radius:var(--radius);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;background:#ffffff03}.drop-zone:hover{border-color:var(--accent);background:var(--accent-dim)}.drop-zone.staged{border-style:solid;border-color:var(--accent);background:#050505}.icon-xl{font-size:36px;color:var(--text-muted);margin-bottom:16px}.drop-zone.staged .icon-xl{color:var(--accent)}.zone-label{font-size:10px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.file-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent);margin-top:8px;background:var(--accent-dim);padding:4px 8px;border-radius:4px}.preset-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 1fr 10px 1fr;grid-template-columns:1fr 1fr 1fr;gap:10px}.preset-card{background:var(--bg-panel);border:1px solid var(--border);padding:20px 8px;border-radius:var(--radius);cursor:pointer;text-align:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.preset-card:hover{border-color:var(--border-light);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.preset-card.selected{border-color:var(--accent);background:var(--accent-dim)}.preset-card strong{font-family:var(--font-mono);font-size:15px;margin-bottom:4px;pointer-events:none}.preset-card span{font-size:9px;color:var(--text-muted);letter-spacing:1px;pointer-events:none}.link-manual{text-align:center;font-size:9px;color:var(--text-muted);text-decoration:underline;cursor:pointer;letter-spacing:1px;margin-top:10px}.stage-result{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.video-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;width:100%;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:10px}video{width:100%;height:100%;outline:none;-o-object-fit:contain;object-fit:contain}.result-bar{background:var(--bg-panel);border-top:1px solid var(--border);padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:calc(24px + env(safe-area-inset-bottom));-ms-flex-negative:0;flex-shrink:0;z-index:10}.stat-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px}.stat-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.stat-item label{font-size:9px;color:var(--text-muted);margin-bottom:4px}.stat-item span{font-family:var(--font-mono);font-size:16px}.action-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:12px 24px;border-radius:var(--radius);cursor:pointer;font-size:11px;font-weight:700;height:var(--h-control);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-solid{background:var(--accent);color:#000;padding:0 30px;border-radius:var(--radius);text-decoration:none;font-size:11px;font-weight:700;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--h-control)}.stage-working{text-align:center;width:100%}.progress-big{font-size:120px;font-family:var(--font-mono);font-weight:200;color:#fff;line-height:1}.status-bar{font-size:10px;letter-spacing:4px;color:var(--accent);text-transform:uppercase;margin-top:24px;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@media(max-width:800px){:root{--h-control: 48px}.app-root{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.panel-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);max-height:50vh}.mode-simple .panel-sidebar{display:none}.sidebar-content{width:100%;padding:16px;gap:12px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 12px 1fr;grid-template-columns:1fr 1fr}.control-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%}.grid-full{-ms-grid-column-span:2;grid-column:span 2}.grid-half{-ms-grid-column-span:1;grid-column:span 1}.sidebar-content>.btn-full{-ms-grid-column-span:2;grid-column:span 2;margin-top:8px}.panel-main{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.stage-input{width:100%;padding:16px;gap:16px}.drop-zone{height:160px}.progress-big{font-size:64px}.result-bar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.stat-group{-ms-flex-pack:distribute;justify-content:space-around;width:100%}.action-group{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;width:100%}.btn-ghost,.btn-solid{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}