:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#070c18;color:#f6f8ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 52% 18%,#172443 0,#090f20 45%,#070b16 100%);display:flex;justify-content:center}.app{width:min(100%,530px);padding:18px 12px 30px}.heading{display:flex;justify-content:space-between;align-items:center;margin:0 auto 10px;max-width:425px}.logo{font-size:17px;font-weight:950;letter-spacing:3px}.asterisk{color:#ffcf69;margin-left:3px}.label{color:#8793af;font-size:10px;letter-spacing:1px;font-weight:800}.stage{width:min(100%,420px);aspect-ratio:9/16;margin:auto;overflow:hidden;border:1px solid #344365;border-radius:17px;box-shadow:0 0 0 5px #ffffff05,0 35px 85px #0009;background:#080e20}.stage canvas{display:block;width:100%;height:100%}.controls{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;max-width:425px;margin:13px auto}button{border:1px solid #3d4c68;border-radius:11px;background:#1d2940;color:#f1f6ff;font-weight:900;letter-spacing:.3px;font-size:11px;padding:11px 6px;cursor:pointer;min-height:51px}button:hover:not(:disabled){filter:brightness(1.16)}button:disabled{opacity:.48;cursor:default}.start{background:linear-gradient(125deg,#fb4e75,#e72e56);border-color:#ff6887;text-align:center;box-shadow:0 6px 22px #e52e5533}.start small{display:block;font-size:9px;margin-top:4px;opacity:.77}.secondary{font-size:10px}.export{width:min(100%,425px);margin:10px auto 0;background:#111b2e;border:1px solid #2e3b53;border-radius:11px;padding:11px;display:flex;flex-wrap:wrap;align-items:center;gap:9px;justify-content:space-between;min-height:48px}.status{display:flex;align-items:center;gap:7px;color:#aab8d0;font-size:10px;font-weight:700;max-width:100%}#indicator{width:7px;height:7px;border-radius:50%;background:#8392ad;flex:0 0 7px}#indicator.live{background:#ff4a6a;box-shadow:0 0 10px #ff4a6a;animation:blink 1s infinite}#download{color:#091225;text-decoration:none;background:#86f0da;padding:9px 12px;border-radius:8px;font-size:11px;font-weight:950}.foot{max-width:425px;margin:12px auto;text-align:center;color:#66758f;font-size:10px;line-height:1.65}@keyframes blink{50%{opacity:.2}}@media(max-width:380px){.controls{grid-template-columns:1.35fr .9fr .9fr;gap:5px}button{font-size:9px}.foot{font-size:9px}}
