*{box-sizing:border-box}body{margin:0;background:#080a0b;color:#edf1ed;font:16px system-ui,sans-serif}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #252a29}.brand{color:inherit;text-decoration:none;font-size:14px;letter-spacing:2px;font-weight:650}.brand span{color:#bcf77b;font-size:25px;margin-right:12px}.tag,.eyebrow{font-size:12px;letter-spacing:2px;color:#9ba79c}.upload,button{border:1px solid #3c453d;background:#182019;color:#e7f5e2;border-radius:8px;padding:12px 18px;font:inherit;cursor:pointer}.upload{background:#bcf77b;color:#11180c;border:0;font-weight:600}.upload input{display:none}main{max-width:1320px;margin:auto;padding:35px 5% 20px}.intro h1{font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-1.5px;margin:10px 0}.intro p{color:#96a19b;margin:0;font-size:14px}#scene{height:clamp(330px,49vh,620px);touch-action:none;outline:none}#scene:focus-visible{outline:1px solid #bcf77b}#scene canvas{display:block;width:100%;height:100%}.scene-note{display:flex;justify-content:space-between;gap:16px;color:#839088;font-size:12px;margin-bottom:22px}.scene-note span:first-child{color:#bcf77b}.controls{background:#121716;border:1px solid #2c3430;border-radius:14px;padding:22px 26px}.timeline-head{display:flex;align-items:center;gap:18px;margin-bottom:20px}#play{width:46px;height:46px;padding:0;border-radius:50%;color:#bcf77b}.timeline-head .eyebrow{font-size:11px}#time{margin-top:4px;font-variant-numeric:tabular-nums}#frame{margin-left:auto;color:#99a59c;font-size:14px}input[type=range]{accent-color:#bcf77b;cursor:pointer}#timeline{width:100%;margin:0}.ticks{display:flex;justify-content:space-between;color:#76847b;font-size:10px;letter-spacing:1.5px;margin-top:9px}.settings{border-top:1px solid #2a322d;margin-top:20px;padding-top:18px;display:flex;align-items:center;gap:24px;font-size:14px}.settings label{display:flex;gap:12px;align-items:center}.settings input{width:100px}.settings button{font-size:13px;background:transparent;padding:8px 12px}footer{display:flex;justify-content:space-between;color:#758079;font-size:12px;padding-top:18px}main.drag{outline:2px dashed #bcf77b}button:hover{border-color:#bcf77b}button:disabled{opacity:.4} @media(max-width:700px){header{height:74px}.tag{display:none}.brand{font-size:11px;letter-spacing:1px}.upload{font-size:13px;padding:10px}.intro p{max-width:300px;line-height:1.6}main{padding-top:24px}.scene-note{font-size:11px}.scene-note span:last-child{max-width:155px;text-align:right}.controls{padding:18px}.settings{flex-wrap:wrap;gap:15px}.settings label{width:calc(50% - 8px);display:block}.settings input{display:block;width:100%;margin-top:8px}footer{line-height:1.5;gap:20px}footer span{text-align:right}#frame{font-size:12px}}

#status:empty{display:none}.upload-row{margin-top:18px;text-align:center}.ticks{justify-content:flex-end}