:root{color-scheme:dark;--ink: #f3f7fb;--muted: #9aa7b7;--line: #273244;--paper: #10151f;--soft: #05070b;--glass: rgba(16, 21, 31, .78);--field: #141b28;--field-soft: #192234;--button: #edf4ff;--button-text: #061018;--button-hover: #16c7ad;--terminal: #070a10;--terminal-text: #dce8f2;--hero-text: #c5d0dd;--danger-bg: #2b1718;--danger-text: #ffb5ad;--progress-bg: #242d3b;--teal: #1fd7bd;--teal-dark: #7df8e5;--blue: #6f97ff;--coral: #ff746d;--amber: #f5cb62;--green-soft: rgba(31, 215, 189, .13);--shadow: 0 18px 42px rgba(0, 0, 0, .3);--body-bg: radial-gradient(circle at 12% -12%, rgba(31, 215, 189, .14), transparent 30%), radial-gradient(circle at 85% 8%, rgba(255, 116, 109, .12), transparent 28%), linear-gradient(180deg, #05070b, #0a0f18 52%, #070910);--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--ink: #15171c;--muted: #66717f;--line: #dce4ec;--paper: #ffffff;--soft: #f5f7f9;--glass: rgba(255, 255, 255, .78);--field: #ffffff;--field-soft: #eef2f6;--button: #15171c;--button-text: #ffffff;--button-hover: #066557;--terminal: #11151b;--terminal-text: #dbe7ef;--hero-text: #384350;--danger-bg: #fff1ef;--danger-text: #87362f;--progress-bg: #e9eef3;--teal: #0d8f7b;--teal-dark: #066557;--blue: #335fd6;--coral: #ee665c;--amber: #efb84a;--green-soft: #e9f8f3;--shadow: 0 12px 32px rgba(21, 23, 28, .07);--body-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(245, 247, 249, .97)), repeating-linear-gradient(90deg, rgba(21, 23, 28, .035) 0 1px, transparent 1px 42px)}*{box-sizing:border-box}html{min-width:320px;background:var(--soft)}body{margin:0;color:var(--ink);background:var(--body-bg);transition:background .26s ease,color .26s ease}body:before{content:"";position:fixed;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 18% 32%,rgba(255,116,109,.18),transparent 24%),radial-gradient(circle at 82% 58%,rgba(31,215,189,.16),transparent 26%),repeating-linear-gradient(115deg,transparent 0 28px,rgba(255,255,255,.035) 28px 30px);transition:opacity .9s ease;animation:processingFlow 6.2s ease-in-out infinite;animation-play-state:paused}:root[data-theme=light] body:before{background:radial-gradient(circle at 18% 32%,rgba(238,102,92,.12),transparent 24%),radial-gradient(circle at 82% 58%,rgba(13,143,123,.12),transparent 26%),repeating-linear-gradient(115deg,transparent 0 28px,rgba(21,23,28,.032) 28px 30px)}:root[data-processing=true] body:before{opacity:1;animation-play-state:running}.app-fallback{min-height:100vh;display:grid;place-items:center;padding:24px}.fatal-panel{width:min(100%,520px);display:grid;gap:16px;justify-items:start;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);padding:24px}.fatal-panel h1{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.05}.fatal-panel p{margin:0;color:var(--muted);line-height:1.6}.fatal-panel button{border:0;border-radius:var(--radius);background:var(--button);color:var(--button-text);font-weight:900;padding:12px 16px;cursor:pointer}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}.app{position:relative;z-index:1;width:min(1280px,calc(100vw - 28px));margin:0 auto;padding:22px 0 54px}.topbar{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:16px;min-height:56px;margin-bottom:20px}.brand-cluster{display:flex;align-items:center;gap:10px;min-width:0}.brand{display:inline-grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius);color:#fff;background:linear-gradient(145deg,var(--teal),var(--blue));font-weight:850}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:var(--muted)}.language-toggle{position:relative;display:grid;align-items:center;flex:0 0 auto;min-height:38px;width:70px;border:1px solid var(--line);border-radius:999px;background:var(--glass);color:var(--ink);cursor:pointer;padding:4px;overflow:hidden}.language-toggle:before{content:"";position:absolute;inset:4px auto 4px 4px;width:30px;border-radius:999px;background:linear-gradient(135deg,var(--teal),var(--blue));transition:transform .26s ease,background .26s ease}.language-toggle.en:before{transform:translate(32px);background:linear-gradient(135deg,var(--amber),var(--coral))}.language-toggle span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;color:#fff;font-size:.78rem;font-weight:900;transition:transform .26s ease}.language-toggle.en span{transform:translate(32px)}.header-actions{justify-self:end;display:inline-flex;align-items:center;gap:10px}.about-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);color:var(--ink);cursor:pointer;font-weight:850;padding:0 14px}.about-button:hover{border-color:#1fd7bd6b;background:var(--green-soft)}.about-button svg{color:var(--teal-dark)}.about-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0000008f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-modal{width:min(680px,100%);max-height:min(86vh,760px);overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);padding:20px}.about-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.about-heading .panel-title{margin-bottom:0}.about-close{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:var(--radius);background:var(--field-soft);color:var(--ink);cursor:pointer}.about-modal p{margin-bottom:14px;color:var(--hero-text);line-height:1.55}.about-modal ul{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--muted);line-height:1.5}.about-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.about-section h3{margin:0 0 10px;font-size:.95rem;line-height:1.2}.mode-nav{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass)}.mode-nav button{min-height:34px;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-weight:760;padding:0 12px}.mode-nav button.active{color:var(--teal-dark);background:var(--green-soft)}.theme-toggle{position:relative;display:grid;align-items:center;min-height:42px;width:76px;border:1px solid var(--line);border-radius:999px;background:var(--glass);color:var(--ink);cursor:pointer;padding:4px;overflow:hidden}.theme-toggle:before{content:"";position:absolute;inset:4px auto 4px 4px;width:34px;border-radius:999px;background:linear-gradient(135deg,var(--teal),var(--blue));transition:transform .26s ease,background .26s ease}.theme-toggle.light:before{transform:translate(34px);background:linear-gradient(135deg,var(--amber),var(--coral))}.theme-toggle span{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;color:#fff;transition:transform .26s ease}.theme-toggle.light span{transform:translate(34px)}.tool-browser{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:22px}.tool-chip{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center;min-height:68px;padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);color:var(--ink);text-align:left;cursor:pointer}.tool-chip svg{width:34px;height:34px;border-radius:7px;color:#fff;background:var(--blue);padding:8px}.tool-chip:nth-child(3n) svg{background:var(--coral)}.tool-chip:nth-child(4n) svg{background:var(--teal)}.tool-chip strong,.tool-chip small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tool-chip strong{font-weight:850}.tool-chip small{margin-top:3px;color:var(--muted)}.tool-chip.active{border-color:#0d8f7b5c;background:var(--green-soft);box-shadow:0 12px 28px #0d8f7b1a}.hero-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);gap:18px;align-items:end;margin-bottom:18px}.eyebrow{margin:0 0 8px;color:var(--teal-dark);font-size:.78rem;font-weight:850;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2.5rem,7vw,6.8rem);line-height:.88;letter-spacing:0}h2{margin:0;font-size:1rem}.lead{max-width:660px;margin-bottom:0;color:var(--hero-text);font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.48}.engine-card,.panel-title{display:flex;align-items:center;gap:10px}.engine-card{justify-self:end;width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:14px;box-shadow:var(--shadow)}.engine-card svg{color:var(--amber)}.engine-card strong,.engine-card small{display:block}.engine-card small{color:var(--muted)}.runtime-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.runtime-strip .metric{min-height:62px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:11px 12px;box-shadow:var(--shadow)}.runtime-strip.working .metric:first-child{border-color:#0d8f7b6b;animation:pulseWork 1.1s ease-in-out infinite}.runtime-warning{margin:-4px 0 16px;border:1px solid rgba(238,102,92,.35);border-radius:var(--radius);background:var(--danger-bg);color:var(--danger-text);padding:12px 14px;font-size:.92rem;line-height:1.45}.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:16px;align-items:start}.workbench>*{min-width:0}.drop-panel,.settings-panel,.result-panel,.terminal-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.drop-panel{position:relative;overflow:hidden;display:grid;min-width:0;align-content:center;gap:18px;min-height:430px;padding:clamp(22px,4vw,44px);border-style:dashed;background:linear-gradient(135deg,rgba(13,143,123,.1),transparent 42%),linear-gradient(210deg,rgba(238,102,92,.1),transparent 34%),var(--paper)}.drop-panel.dragging{border-color:var(--teal);background:var(--green-soft)}.drop-panel input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-action,.run-button,.download-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:var(--radius);background:var(--button);color:var(--button-text);cursor:pointer;font-weight:850;text-decoration:none}.drop-action{justify-self:center;min-width:190px;padding:0 18px}.drop-action:hover,.run-button:not(:disabled):hover,.download-button:hover{background:var(--teal-dark);color:#061018}.empty-drop{display:grid;justify-items:center;gap:5px;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.empty-drop strong{font-size:clamp(1.6rem,4vw,3rem);line-height:1}.empty-drop span{color:var(--muted);overflow-wrap:anywhere}.file-summary{display:grid;grid-template-columns:32px minmax(0,1fr) 34px;gap:12px;align-items:center;max-width:640px;width:100%;margin:0 auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);padding:12px}.file-summary>svg{color:var(--blue)}.file-summary strong,.file-summary small{display:block;overflow-wrap:anywhere}.file-summary small{margin-top:3px;color:var(--muted)}.file-summary button{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;color:var(--muted);background:var(--field-soft);cursor:pointer}.progress-track{position:absolute;left:18px;right:18px;bottom:18px;overflow:hidden;height:9px;border-radius:999px;background:var(--progress-bg)}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral) 0%,var(--amber) 48%,var(--teal) 100%);background-size:var(--progress-bg-size, 100% 100%);background-position:left center;box-shadow:0 0 16px #1fd7bd38;transition:width .16s ease,background-size .16s ease}.trim-drop{align-content:stretch;min-height:560px;padding:clamp(16px,2vw,24px);border-style:solid;background:var(--paper)}.trim-editor{display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto auto;gap:14px;min-width:0;min-height:500px;-webkit-user-select:none;user-select:none}.trim-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.trim-toolbar>div:first-child{min-width:0;flex:1 1 auto}.trim-toolbar strong,.trim-toolbar small{display:block;overflow:hidden;max-width:min(68vw,700px);white-space:nowrap;text-overflow:ellipsis}.trim-toolbar small{margin-top:4px;color:var(--muted)}.trim-toolbar-actions{display:flex;flex:0 0 auto;gap:8px}.trim-toolbar-actions button{display:grid;place-items:center;min-width:38px;min-height:38px;border-radius:var(--radius);background:var(--field-soft);color:var(--ink);cursor:pointer;font-weight:850;padding:0 12px}.trim-preview{position:relative;overflow:hidden;display:grid;place-items:center;min-height:260px;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(31,215,189,.06),transparent),var(--terminal)}.trim-preview video{width:100%;height:min(46vh,430px);object-fit:contain;background:#000;opacity:0;transition:opacity .16s ease}.trim-preview.ready video{opacity:1}.trim-preview-status{position:absolute;inset:auto 16px 16px;display:inline-flex;justify-content:center;border-radius:999px;background:#070a10d6;color:var(--terminal-text);font-size:.84rem;font-weight:850;padding:8px 12px}.trim-preview-status.error{background:var(--danger-bg);color:var(--danger-text)}.trim-timeline{position:relative;width:100%;min-width:0;height:56px;border-radius:7px;background:var(--terminal);cursor:ew-resize;touch-action:none}.trim-ruler{position:absolute;top:13px;right:8px;bottom:13px;left:8px;display:grid;grid-template-columns:repeat(42,1fr);align-items:center;gap:1px;opacity:.72}.trim-ruler span{width:1px;height:6px;background:#1fd7bd6b}.trim-ruler span:nth-child(5n){height:13px;background:#f5cb62ad}.trim-selection{position:absolute;top:0;bottom:0;border-left:2px solid var(--teal);border-right:2px solid var(--teal);background:#1fd7bd2e}.trim-playhead{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--coral);transform:translate(-1px);pointer-events:none}.trim-handle{position:absolute;top:-6px;width:12px;height:68px;border-radius:999px;background:var(--teal);cursor:ew-resize;transform:translate(-50%);box-shadow:0 0 0 4px #1fd7bd24}.trim-handle:after{content:"";position:absolute;top:21px;right:4px;bottom:21px;left:4px;border-left:1px solid rgba(0,0,0,.38);border-right:1px solid rgba(0,0,0,.38)}.trim-timeline.dragging-start .trim-handle.start,.trim-timeline.dragging-end .trim-handle.end{background:var(--amber)}.trim-time-row{display:grid;grid-template-columns:1fr auto 1fr;color:var(--teal);font-size:.82rem;font-weight:850}.trim-time-row span:nth-child(2){color:var(--muted)}.trim-time-row span:last-child{text-align:right}.trim-controls{display:grid;grid-template-columns:88px repeat(2,minmax(0,1fr)) minmax(94px,.7fr);gap:10px;align-items:stretch;min-width:0}.trim-play{display:grid;place-items:center;min-height:50px;border-radius:var(--radius);background:var(--field-soft);color:var(--ink);cursor:pointer}.trim-controls label,.trim-duration{display:grid;gap:5px;min-width:0;border-radius:var(--radius);background:var(--field-soft);padding:8px 10px}.trim-controls label span,.trim-duration span{color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.trim-controls input{width:100%;min-height:30px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-weight:900;outline:0}.trim-duration strong{align-self:center;color:var(--ink)}.settings-panel{padding:18px;overflow:visible}.panel-title{margin-bottom:15px}.panel-title svg{color:var(--teal)}.settings-list{display:grid;gap:14px}.field{display:grid;gap:8px}.field>span{display:flex;justify-content:space-between;gap:14px;color:var(--ink);font-size:.9rem;font-weight:800}.field-label{position:relative;display:inline-flex;align-items:center;gap:7px;min-width:0}.field-info{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border:1px solid var(--line);border-radius:999px;color:var(--teal-dark);cursor:help}.field-info:hover,.field-info:focus{border-color:#1fd7bd85;background:var(--green-soft);outline:0}.field-tooltip{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 42px));transform:translateY(-3px);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);color:var(--ink);font-size:.82rem;font-weight:720;line-height:1.45;opacity:0;pointer-events:none;padding:10px 12px;transition:opacity .16s ease,transform .16s ease}.field-info:hover .field-tooltip,.field-info:focus .field-tooltip{opacity:1;transform:translateY(0)}.field small{color:var(--muted);font-weight:760}.field select,.field input[type=number]{width:100%;min-height:45px;border:1px solid var(--line);border-radius:var(--radius);background:var(--field);color:var(--ink);outline:0;padding:0 12px}.field.locked select{color:var(--muted);cursor:not-allowed;opacity:1}.field input[type=range]{width:100%;accent-color:var(--teal)}.field select:focus,.field input[type=number]:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d8f7b24}.toggle-field{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;font-weight:800;color:var(--ink)}.toggle-field input{width:42px;height:24px;accent-color:var(--teal)}.run-button{width:100%;margin-top:18px;min-width:0;padding:0 12px}.run-button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.run-button:disabled{cursor:not-allowed;background:var(--line);color:var(--muted)}.spin{animation:spin .9s linear infinite}.result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:16px;margin-top:16px}.result-panel,.terminal-panel{min-height:210px;padding:18px}.quiet-copy{margin:0;color:var(--muted);line-height:1.5}.result-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:16px}.preview-box{position:relative;overflow:hidden;display:grid;place-items:center;min-height:190px;border:1px solid var(--line);border-radius:var(--radius);background:var(--terminal)}.preview-box video,.preview-box img{display:block;width:100%;max-height:430px;object-fit:contain}.preview-box audio{width:min(100%,520px);padding:14px}.file-preview{display:grid;justify-items:center;gap:10px;color:var(--terminal-text);text-align:center;padding:24px}.file-preview svg{color:var(--teal)}.file-preview strong{overflow-wrap:anywhere}.file-preview span{max-width:36ch;color:var(--muted);font-size:.9rem;font-weight:750}.result-preview-status{position:absolute;inset:auto 14px 14px;display:inline-flex;justify-content:center;border-radius:999px;background:#070a10d6;color:var(--terminal-text);font-size:.84rem;font-weight:850;padding:8px 12px}.result-preview-status.error{background:var(--danger-bg);color:var(--danger-text)}.result-meta{display:grid;align-content:start;gap:8px}.metric{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:9px 0}.metric span{color:var(--muted)}.metric strong{text-align:right}.download-button{margin-top:8px;min-height:46px}.terminal-panel pre{overflow:auto;max-height:220px;margin:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--terminal);color:var(--terminal-text);padding:13px;white-space:pre-wrap;word-break:break-word;font-size:.82rem;line-height:1.45}.terminal-panel details{margin-top:12px}.terminal-panel summary{cursor:pointer;color:var(--muted);font-weight:800;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseWork{0%,to{box-shadow:0 10px 24px #0d8f7b14}50%{box-shadow:0 10px 30px #0d8f7b42}}@keyframes processingFlow{0%,to{transform:translate3d(-1.5%,-1%,0) rotate(0) scale(1.02)}50%{transform:translate3d(1.5%,1%,0) rotate(1deg) scale(1.04)}}@media (max-width: 980px){.topbar,.hero-strip,.workbench,.result-grid,.result-view,.runtime-strip{grid-template-columns:1fr}.header-actions,.engine-card,.theme-toggle{justify-self:start}.trim-controls{grid-template-columns:88px repeat(2,minmax(120px,1fr))}.trim-duration{grid-column:1 / -1}h1{font-size:clamp(2.4rem,12vw,5rem)}}@media (max-width: 640px){.app{width:min(100% - 20px,1280px);padding-top:14px}.mode-nav{width:100%;overflow-x:auto;justify-content:flex-start}.header-actions{width:100%}.about-button{flex:1 1 0;min-width:0;width:100%}.tool-browser{grid-template-columns:1fr}.drop-panel{min-height:330px;padding:20px}.trim-drop{min-height:520px;padding:14px}.trim-editor{min-height:470px}.trim-toolbar{align-items:flex-start}.trim-preview{min-height:220px}.trim-preview video{height:min(42vh,320px)}.trim-controls{grid-template-columns:1fr 1fr}.trim-play,.trim-duration{grid-column:1 / -1}.empty-drop strong{font-size:2rem}}
