:root{color-scheme:dark;font-family:Tahoma,Arial,sans-serif;color:#edf2fa;background:#10151e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.upload,select{border:1px solid #ffffff25;background:#ffffff09;color:#f1f5fb;border-radius:12px;padding:12px 16px;cursor:pointer}button:hover,.upload:hover{background:#ffffff18}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a7ee91;outline-offset:3px}[hidden]{display:none!important}#camera,#viewport{position:fixed;inset:0;width:100%;height:100%;object-fit:cover}#viewport{background:radial-gradient(ellipse at 50% 35%,#29394b,transparent 65%)}body.camera #viewport,body.xr #viewport{background:none}canvas{display:block}#overlay{position:relative;min-height:100dvh;pointer-events:none}#overlay>*{pointer-events:auto}header{padding:24px 5%;display:flex;gap:16px;justify-content:space-between;align-items:center}header b{font-size:26px}header b span{font-size:13px;color:#adf194;padding:4px 7px;border:1px solid #adf19455;border-radius:6px}small{display:block;font-size:11px;color:#8a9cad;margin-top:7px}#mode{font-size:11px;color:#bac9d7}.intro{text-align:center;padding:10px;pointer-events:none!important}.eyebrow{font-size:11px;color:#b3ee9f}h1{font-size:clamp(24px,4vw,38px);margin:10px 0}.intro p{color:#a8b5c4;font-size:13px;margin:0}#notice{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);border-radius:20px;background:#10151ee6;padding:10px 18px;font-size:12px;max-width:90%;width:max-content;text-align:center}.bottom{position:absolute;top:54vh;left:0;right:0;padding:0 16px 24px}.panel{max-width:760px;margin:auto;border:1px solid #ffffff20;border-radius:22px;padding:18px;background:#171e29ee;box-shadow:0 20px 60px #0004;backdrop-filter:blur(15px)}.row{display:flex;align-items:center;gap:12px}.upload{background:#b7f29d;color:#172515;white-space:nowrap;font-weight:bold}.upload input{position:absolute;width:1px;height:1px;opacity:0}#filename{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#acb9c9}.playback{margin-top:14px}.playback button{font-size:12px;padding:10px}.check{font-size:12px;white-space:nowrap}input[type=range]{width:100%;accent-color:#b7f29d;cursor:pointer}#seek{flex:1;min-width:30px;direction:ltr}details{border-top:1px solid #ffffff15;margin-top:14px;padding-top:14px}summary{cursor:pointer;font-size:13px}summary span{float:left;font-size:11px;color:#a9e095}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:16px}.settings label{font-size:11px;color:#aab9ca;display:flex;flex-direction:column;gap:8px}.settings output{color:#edf2fa}select{font-size:12px;padding:9px;width:100%}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.actions button{font-size:12px;flex:1;white-space:nowrap}.primary{background:#b7f29d;color:#162313;font-weight:bold}.hint{font-size:10px;color:#95a7bb;line-height:1.8;margin:12px 0 0}#media{position:fixed;left:-2px;bottom:0;width:1px;height:1px;pointer-events:none}body.xr .intro{display:none}body.xr #overlay{background:transparent}body.xr .bottom{top:auto;bottom:0;padding-bottom:max(12px,env(safe-area-inset-bottom));max-height:55dvh;overflow:auto}body.xr #notice{top:25vh}body.xr header{background:#10151eb3}body.xr #cameraBtn,body.xr #startAR{display:none}@media(max-width:600px){header{padding:18px}.settings{grid-template-columns:repeat(2,1fr)}.bottom{top:49vh}.panel{padding:14px}#notice{top:43vh}.playback{gap:7px}.intro{padding-top:0}}@media(orientation:landscape) and (max-height:600px){.intro{display:none}.bottom{top:100vh}body.xr .bottom{max-height:48dvh}#notice{top:20vh}}
body.fallback #media{position:absolute;left:20%;top:22%;width:60%;height:22%;object-fit:contain;background:#000;border:8px solid #222;border-radius:8px;pointer-events:auto}