:root{color-scheme:dark;font-family:Aptos,Segoe UI,sans-serif;background:#101410;color:#eff7e8;--bg: #101410;--panel: #171d18;--panel-2: #1d261f;--border: rgba(217, 239, 199, .14);--muted: #aebba9;--text: #eff7e8;--accent: #a7f06f;--accent-2: #75d7c4;--warn: #f0d36f;--shadow: 0 28px 80px rgba(0, 0, 0, .38)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:linear-gradient(135deg,rgba(167,240,111,.08),transparent 32%),linear-gradient(215deg,rgba(117,215,196,.08),transparent 30%),var(--bg)}button{font:inherit}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding:clamp(12px,2vw,24px);gap:14px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid rgba(167,240,111,.4);background:#1b2c1a;color:var(--accent);border-radius:8px}.brand strong,.brand small{display:block}.brand strong{font-size:1rem;letter-spacing:0}.brand small{color:var(--muted);margin-top:2px;font-size:.78rem}.top-actions,.scene-actions{display:flex;align-items:center;gap:8px}.ghost-button,.solid-button,.walk-button,.icon-button{border:1px solid var(--border);border-radius:8px;min-height:40px;padding:0 14px;color:var(--text);background:#ffffff0a;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.solid-button,.walk-button{background:var(--accent);border-color:#a7f06fa8;color:#10200c;font-weight:700}.icon-button{width:40px;padding:0;justify-content:center}.workspace{flex:1;display:grid;grid-template-columns:minmax(250px,.7fr) minmax(420px,1.8fr) minmax(260px,.8fr);gap:14px;min-height:0}.template-panel,.details-panel,.scene-card{border:1px solid var(--border);background:#171d18e0;box-shadow:var(--shadow)}.template-panel,.details-panel{border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:18px;min-width:0}.panel-heading h1,.scene-toolbar h2,.details-panel h2{margin:0;letter-spacing:0}.panel-heading h1{font-size:clamp(1.7rem,2.4vw,2.7rem);line-height:.96;max-width:10ch}.panel-heading p,.details-panel p{color:var(--muted);line-height:1.5}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.72rem;font-weight:800}.template-grid{display:grid;gap:8px}.template-card{width:100%;text-align:left;color:var(--text);background:#ffffff0a;border:1px solid var(--border);border-radius:8px;padding:12px;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:10px;cursor:pointer}.template-card svg{color:var(--accent-2)}.template-card strong,.template-card small{display:block}.template-card small{color:var(--muted);margin-top:2px;text-transform:uppercase;font-size:.66rem;letter-spacing:.08em}.template-card.is-selected{background:#a7f06f1f;border-color:#a7f06f9e}.offline-note,.readiness-card{display:flex;gap:10px;align-items:flex-start;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:12px;background:#ffffff09}.scene-card{border-radius:8px;display:flex;flex-direction:column;min-width:0;min-height:520px;overflow:hidden}.scene-toolbar{min-height:74px;padding:14px 16px;display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--border)}.scene-frame{flex:1;min-height:0;position:relative;background:#080b08}.scene-canvas{width:100%;height:100%;min-height:420px;display:block}.scene-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;gap:12px;align-content:center;color:var(--text);background:#080b08d6}.scene-loading span{width:42px;height:42px;border:3px solid rgba(255,255,255,.14);border-top-color:var(--accent);border-radius:999px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hotspot-layer{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid rgba(167,240,111,.6);background:#10180ecc;color:var(--text);border-radius:999px;min-height:34px;padding:0 12px 0 8px;display:inline-flex;gap:7px;align-items:center;cursor:pointer;backdrop-filter:blur(12px)}.hotspot span{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #a7f06f24}.hotspot.is-active{background:var(--accent);color:#10200c}.touch-joystick{position:absolute;left:20px;bottom:22px;width:108px;height:108px;display:none;place-items:center;border:1px solid rgba(255,255,255,.18);background:#0000005c;border-radius:999px;touch-action:none;backdrop-filter:blur(14px)}.touch-joystick span{width:42px;height:42px;border-radius:999px;background:var(--accent);box-shadow:0 8px 22px #0000004d}.scene-status{min-height:42px;padding:10px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.84rem}.scene-status [data-testid=camera-position]{color:var(--accent);font-variant-numeric:tabular-nums}.mobile-hint{display:none;align-items:center;gap:6px}.metadata{display:grid;gap:10px;margin:0}.metadata div{border-bottom:1px solid var(--border);padding-bottom:10px}.metadata dt{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.metadata dd{margin:4px 0 0;color:var(--text)}.readiness-card strong,.readiness-card small{display:block}.readiness-card small{color:var(--muted);margin-top:4px}.mobile-toolbar,.bottom-sheet{display:none}.video-builder{border:1px solid var(--border);background:#171d18e6;border-radius:8px;padding:clamp(14px,2vw,20px);display:grid;grid-template-columns:minmax(220px,.7fr) minmax(280px,1fr);gap:16px;box-shadow:var(--shadow)}.video-copy h2{margin:0;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1}.video-copy p{color:var(--muted);line-height:1.5}.video-controls{display:grid;grid-template-columns:minmax(190px,1fr) 150px auto auto;gap:10px;align-items:stretch}.upload-drop{min-height:64px;border:1px dashed rgba(167,240,111,.44);border-radius:8px;background:#a7f06f0f;color:var(--text);display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer}.upload-drop input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.upload-drop strong,.upload-drop small{display:block}.upload-drop small{color:var(--muted);margin-top:3px}.duration-control{border:1px solid var(--border);border-radius:8px;padding:9px 10px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;display:grid;gap:5px}.duration-control input{width:100%;border:0;border-radius:6px;background:#ffffff14;color:var(--text);min-height:28px;padding:0 8px}.download-link{border:1px solid rgba(117,215,196,.42);border-radius:8px;min-height:40px;padding:0 14px;color:#0d211d;background:var(--accent-2);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800}.timeline{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.empty-timeline,.timeline-item{min-height:88px;border:1px solid var(--border);border-radius:8px;background:#ffffff09}.empty-timeline{color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px}.timeline-item{position:relative;overflow:hidden;display:grid;grid-template-columns:82px 1fr 34px;align-items:center;gap:10px;padding-right:8px}.timeline-item img{width:82px;height:88px;object-fit:cover}.timeline-item span{position:absolute;left:8px;top:8px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#10200c;font-weight:800;font-size:.74rem}.timeline-item strong{min-width:0;overflow-wrap:anywhere;font-size:.9rem}.timeline-item button{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:#ffffff0d;color:var(--text);display:grid;place-items:center;cursor:pointer}.video-status{grid-column:1 / -1;color:var(--muted);font-size:.88rem}.video-render-canvas{position:absolute;pointer-events:none;opacity:0;width:1px;height:1px}.spin-icon{animation:spin .9s linear infinite}@media(max-width:1120px){.workspace{grid-template-columns:240px minmax(360px,1fr)}.details-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.2fr auto;align-items:start}.video-builder{grid-template-columns:1fr}.video-controls{grid-template-columns:1fr 140px auto}.download-link{grid-column:1 / -1}}@media(max-width:760px){.app-shell{padding:8px;gap:8px;min-height:100svh}.topbar{align-items:flex-start}.top-actions{display:none}.workspace{grid-template-columns:1fr}.template-panel{order:2;padding:12px}.panel-heading{display:none}.template-grid{grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);overflow-x:auto;padding-bottom:4px}.scene-card{min-height:calc(100svh - 172px);order:1}.scene-toolbar{padding:10px;min-height:62px}.scene-toolbar h2{font-size:1rem}.walk-button{min-width:44px;padding:0 10px}.scene-canvas{min-height:calc(100svh - 288px)}.details-panel{display:none}.touch-joystick{display:grid}.desktop-hint{display:none}.mobile-hint{display:inline-flex}.scene-status{font-size:.75rem;align-items:flex-start;flex-direction:column}.hotspot{min-height:38px;font-size:.82rem}.mobile-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-toolbar button{min-height:44px;border:1px solid var(--border);border-radius:8px;background:#ffffff0f;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px}.bottom-sheet{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border);background:#171d18f0;border-radius:8px;padding:10px 12px;color:var(--muted)}.bottom-sheet strong{color:var(--text)}.video-builder{padding:12px;gap:12px}.video-controls,.timeline{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}