.app{display:flex;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif}.sidebar{width:220px;min-width:220px;padding:16px;background:#1a1a2e;color:#e0e0e0;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.sidebar h1{font-size:18px;font-weight:600;color:#fff;margin:0}.subtitle{font-size:13px;color:#888;margin-top:-12px}.controls{display:flex;flex-direction:column;gap:8px}.controls button{padding:8px 12px;border:1px solid #444;border-radius:4px;background:#2a2a4a;color:#e0e0e0;cursor:pointer;font-size:14px}.controls button:hover{background:#3a3a5a}.scene-info,.help{font-size:13px}.scene-info h2,.help h2{font-size:14px;font-weight:600;margin-bottom:4px;color:#aaa}.scene-info p,.help p{margin:2px 0;color:#ccc}.viewer-area{flex:1;position:relative;overflow:hidden}.viewer-container{width:100%;height:100%}.viewer-container canvas{display:block;width:100%;height:100%;touch-action:none}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:10}.loading-card{background:#1a1a2e;border:1px solid #444;border-radius:8px;padding:24px 32px;min-width:260px;text-align:center}.loading-phase{color:#e0e0e0;font-size:14px;margin-bottom:12px}.loading-bar-track{height:6px;background:#2a2a4a;border-radius:3px;overflow:hidden}.loading-bar-fill{height:100%;background:#5b8def;border-radius:3px;transition:width .15s ease-out}.loading-pct{color:#888;font-size:12px;margin-top:8px}@media(max-width:768px){.sidebar{display:none}}