:root{font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:#eaf0f6;background:#0c121c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}header{height:64px;padding:10px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #263344;position:sticky;top:0;background:#101722;z-index:5}header strong,header small{display:block}header small{color:#9eabbc;font-size:11px}.logomark{background:#0bb6a0;padding:10px;border-radius:10px;color:#08111c}.pill{margin-left:auto;background:#223447;border-radius:15px;padding:5px 9px;font-size:11px}main{max-width:850px;margin:auto;padding:14px 14px 60px}.head h1{font-size:26px;margin:7px 0}.head p,.note{font-size:12px;line-height:1.5;color:#9facc0}section{background:#141e2b;border:1px solid #2b394a;border-radius:15px;padding:14px;margin:0 0 16px}h2{font-size:17px;margin:0 0 12px}h3{font-size:14px;margin:5px 0 13px}.templates{display:flex;gap:8px;overflow:auto}.template{background:#1c2938;border:1px solid #33465a;color:#fff;border-radius:10px;text-align:left;min-width:140px;padding:12px}.template.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.template strong,.template small{display:block}.template small{font-size:11px;color:#a9bacd;margin-top:6px}.dot{width:12px;height:12px;border-radius:50%;background:var(--accent);display:block;margin-bottom:10px}.screen{height:min(62vh,440px);aspect-ratio:9/16;max-width:260px;margin:0 auto 13px;position:relative;background:#02050a;border-radius:14px;overflow:hidden}.screen video{width:100%;height:100%;object-fit:cover}.empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#93a9c2;padding:20px}.hidden{display:none!important}.screenTitle,.screenBrand{pointer-events:none;position:absolute;left:8%;right:8%;text-align:center;text-shadow:0 2px 7px #000;font-weight:750}.screenTitle{top:43%;font-size:17px}.screenBrand{top:4%;font-size:11px}.transport,.bar,.actions,.trimTimes{display:flex;align-items:center;justify-content:space-between;gap:7px}.transport{padding:5px 0 16px}.transport button,.actions button,.track button,.selectedMusic button{color:#fff;background:#27384c;border:1px solid #42556d;border-radius:9px;padding:8px;font-size:12px}.transport span{font-size:12px;color:#a4b4c7}.bar strong{font-size:14px}.add{display:inline-block;border:1px solid #1abfab;color:#89eee1;border-radius:9px;padding:10px 12px;font-weight:650;font-size:12px;cursor:pointer}.timeline{overflow-x:auto;touch-action:pan-x;border-radius:10px;background:#0c1522;padding:10px 6px}.strip{position:relative;display:flex;width:100%;min-width:300px;height:78px;gap:3px;align-items:stretch}.clip{min-width:48px;display:flex;flex-direction:column;justify-content:space-between;padding:9px 6px;color:#fff;overflow:hidden;background:#246e80;border:2px solid #579bb0;border-radius:7px;text-align:left;font-size:11px}.clip.active{border-color:#fff}.clipName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.needle{position:absolute;top:-6px;bottom:-6px;width:3px;background:#fff;box-shadow:0 0 5px #000;pointer-events:none}.noClips{display:grid;place-items:center;flex:1;color:#71849a;font-size:12px}.actions{justify-content:flex-start;flex-wrap:wrap;margin:12px 0}.trimBox{background:#0f1926;border-radius:12px;padding:14px;margin-top:10px}.trimTimes{font-size:12px;color:#9fbbd2}.trimmer{height:54px;background:repeating-linear-gradient(90deg,#2c455d 0px 7px,#192c3f 7px 14px);position:relative;border-radius:8px;margin-top:14px;touch-action:none}.trimWindow{position:absolute;top:0;height:100%;border:3px solid #17dfbc;background:#17dfbc22;border-radius:8px}.handle{position:absolute;top:0;bottom:0;width:20px;background:#17dfbc;border-radius:5px;touch-action:none}.handle.start{left:-10px}.handle.end{right:-10px}.form{display:grid;gap:12px}.form label{display:grid;gap:6px;color:#b5c3d4;font-size:12px}.form input,.form select{background:#0c1521;border:1px solid #425268;border-radius:9px;color:#fff;padding:12px;min-width:0}.pair{grid-template-columns:1fr 1fr}.musicAdd{margin-bottom:12px}.track{display:flex;align-items:center;gap:6px;border:1px solid #304258;border-radius:10px;padding:9px;margin:5px 0}.track div{flex:1;min-width:0}.track strong,.track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track strong{font-size:12px}.track small{font-size:10px;color:#9cb0bf}.selectedMusic{font-size:12px}.primary,.download{display:block;border:0;border-radius:10px;text-align:center;text-decoration:none;background:#10bfa5;color:#082019;font-weight:750;width:100%;padding:15px;margin:14px 0}.download{background:#e7f5f7}#status{font-size:12px;color:#c5d5e1;line-height:1.5}audio{max-width:100%;width:100%;margin-top:10px}.clip{position:relative;touch-action:pan-x;user-select:none;-webkit-user-select:none}.clip.active{border:2px solid #12e3c4;box-shadow:inset 0 0 0 1px #12e3c4;padding-left:15px;padding-right:15px;overflow:visible;z-index:2}.clip .edge{position:absolute;top:-2px;bottom:-2px;width:18px;background:#11d6b6;z-index:3;touch-action:none;cursor:ew-resize;display:flex;align-items:center;justify-content:center;border:1px solid #bafff3}.clip .edge:after{content:"";display:block;width:3px;height:24px;border-left:1px solid #075248;border-right:1px solid #075248}.clip .left-edge{left:-2px;border-radius:7px 2px 2px 7px}.clip .right-edge{right:-2px;border-radius:2px 7px 7px 2px}.clip .edge:active{background:#63ffde}@media(pointer:coarse){.clip .edge{width:22px}.clip.active{padding-left:21px;padding-right:21px}}.musicMixer{display:grid;gap:12px;padding:14px;background:#0c1522;border-radius:12px;margin:12px 0}.musicMixer label{display:grid;gap:6px;color:#dce8f2;font-size:12px}.musicMixer input{width:100%;accent-color:#16dabc}.musicMixer output{font-weight:700;color:#8defe3}