:root{color-scheme:light;--font-main:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:"Outfit","Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,monospace;--bg:#f8fafc;--bg-gradient:radial-gradient(at 0% 0%,rgba(99,102,241,0.06) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(147,51,234,0.05) 0px,transparent 50%);--surface:#ffffff;--surface-2:#f1f5f9;--surface-3:#e2e8f0;--surface-card:#ffffff;--text:#0f172a;--text-secondary:#475569;--muted:#64748b;--muted-2:#94a3b8;--line:#e2e8f0;--line-strong:#cbd5e1;--line-glow:rgba(99,102,241,0.2);--primary:#4f46e5;--primary-rgb:79,70,229;--nav-active:#eef2ff;--nav-accent:#4f46e5;--brand-gradient:linear-gradient(135deg,#4f46e5,#7c3aed);--brand-glow:0 8px 24px -4px rgba(79,70,229,0.35);--success:#10b981;--success-soft:#ecfdf5;--success-border:#a7f3d0;--danger:#ef4444;--danger-soft:#fef2f2;--warning:#f59e0b;--warning-soft:#fffbeb;--shadow-sm:0 1px 3px rgba(15,23,42,0.06);--shadow-md:0 4px 14px -2px rgba(15,23,42,0.08);--shadow-lg:0 14px 34px -4px rgba(15,23,42,0.10);--shadow-glow:0 0 25px rgba(99,102,241,0.15)}:root[data-theme=dark]{color-scheme:dark;--bg:#090d16;--bg-gradient:radial-gradient(at 0% 0%,rgba(99,102,241,0.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(147,51,234,0.10) 0px,transparent 50%);--surface:#101726;--surface-2:#162035;--surface-3:#1f2b47;--surface-card:#121c2e;--text:#f8fafc;--text-secondary:#cbd5e1;--muted:#94a3b8;--muted-2:#64748b;--line:#1e293b;--line-strong:#2d3b55;--line-glow:rgba(99,102,241,0.3);--primary:#6366f1;--primary-rgb:99,102,241;--nav-active:rgba(99,102,241,0.16);--nav-accent:#818cf8;--brand-gradient:linear-gradient(135deg,#6366f1,#a855f7);--brand-glow:0 10px 30px -4px rgba(99,102,241,0.45);--success:#10b981;--success-soft:rgba(16,185,129,0.12);--success-border:rgba(16,185,129,0.3);--danger:#f43f5e;--danger-soft:rgba(244,63,94,0.12);--warning:#fbbf24;--warning-soft:rgba(251,191,36,0.12);--shadow-sm:0 2px 6px rgba(0,0,0,0.25);--shadow-md:0 8px 24px rgba(0,0,0,0.35);--shadow-lg:0 20px 48px rgba(0,0,0,0.45);--shadow-glow:0 0 35px rgba(99,102,241,0.22)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.brandName,.cardTitle,.codeValue,h1,h2,h3,h4{font-family:var(--font-heading)}button,input,select,textarea{font-family:inherit}button{cursor:pointer;border:none;background:transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--line);padding:28px 20px 24px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:0 6px 26px;border-bottom:1px solid var(--line);margin-bottom:20px}.brandMark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-gradient);color:#fff;box-shadow:var(--brand-glow);flex-shrink:0}.brandName{font-size:21px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text) 30%,var(--nav-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.studioBadge{font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--brand-gradient);border-radius:6px;padding:2px 7px;margin-left:auto;box-shadow:0 2px 8px rgba(99,102,241,.3)}.sideNav{display:grid;grid-gap:8px;gap:8px}.navItem{position:relative;border-radius:14px;min-height:46px;padding:11px 15px;color:var(--muted);font-weight:600;font-size:13.5px;text-align:left;display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;transition:all .2s ease}.navItem:hover{background:var(--surface-2);color:var(--text);transform:translateX(2px)}.navItem.active{background:var(--nav-active);color:var(--nav-accent);font-weight:700}.navIcon{display:grid;place-items:center}.accessNav{grid-template-columns:22px minmax(0,1fr) auto;min-height:60px;border:1px dashed var(--line-strong);margin-top:6px}.accessNav:hover{border-color:var(--nav-accent)}.accessText{line-height:1.25;font-size:13px}.codeMini{grid-column:2/3;font-size:11px;letter-spacing:.1em;font-weight:800;font-family:var(--font-mono);color:var(--nav-accent);margin-top:-2px}.miniStatus{grid-column:3;grid-row:1/span 2;font-size:10px;padding:4px 9px;border-radius:999px;font-weight:750;white-space:nowrap}.miniStatus.ok{color:#059669;border:1px solid var(--success-border);background:var(--success-soft)}.miniStatus.wait{color:#d97706;border:1px solid rgba(245,158,11,.3);background:var(--warning-soft)}.miniStatus.bad{color:#e11d48;border:1px solid rgba(244,63,94,.3);background:var(--danger-soft)}.userAccountBar{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.userPill{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:12px}.userEmailText{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text)}.logoutBtn{color:var(--danger);font-size:11px;font-weight:700;padding:3px 6px;border-radius:6px;transition:background .15s ease}.logoutBtn:hover{background:var(--danger-soft)}.sidebarBottom{margin-top:12px}.modeWide{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text-secondary);border-radius:12px;padding:10px 14px;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.modeWide:hover{background:var(--surface-3);color:var(--text)}.main{min-width:0;padding:40px 50px 60px}.container{max-width:1120px;margin:0 auto}.topbar>div:first-child{min-width:0}.title{margin:0;font-size:clamp(28px,3.2vw,36px);line-height:1.15;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--text) 40%,var(--nav-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{margin:6px 0 0;color:var(--muted);font-size:14px;font-weight:500}.topActions{display:flex;gap:10px;align-items:center;margin-left:auto;flex-shrink:0}.langSwitcher{display:inline-flex;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.langBtn{border:none;background:transparent;color:var(--muted);font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;cursor:pointer;transition:all .2s ease}.langBtn:hover{color:var(--text)}.langBtn.active{background:var(--surface);color:var(--nav-accent);box-shadow:var(--shadow-sm)}.mobileLangBtn{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid var(--line);background:var(--surface-2);color:var(--nav-accent);cursor:pointer;transition:all .15s ease}.mobileLangBtn:hover{background:var(--nav-active)}.headerPill,.statusPill{min-height:38px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 16px;border-radius:999px;font-size:12.5px;font-weight:700;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.headerPill{color:var(--nav-accent)}.headerPill:hover{background:var(--surface-2);border-color:var(--line-strong)}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted-2);flex:0 0 auto;position:relative}.dot.online{background:var(--success);box-shadow:0 0 0 4px rgba(16,185,129,.2)}.dot.online:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid var(--success);animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}.dot.offline{background:var(--danger);box-shadow:0 0 0 4px rgba(244,63,94,.2)}.tabShell{gap:4px;border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:5px;margin-bottom:26px;box-shadow:var(--shadow-sm)}.tab,.tabShell{display:inline-flex;align-items:center}.tab{border:0;background:transparent;color:var(--muted);border-radius:12px;min-height:40px;padding:8px 18px;gap:10px;font-weight:600}.tab:hover{color:var(--text)}.tab strong{font-size:13.5px;font-family:var(--font-heading)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tabTag{font-size:10.5px;font-weight:700;color:var(--nav-accent);background:var(--nav-active);border-radius:999px;padding:3px 8px}.tabMeta{font-size:10.5px;color:var(--muted-2)}.workspaceGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);grid-gap:24px;gap:24px;align-items:start;width:100%}.card{background:var(--surface-card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow-md);transition:border-color .2s ease,box-shadow .2s ease;min-width:0;max-width:100%;box-sizing:border-box}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lg)}.cardHeader{justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.cardHeader,.cardTitle{display:flex;align-items:center}.cardTitle{gap:10px;font-weight:800;font-size:16.5px;letter-spacing:-.01em}.cardTitle svg{color:var(--nav-accent)}.stepText{color:var(--muted);font-size:11.5px;font-weight:600;background:var(--surface-2);padding:3px 9px;border-radius:999px;border:1px solid var(--line)}.field{display:grid;grid-gap:8px;gap:8px;margin-bottom:20px}.fieldTop{display:flex;justify-content:space-between;gap:12px;align-items:center}.label{font-size:12.5px;font-weight:700;color:var(--text)}.counter{color:var(--muted-2);font-size:11px;font-weight:600;font-family:var(--font-mono)}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:14px;padding:12px 15px;font-size:13.5px;outline:none;transition:all .18s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--nav-accent);box-shadow:0 0 0 3.5px rgba(99,102,241,.15);background:var(--surface)}.textarea{resize:vertical;line-height:1.55}.heroTextarea{min-height:135px}.smallTextarea{min-height:80px}.quickSamples{flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:4px}.quickSamples button{border:1px solid var(--line);background:var(--surface);color:var(--text-secondary);border-radius:999px;font-size:11px;font-weight:650;padding:4px 10px}.quickSamples button:hover{background:var(--nav-active);color:var(--nav-accent);border-color:var(--nav-accent);transform:translateY(-1px)}.uploadPanel{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;border:1.5px dashed var(--line-strong);background:var(--surface-2);border-radius:16px;padding:12px;box-sizing:border-box;width:100%;transition:border-color .2s ease}.uploadPanel:hover{border-color:var(--nav-accent)}.recordButton,.uploadButton{min-height:42px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm);transition:all .18s ease;width:100%;box-sizing:border-box;text-align:center}.uploadButton{cursor:pointer;padding:0 12px}.recordButton:hover,.uploadButton:hover{background:var(--surface-3);transform:translateY(-1px)}.uploadButton input{display:none}.recordButton{padding:0 12px}.recordButton.recording{background:var(--danger-soft);color:var(--danger);border-color:rgba(244,63,94,.4);animation:pulse-recording 1.5s infinite}@keyframes pulse-recording{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.selectedFile{margin-top:-6px;font-size:12px;font-weight:600;color:var(--success)}.accordion{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:20px;background:var(--surface)}.accordion summary{list-style:none;padding:14px 18px;font-size:13px;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease}.accordion summary:hover{background:var(--surface-2)}.accordion summary::-webkit-details-marker{display:none}.chevron{color:var(--muted);font-size:16px;transition:transform .2s ease}.accordion[open] .chevron{transform:rotate(180deg)}.accordionBody{border-top:1px solid var(--line);padding:18px;background:var(--surface-2)}.rangeLine{display:grid;grid-template-columns:140px 1fr 50px;grid-gap:12px;gap:12px;align-items:center;margin:10px 0}.rangeLine span{font-size:12px;font-weight:650;color:var(--text-secondary)}.rangeLine input[type=range]{accent-color:var(--nav-accent)}.rangeLine strong{font-size:12px;text-align:right;font-family:var(--font-mono);color:var(--text)}.checkGrid,.compactField{margin-top:14px}.checkGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.checkboxLine{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer}.checkboxLine input{accent-color:var(--nav-accent)}.designGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.designGrid,.resultCard{width:100%;box-sizing:border-box}.resultCard{position:-webkit-sticky;position:sticky;top:30px}.outputBox{min-height:220px;width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--surface-2);border-radius:20px;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.placeholder{display:grid;justify-items:center;grid-gap:8px;gap:8px;color:var(--muted);text-align:center;font-size:12px;max-width:240px}.placeholder strong{color:var(--text);font-size:13.5px;font-family:var(--font-heading)}.audioIcon,.placeholderIcon{width:52px;height:52px;border-radius:16px;background:var(--surface);color:var(--nav-accent);border:1px solid var(--line);display:grid;place-items:center;margin-bottom:6px;box-shadow:var(--shadow-sm)}.audioReady{width:100%;display:grid;justify-items:center;grid-gap:16px;gap:16px}.audioReady audio{width:100%;border-radius:12px}.statusBox{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:12px 16px;margin:18px 0;font-size:12px;color:var(--muted);min-height:48px;display:flex;gap:12px;align-items:center}.infoIcon{width:18px;height:18px;border-radius:50%;background:var(--nav-accent);color:#fff;font-size:11px;display:grid;place-items:center;font-weight:800;flex-shrink:0}.primary{border:0;background:var(--brand-gradient);color:#fff;border-radius:14px;padding:14px 22px;font-weight:750;font-size:14px;box-shadow:var(--brand-glow);display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:all .2s cubic-bezier(.4,0,.2,1)}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px -4px rgba(99,102,241,.5)}.primary:active:not(:disabled){transform:translateY(0)}.primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.generateButton{width:100%;min-height:52px;font-size:14.5px}.download{text-decoration:none;color:#fff;background:linear-gradient(135deg,#059669,#10b981);font-weight:750;padding:10px 18px;border-radius:12px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 14px rgba(16,185,129,.3);transition:all .18s ease}.download:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,.45)}.linkButton{text-decoration:none}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 16px;font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary:hover{background:var(--surface-2);border-color:var(--line-strong)}.modalBackdrop{position:fixed;inset:0;width:100vw;height:100vh;z-index:1000;background:rgba(10,15,29,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow-y:auto;animation:modal-fade-in .25s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.accessModal,.authModal{width:min(500px,100%);background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow-lg),var(--shadow-glow);text-align:center;position:relative}.modalBrand{display:flex;align-items:center;gap:12px;text-align:left}.modalBrand>div:last-child{display:grid;grid-gap:2px;gap:2px}.modalBrand strong{font-size:15.5px;font-family:var(--font-heading)}.modalBrand span{font-size:11px;color:var(--muted)}.modalLogo{width:38px;height:38px;border-radius:12px;background:var(--brand-gradient);color:#fff;display:grid;place-items:center;box-shadow:var(--brand-glow)}.modalDivider{height:1px;background:var(--line);margin:18px 0 22px}.modalIcon{width:58px;height:58px;margin:0 auto 14px;border-radius:18px;background:var(--nav-active);color:var(--nav-accent);display:grid;place-items:center;box-shadow:0 4px 16px rgba(99,102,241,.2)}.accessModal h2,.authModal h2{margin:0;font-size:23px;font-weight:800;letter-spacing:-.025em}.modalLead{color:var(--muted);font-size:13px;line-height:1.6;max-width:400px;margin:10px auto 20px}.accessCodeBox{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:16px 20px;margin:16px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.accessCodeNumber{font-family:var(--font-mono);font-size:clamp(22px,5.5vw,30px);font-weight:900;letter-spacing:.22em;color:var(--nav-accent)}.accessCodeActions{display:flex;gap:10px;align-items:center}.iconToggleBtn{border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:11.5px;font-weight:700;padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .2s ease}.iconToggleBtn:hover{background:var(--surface-2);border-color:var(--line-strong)}.modalFooterAction{display:flex;justify-content:center;gap:16px;margin-top:10px}.accessCode{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:18px 12px;font-size:clamp(28px,8vw,42px);line-height:1;letter-spacing:.18em;font-weight:900;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text);margin:14px 0}.connectedCode{color:var(--success)}.modalActions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:14px 0}.modalStatus{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;margin:14px 0 8px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--muted);font-size:12px;padding:10px 14px}.modalStatus.error{color:var(--danger);border-color:rgba(244,63,94,.3);background:var(--danger-soft)}.modalHint{color:var(--muted-2);font-size:11px}.modalTextButton{margin-top:12px;border:0;background:transparent;color:var(--nav-accent);font-size:12px;font-weight:750;padding:4px 8px}.modalTextButton:hover{text-decoration:underline}.modalPrimary{width:100%;margin-top:14px}.connectedBanner{margin:12px 0 0;display:inline-flex;gap:9px;align-items:center;color:var(--success);background:var(--success-soft);border:1px solid var(--success-border);border-radius:999px;padding:8px 16px;font-size:12px;font-weight:750}.lockBackdrop{z-index:2000;background:rgba(8,12,24,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topModalBackdrop{z-index:3000!important;background:rgba(8,12,24,.88)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}.badgePill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:750;letter-spacing:.02em;background:var(--nav-active);color:var(--nav-accent);border:1px solid rgba(99,102,241,.3);margin-bottom:16px}.authInputWrapper{margin:18px 0 14px;text-align:left}.authInput{width:100%;border:1.5px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px 18px;font-size:14.5px;outline:none;transition:all .18s ease}.authInput:focus{border-color:var(--nav-accent);box-shadow:0 0 0 4px rgba(99,102,241,.18);background:var(--surface)}.authErrorBox{border:1px solid var(--danger);background:var(--danger-soft);color:var(--danger);border-radius:14px;padding:14px 16px;font-size:12.5px;margin-bottom:16px;text-align:left;display:grid;grid-gap:10px;gap:10px}.contactAdminBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:12.5px;font-weight:750;border:none;cursor:pointer;box-shadow:0 4px 14px rgba(16,185,129,.35);transition:all .18s ease;width:100%}.contactAdminBtn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(16,185,129,.45)}.modalInlineLink{color:var(--nav-accent);font-weight:800;font-size:12.5px;padding:0;text-decoration:underline}.modalInlineLink,.modalInlineTextBtn{border:none;background:transparent;cursor:pointer}.modalInlineTextBtn{color:var(--muted);font-weight:700;font-size:11.5px;padding:4px 8px;border-radius:8px;transition:all .15s ease}.modalInlineTextBtn:hover{color:var(--text);background:var(--surface-2)}.warningNav:hover{color:#d97706}.contactNav:hover{color:#059669}.warningPill{color:#d97706;border-color:rgba(245,158,11,.25)}.warningPill:hover{background:var(--warning-soft)}.contactPill{color:#059669;border-color:rgba(16,185,129,.25)}.contactPill:hover{background:var(--success-soft)}.contactList{display:grid;grid-gap:10px;gap:10px;margin:16px 0;text-align:left}.contactCard{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);background:var(--surface-2);border-radius:16px;transition:all .18s ease}.contactCard:hover{transform:translateY(-1px);border-color:var(--line-strong)}.waCard{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.04)}.tgCard{border-color:rgba(14,165,233,.3);background:rgba(14,165,233,.04)}.mailCard{border-color:rgba(99,102,241,.3);background:rgba(99,102,241,.04)}.contactIcon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.waIcon{background:linear-gradient(135deg,#10b981,#059669);color:#ffffff}.tgIcon{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#ffffff}.mailIcon{background:linear-gradient(135deg,#818cf8,#4f46e5);color:#ffffff}.contactDetails{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.contactPlatform{font-size:10.5px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.contactValue{font-size:13px;font-weight:800;color:var(--text);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactActions{display:flex;align-items:center;gap:6px;flex-shrink:0}.contactActionBtn{padding:7px 12px;font-size:11.5px;font-weight:750;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:4px;box-shadow:var(--shadow-sm);transition:all .15s ease}.contactActionBtn:hover{transform:translateY(-1px);filter:brightness(1.08)}.waBtn{background:#10b981;color:#ffffff}.tgBtn{background:#0ea5e9;color:#ffffff}.mailBtn{background:var(--nav-accent);color:#ffffff}.contactCopyBtn{padding:7px 11px;font-size:11px;font-weight:700;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s ease}.contactCopyBtn:hover{background:var(--surface-3);border-color:var(--line-strong)}.disclaimerModal{max-width:520px;padding:26px;border-radius:24px}.disclaimerHeader{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.disclaimerWarningIcon{width:44px;height:44px;border-radius:14px;background:rgba(245,158,11,.15);color:#f59e0b;display:grid;place-items:center;flex-shrink:0}.disclaimerBody{font-size:12.5px;line-height:1.55;color:var(--text)}.disclaimerAlertBlock{background:rgba(239,68,68,.08);border-left:3.5px solid #ef4444;padding:10px 14px;border-radius:0 10px 10px 0;margin-bottom:14px;font-size:12px;line-height:1.5;color:var(--text)}.disclaimerAlertBlock p{margin:0}.disclaimerSubheading{font-size:13px;font-weight:800;color:var(--text);margin:14px 0 6px;letter-spacing:-.01em}.disclaimerList{margin:0;padding-left:18px;font-size:12px;line-height:1.55;color:var(--text-secondary);display:grid;grid-gap:6px;gap:6px}.disclaimerLegalBox{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:11.5px;line-height:1.5;color:var(--text-secondary);margin-top:6px}.disclaimerLegalBox p{margin:0}.legalBanner{display:flex;align-items:flex-start;gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin-top:24px;font-size:12px;line-height:1.5;color:var(--muted)}.legalBannerIcon{color:#f59e0b;margin-top:2px;flex-shrink:0}.legalBannerText{flex:1 1}.legalBannerLink{border:none;background:transparent;color:var(--nav-accent);font-weight:750;font-size:12px;cursor:pointer;padding:0;text-decoration:underline;margin-left:4px}.codeCopyBox{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2);border:1.5px solid var(--line);border-radius:18px;padding:12px 18px;margin:14px 0}.codeValue{font-size:28px;font-weight:900;letter-spacing:.16em;font-family:var(--font-mono);color:var(--text)}.copyBtn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:8px 16px;font-size:12px;font-weight:750;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm);transition:all .15s ease}.copyBtn:hover{background:var(--surface-3);transform:translateY(-1px)}.copyBtn.copied{background:var(--success-soft);color:var(--success);border-color:var(--success-border)}.desktopOnly{display:flex}.mobileAppHeader,.mobileOnly,.mobileStickyBar{display:none}.modalCloseBtn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease;z-index:10}.modalCloseBtn:hover{color:var(--text);background:var(--surface-3);border-color:var(--line-strong)}.statusPill.clickable{cursor:pointer;transition:all .15s ease}.statusPill.clickable:hover{background:var(--surface-2);border-color:var(--line-strong)}.quickSamples{display:flex;align-items:center;gap:8px;margin-top:6px}.quickSamplesLabel{font-size:11.5px;font-weight:650;color:var(--muted);white-space:nowrap}.quickSamplesPills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.quickSamplesPills::-webkit-scrollbar{display:none}.quickSamplesPills button{flex-shrink:0;border:1px solid var(--line);background:var(--surface);color:var(--text-secondary);border-radius:999px;font-size:11px;font-weight:650;padding:4px 10px;white-space:nowrap;transition:all .15s ease}.quickSamplesPills button:active,.quickSamplesPills button:hover{background:var(--nav-active);color:var(--nav-accent);border-color:var(--nav-accent)}.stepCard{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.stepCardHeader{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;color:var(--text)}.stepActionBtn{width:100%;text-align:center;justify-content:center;padding:9px 14px;font-size:12px;border-radius:10px}.presetSection{margin-top:14px;display:flex;flex-direction:column;gap:10px}.presetDropdownWrapper{margin-top:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.presetDropdownWrapper:hover{border-color:var(--line-strong)}.presetDropdownHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.presetDropdownLabel{font-size:12px;font-weight:750;color:var(--text);display:flex;align-items:center;gap:6px}.presetBadge{font-size:10px;font-weight:750;background:var(--nav-active);color:var(--nav-accent);padding:2px 8px;border-radius:999px;border:1px solid rgba(99,102,241,.2)}.presetSelectRow{display:flex;align-items:center;gap:8px}.presetSelect{flex:1 1;min-width:0;border:1.5px solid var(--line);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;border-radius:12px;padding:10px 14px;outline:none;cursor:pointer;transition:all .18s ease}.presetSelect:focus{border-color:var(--nav-accent);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.presetMiniPlayBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap;transition:all .18s ease;box-shadow:var(--shadow-sm)}.presetMiniPlayBtn:hover{background:var(--surface-3);border-color:var(--line-strong);transform:translateY(-1px)}.presetMiniPlayBtn.playing{background:var(--nav-accent);color:#fff;border-color:var(--nav-accent);animation:pulse-preset 1.5s infinite}@keyframes pulse-preset{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,.4)}50%{box-shadow:0 0 0 6px rgba(99,102,241,0)}}.refAudioCard{background:var(--surface-2);border:1px solid var(--nav-accent);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;margin-top:10px;animation:fadeIn .2s ease-out}.refAudioTop{justify-content:space-between;gap:8px}.refAudioTitle,.refAudioTop{display:flex;align-items:center}.refAudioTitle{font-size:12px;color:var(--text);gap:6px;overflow:hidden;text-overflow:ellipsis}.refAudioFormat,.refAudioTitle{font-weight:700;white-space:nowrap}.refAudioFormat{font-size:10px;background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.3);padding:2px 6px;border-radius:6px}.refAudioRemoveBtn{background:transparent;border:none;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:6px;display:inline-flex;align-items:center;gap:3px;transition:all .15s}.refAudioRemoveBtn:hover{color:#ef4444;background:rgba(239,68,68,.08)}.refAudioPlayer{width:100%;height:36px;border-radius:8px;outline:none}.lockedBanner{display:flex;align-items:center;gap:8px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);color:#d97706;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600;margin-bottom:12px}[data-theme=dark] .lockedBanner{background:rgba(245,158,11,.15);color:#fbbf24}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mobileOnly{display:none!important}.desktopOnly{display:block}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px;width:100%}.mobileStickyBar{display:none!important}@media (max-width:1120px){.main{padding:28px 20px 50px}.workspaceGrid{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:18px}}@media (max-width:900px){.shell{display:block;min-height:100vh}.desktopOnly,.sidebar,.topbar{display:none!important}.mobileOnly{display:block!important}.mobileAppHeader{justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;height:54px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mobileAppHeader,.mobileBrand{display:flex;align-items:center}.mobileBrand{gap:8px}.mobileBrand .brandMark{width:32px;height:32px;border-radius:9px}.mobileBrandTitle{font-size:16px;font-weight:800;letter-spacing:-.02em;font-family:var(--font-heading);background:linear-gradient(135deg,var(--text) 30%,var(--nav-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobileActions{display:flex;align-items:center;gap:6px}.mobileStatusBtn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;transition:all .15s ease}.mobileStatusBtn.ok{background:var(--success-soft);color:#059669;border-color:var(--success-border)}.mobileStatusBtn.bad{background:var(--danger-soft);color:var(--danger);border-color:rgba(244,63,94,.3)}.mobileStatusBtn.wait{background:var(--warning-soft);color:#d97706;border-color:rgba(245,158,11,.3)}.mobileIconBtn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.mobileIconBtn:hover{background:var(--surface-3);color:var(--text)}.mobileLoginBtn{font-size:11.5px;font-weight:750;color:var(--nav-accent);background:var(--nav-active);padding:5px 12px;border-radius:999px;border:1px solid rgba(99,102,241,.3)}.main{padding:14px 14px 110px}.container{max-width:600px}.mobileHero{margin-bottom:12px}.mobileHeroTitle{font-size:20px;font-weight:800;margin:0 0 2px;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text) 40%,var(--nav-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobileHeroDesc{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.workspaceGrid{display:flex;flex-direction:column;gap:16px;width:100%;align-items:stretch}.card,.parameterCard,.resultCard{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;position:static}.desktopGenBtn{display:none!important}.mobileStickyBar{display:flex!important;align-items:center;justify-content:space-between;gap:12px;position:fixed;bottom:0;left:0;right:0;z-index:120;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px max(12px,env(safe-area-inset-bottom,12px));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -4px 20px rgba(0,0,0,.12)}.mobileStickyStatus{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--text-secondary)}.mobileStickyStatusText{white-space:nowrap}.mobileStickyGenBtn{flex:1 1;max-width:220px;min-height:44px;padding:10px 16px;font-size:13.5px;font-weight:750;border-radius:12px}}@media (max-width:620px){.main{padding:12px 12px 95px}.tabShell{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;border-radius:14px;margin-bottom:14px}.tab{justify-content:center;min-height:40px;padding:6px 10px;border-radius:10px;font-size:12.5px}.tabMeta,.tabTag{display:none}.card{border-radius:18px;padding:15px}.cardHeader{padding-bottom:12px;margin-bottom:14px}.cardTitle{font-size:15px}.heroTextarea{min-height:105px;font-size:13px}.uploadPanel{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:10px;border-radius:14px}.recordButton,.uploadButton{min-height:42px;padding:0 8px;font-size:11.5px;border-radius:10px;text-align:center}.presetVoiceGrid{grid-template-columns:1fr 1fr;gap:8px}.presetVoiceCard{padding:10px;border-radius:12px;gap:6px}.presetVoiceName{font-size:11.5px}.presetVoiceTag{font-size:9px;padding:1px 5px}.presetVoiceActions{display:grid;grid-template-columns:auto 1fr;grid-gap:5px;gap:5px}.presetPlayBtn{min-width:32px}.presetPlayBtn,.presetUseBtn{padding:6px;font-size:10.5px}.designGrid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.checkGrid{gap:8px}.checkGrid,.rangeLine{grid-template-columns:1fr}.rangeLine{gap:4px;margin:8px 0}.accessModal,.authModal{width:min(440px,94vw);max-height:88vh;overflow-y:auto;padding:22px 18px 18px;border-radius:22px}.modalLead{font-size:12.5px;margin:8px auto 14px}.accessCodeBox{padding:12px 14px;margin:12px 0;gap:10px}.accessCodeNumber{font-size:24px;letter-spacing:.16em}.outputBox{min-height:180px;padding:16px;border-radius:16px}.placeholder{gap:6px;font-size:11.5px}.placeholderIcon{width:44px;height:44px;border-radius:12px;margin-bottom:2px}}.pwaInstallBtn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.15));border:1px solid rgba(99,102,241,.35);color:var(--nav-accent);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.pwaInstallBtn:hover{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(168,85,247,.25));transform:translateY(-1px)}.emotionPresetsSection{margin-top:14px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:10px}.emotionPresetsHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.emotionPresetsLabel{font-size:11.5px;font-weight:750;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.emotionActiveBadge{font-size:10.5px;font-weight:700;color:var(--nav-accent);background:var(--nav-active);padding:2px 8px;border-radius:999px;border:1px solid rgba(99,102,241,.3)}.emotionPillsList{display:flex;flex-wrap:wrap;gap:6px}.emotionPill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--text-secondary);border-radius:999px;font-size:11.5px;font-weight:650;padding:6px 12px;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.emotionPill:hover{background:var(--surface-3);color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.emotionPill.active{background:var(--nav-active);color:var(--nav-accent);border-color:var(--nav-accent);box-shadow:0 0 12px rgba(99,102,241,.22);font-weight:750}.emotionIcon{font-size:13px}.emotionName{font-size:11.5px}.waveformPlayer{width:100%;display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;box-sizing:border-box;box-shadow:var(--shadow-sm)}.waveformBars{height:52px;display:flex;align-items:center;justify-content:center;gap:3.5px;padding:0 8px;overflow:hidden;cursor:pointer}.waveformBar{width:3.5px;border-radius:999px;background:linear-gradient(180deg,var(--nav-accent),rgba(99,102,241,.3));transition:height .15s ease,background .15s ease;min-height:4px}.waveformBar.active{background:var(--brand-gradient);box-shadow:0 0 6px rgba(124,58,237,.4)}.waveformBar.playing{animation:barBounce 1.2s ease-in-out infinite}@keyframes barBounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.15)}}.waveformControls{display:flex;align-items:center;justify-content:space-between;gap:12px}.waveformPlayBtn{width:44px;height:44px;border-radius:50%;border:none;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--brand-glow);transition:all .2s ease;flex-shrink:0}.waveformPlayBtn:hover{transform:scale(1.06)}.waveformPlayBtn.playing{animation:pulse-ring 2s infinite}.waveformTime{font-size:11.5px;font-family:var(--font-mono);font-weight:600;color:var(--muted);background:var(--surface-2);padding:4px 10px;border-radius:999px;border:1px solid var(--line)}.downloadGroup{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;width:100%}.downloadBtnMp3,.downloadBtnWav{min-height:42px;border-radius:12px;font-size:12.5px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;transition:all .18s ease;padding:8px 14px;box-sizing:border-box}.downloadBtnWav{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--text);box-shadow:var(--shadow-sm)}.downloadBtnWav:hover{background:var(--surface-3);border-color:var(--nav-accent);color:var(--nav-accent);transform:translateY(-1px)}.downloadBtnMp3{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(168,85,247,.12));border:1px solid rgba(99,102,241,.35);color:var(--nav-accent)}.downloadBtnMp3:hover:not(:disabled){background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(168,85,247,.22));border-color:var(--nav-accent);transform:translateY(-1px)}.downloadBtnMp3:disabled{opacity:.6;cursor:not-allowed}.historySection{margin-top:32px;width:100%}.historyCard{background:var(--surface-card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-md);box-sizing:border-box;width:100%}.historyHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px;flex-wrap:wrap}.historyTitleGroup{display:flex;align-items:center;gap:10px}.historyTitle{font-size:16px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:8px}.historyCountBadge{font-size:11px;font-weight:700;color:var(--nav-accent);background:var(--nav-active);padding:2px 9px;border-radius:999px;border:1px solid rgba(99,102,241,.3)}.historyClearBtn{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:10px;font-size:11.5px;font-weight:650;padding:5px 12px;cursor:pointer;transition:all .18s ease}.historyClearBtn:hover{background:var(--danger-soft);color:var(--danger);border-color:rgba(244,63,94,.3)}.historyEmpty{text-align:center;padding:36px 16px;color:var(--muted);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:10px}.historyEmptyIcon{width:44px;height:44px;border-radius:14px;background:var(--surface-2);color:var(--muted-2);display:grid;place-items:center;border:1px solid var(--line)}.historyItem,.historyList{display:flex;flex-direction:column;gap:12px}.historyItem{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px;transition:all .18s ease}.historyItem:hover{border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow-sm)}.historyItemTop{justify-content:space-between;gap:8px}.historyItemTop,.historyMetaBadges{display:flex;align-items:center;flex-wrap:wrap}.historyMetaBadges{gap:6px}.historyBadge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text-secondary)}.historyBadge.typeBadge{color:var(--nav-accent);background:var(--nav-active);border-color:rgba(99,102,241,.25)}.historyTime{font-size:10.5px;color:var(--muted-2);font-family:var(--font-mono)}.historyItemText{font-size:13px;line-height:1.5;color:var(--text);background:var(--surface);padding:10px 14px;border-radius:12px;border:1px solid var(--line);max-height:85px;overflow-y:auto;word-break:break-word}.historyItemBottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.historyMiniPlayerRow{display:flex;align-items:center;gap:10px;flex:1 1;min-width:180px}.historyMiniPlayBtn{width:34px;height:34px;border-radius:50%;border:none;background:var(--nav-accent);color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:transform .15s ease}.historyMiniPlayBtn:hover{transform:scale(1.08)}.historyItemActions{display:flex;align-items:center;gap:6px}.historyActionBtn{border:1px solid var(--line);background:var(--surface);color:var(--text-secondary);border-radius:8px;font-size:11px;font-weight:700;padding:5px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;text-decoration:none;transition:all .15s ease}.historyActionBtn:hover{background:var(--surface-3);color:var(--text);border-color:var(--line-strong)}.historyActionBtn.deleteBtn:hover{background:var(--danger-soft);color:var(--danger);border-color:rgba(244,63,94,.3)}@media (max-width:640px){.downloadGroup{grid-template-columns:1fr}.historyItemBottom{flex-direction:column;align-items:stretch}.historyItemActions{justify-content:flex-end}}.refAudioActions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.refAudioTrimBtn{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--line);color:var(--nav-accent);border-radius:6px;font-size:11px;font-weight:700;padding:3px 8px;cursor:pointer;transition:all .15s ease}.refAudioTrimBtn:hover{background:var(--nav-active);border-color:var(--nav-accent);transform:translateY(-1px)}.audioTrimmerPanel{margin-top:12px;padding:14px;background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:14px;display:flex;flex-direction:column;gap:12px;animation:fadeInTrimmer .2s ease}@keyframes fadeInTrimmer{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.trimmerHeader{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:750;color:var(--text)}.trimmerDurationBadge{font-size:11px;font-family:var(--font-mono);color:var(--nav-accent);background:var(--nav-active);padding:2px 8px;border-radius:999px;border:1px solid rgba(99,102,241,.25)}.trimmerSliders{display:flex;flex-direction:column;gap:8px}.trimmerSliderRow{display:grid;grid-template-columns:85px 1fr 50px;grid-gap:10px;gap:10px;align-items:center}.trimmerSliderRow span{font-size:11.5px;font-weight:650;color:var(--muted)}.trimmerSliderRow strong{font-size:11.5px;font-family:var(--font-mono);color:var(--text);text-align:right}.trimmerQuickPills{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.trimmerQuickPill{border:1px solid var(--line);background:var(--surface);color:var(--text-secondary);border-radius:999px;font-size:11px;font-weight:650;padding:3px 10px;cursor:pointer;transition:all .15s ease}.trimmerQuickPill:hover{border-color:var(--nav-accent);color:var(--nav-accent);background:var(--nav-active)}.trimmerActionRow{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.trimmerApplyBtn{background:var(--brand-gradient);border:none;color:#fff;font-size:12px;font-weight:750;padding:7px 16px;border-radius:10px;cursor:pointer;box-shadow:var(--brand-glow);transition:all .15s ease}.trimmerApplyBtn:hover{transform:translateY(-1px)}.trimmerCancelBtn{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:650;padding:7px 12px;border-radius:10px;cursor:pointer}.trimmerCancelBtn:hover{background:var(--surface-3);color:var(--text)}.volumeBoostRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;width:100%;box-sizing:border-box}.volumeBoostLabel{font-weight:700;color:var(--text-secondary);display:flex}.volumeBoostBtn,.volumeBoostLabel{font-size:11.5px;align-items:center;gap:6px}.volumeBoostBtn{display:inline-flex;border:1px solid rgba(99,102,241,.35);background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.15));color:var(--nav-accent);border-radius:8px;font-weight:750;padding:5px 12px;cursor:pointer;transition:all .18s ease}.volumeBoostBtn:hover:not(:disabled){background:linear-gradient(135deg,rgba(99,102,241,.28),rgba(168,85,247,.28));border-color:var(--nav-accent);transform:translateY(-1px)}.volumeBoostBtn.boosted{background:var(--success-soft);color:var(--success);border-color:rgba(16,185,129,.4)}