:root{color-scheme:dark;font-family:Inter,system-ui,Arial,sans-serif;color:#eef2ff;background:#060919}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 23% 3%,#1e2651 0,transparent 50%),radial-gradient(ellipse at 96% 79%,#1d1244 0,transparent 50%),#060919}.app{max-width:1600px;margin:auto;padding:24px clamp(12px,3vw,42px)}.head,.brand,.layout,.topbar,.under-stage{display:flex;gap:15px}.head{align-items:center;justify-content:space-between;margin-bottom:23px}.brand{align-items:center}.brand-icon{display:grid;place-items:center;height:52px;width:52px;background:#182650;border:1px solid #466bb9;border-radius:14px;font-size:35px;color:#93fcff}.brand h1{margin:0;font-size:20px;letter-spacing:2px}.brand h1 span{color:#87edff}.brand p{margin:5px 0;color:#96a5c6;font-size:12px}.head-tag{color:#9aa9ca;font-size:12px;border:1px solid #314362;border-radius:50px;padding:10px}.live{display:inline-block;width:7px;height:7px;border-radius:100%;background:#6efdd7;box-shadow:0 0 12px #63fddc;margin-right:8px}.layout{align-items:flex-start}.stage{flex:1;min-width:0}.stage,.settings{border:1px solid #2c3a5c;border-radius:16px;background:#0d1329;box-shadow:0 20px 70px #0005}.stage{padding:13px}.topbar,.under-stage{justify-content:space-between;align-items:center;color:#9caed2;font-size:11px;letter-spacing:1px;padding:8px}.screen{position:relative;width:100%;aspect-ratio:16/9;background:#030616;border-radius:10px;overflow:hidden}.screen canvas{width:100%;height:100%;display:block}.screen-label{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;font-size:10px;letter-spacing:1px;text-shadow:0 1px 6px #000}.screen-label span{background:#030719c9;border:1px solid #3945669e;padding:6px 9px;border-radius:5px}button{cursor:pointer}button.small{background:transparent;color:#baccfa;border:0;padding:7px}#message{background:#142039;border:1px solid #2b405c;border-radius:8px;padding:13px;color:#9aafd3;font-size:12px;line-height:1.6;margin-top:4px}.settings{width:350px;flex:none;padding:25px}.settings h2{margin:2px 0 8px;font-size:20px}.sub{font-size:13px;color:#91a2c6;line-height:1.65}.settings label{display:block;font-size:12px;font-weight:650;margin:18px 0 7px;color:#d3ddfc}.settings select{width:100%;border:1px solid #33496e;border-radius:9px;background:#15213b;color:#edf5ff;padding:12px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.facts span{border-radius:9px;border:1px solid #314063;background:#121a31;text-align:center;padding:12px 4px}.facts b{display:block;color:#a1f4ff;font-size:18px}.facts small{display:block;color:#8798b9;font-size:10px;margin-top:3px}.primary,.secondary,.download{width:100%;border-radius:10px;border:0;padding:14px;text-align:center;font-weight:750;font-size:13px;display:block;text-decoration:none}.primary{background:linear-gradient(95deg,#516df7,#9153eb);color:white}.primary:disabled{opacity:.5}.secondary{background:#172641;color:#b9cdf6;border:1px solid #364e70;margin-top:10px}.download{background:linear-gradient(90deg,#80eddd,#b3fbff);color:#071b27;margin-top:12px}.tips{border-top:1px solid #2a3859;margin-top:20px;padding-top:14px;color:#8c9fbe;font-size:11px;line-height:1.8}.tips strong{color:#caddff}.progress-wrap{margin:16px 0;background:#151f39;padding:12px;border:1px solid #35496b;border-radius:9px}.progress-head{display:flex;justify-content:space-between;font-size:12px}.progress{height:7px;background:#293753;margin:10px 0;border-radius:30px;overflow:hidden}.progress div{height:100%;width:0;background:linear-gradient(90deg,#5e62ee,#75ffee)}#progress-description{font-size:11px;color:#a3b5d5}footer{text-align:center;font-size:11px;color:#657896;padding-top:29px}@media(max-width:960px){.layout{flex-direction:column}.stage,.settings{width:100%}.head-tag{display:none}}@media(max-width:560px){.app{padding:12px}.brand h1{font-size:15px}.brand-icon{width:42px;height:42px}.under-stage{font-size:9px}}