:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9eef7;background:#0b1020}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #39465f;background:#202b40;color:#eaf0fa;border-radius:9px;padding:10px 13px}button:hover{background:#30415f}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#6a7ff2;color:white;border-color:#8293f5;font-weight:650}.primary:hover{background:#536ae6}.secondary{background:#243d61}header{height:auto;min-height:76px;border-bottom:1px solid #273249;display:flex;align-items:center;gap:28px;padding:14px max(22px,calc((100vw - 1400px)/2));flex-wrap:wrap}.brand{display:flex;align-items:center;gap:11px}.brand strong{font-size:21px;letter-spacing:-.6px}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#91a1bc}.mark{display:grid;place-items:center;background:#6a7ff2;width:39px;height:39px;border-radius:11px}nav{display:flex;gap:5px;flex-wrap:wrap}nav button{background:transparent;border:0;color:#a5b2c8}nav button.active{background:#273450;color:white}.private{margin-left:auto;color:#72d8b1;font-size:12px}main{max-width:1400px;margin:auto;padding:26px 22px 70px}.tab{display:none}.tab.active{display:block}.headline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;flex-wrap:wrap}h1{font-size:30px;letter-spacing:-.8px;margin:0 0 7px}h3{margin:0 0 10px;font-size:16px}p{line-height:1.5}.headline p{color:#9baac2;margin:0}.filebutton{padding:13px 18px;border-radius:10px;cursor:pointer}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.viewer,.panel{background:#151e30;border:1px solid #2a3750;border-radius:15px;overflow:hidden}.panel{padding:19px}.screen{background:#05070c;aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center}.screen video{max-height:100%;max-width:100%;width:100%;height:100%;object-fit:contain}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#070b14;color:#a6b4ca;text-align:center;padding:10px}.empty span{font-size:46px;color:#7186d9}.empty strong{color:white}.empty small{font-size:12px}.transport{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.buttons{display:flex;gap:6px}.buttons button{min-width:42px}.transport span{font-variant-numeric:tabular-nums;font-size:13px;color:#aebdd5}.muted{color:#99a8c0;font-size:13px}.tiny{font-size:11px}.panel label{display:block;font-size:13px;color:#b7c5db;margin:15px 0}.panel select,.panel input[type=number],textarea{width:100%;background:#0d1525;border:1px solid #3a4965;border-radius:8px;padding:10px;color:#fff;margin-top:7px}.panel input[type=range]{width:100%;accent-color:#8595ff;margin-top:12px}.panel output{float:right}.full{width:100%;margin-top:7px}.row{display:flex;gap:9px;flex-wrap:wrap}.row>*{flex:1}hr{border:0;border-top:1px solid #34415a;margin:22px 0}.note{padding:11px;background:#0f192b;border-radius:8px;color:#b8c8e0;font-size:13px;margin-top:12px;overflow-wrap:anywhere}.timeline{margin-top:18px}.timelineTop,.timelineFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.timelineTop span,.timelineFoot{color:#98a9c3;font-size:12px}.zoom{display:flex;align-items:center;gap:8px}.zoom input[type=number]{width:70px;margin:0}.zoom input[type=range]{width:120px;margin:0}.zoom button{padding:5px 10px}.timelineViewport{overflow-x:auto;overflow-y:hidden;margin-top:18px;border:1px solid #35435c;border-radius:8px;background:#0b1323;touch-action:pan-x}.ruler{height:35px;position:relative;border-bottom:1px solid #3b4a64}.tick{position:absolute;top:0;height:100%;border-left:1px solid #40506a;color:#9cabc3;font-size:10px;padding:3px 5px;white-space:nowrap}.track{height:78px;position:relative;background:repeating-linear-gradient(90deg,#2c4563 0px,#2c4563 38px,#324d6b 39px,#324d6b 41px)}.trackLabel{position:sticky;left:8px;top:14px;display:inline-block;background:#101a2dbb;padding:7px;border-radius:5px;font-size:11px;z-index:2}#playhead{position:absolute;top:-35px;height:113px;width:2px;background:#ffbe61;pointer-events:none;z-index:3}#playhead:before{content:'▼';position:absolute;top:-12px;left:-6px;color:#ffbe61;font-size:13px}.timelineFoot{margin-top:10px}.convertSettings{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.toolbar{align-items:center;margin:18px 0}.toolbar>*{flex:initial}.fileList{display:flex;flex-direction:column;gap:8px}.fileItem{display:flex;align-items:center;gap:12px;padding:13px;background:#0d1728;border:1px solid #2b3b55;border-radius:9px;flex-wrap:wrap}.fileName{flex:1;min-width:160px;overflow-wrap:anywhere}.fileName small{display:block;color:#96a9c4;margin-top:4px}.fileItem a{color:#b7c7ff}.placeholder{padding:30px;text-align:center;color:#8f9eb7}.warning{margin-top:20px;padding:16px;border-radius:10px;background:#30281b;border:1px solid #76603d;color:#e9d6b7}.warning p{margin-bottom:0}textarea{resize:vertical;min-height:140px}footer{text-align:center;border-top:1px solid #273249;padding:22px;color:#8292ad;font-size:12px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#273954;border:1px solid #657b9f;border-radius:10px;padding:12px 18px;display:none;z-index:10;max-width:90vw}@media(max-width:850px){.workspace{grid-template-columns:1fr}.convertSettings{grid-template-columns:1fr}.private{margin-left:0}header{gap:10px}.headline h1{font-size:25px}.transport{justify-content:center}.zoom{width:100%;flex-wrap:wrap}.zoom input[type=range]{flex:1}main{padding:20px 12px 50px}.panel{padding:14px}}

/* Browser-only tab capture */
.beta{font-size:10px;vertical-align:middle;letter-spacing:.09em;background:#1d5449;color:#b0f2de;border-radius:5px;padding:5px 7px;white-space:nowrap}
.pill{color:#a7e4ce;background:#18362d;border:1px solid #2b6b54;border-radius:20px;padding:10px 15px;font-size:12px}
.capture-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:18px}
.capture-steps>div{position:relative;padding-left:38px}
.capture-steps strong{display:block;font-size:14px}.capture-steps p{color:#a4b2c9;font-size:12px;margin:5px 0 0}
.stepnum{position:absolute;top:0;left:0;border:1px solid #566584;border-radius:8px;padding:7px;font-size:11px;color:#b5caff}
.capture-urlrow{margin-bottom:18px}.capture-urlrow label{margin:0 0 8px;font-weight:650}.capture-urlform{display:flex;gap:10px}.capture-urlform input{min-width:0;flex:1;background:#0c1728;border:1px solid #3a4965;border-radius:9px;padding:10px;color:#fff}
.capture-urlrow p{margin-bottom:0}
.capture-preview{position:relative;background:#05070c;min-height:280px;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}
.capture-preview video{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.capture-preview .empty{z-index:3}
.capture-preview .empty[hidden]{display:none}
.capture-overlay{position:absolute;inset:0;z-index:2;cursor:crosshair;touch-action:none}
.capture-overlay[hidden]{display:none}
.capture-crop{position:absolute;border:2px solid #ffbf68;background:#ffbf6822;box-shadow:0 0 0 100vmax #0005;pointer-events:none}
.capture-foot{padding:12px 15px;color:#aabbcf;display:flex;justify-content:space-between;gap:10px;font-size:12px;flex-wrap:wrap}
.cap-workspace{margin-top:0}.cap-check{display:flex!important;align-items:center;gap:10px}.cap-check input{accent-color:#879afa}
@media(max-width:850px){.capture-steps{grid-template-columns:1fr;gap:18px}.capture-urlform{flex-direction:column}.capture-preview{min-height:200px}}

.empty[hidden]{display:none!important}