#web-controls{position:fixed;top:16px;left:16px;z-index:9999;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;color:#eef0ff;background:rgba(10,13,30,.86);backdrop-filter:blur(18px);border:1px solid rgba(177,170,255,.23);border-radius:15px;padding:15px;font:13px system-ui,sans-serif;box-shadow:0 10px 40px #0007}#web-controls h1{font-size:18px;margin:8px 0 2px}#web-controls p{color:#b4b9d3;margin:0 0 12px}#web-controls .actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}#web-controls button,#web-controls .file-button{background:#5145b9;color:white;border:1px solid #776adb;border-radius:7px;padding:9px;text-align:center;cursor:pointer;font:inherit}#web-controls button:hover,#web-controls .file-button:hover{background:#6c5bdb}#web-controls #menu-toggle{width:100%;text-align:left;background:transparent;border:0;padding:3px}#web-controls.collapsed{width:auto;padding:8px}#web-controls.collapsed #control-body{display:none}#web-controls #audio-status{margin:12px 0;padding:8px;background:#242442;border-radius:6px}#web-controls .hint{font-size:11px;line-height:1.4}#web-controls details{border-top:1px solid #393653;padding:10px 0}#web-controls summary{cursor:pointer}#web-controls .property-row{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:8px;border-bottom:1px solid #313149;padding:7px 0}#web-controls select,#web-controls input[type=number]{width:100%;min-width:0;background:#20213d;color:white;border:1px solid #4d4b70;border-radius:5px;padding:5px}#web-controls input[type=checkbox]{justify-self:end}#web-controls a{color:#aab7ff;text-decoration:none}
html,body{background:#0b0d18!important}#root{position:absolute;left:calc(50% + 130px);top:50%;transform:translate(-50%,-50%);width:min(780px,calc(100vw - 320px))!important;height:min(440px,calc(100vh - 80px))!important;border-radius:18px;overflow:hidden;box-shadow:0 24px 65px #000a;border:1px solid #292b4a}body.expanded #root{left:0;top:0;transform:none;width:100vw!important;height:100vh!important;border:0;border-radius:0}#web-controls{width:260px}#web-controls .quick-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;margin-top:10px}#web-controls input[type=range]{width:100%}#web-controls select{width:100%;min-width:0;background:#20213d;color:white;border:1px solid #4d4b70;border-radius:5px;padding:5px}@media(max-width:800px){#root{left:50%;top:calc(50% + 95px);width:calc(100vw - 24px)!important;height:min(50vh,440px)!important}body.expanded #root{left:0;top:0;width:100vw!important;height:100vh!important}#web-controls{width:min(340px,calc(100vw - 32px))}}
#root>div{width:100%!important;height:100%!important}