*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b1418;color:#eaf4f2;font:15px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #304046;background:#1a292e;color:#eaf4f2;border-radius:9px;padding:10px 15px;font-weight:600}button:hover{background:#273c42}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7be5c1;outline-offset:3px}header{border-bottom:1px solid #253239;padding:22px 4%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.mark{display:grid;place-items:center;background:#8ce8c5;color:#153b32;width:44px;height:44px;font-size:29px;border-radius:14px}.brand strong{font-size:25px;letter-spacing:-1px}.brand strong span{font-weight:400;color:#8ce8c5}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#9aafaf}.head-right{display:flex;align-items:center;gap:22px}time{font-size:22px;font-variant-numeric:tabular-nums}.badge{font-size:11px;padding:5px 9px;background:#1c3034;border-radius:6px;color:#a0cec0;white-space:nowrap}main{max-width:1560px;margin:auto;padding:35px 4% 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{color:#8ce8c5;font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 12px}h1{font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin:0}p{color:#99adb1}.intro p:last-child{font-size:14px;margin-bottom:0}.primary{background:#8ce8c5;border-color:#8ce8c5;color:#123c30}.primary:hover{background:#b4f4dc}.large{padding:15px 24px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:28px;align-items:start}.preview,aside{min-width:0}aside{background:#111e23;border:1px solid #26363b;border-radius:15px;padding:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}h2{font-size:15px;margin:0;font-weight:600}#stage{aspect-ratio:16/9;background:#000;border:1px solid #33484d;border-radius:13px;overflow:hidden;position:relative}#screen,#screen>img,#screen>video,#screen>iframe,#screen>div{width:100%;height:100%}#screen>img,#screen>video{object-fit:contain}#screen iframe{border:0}.welcome-screen{background:radial-gradient(ellipse at 90% 15%,#23564d,transparent 60%),linear-gradient(120deg,#0e252b,#152c31);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5%;position:relative}.welcome-screen .heart{font-size:clamp(32px,5vw,84px);color:#9bf1ce;line-height:1}.welcome-screen .kicker{letter-spacing:3px;color:#9ed6c5;font-size:clamp(8px,1vw,19px);margin-top:15px}.welcome-screen h3{font-size:clamp(22px,3.3vw,62px);line-height:1.12;letter-spacing:-1px;margin:18px 0;font-weight:400}.welcome-screen p{margin:0;color:#bbd1d0;font-size:clamp(10px,1.2vw,24px)}.welcome-screen .signature{position:absolute;bottom:5%;font-size:clamp(8px,.9vw,17px);color:#80a9a3;letter-spacing:2px}#screenMessage{position:absolute;bottom:18px;left:18px;right:18px;padding:12px 16px;background:#15272eee;border:1px solid #53766e;border-radius:9px;color:white;font-size:14px;z-index:5}.transport{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:15px 0}.transport>div{display:flex;gap:6px}.volume{display:flex;align-items:center;gap:9px;font-size:11px;color:#a6bdc0}.volume input{width:80px;accent-color:#8ce8c5}.volume output{width:30px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #253239;padding-top:18px}.settings label{font-size:12px;color:#a6bdc0}select{display:block;margin-top:7px;width:100%;background:#14242a;border:1px solid #304046;color:#eaf4f2;border-radius:8px;padding:9px}.note{display:flex;gap:12px;margin-top:24px;font-size:12px}.note>span{color:#8ce8c5;font-size:24px}.note strong{font-weight:500;color:#c7dad8}.note p{margin:4px 0}.upload{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;border:1px dashed #527b70;background:#162f2f;padding:20px 10px}.upload>span{font-size:25px;color:#8ce8c5;line-height:1.2}.upload strong{font-size:13px;margin:7px 0}.upload small{font-size:10px;font-weight:400;color:#92aaa8}form{margin:20px 0}form label{font-size:12px;color:#b2c3c4}.input-row{display:flex;gap:6px;margin-top:8px}input[type=url]{width:100%;min-width:0;background:#0b171c;border:1px solid #304046;border-radius:8px;padding:10px;color:white;font-size:12px}.list-heading{border-top:1px solid #29383e;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:6px}.list-heading>span{font-size:9px;letter-spacing:1.5px;color:#90a8ac}.text-button{background:none;border:0;padding:5px;color:#9ce0c7;font-size:11px}ol{list-style:none;padding:0;max-height:330px;overflow:auto;margin:12px 0}li{padding:10px 8px;display:flex;gap:10px;align-items:center;border:1px solid transparent;border-radius:9px;margin-bottom:6px;background:#19282d}li.active{border-color:#7bd7b5;background:#1c3433}.thumb{width:42px;height:34px;object-fit:cover;background:#26433f;border-radius:5px;flex-shrink:0;display:grid;place-items:center;color:#a4e9cf;font-size:17px}.item-title{min-width:0;flex:1;background:none;border:0;text-align:left;padding:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-title small{display:block;color:#8ea8ac;font-size:10px;font-weight:400}.item-actions{display:flex;gap:2px}.item-actions button{padding:4px 7px;font-size:12px;background:transparent;border:0}.item-actions button:hover{background:#345052}#empty{text-align:center;font-size:13px;padding:24px 4px}.hint{font-size:11px;line-height:1.6;margin:15px 0 0}footer{display:flex;justify-content:space-between;color:#6f888f;font-size:10px;margin-top:34px;padding-top:18px;border-top:1px solid #253239}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:13px 22px;background:#d8f7eb;color:#173a30;border-radius:10px;box-shadow:0 8px 40px #0008;z-index:100;font-size:13px}#tvControls{display:none;position:absolute;left:20px;top:20px;gap:10px;z-index:20;background:#09171bd9;padding:8px;border-radius:12px;opacity:0;transition:opacity .3s}body.tv{overflow:hidden}body.tv #stage{position:fixed;inset:0;width:100vw;height:100dvh;border:0;border-radius:0;z-index:50;aspect-ratio:auto}body.tv #tvControls{display:flex}body.tv.controls-visible #tvControls,#tvControls:focus-within{opacity:1}body.tv #screenMessage{font-size:20px}body.tv .welcome-screen h3{font-size:clamp(40px,6vw,120px)}body.tv .welcome-screen p{font-size:clamp(20px,2vw,38px)}[hidden]{display:none!important}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:18px}.transport{flex-wrap:wrap}h1{font-size:29px}}@media(max-width:760px){main{padding:25px 20px}.workspace{grid-template-columns:1fr}.intro{align-items:flex-start;flex-direction:column}h1{font-size:28px}.large{width:100%}.head-right{gap:10px}header{padding:18px 20px}time{font-size:17px}.brand small{font-size:8px}.settings{gap:10px}.transport{justify-content:center}#tvControls{left:8px;top:8px;gap:5px}#tvControls button{font-size:12px;padding:8px}footer{gap:10px}}