:root{--bg: #050a14;--bg-elevated: #0a111e;--surface: rgba(0, 229, 255, .04);--surface-hover: rgba(0, 229, 255, .08);--border: rgba(0, 229, 255, .14);--border-strong: rgba(0, 229, 255, .38);--text: #e8fbff;--muted: #6b8f9e;--cyan: #00e5ff;--teal: #40ffd8;--cyan-deep: #005577;--cyan-soft: rgba(0, 229, 255, .12);--teal-soft: rgba(64, 255, 216, .1);--glow: rgba(0, 229, 255, .4);--gradient-brand: linear-gradient(180deg, #00e5ff 0%, #40ffd8 100%);--gradient-btn: linear-gradient(135deg, #00e5ff, #40ffd8);--glass: rgba(5, 10, 20, .72);--glass-border: rgba(0, 229, 255, .18);--radius: 18px;--radius-sm: 12px;--shadow: 0 24px 48px rgba(0, 0, 0, .45), 0 0 32px rgba(0, 229, 255, .06);--shadow-glow: 0 0 40px rgba(0, 229, 255, .15), 0 16px 40px rgba(0, 0, 0, .4);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{position:relative;max-width:520px;margin:0 auto;min-height:100vh;padding:0 16px 24px;display:flex;flex-direction:column}.app-compact{padding-bottom:8px}.app-studio{padding-top:0}.app-glow{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 55% at 50% -8%,rgba(0,229,255,.16),transparent),radial-gradient(ellipse 70% 35% at 50% 105%,rgba(0,229,255,.08),transparent),radial-gradient(ellipse 50% 30% at 100% 50%,rgba(64,255,216,.06),transparent);z-index:0}.app-mesh{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:linear-gradient(rgba(0,229,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent);z-index:0}.app>*:not(.app-glow):not(.app-mesh){position:relative;z-index:1}.main{flex:1;display:flex;flex-direction:column;min-height:0}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:12px -4px 16px;padding:10px 14px;border-radius:999px}.glass-bar{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0a}.topbar-brand{display:flex;align-items:center;gap:8px}.topbar-name{font-size:.88rem;font-weight:800;letter-spacing:-.02em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-center{text-align:center;min-width:0}.topbar-studio{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.topbar-page{font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-pill{font-size:.62rem;font-weight:800;letter-spacing:.1em;padding:5px 10px;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.tier-free{color:var(--muted);background:var(--surface)}.tier-pro{color:var(--cyan);background:var(--cyan-soft);border-color:var(--border-strong);box-shadow:0 0 16px #00e5ff33}.tier-loading{width:44px;height:22px;background:var(--surface);animation:shimmer 1.5s infinite}.tier-pill-click{cursor:pointer;font:inherit;transition:box-shadow .2s,border-color .2s}.tier-pill-click:hover{border-color:var(--border-strong);box-shadow:0 0 16px #00e5ff33}.paywall-hero{text-align:center;margin-bottom:20px}.paywall-title{margin:14px 0 8px;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.paywall-lead{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}.paywall-success{margin-bottom:16px;padding:12px 16px;border-radius:var(--radius-sm);background:#40ffd81a;border:1px solid rgba(64,255,216,.35);font-size:.85rem;line-height:1.5}.paywall-features{margin:0 0 24px;padding:0;list-style:none}.paywall-features li{position:relative;padding:10px 0 10px 28px;font-size:.88rem;line-height:1.4;border-bottom:1px solid var(--border)}.paywall-features li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:800}.paywall-plans{display:flex;flex-direction:column;gap:10px}.paywall-plan-secondary{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:14px 20px;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;color:var(--text);background:var(--surface);transition:border-color .2s,box-shadow .2s}.paywall-plan-secondary:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 20px #00e5ff1f}.paywall-plan-secondary:disabled{opacity:.6;cursor:wait}.paywall-note{margin:12px 0 0;text-align:center;font-size:.78rem;color:var(--muted)}.page-sub{margin:-8px 0 16px;font-size:.82rem;color:var(--muted);text-align:center}.quota-bar{position:relative;height:28px;margin-bottom:16px;border-radius:999px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.quota-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#00e5ff40,#40ffd826);border-radius:inherit;transition:width .4s ease}.quota-text{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-size:.68rem;font-weight:600;letter-spacing:.04em;color:var(--muted)}.ai-orb{position:relative;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#00e5ff2e,#40ffd814);border:1px solid var(--border-strong);box-shadow:0 0 24px #00e5ff40,inset 0 0 12px #00e5ff14}.ai-orb img{border-radius:50%;object-fit:cover}.ai-orb-pulse:before,.ai-orb-pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid rgba(0,229,255,.35);animation:orb-ring 2.4s ease-out infinite}.ai-orb-pulse:after{animation-delay:1.2s}@keyframes orb-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.45);opacity:0}}.back{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--muted);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;padding:8px 14px 8px 10px;transition:border-color .2s,color .2s,box-shadow .2s}.back-icon{padding:8px;margin:0}.back:hover,.back-icon:hover{color:var(--cyan);border-color:var(--border-strong);box-shadow:0 0 16px #00e5ff1f}.studio-hero{position:relative;padding:28px 22px 24px;margin-bottom:20px;border-radius:calc(var(--radius) + 4px);background:linear-gradient(165deg,#00e5ff17,#050a1499 45%,#40ffd80a);border:1px solid var(--border);box-shadow:var(--shadow-glow);overflow:hidden;text-align:center}.studio-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(0,229,255,.12),transparent 55%);pointer-events:none}.studio-hero-visual{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.studio-hero-ring{position:absolute;width:120px;height:120px;border-radius:50%;border:1px dashed rgba(0,229,255,.2);animation:spin-slow 24s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}.studio-eyebrow{margin:0 0 8px;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);opacity:.85}.studio-headline{margin:0 0 12px;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.studio-gradient{display:block;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.studio-lead{color:var(--muted);font-size:.9rem;line-height:1.6;max-width:36ch;margin:0 auto 22px}.studio-cta{position:relative;width:100%;border:none;border-radius:var(--radius-sm);padding:16px 24px;font:inherit;font-weight:800;font-size:.95rem;letter-spacing:.02em;cursor:pointer;color:#050a14;background:var(--gradient-btn);box-shadow:0 0 32px #00e5ff66,0 10px 28px #00000059;overflow:hidden;transition:transform .15s,box-shadow .2s}.studio-cta:active{transform:scale(.98)}.studio-cta-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);animation:cta-shine 3s ease-in-out infinite}@keyframes cta-shine{0%,to{transform:translate(-120%)}50%{transform:translate(120%)}}.studio-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.studio-step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);font-size:.68rem;font-weight:600;text-align:center;line-height:1.35;color:var(--muted)}.studio-step-n{font-size:.62rem;font-weight:800;letter-spacing:.08em;color:var(--cyan)}.studio-section{margin-bottom:24px}.section-label{margin:0 0 12px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.section-title{margin:0 0 12px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.quick-prompts{display:flex;flex-wrap:wrap;gap:8px}.quick-chip{border:1px solid var(--border);border-radius:999px;padding:10px 16px;font:inherit;font-size:.78rem;font-weight:600;color:var(--text);background:linear-gradient(180deg,#00e5ff0f,#0003);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}.quick-chip:hover{border-color:var(--border-strong);box-shadow:0 0 20px #00e5ff1f;transform:translateY(-1px)}.quick-chip:active{transform:scale(.98)}.tool-grid{display:flex;flex-direction:column;gap:10px}.tool-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;font:inherit;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s}.tool-card-premium{background:linear-gradient(135deg,#00e5ff0d,#00000026);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool-card:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 0 24px #00e5ff1f}.tool-card.accent-chat{--accent: #00e5ff;--accent-bg: rgba(0, 229, 255, .14)}.tool-card.accent-image{--accent: #40ffd8;--accent-bg: rgba(64, 255, 216, .12)}.tool-card.accent-doc{--accent: #00cce6;--accent-bg: rgba(0, 204, 230, .12)}.tool-card.accent-voice{--accent: #5dffe8;--accent-bg: rgba(93, 255, 232, .1)}.tool-card.accent-translate{--accent: #00b8d4;--accent-bg: rgba(0, 184, 212, .12)}.tool-icon{flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--accent);background:var(--accent-bg);border:1px solid rgba(0,229,255,.15);box-shadow:0 0 16px #00e5ff1a}.tool-icon svg{filter:drop-shadow(0 0 4px rgba(0,229,255,.35))}.tool-body{flex:1;min-width:0}.tool-tag{display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.1em;color:var(--cyan);margin-bottom:2px;opacity:.7}.tool-body strong{display:block;font-size:.95rem;font-weight:700;margin-bottom:3px}.tool-body span:not(.tool-tag){display:block;font-size:.78rem;color:var(--muted);line-height:1.35}.tool-arrow{color:var(--cyan);font-size:1.1rem;opacity:.45;transition:opacity .2s,transform .2s}.tool-card:hover .tool-arrow{opacity:1;transform:translate(2px)}.composer{margin-top:auto;padding-top:12px}.composer-dock{margin-top:auto;padding-top:8px}.composer-label{margin:0 0 8px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}.composer-box{border-radius:var(--radius);border:1px solid var(--border-strong);background:linear-gradient(180deg,#00e5ff14,#00000059);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;box-shadow:var(--shadow-glow)}.composer textarea{width:100%;border:none;background:transparent;color:var(--text);font:inherit;font-size:.92rem;line-height:1.5;padding:14px 16px 8px;margin:0;resize:none;min-height:72px}.composer textarea:focus{outline:none}.composer textarea::placeholder{color:var(--muted)}.composer-toolbar{display:flex;align-items:center;gap:6px;padding:8px 10px 10px;border-top:1px solid var(--border)}.composer-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.composer-icon:hover:not(:disabled){color:var(--cyan);border-color:var(--border-strong);box-shadow:0 0 12px #00e5ff26}.composer-icon.active{color:var(--cyan);border-color:var(--border-strong);background:var(--cyan-soft);box-shadow:0 0 16px #00e5ff40}.composer-icon:disabled{opacity:.4;cursor:not-allowed}.composer-send{margin-left:auto;display:inline-flex;align-items:center;gap:8px;border:none;border-radius:11px;padding:10px 18px;font:inherit;font-weight:800;font-size:.85rem;cursor:pointer;color:#050a14;background:var(--gradient-btn);box-shadow:0 0 24px #00e5ff59;transition:opacity .2s,transform .15s}.composer-send:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.composer-hint{margin:8px 4px 0;font-size:.78rem;color:var(--cyan)}.chat-studio{flex:1;display:flex;flex-direction:column;min-height:0}.chat-thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-bottom:12px;min-height:180px;max-height:calc(100vh - 320px);scroll-behavior:smooth}.msg{display:flex;gap:10px;align-items:flex-end;max-width:100%}.msg-user{flex-direction:row-reverse}.msg-avatar{flex-shrink:0;margin-bottom:2px}.bubble{max-width:88%;padding:12px 16px;border-radius:18px;font-size:.9rem;line-height:1.55}.bubble p{margin:0;white-space:pre-wrap}.bubble-user{background:linear-gradient(135deg,#00e5ff47,#40ffd81f);border:1px solid rgba(0,229,255,.35);border-bottom-right-radius:5px;box-shadow:0 0 20px #00e5ff1a}.bubble-assistant{background:linear-gradient(180deg,#00e5ff0f,#0003);border:1px solid var(--border);border-bottom-left-radius:5px}.bubble-file{display:block;font-size:.72rem;color:var(--cyan);margin-bottom:6px;font-weight:700;letter-spacing:.04em}.bubble-typing{display:flex;align-items:center;gap:8px;padding:14px 18px}.typing-label{font-size:.72rem;font-weight:600;color:var(--muted);margin-right:4px}.bubble-typing span:not(.typing-label){width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:pulse 1.2s infinite;box-shadow:0 0 6px var(--glow)}.bubble-typing span:not(.typing-label):nth-child(3){animation-delay:.15s}.bubble-typing span:not(.typing-label):nth-child(4){animation-delay:.3s}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}.tool-intro{margin:0 0 16px;padding:12px 16px;border-radius:var(--radius-sm);font-size:.82rem;line-height:1.5;color:var(--muted);background:linear-gradient(90deg,rgba(0,229,255,.06),transparent);border-left:2px solid var(--cyan)}.dropzone{padding:32px 20px;border-radius:var(--radius);border:1px dashed var(--border-strong);background:linear-gradient(180deg,#00e5ff0a,#00000026);text-align:center;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.dropzone:hover,.dropzone-drag{border-color:var(--cyan);background:var(--cyan-soft);box-shadow:0 0 28px #00e5ff24}.dropzone-loading{opacity:.7;pointer-events:none}.dropzone-icon{display:inline-grid;place-items:center;width:60px;height:60px;margin-bottom:14px;border-radius:16px;color:var(--cyan);background:var(--cyan-soft);border:1px solid var(--border);box-shadow:0 0 24px #00e5ff2e}.dropzone-icon svg{filter:drop-shadow(0 0 6px var(--glow))}.dropzone-title{margin:0 0 6px;font-weight:700;font-size:.95rem}.dropzone-hint{margin:0 0 14px;font-size:.8rem;color:var(--muted)}.dropzone-action{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--cyan)}.section-divider{text-align:center;font-size:.78rem;color:var(--muted);margin:20px 0 12px}.result-card{margin-top:16px;padding:18px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,#00e5ff0d,#0003);box-shadow:var(--shadow)}.result-card h3{margin:0 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.result{white-space:pre-wrap;line-height:1.55;font-size:.9rem}.panel-glass,.panel-secondary{margin-top:12px}.panel-label{margin:0 0 8px;font-size:.8rem;color:var(--muted)}.lang-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.lang-row label{font-size:.82rem;font-weight:600;color:var(--muted)}.lang-row select{flex:1;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;background:var(--bg-elevated);color:var(--text);font:inherit}.lang-row select:focus{outline:none;border-color:var(--border-strong);box-shadow:0 0 12px #00e5ff1f}.error{color:#ff8a8a;font-size:.85rem}.banner-error{margin:12px 0 0;padding:10px 12px;border-radius:var(--radius-sm);background:#ff646414;border:1px solid rgba(255,100,100,.2)}button.primary{width:100%;border:none;border-radius:var(--radius-sm);padding:14px;font-weight:700;cursor:pointer;color:#050a14;background:var(--gradient-btn);box-shadow:0 0 20px #00e5ff40}.header{margin-bottom:20px}.header-brand{display:flex;align-items:flex-start;gap:14px}.header-logo-wrap{padding:6px;border-radius:14px;background:linear-gradient(180deg,#00e5ff26,#40ffd814);border:1px solid var(--border-strong);box-shadow:0 0 24px var(--glow),0 8px 24px #00000059}.header-logo{display:block;border-radius:10px}.header-kicker{margin:0 0 2px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header h1{margin:0;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.header-sub{margin:4px 0 0;color:var(--muted);font-size:.88rem;line-height:1.4}.header-meta{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.tier-badge{font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:4px 10px;border-radius:999px;border:1px solid var(--border)}.hero{padding:20px;margin-bottom:24px;border-radius:var(--radius);background:linear-gradient(165deg,#00e5ff12,#0003);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:var(--cyan);margin-bottom:12px}.hero-lead{margin:0 0 16px;color:var(--muted);font-size:.92rem;line-height:1.55}.hero-cta{width:100%;border:none;border-radius:var(--radius-sm);padding:14px 20px;font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;color:#050a14;background:var(--gradient-btn);box-shadow:0 0 28px #00e5ff59,0 8px 24px #0000004d}.quota{font-size:.78rem;color:var(--muted)}