@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600&display=swap";:root{--bg: #121212;--surface: rgba(255,255,255,.05);--surface-hover: rgba(255,255,255,.08);--border: rgba(255,255,255,.1);--border-lime: rgba(228,242,34,.55);--border-blue: rgba(94,106,210,.55);--text: #f7f8f8;--muted: #8a8f98;--hint: #3d4455;--accent: #e4f222;--accent-blue: #5e6ad2;--blur: blur(12px);--radius: 8px;--radius-pill: 9999px;--ease: .15s ease;--font: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased}.viewer-root{position:relative;width:100vw;height:100vh;overflow:hidden}.canvas-fill{position:absolute;top:0;right:0;bottom:0;left:0}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:20;pointer-events:none;transition:opacity .4s ease}.loading-overlay.done{opacity:0}.spinner{width:24px;height:24px;animation:spin 1s linear infinite;flex-shrink:0}.loading-label{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.04em}.info-card{position:absolute;top:16px;left:16px;max-width:320px;background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:4px;z-index:10;pointer-events:auto;animation:fadeUp .5s ease .2s both}.info-card__brand{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);line-height:1}.info-card__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 6px var(--accent)}.info-card__name{font-size:22px;font-weight:600;letter-spacing:-.022em;color:var(--text);line-height:1.2;margin-top:3px;word-break:break-word}.info-card__meta{font-size:12px;font-weight:400;color:var(--muted);margin-top:1px}.controls{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:10;pointer-events:auto;animation:fadeUp .5s ease .2s both;transition:opacity .3s ease}.controls.dragging{opacity:.12;pointer-events:none}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);font:500 12px/1 var(--font);letter-spacing:.01em;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--ease),border-color var(--ease),box-shadow var(--ease),color var(--ease)}.btn:hover{background:var(--surface-hover);border-color:var(--border-lime);box-shadow:0 0 0 1px #e4f22226,0 0 12px #e4f22214}.btn:active{transform:scale(.97)}.btn--gallery:hover{border-color:var(--border-blue);box-shadow:0 0 0 1px #5e6ad233;color:#a5b4fc}.bottom-zone{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,rgba(18,18,18,.88));display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;pointer-events:none;z-index:5}.hint-text{font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--hint);transition:opacity 1.2s ease;-webkit-user-select:none;user-select:none}.hint-text.fade{opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.loading-overlay,.info-card,.controls,.hint-text{animation:none;transition:none}.spinner{animation:none}}@media (max-width: 480px){.info-card{max-width:200px;top:12px;left:12px}.info-card__name{font-size:17px}.controls{top:12px;right:12px}.btn .btn-label{display:none}.btn{padding:7px 10px}.hint-text{display:none}}