:root{color-scheme:dark;font:16px Arial,Helvetica,sans-serif;color:#f6f6f6;background:#030303;--line:#242424;--muted:#888;--accent:#fff}*{box-sizing:border-box}body{margin:0;background:#030303}button,select,input{font:inherit}button,select{color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:4px}header{height:80px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}.identity{display:flex;align-items:center;gap:26px}.brand{color:#fff;font-weight:800;font-size:34px;letter-spacing:-2px;text-decoration:none;line-height:1}.project{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#999;border-left:1px solid #333;padding-left:24px}.header-actions{display:flex;gap:9px;align-items:center}button,.filebutton,select{border:1px solid #2c2c2c;background:#0a0a0a;color:#f5f5f5;border-radius:99px;padding:11px 17px;cursor:pointer;font-size:14px}button:hover{background:#1a1a1a;border-color:#666}.primary{background:#fff;color:#080808;border-color:#fff;font-weight:700}.primary:hover{background:#dedede;border-color:#dedede}.iconbutton{border-color:transparent;background:transparent}main{height:calc(100dvh - 80px);min-height:500px;padding:0 10px 10px;display:block}.stage{height:100%;position:relative;border:1px solid #202020;border-radius:20px;overflow:hidden;background:#070707}.viewport{height:100%;position:relative;min-height:440px;overflow:hidden}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.badge{position:absolute;left:24px;top:22px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#8c8c8c;pointer-events:none}.tip{position:absolute;bottom:22px;left:24px;color:#777;font-size:12px;pointer-events:none}#source,#stillSource{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none;background:#030303}#fallback{display:none;position:absolute;inset:0;padding:60px;background:#111;line-height:1.7}.drop{position:absolute;inset:14px;border:1px dashed #aaa;background:#111e;display:none;place-items:center;font-size:25px;pointer-events:none;border-radius:16px}.drop.active{display:grid}.transport{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(740px,calc(100% - 48px));border:1px solid #303030;border-radius:17px;padding:14px 18px;background:#0b0b0bea;backdrop-filter:blur(18px)}.clip{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.filename{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.meta{font-size:12px;color:#777;margin-top:3px}.controls{display:flex;gap:9px;align-items:center}.controls button{padding:8px 11px;border:0;background:transparent}.controls #play{min-width:63px;background:#fff;color:#060606}.controls input{flex:1;min-width:40px}.controls select{font-size:12px;padding:7px;border:0;background:transparent}.time{font-size:12px;color:#aaa;white-space:nowrap;font-variant-numeric:tabular-nums}#snapshot{font-size:12px;padding:6px 0;background:transparent;border:0;color:#aaa}#snapshot:hover{color:white}.full{width:100%}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}input[type=range]{width:100%;accent-color:#eee;cursor:pointer}input[type=checkbox]{width:16px;height:16px;accent-color:#fff}aside{position:absolute;right:24px;top:91px;width:300px;max-height:calc(100dvh - 117px);padding:21px;border:1px solid #323232;border-radius:16px;background:#101010f5;backdrop-filter:blur(20px);overflow:auto;z-index:4;display:none}body.settings-open aside{display:block}body.settings-open #settingsToggle{background:#fff;color:#080808}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:15px;font-weight:700}.panel-head button{padding:4px 9px;font-size:20px;border:0;background:transparent}h2{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#888;margin:22px 0 11px}h2:first-child{margin-top:0}aside select{width:100%;border-radius:8px;padding:10px;font-size:14px;background:#171717}.buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.buttons button{font-size:14px;padding:9px 3px}.row{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:14px 0;gap:10px}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:16px 0 8px}.range-label output{color:#888;font-size:12px}.mode-note,.note{font-size:12px;color:#949494;line-height:1.65}.mode-note{margin:10px 0}#message{position:absolute;bottom:157px;left:50%;transform:translateX(-50%);max-width:650px;width:calc(100% - 60px);text-align:center;padding:12px;font-size:14px;line-height:1.5;border-radius:8px;background:#151515;z-index:4}#message:not(.error){display:none}#message.error{border:1px solid #555;color:#e0e0e0}details{border-top:1px solid #303030;margin-top:20px;padding-top:16px}summary{font-size:14px;cursor:pointer;color:#aaa}.stat{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:9px 0}.stat span{color:#888}.stat strong{font-weight:400}a{color:#ddd}.local-note{position:absolute;right:24px;bottom:22px;color:#777;font-size:12px}.panel-open{position:absolute;top:20px;right:20px}#demo{font-size:14px}.only-advanced{display:none}@media(min-width:1350px){body.settings-open .transport{left:calc(50% - 140px);width:min(700px,calc(100% - 390px))}}@media(max-width:900px){.tip,.local-note{display:none}header{padding:0 20px}.project{display:none}.transport{bottom:15px;width:calc(100% - 28px)}}@media(max-width:540px){header{height:72px;padding:0 16px}.brand{font-size:30px}main{height:calc(100dvh - 72px);padding:0 7px 7px;min-height:520px}.stage{border-radius:15px}.header-actions{gap:4px}button{padding:10px 13px}.badge{left:17px;top:18px;font-size:12px}.transport{padding:13px}.time{font-size:12px}.controls{gap:4px}.controls #mute,.controls #speed{display:none}.controls #play{min-width:58px}aside{right:14px;top:82px;width:calc(100% - 28px);max-height:calc(100dvh - 98px)}.clip{margin-bottom:8px}.meta{display:none}}
[hidden]{display:none!important}dialog{background:#101010;color:#f6f6f6;border:1px solid #393939;border-radius:18px;padding:26px;width:min(500px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}dialog input:not([type=checkbox]),dialog textarea{display:block;width:100%;padding:12px;margin:8px 0 16px;background:#1b1b1b;border:1px solid #444;border-radius:8px;color:white;font:13px Arial,Helvetica,sans-serif;resize:vertical}dialog label{display:block;font-size:13px;margin-top:16px;color:#bbb}dialog select{width:100%;margin:8px 0 16px}dialog .copy-row{display:flex;align-items:center;gap:8px;margin:8px 0 16px}.copy-row input{min-width:0;margin:0!important}.copy-row button{white-space:nowrap}dialog .panel-head{margin-bottom:8px}dialog #shareStatus:empty{display:none}button:disabled{opacity:.45;cursor:not-allowed}.embedded header{height:60px;padding:0 20px}.embedded .project,.embedded #open,.embedded .local-note{display:none}.embedded main{height:calc(100dvh - 60px);min-height:280px}.embedded .viewport{min-height:260px}.embedded aside{top:68px;max-height:calc(100dvh - 82px)}.embedded .brand{font-size:26px}.embedded .transport{bottom:12px}.embedded .tip{display:none}@media(max-height:600px){main{min-height:280px}.viewport{min-height:260px}.badge{top:14px}.transport{bottom:12px}.tip,.local-note{display:none}}@media(max-width:420px){.header-actions button{font-size:12px;padding:9px 10px}.identity{gap:8px}.transport .controls{gap:2px}.transport{width:calc(100% - 20px)}dialog{padding:20px}}