*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{font:13px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecede9;background:#101311;letter-spacing:0}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #bee183;outline-offset:4px}button{border:0;background:transparent}button:disabled{cursor:default;opacity:.4}svg{width:17px;height:17px;stroke-width:1.6;flex-shrink:0}#viewport{position:absolute;inset:0}canvas{display:block;touch-action:none}.topbar{height:78px;position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:24px;padding:0 28px;background:#171a17f0;border-bottom:1px solid #ffffff14}.identity{display:flex;align-items:center;gap:12px;flex-shrink:0}.site-mark{font-size:30px;font-weight:300;border-right:1px solid #72796a;padding-right:13px;color:#c3df9a}.identity h1{font-size:19px;font-weight:500;margin:0 0 4px}.subtitle{font-size:8px;color:#959e91;letter-spacing:0}nav{display:flex;gap:3px;margin:auto;padding:4px;background:#0c0e0c80;border:1px solid #ffffff09;border-radius:5px}nav button{font-size:12px;padding:9px 14px;border-radius:3px;white-space:nowrap;color:#a7ada3}nav button.active{background:#353d31;color:#e8f4d5}nav button:hover{color:#fff}.top-actions{display:flex;gap:6px}.icon{height:34px;width:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#a9b0a2}.icon:hover{background:#ffffff12;color:#fff}.icon.selected{color:#c1e593;background:#b1db7820}.scene-controls{position:absolute;right:24px;top:102px;width:212px;padding:18px;background:#171b18eb;border:1px solid #ffffff1c;border-radius:6px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#99a68e;margin-bottom:22px}.section-title svg{width:14px}.scene-controls label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:11px}.scene-controls output{color:#b9d699;font-size:11px}input[type=range]{appearance:none;-webkit-appearance:none;display:block;height:3px;border-radius:2px;background:#4a5244;accent-color:#c1e593;cursor:pointer;min-width:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#c6e19f;border:1px solid #e6f7d1}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#c6e19f;border:0}.scene-controls input{width:100%;margin:0}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#7d8976;margin:9px 0 24px}.control-rule{border-top:1px solid #ffffff14;margin:22px 0 15px}.scene-meta{display:flex;justify-content:space-between;color:#7e8977;font-size:10px;margin-top:11px}.scene-meta>span:last-child{color:#bbc2b4}.locked{display:flex;align-items:center;gap:5px}.locked svg{width:10px;height:10px}#scene-status{position:absolute;left:28px;bottom:157px;display:flex;align-items:center;gap:9px;color:#c2c8bc;font-size:10px;text-shadow:0 1px 4px #000}.status-dot{width:5px;height:5px;border-radius:50%;background:#b9de89}.divider{color:#63735a}#fps{color:#909d87}.player{position:absolute;bottom:20px;left:24px;right:24px;max-width:940px;margin:auto;background:#171b18f2;border:1px solid #ffffff1e;border-radius:6px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 40px #0004;padding:15px 19px 11px}.media-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.media-identity{display:flex;align-items:center;gap:13px;min-width:0}.media-identity>svg{width:20px;height:20px;color:#b5c2a6}.media-identity>div{min-width:0}.media-identity strong{font-size:12px;font-weight:500;display:block;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-identity span{display:block;font-size:10px;color:#8c9784;margin-top:5px}.media-actions{display:flex;align-items:center;gap:8px}.load-button{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#e1edd4;border:1px solid #606e52;background:#2b3425;padding:9px 13px;border-radius:4px;font-size:11px}.load-button:hover{background:#3d4a33}.transport{display:flex;align-items:center;gap:13px}.transport input{flex:1}.transport time{font-variant-numeric:tabular-nums;color:#939e8b;font-size:10px;min-width:30px}.transport .icon{height:29px;width:29px;flex-basis:29px}#drop-overlay{position:absolute;inset:90px 12px 12px;background:#111b11e8;border:2px dashed #b7d793;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:9;pointer-events:none}#drop-overlay svg{width:40px;height:40px}#drop-overlay strong{font-size:24px;font-weight:400}[hidden]{display:none!important}#notice{position:absolute;bottom:158px;left:50%;transform:translate(-50%);padding:12px 18px;background:#402e27;border:1px solid #c08f6e;border-radius:5px;max-width:min(500px,90%);color:#f1dbc9;z-index:10}dialog{border:1px solid #535d4c;border-radius:6px;background:#151a15;color:#ddd;padding:12px;max-width:90vw}dialog::backdrop{background:#000a}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:400;margin-bottom:10px}dialog img{height:min(73vh,840px);width:auto;max-width:100%;object-fit:contain;display:block;margin:auto}@media(max-width:900px){.topbar{padding:0 16px;gap:12px}.identity h1{font-size:16px}.site-mark{font-size:25px}nav button{padding:9px 8px;font-size:11px}.top-actions{gap:0}.scene-controls{right:16px;width:180px;padding:14px}.player{left:16px;right:16px}#scene-status{left:18px}}@media(max-width:650px){.topbar{height:110px;align-items:flex-start;padding-top:13px}.identity{gap:9px}.identity h1{font-size:16px}.site-mark{font-size:27px}.top-actions{margin-left:auto}nav{position:absolute;left:12px;right:12px;top:64px;justify-content:space-between;background:#0d100dcc}nav button{flex:1;padding:7px 5px;font-size:10px}.scene-controls{top:122px;right:12px;width:146px;padding:12px}.section-title{margin-bottom:15px;font-size:9px}.scene-controls label{font-size:10px}.scene-controls output{font-size:10px}.range-ends{margin-bottom:17px}.scene-meta{font-size:9px}.player{left:10px;right:10px;bottom:10px;padding:12px}.media-identity strong{max-width:160px}.media-identity{gap:8px}.load-button{padding:8px;font-size:10px}.transport{gap:6px}.transport time{font-size:9px;min-width:24px}#scene-status{bottom:137px;left:14px}.scene-controls .control-rule,.scene-meta{display:none}#notice{bottom:140px}#drop-overlay{top:120px}}.scene-controls{max-height:calc(100dvh - 270px);overflow-y:auto}@media(max-width:650px){.scene-controls input+.control-rule{display:block;margin:16px 0 12px}}#toggle-player{position:absolute;right:24px;bottom:148px;background:#171b18ee;border:1px solid #ffffff26;z-index:3}body.player-hidden #toggle-player{bottom:20px}body.player-hidden #scene-status{bottom:28px}body.player-hidden #notice{bottom:68px}@media(max-width:650px){#toggle-player{right:12px;bottom:128px}#views button{font-size:9px;padding:7px 3px}}@media(min-width:651px)and (max-width:1100px){.topbar nav{gap:0}.topbar nav button{font-size:10px;padding:9px 6px}.topbar{gap:10px;padding-left:14px;padding-right:14px}}