:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#090b10;color:#f5f7fb}*{box-sizing:border-box}html,body,.viewer{width:100%;height:100%;margin:0;overflow:hidden}.viewer{position:relative;background:#090b10}canvas{display:block;width:100%;height:100%;touch-action:none}.topbar{position:absolute;top:16px;left:16px;right:16px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(14,17,24,.86);box-shadow:0 12px 40px rgba(0,0,0,.32);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#4f46e5);font-size:12px;font-weight:900}.brand div{display:grid}.brand small{color:#929aac;font-size:11px}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}button{min-height:36px;padding:0 12px;border:1px solid #303744;border-radius:8px;background:#171b24;color:#eef1f7;cursor:pointer;font-weight:650}button:hover:not(:disabled){border-color:#8b5cf6;background:#202532}button:disabled{opacity:.4;cursor:not-allowed}button.primary{border-color:#8b5cf6;background:linear-gradient(135deg,#7c3aed,#4f46e5)}.welcome,.drop-overlay,.loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 50%,rgba(77,63,155,.13),transparent 48%)}[hidden]{display:none!important}.drop-card{display:grid;justify-items:center;gap:12px;width:min(460px,calc(100vw - 32px));padding:34px;border:1px solid rgba(139,92,246,.32);border-radius:18px;background:rgba(14,17,24,.88);box-shadow:0 25px 80px rgba(0,0,0,.38);text-align:center;backdrop-filter:blur(15px)}.drop-card h1,.drop-card p{margin:0}.drop-card p,.drop-card small{color:#929aac}.cube-icon{font-size:58px;line-height:1;color:#a78bfa}.drop-overlay{z-index:10;background:rgba(82,53,150,.32);font-size:24px;pointer-events:none}.loading{z-index:11;align-content:center;gap:14px;background:rgba(9,11,16,.72);backdrop-filter:blur(4px)}.spinner{width:38px;height:38px;border:3px solid #33394a;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.navigation-help{position:absolute;left:18px;bottom:18px;z-index:2;display:flex;gap:14px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(14,17,24,.8);color:#929aac;font-size:11px;backdrop-filter:blur(12px)}.navigation-help b{color:#e5e7eb}.model-status{position:absolute;right:18px;bottom:18px;z-index:2;max-width:min(620px,55vw);overflow:hidden;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(14,17,24,.8);color:#b8bfcc;font-size:11px;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(12px)}.toast{position:fixed;top:84px;left:50%;z-index:20;padding:11px 16px;border:1px solid #4a385f;border-radius:9px;background:#181320;box-shadow:0 16px 45px rgba(0,0,0,.45);transform:translateX(-50%)}@media(max-width:720px){.topbar{align-items:flex-start}.brand div{display:none}.actions{gap:5px}.actions button{min-height:34px;padding:0 8px;font-size:11px}.navigation-help{display:none}.model-status{left:16px;right:16px;max-width:none;text-align:center}}