:root{--bg: #fff0f6;--surface: #ffe1ec;--surface-2: #ffd0e0;--text: #5a2440;--text-muted: #c98aa8;--accent: #ff6fa5;--accent-glow: rgba(255, 111, 165, .35);--success: #7bd88a;--warning: #f9c74f;--danger: #ff8f9e;--radius: 16px;--radius-sm: 10px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}.canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none}.canvas-container canvas{display:block;touch-action:none}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);transition:opacity .6s ease,visibility .6s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-avatar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bg)}.loading-avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(6px) brightness(.55) saturate(1.1);transform:scale(1.06)}.loading-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#40164680,#2b1030eb 75%)}.loading-screen .loader-ring,.loading-screen .loader-percent,.loading-screen .loader-label,.loading-screen .progress-track{position:relative;z-index:1}.loader-ring{width:64px;height:64px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent) 0%,transparent 60%);animation:spin 1.2s linear infinite;position:relative;margin-bottom:28px}.loader-ring:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#2b1030}@keyframes spin{to{transform:rotate(360deg)}}.loader-percent{font-size:3rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent),#ff8fb9,#b76fe0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.loader-percent.error{background:linear-gradient(135deg,#f87171,#fb923c);-webkit-background-clip:text;background-clip:text}.loader-label{font-size:.875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.progress-track{width:260px;height:3px;background:var(--surface-2);border-radius:99px;margin-top:20px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#ff8fb9);border-radius:99px;transition:width .3s ease}.top-bar{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#ffe1ecb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,150,190,.35);border-radius:99px;box-shadow:0 8px 24px #ff6fa526;transition:var(--transition)}.top-bar:hover{background:#ffdce9eb;border-color:#ff6fa58c}.logo-dot{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-size:17px;line-height:1;text-shadow:0 0 12px var(--accent-glow);animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.25)}}.model-name{font-size:.8rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.model-name span{color:var(--text-muted);font-weight:400;margin-left:4px}.hint-bar{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:50;display:flex;gap:24px;padding:10px 22px;background:#ffe1eca6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,150,190,.3);border-radius:99px;box-shadow:0 8px 22px #ff6fa51f;transition:opacity .8s ease}.hint-bar.fading{opacity:.3}.hint-item{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:500;color:var(--text-muted);letter-spacing:.02em}.hint-key{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--surface-2);border:1px solid rgba(255,150,190,.4);border-radius:5px;font-size:.65rem;font-weight:600;color:var(--text)}.action-buttons{position:fixed;right:24px;bottom:50%;transform:translateY(50%);z-index:50;display:flex;flex-direction:column;gap:10px}.action-btn{width:40px;height:40px;border-radius:50%;background:#ffe1ecb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,150,190,.35);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #ff6fa51f;transition:var(--transition);font-size:1rem}.action-btn:hover{background:#ffbed6d9;border-color:#ff6fa599;box-shadow:0 0 20px var(--accent-glow);transform:scale(1.08)}.action-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 16px var(--accent-glow)}.action-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:640px){.top-bar{padding:6px 12px;gap:6px;top:env(safe-area-inset-top,8px);border-radius:12px}.top-bar .model-name{font-size:.65rem}.logo-dot{width:18px;height:18px;font-size:15px}.hint-bar{display:none}.action-buttons{right:8px;bottom:50%;transform:translateY(50%);gap:6px}.action-btn{width:40px;height:40px}.action-btn svg{width:14px;height:14px}.loader-ring{width:48px;height:48px;margin-bottom:20px}.loader-percent{font-size:2.2rem}.loader-label{font-size:.75rem}.progress-track{width:180px}}.model-picker-toggle{position:fixed;left:20px;bottom:22px;z-index:60;width:64px;height:64px;border-radius:50%;padding:0;border:2px solid rgba(255,111,165,.55);background:#ffe1ecb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 22px #ff6fa547;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.model-picker-toggle:hover{transform:scale(1.06);border-color:var(--accent)}.model-toggle-img{width:100%;height:100%;object-fit:cover}.model-toggle-caret{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;line-height:22px;text-align:center;box-shadow:0 2px 6px #0003}.model-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#2b1030b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.model-overlay-panel{position:relative;min-width:300px;max-width:92vw;padding:30px 26px 24px;border-radius:22px;background:#ffe1ecf5;border:1px solid rgba(255,150,190,.45);box-shadow:0 20px 60px #00000059;animation:popIn .22s cubic-bezier(.18,.89,.32,1.28)}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.model-overlay-title{margin-bottom:16px;text-align:center;font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:.02em}.model-overlay-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.model-overlay-item{position:relative;width:240px;height:240px;border-radius:20px;overflow:hidden;padding:0;border:2px solid rgba(255,150,190,.3);background:#fff;cursor:pointer;box-shadow:0 10px 28px #0000002e;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.model-overlay-item:hover{transform:scale(1.06);border-color:var(--accent);box-shadow:0 8px 22px var(--accent-glow)}.model-overlay-item.selected{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow),inset 0 0 0 3px var(--accent)}.model-overlay-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.model-overlay-label{position:absolute;left:0;right:0;bottom:0;padding:10px 0 8px;font-size:1.05rem;font-weight:700;text-align:center;color:#fff;background:#ff6fa5e0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:none}.model-overlay-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,150,190,.5);background:#fff0f6e6;color:var(--text);font-size:13px;cursor:pointer}@media(max-width:640px){.model-picker-toggle{bottom:calc(env(safe-area-inset-bottom,12px) + 12px)}.model-overlay-item{width:190px;height:190px}}