:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;--card-bg-gradient: linear-gradient( 135deg, rgba(30, 41, 59, .3) 0%, rgba(15, 23, 42, .25) 50%, rgba(30, 41, 59, .2) 100% );--card-border: rgba(255, 255, 255, .1);--card-blur: 60px;--card-shadow-outer-1: 0 20px 60px rgba(0, 0, 0, .4);--card-shadow-outer-2: 0 8px 32px rgba(0, 0, 0, .2);--card-shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .08);--card-shadow-inset-bottom: inset 0 -1px 0 rgba(255, 255, 255, .03)}a{font-weight:500;color:#e5e7eb;text-decoration:none}a:hover{color:#93c5fd}body{overflow-x:hidden;margin:0;display:block;min-width:320px;min-height:100vh;background:radial-gradient(45% 45% at 50% 45%,#3b82f62e,#3b82f614 35%,#000000e6 60%,#000),#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#111827;color:#e5e7eb;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#60a5fa}button:focus,button:focus-visible{outline:none}button:active{outline:none;border-color:transparent}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff;--card-bg-gradient: linear-gradient( 135deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .1) 100% );--card-border: rgba(255, 255, 255, .3);--card-blur: 60px;--card-shadow-outer-1: 0 20px 60px rgba(0, 0, 0, .15);--card-shadow-outer-2: 0 8px 32px rgba(0, 0, 0, .1);--card-shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .6);--card-shadow-inset-bottom: inset 0 -1px 0 rgba(255, 255, 255, .2)}body{background:#fff}a:hover{color:#3b82f6}button{background-color:#f9f9f9;color:#111827}}#root{max-width:100%;margin:0;padding:0 0 10px}.hero{text-align:center;padding:96px 0 64px}.hero h1{font-size:40px;font-weight:600;margin:0 0 12px}.hero p{color:#9ca3af;margin:0}.site-nav{position:fixed;top:0;left:0;display:inline-flex;grid-template-columns:auto 1fr;align-items:center;padding:12px 0;width:calc(var(--vw, 1vw) * 100);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);z-index:1000}.header-inner{gap:50px;align-content:center;width:100%;display:flex;padding:0 24px;box-sizing:border-box;max-width:1200px;margin:0 auto}.site-brand{font-weight:700;letter-spacing:.08em;display:flex;align-items:center;flex:0 0 auto;margin-left:0}.site-logo{width:40px;height:40px;object-fit:contain;display:block}.site-brand-text{font-size:24px;font-weight:400;font-family:Unna,serif}.site-links{display:flex;gap:24px}.site-links a{position:relative;text-decoration:none;transition:color .2s ease}.site-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background-color:currentColor;transition:width .3s ease}.site-links a:hover:after{width:100%}.nav-glass{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:10px 16px;border-radius:12px;background:#11182759;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);width:100%;margin-left:0}.nav-actions{display:flex;align-items:center;gap:20px}.link-btn{background:transparent;border:none;color:#cbd5e1}.primary-cta{padding:8px 16px;border-radius:10px;border:1px solid #60a5fa;background:#02061799;color:#e5e7eb}@media(max-width:860px){.nav-glass{grid-template-columns:1fr auto;gap:20px;width:100%;text-align:left}}.nav-glass{position:relative}.nav-collapsible{display:none}.menu-toggle{display:none;background:transparent;border:none;color:#e5e7eb;width:60px;height:40px;align-items:center;justify-content:center;border-radius:8px}.menu-toggle svg{width:24px;height:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-nav.is-scrolled .nav-glass{background:#11182780;border-color:#ffffff29}.site-nav.on-home .nav-glass,.site-nav.on-home.is-scrolled .nav-glass{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid var(--card-border)}@media(prefers-color-scheme:light){.site-nav.on-home .nav-glass{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);box-shadow:var(--card-shadow-outer-1),var(--card-shadow-outer-2),var(--card-shadow-inset-top),var(--card-shadow-inset-bottom);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid var(--card-border)}.site-nav.on-home.is-scrolled .nav-glass{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid var(--card-border)}.site-nav.on-home .site-brand span,.site-nav.on-home .site-links a,.site-nav.on-home .link-btn{color:#0b1220}.site-nav.on-home .primary-cta{background:#0b1220;color:#e5e7eb;border-color:#0b1220}.site-nav.on-home .menu-toggle{color:#0b1220}}.site-nav.on-light:not(.on-home) .nav-glass{background:#ffffffd1;border-color:#11182714}.site-nav.on-light:not(.on-home) .site-brand span,.site-nav.on-light:not(.on-home) .site-links a,.site-nav.on-light:not(.on-home) .link-btn{color:#0b1220}.site-nav.on-light:not(.on-home) .primary-cta{background:#0b1220;color:#e5e7eb;border-color:#0b1220}.site-nav.on-light:not(.on-home) .menu-toggle{color:#0b1220}@media(max-width:860px){.menu-toggle{display:inline-flex}.nav-collapsible{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#111827e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;display:block;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .2s ease,opacity .2s ease,transform .2s ease;z-index:1100}.site-nav.on-home .nav-collapsible{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid var(--card-border)}@media(prefers-color-scheme:light){.site-nav.on-home .nav-collapsible{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid var(--card-border)}}.nav-collapsible .site-links{display:flex;flex-direction:column;gap:12px}.nav-collapsible .nav-actions{display:flex;justify-content:flex-start;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);margin-top:12px}.site-nav.menu-open .nav-collapsible{max-height:420px;opacity:1;transform:translateY(0)}.site-links,.nav-actions{display:none}}.nav-scrim{position:fixed;inset:0;background:#00000059;z-index:90}.auth-overlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:1000}.auth-card{width:min(560px,92vw);background:#ffffff14;border-radius:16px;box-shadow:0 20px 80px #00000059;padding:24px;position:relative;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border:1px solid rgba(255,255,255,.22)}.auth-close{position:absolute;right:8px;top:6px;border:none;background:transparent;font-size:24px;cursor:pointer}.auth-logo{width:64px;height:64px;border-radius:50%;margin:0 auto 8px;background:radial-gradient(circle at 30% 30%,#ffb3b3,#ff6b6b)}.auth-title{text-align:center;margin:0;color:#f3f4f6}.auth-sub{text-align:center;color:#e5e7eb;opacity:.8;margin:6px 0 16px}.auth-providers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.social{padding:10px 12px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:#ffffff1a;color:#f9fafb;font-size:18px}.auth-sep{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#cbd5e1;margin:6px 0 12px}.auth-sep:before,.auth-sep:after{content:"";height:1px;background:#ffffff40;display:block}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-label{font-size:14px;color:#e5e7eb}.auth-input{border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:#f9fafb;border-radius:12px;padding:12px 14px;font-size:14px}.auth-input::placeholder{color:#fff9}.auth-remember{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.link{border:none;background:transparent;color:#f3f4f6;text-decoration:underline;cursor:pointer;padding:0}.auth-submit{margin-top:8px;background:linear-gradient(180deg,#1f2937,#0b1220);color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:12px;padding:12px 16px}.auth-footer{text-align:center;margin-top:12px;color:#e5e7eb}.auth-error{color:#fef2f2;background:#b91c1c47;border:1px solid rgba(185,28,28,.45);padding:8px 10px;border-radius:8px}.auth-step{text-align:center;margin:0 0 4px}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:#ffffff1a;color:#f9fafb;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.auth-google-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff59}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn svg{flex-shrink:0}.hero{position:relative;padding:180px 0;align-self:center;display:grid;place-items:center;width:100%;background:#000;transition:background-color .3s ease;overflow:hidden}.hero:after{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,transparent 100%);pointer-events:none;z-index:0;filter:blur(80px)}@media(prefers-color-scheme:light){.hero{background:#e5e7eb}}.hero-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.hero-copy{text-align:center;width:96%;margin:2%}.hero-copy h1{font-size:clamp(36px,5.6vw,54px);font-weight:600;margin:16px}.hero-copy p{color:#cbd5e1;margin:16px 16px 54px}@media(prefers-color-scheme:light){.hero-copy p{color:#000}}.hero-copy .accent{background:linear-gradient(270deg,#67e6cd 20%,#4472cf);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.steps{margin:24px 10px 0;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.step{display:grid;align-items:center;background:#11182766;border:1px solid rgba(59,130,246,.25);border-radius:12px;padding:12px;color:#e5e7eb;text-align:center}.step .step-title{font-weight:600}.step .step-desc{color:#cbd5e1;font-size:12px}.step.active{outline:2px solid #60a5fa;background:#02061799}.hero-demo{min-height:520px;border-radius:16px;border:1px solid var(--card-border);background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);display:grid;align-items:center;box-shadow:var(--card-shadow-outer-1),var(--card-shadow-outer-2),var(--card-shadow-inset-top),var(--card-shadow-inset-bottom);width:auto;margin:0 2%;padding:12px;position:relative;transition:all .3s ease;overflow:hidden}@media(prefers-color-scheme:light){.hero-demo{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a)}}.demo-card{position:relative;width:100%;height:100%;color:#cbd5e1;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.demo-text{white-space:pre-wrap}.demo-note{color:#cbd5e1;font-size:14px;opacity:.9;display:block}.tts .demo-text{display:flex;text-align:left;margin:24px 10px 12px;padding:12px 14px;background:#ffffff0d;border-radius:12px;width:auto}@media(prefers-color-scheme:light){.tts .demo-text{background:#fff;color:#000}.tts .ap-root{background:#fff}}.tts .ap-root{margin:12px 10px;height:auto;width:auto}.tts .demo-note{margin:24px 10px 12px;display:flex;width:auto}@media(prefers-color-scheme:light){.tts .demo-note{color:#000}}.stt .ap-root{margin:24px 10px 0;max-height:calc(25% + 80px);width:auto}.stt .demo-text{margin:0 10px 24px;padding:12px 14px;background:#ffffff0d;border-radius:8px;height:75%;width:auto}.stt-transcribed-text{padding:16px;background:#fff;border-radius:8px;border:1px solid rgba(255,255,255,.1);min-height:60px;text-align:left}.stt-transcribed-text.has-text{border:1px solid rgba(0,0,0,.2);margin:0 10px 16px}.stt .demo-note{margin:24px 10px 12px;display:flex;width:auto}@media(prefers-color-scheme:light){.stt .demo-note{color:#000}.stt .ap-root{background:#fff}.stt .demo-text{background:#fff;color:#000}}.cta-container{width:auto;margin:0 2%;display:flex;flex-direction:column;align-items:center;gap:12px}.primary-cta{padding:10px 16px;border-radius:16px;border:1px solid var(--card-border);background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);box-shadow:var(--card-shadow-outer-1),var(--card-shadow-outer-2),var(--card-shadow-inset-top),var(--card-shadow-inset-bottom);color:#e5e7eb;width:100%;text-align:center;text-decoration:none;display:block;position:relative;overflow:hidden;transition:all .3s ease}@media(prefers-color-scheme:light){.primary-cta{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);color:#000}}.hero-copy .or-text{color:#cbd5e1;font-size:14px;margin:12px 12px 0;font-weight:500}@media(prefers-color-scheme:light){.hero-copy .or-text{color:#374151}}.tts-controls{display:flex;gap:24px;align-items:center;margin:24px}.stt-controls{display:flex;gap:24px;align-items:center;margin:12px 24px;flex-wrap:wrap}.control-label{opacity:.85}.tts-select{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid var(--card-border);color:#e5e7eb;border-radius:8px;padding:8px 12px 8px 10px;min-width:32px;font-family:Inter;font-size:16px;height:38px;width:auto;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;outline:none;text-align:center;transition:all .2s ease;box-shadow:var(--card-shadow-outer-1),var(--card-shadow-outer-2),var(--card-shadow-inset-top),var(--card-shadow-inset-bottom)}.tts-select:focus{background:linear-gradient(135deg,#1e293b66,#0f172a59,#1e293b4d)}@media(prefers-color-scheme:light){.tts-select{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid var(--card-border);color:#000}.tts-select:focus{background:linear-gradient(135deg,#ffffff59,#ffffff40,#fff3)}}.tts-select option{background:linear-gradient(135deg,#1e293bf2,#0f172ae6,#1e293bf2);color:#e5e7eb;padding:8px 10px}.tts-select option:checked,.tts-select option:hover{background:linear-gradient(135deg,#1e293b,#0f172af2,#1e293b);color:#fff}@media(prefers-color-scheme:light){.tts-select option{background:linear-gradient(135deg,#fffffff2,#ffffffe6,#fffffff2);color:#000}.tts-select option:checked,.tts-select option:hover{background:linear-gradient(135deg,#fff,#fffffff2,#fff);color:#000}}.tts-select::-ms-expand{display:flex;background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33)}.transcribe-btn-home{padding:8px 16px;background:#3b82f6;color:#fff;border:1px solid #60a5fa;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;font-family:Inter;height:38px;min-width:100px;align-self:right}.transcribe-btn-home:hover:not(:disabled){background:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 8px #60a5fa4d}.transcribe-btn-home:disabled{background:#9ca3af99;color:#e5e7eb80;cursor:not-allowed;border-color:#9ca3af66}.tts-generate{margin-left:24px;padding:10px;border-radius:8px;border:1px solid #60a5fa;background:linear-gradient(270deg,#67e6cd 20%,#4472cf 70%);color:#000;font-family:Inter;font-size:16px;height:38px;width:120px;text-align:center}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}}.blog{position:relative;background:#000;color:#cbd5e1;width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:72px 0;overflow:hidden;transition:background-color .3s ease}.blog:after{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,transparent 100%);pointer-events:none;z-index:0;filter:blur(80px)}@media(prefers-color-scheme:light){.blog{background:#e5e8eb;color:#fff}}@media(prefers-color-scheme:dark){.blog{background:#000;color:#fff}}.blog-header{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:12px;margin-bottom:28px}.blog-header h2{font-size:clamp(28px,4.2vw,40px);margin:0 0 8px;color:#e5e7eb}.blog-header p{grid-column:1 / -1;margin:0 0 28px;color:#cbd5e1}@media(prefers-color-scheme:light){.blog-header h2,.blog-header p{color:#000}}.blog-viewall{display:inline-block;align-self:center;padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;color:#e5e7eb;text-decoration:none;font-size:14px;transition:all .2s}.blog-viewall:hover{background:#ffffff1a;border-color:#60a5fa}@media(prefers-color-scheme:light){.blog-viewall{color:#0b0f14;border-color:#e5e7eb}.blog-viewall:hover{background:#f1f5f9;border-color:#0b0f14}}.blog-grid{display:grid;grid-template-columns:1fr 80px 80px;gap:20px;align-items:stretch}.blog-grid.open-1{grid-template-columns:1fr 80px 80px}.blog-grid.open-2{grid-template-columns:80px 1fr 80px}.blog-grid.open-3{grid-template-columns:80px 80px 1fr}.blog-card{position:relative;height:600px;border-radius:16px;overflow:hidden;cursor:pointer;background:var(--card-bg-gradient);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);box-shadow:var(--card-shadow-outer-1),var(--card-shadow-outer-2),var(--card-shadow-inset-top),var(--card-shadow-inset-bottom);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1),background .7s cubic-bezier(.22,1,.36,1),border-color .7s cubic-bezier(.22,1,.36,1)}.blog-card-inner{position:absolute;inset:0;padding:16px 16px 20px;display:grid;grid-template-columns:40% 60%;grid-template-rows:1fr;gap:16px;align-items:center;transition:transform .6s cubic-bezier(.22,1,.36,1)}.blog-card .blog-content{height:280px;opacity:0;transform:translate(12px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.blog-card.open .blog-content{opacity:1;transform:translate(0);padding:16px}.blog-image-wrap{height:100%;border-radius:12px;overflow:hidden;background:#e2e8f0}.blog-image{width:100%;height:auto;object-fit:cover;display:block;transform:scale(1);filter:saturate(1);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s cubic-bezier(.22,1,.36,1)}.blog-card.open .blog-image{transform:scale(1.06);filter:saturate(1.1)}.blog-title{margin:0 0 6px;font-size:18px;color:#fff}.blog-subtitle{margin:0 0 12px;color:#fff;font-size:14px}.blog-cta{margin-top:12px;padding:8px 12px;border-radius:10px;border:none;background:transparent;color:#fff}.blog-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#3b82f626,#3b82f600);opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:scale(.98);border-radius:16px}.blog-card.open:after{opacity:1;transform:scale(1)}.blog-card.open{box-shadow:0 14px 36px #0206171a;transform:translateY(-4px);background:linear-gradient(90deg,#0d1b2a,#1e6091,#a9d6e5);border-color:transparent}.blog-grid .blog-card:nth-child(1){grid-column:1 / span 1}.blog-grid .blog-card:nth-child(2){grid-column:2 / span 1}.blog-grid .blog-card:nth-child(3){grid-column:3 / span 1}.blog-card.open{grid-column:1 / span 1}.blog-grid{grid-template-columns:1fr 80px 80px}.blog-card.open .blog-card-inner{grid-template-columns:40% 60%}.blog-card:not(.open) .blog-card-inner{grid-template-columns:1fr}.blog-card:not(.open) .blog-image-wrap{display:none}.blog-grid .blog-card:nth-child(1):not(.open){background:#0d1b2a;border-color:#0d1b2a}.blog-grid .blog-card:nth-child(2):not(.open){background:#1e6091;border-color:#1e6091}.blog-grid .blog-card:nth-child(3):not(.open){background:#a9d6e5;border-color:#a9d6e5}@media(max-width:640px){.blog{background:#000;color:#cbd5e1;width:100%;margin-left:0;margin-right:0;padding:48px 0}@media(prefers-color-scheme:light){.blog{background:#e5e7eb;color:#000}}.blog-wrap{max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box}.blog-header{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:12px}.blog-header h2{font-size:28px;margin:0 0 8px;color:#e5e7eb}.blog-header p{grid-column:1 / -1;margin:0 0 20px;color:#cbd5e1}@media(prefers-color-scheme:light){.blog-header h2,.blog-header p{color:#000}}.blog-grid,.blog-grid.open-1,.blog-grid.open-2,.blog-grid.open-3{display:grid;grid-template-columns:1fr;gap:12px}.blog-grid .blog-card{grid-column:auto!important}.blog-grid>.blog-card:nth-child(n+3){display:none}.blog-grid>.blog-card:nth-child(1),.blog-grid>.blog-card:nth-child(2){display:block!important}.blog-card{position:relative;height:250px;border-radius:16px;overflow:hidden;cursor:default;background:#f1f5f9;padding:4px 0}.blog-card{background:#fff!important;border-color:#e2e8f0!important}.blog-card,.blog-card.open{transform:none!important;box-shadow:none!important;transition:none!important}.blog-card:after{content:none!important}.blog-card-inner{position:relative;inset:auto;padding:12px;display:grid;grid-template-columns:1fr!important;gap:12px;align-items:center}.blog-card.open .blog-card-inner{grid-template-columns:1fr!important}.blog-card:not(.open) .blog-card-inner{grid-template-columns:1fr!important}.blog-image-wrap{display:block!important;position:absolute;inset:0;width:100%;height:100%;border-radius:16px;overflow:hidden;background:transparent;z-index:0}.blog-image{display:block!important;width:100%;height:100%;object-fit:cover;transform:none!important;filter:brightness(.65)!important;transition:none!important}.blog-card .blog-content{position:relative;z-index:1;opacity:1!important;transform:none!important;background:#ffffffb8;border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:10px 12px}.blog-title{margin:0 0 4px;font-size:16px;color:#0b0f14}.blog-subtitle{margin:0 0 16px;color:#000;font-size:13px}.blog-body,.blog-cta{display:none!important}}.blog-detail{margin-top:40px;background:#fff;border-radius:16px;padding:24px}.detail-title{margin:0 0 8px;font-size:24px}.detail-subtitle{margin:0 0 16px;color:#000}.site-footer{width:100%}.footer-cta{background:#1f2937;color:#e5e7eb;padding:48px 0;height:300px;display:grid;place-items:center}.footer-cta-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.footer-cta h2{margin:0;font-size:clamp(22px,3.6vw,32px);font-weight:600}.footer-cta-btn{background:#0b1220;color:#e5e7eb;border:1px solid #374151;padding:10px 16px;border-radius:10px}.footer-main{background:#000;color:#d1d5db;padding:48px 0;height:400px}.footer-wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;height:40px}.footer-heading{color:#9ca3af;font-weight:600;margin-bottom:10px}.footer-col a{display:block;background:transparent;color:#0b0f14;width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;color:#e5e7eb;opacity:.9;text-decoration:none;margin:8px 0}.footer-col a:hover{opacity:1;color:#93c5fd}@media(max-width:900px){.footer-wrap{grid-template-columns:1fr 1fr}}.stories{position:relative;background:#000;color:#cbd5e1;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:72px 0;overflow:hidden;transition:background-color .3s ease}.stories:after{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(147,197,253,.4) 0%,rgba(96,165,250,.3) 20%,rgba(59,130,246,.2) 40%,rgba(37,99,235,.1) 60%,transparent 100%);pointer-events:none;z-index:0;filter:blur(80px)}@media(prefers-color-scheme:light){.stories{background:#e5e7eb;color:#000}}.stories-wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}.stories-header{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:12px;margin-bottom:18px}.stories-title{margin:0;font-size:clamp(22px,3.8vw,34px);color:#e5e7eb}.stories-viewall{display:inline-block;align-self:center;padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;color:#e5e7eb;text-decoration:none;font-size:14px;transition:all .2s}.stories-viewall:hover{background:#ffffff1a;border-color:#60a5fa}@media(prefers-color-scheme:light){.stories-title{color:#000}.stories-viewall{color:#0b0f14;border-color:#e5e7eb}.stories-viewall:hover{background:#f1f5f9;border-color:#0b0f14}}.stories-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.story-card{position:relative;display:block;height:300px;border-radius:16px;overflow:hidden;background:var(--card-bg-gradient);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid var(--card-border);box-shadow:var(--card-shadow-outer-1),var(--card-shadow-outer-2),var(--card-shadow-inset-top),var(--card-shadow-inset-bottom)}@media(prefers-color-scheme:light){.story-card{color:#000}}.story-card{position:relative;display:flex;flex-direction:column}.story-card .story-head{position:absolute;top:12px;left:12px;right:12px;z-index:2;display:flex;flex-direction:column;gap:6px}.story-card .story-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fffc;font-weight:700}.story-card .story-title{font-size:16px;color:#fff;font-weight:600;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.5)}.story-card .story-title.big{font-size:20px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.story-card .story-title-bottom{position:absolute;bottom:12px;left:12px;right:12px;z-index:2;font-size:16px;color:#fff;font-weight:600;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.5);padding:8px 0}.story-card .story-title-bottom.big{font-size:20px}.story-card .story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transform:scale(1);filter:grayscale(100%);transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1)}.story-card:hover .story-image{transform:scale(1.06);filter:grayscale(0%)}.story-card .story-footer{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:10px}.story-card .story-footer.light{background:#ffffff4d;border-top:1px solid rgba(0,0,0,.12);color:#000}.story-card .story-footer.dark{background:#0006;border-top:1px solid rgba(255,255,255,.2);color:#e5e7eb}.story-avatar{width:44px;height:44px;border-radius:9999px;background:#000}.story-footer-left{display:flex;gap:10px;align-items:center}.story-btn{background:#3b82f6;color:#fff;border:none;padding:8px 12px;border-radius:9999px}.span-4,.span-5,.span-7{grid-column:span 12}@media(min-width:640px){.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}}.all-content{width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:60px 0;background:#fff;color:#0b0f14}@media(prefers-color-scheme:dark){.all-content{background:#0b0f14;color:#fff}}.all-wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}.all-header h2{margin:0 0 16px;font-size:clamp(22px,3.8vw,34px)}.blog-filters{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border-radius:6px;border:none;background:transparent;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.filter-btn:hover{background:#f1f5f9;color:#0b0f14}@media(prefers-color-scheme:dark){.filter-btn{color:#94a3b8}.filter-btn:hover{background:#1e293b;color:#fff}}.filter-btn.active{background:#f1f5f9;color:#0b0f14}@media(prefers-color-scheme:dark){.filter-btn.active{background:#1e293b;color:#fff}}.blog-grid-cartesia{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card-cartesia{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;background:#f9fafb;transition:transform .2s,box-shadow .2s}.blog-card-cartesia:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media(prefers-color-scheme:dark){.blog-card-cartesia{background:#1e293b;border-color:#334155}.blog-card-cartesia:hover{box-shadow:0 4px 12px #0000004d}}.blog-card-image{width:100%;height:200px;object-fit:cover;display:block}.blog-card-date{padding:16px 16px 8px;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:500}@media(prefers-color-scheme:dark){.blog-card-date{color:#94a3b8}}.blog-card-category{padding:0 16px 8px;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}@media(prefers-color-scheme:dark){.blog-card-category{color:#94a3b8}}.blog-card-title{padding:0 16px 16px;font-size:18px;font-weight:600;line-height:1.4;color:#0b0f14}@media(prefers-color-scheme:dark){.blog-card-title{color:#fff}}.all-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.all-blog-card{display:grid;grid-template-rows:160px auto;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;background:#f9fafb}.all-blog-image{width:100%;height:160px;object-fit:cover;display:block}.all-blog-meta{padding:12px}.all-blog-title{font-weight:600;margin:0 0 6px}.all-blog-sub{color:#475569;font-size:14px;margin:0 0 10px}.all-blog-excerpt{color:#0b0f14;opacity:.85;font-size:14px}.all-stories-grid{margin-top:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.all-story-card{position:relative;display:block;height:180px;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb;background:#f3f4f6;text-decoration:none;color:inherit}.all-story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.all-story-meta{position:absolute;left:10px;right:10px;top:10px;display:flex;flex-direction:column;gap:4px}.all-story-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#fffc;font-weight:700}.all-story-title{font-size:16px;color:#fff;font-weight:600}@media(max-width:1000px){.blog-grid-cartesia{grid-template-columns:repeat(2,1fr)}.all-blog-grid{grid-template-columns:1fr}.all-stories-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.blog-grid-cartesia{grid-template-columns:1fr}}.ap-root{border-radius:12px;padding:14px;background:#ffffff02;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);width:100%;height:auto;box-sizing:border-box;min-height:fit-content}@media(prefers-color-scheme:light){.ap-root{background:#ffffffe6}.demo-card .ap-root{background:#fffffff2}}.ap-language-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.ap-language-label{font-size:13px;font-weight:500;color:var(--text-secondary, #e5e7eb)}.ap-language-select{padding:6px 10px;border-radius:6px;border:1px solid var(--border-color, rgba(255, 255, 255, .2));background:var(--bg-card, rgba(255, 255, 255, .05));color:var(--text-primary, #e5e7eb);font-size:13px;cursor:pointer;transition:all .2s ease;width:100%}.ap-language-select:hover{border-color:#3b82f680;background:#3b82f60d}.ap-language-select:focus{outline:none;border-color:#3b82f6cc;box-shadow:0 0 0 2px #3b82f61a}:root[data-theme=light] .ap-language-label{color:#374151}:root[data-theme=light] .ap-language-select{background:#ffffffe6;color:#111827;border-color:#0003}:root[data-theme=dark] .ap-language-select{background:#ffffff0d;color:#e5e7eb;border-color:#fff3}.ap-row{display:flex;align-items:center;gap:12px;color:#e5e7eb}@media(prefers-color-scheme:light){.ap-row{color:#374151}.demo-card .ap-row{color:#111827}}.ap-btn--icon{background:transparent;border:none;color:#fff;width:38px;height:38px;padding:0;margin:0;transition:color .3s ease}:root[data-theme=light] .ap-btn--icon{color:#000}:root[data-theme=dark] .ap-btn--icon{color:#fff}.hero .ap-btn--icon,.demo-card .ap-btn--icon{color:#fff!important}.ap-btn--icon:focus,.ap-btn--icon:focus-visible{outline:none;box-shadow:none}.ap-btn--icon::-moz-focus-inner{border:0}.ap-seek{flex:1;appearance:none;height:30px;border-radius:8px;background:#fff3}@media(prefers-color-scheme:light){.ap-seek{background:#0000001a}.hero .ap-seek,.demo-card .ap-seek{background:#00000026}}.ap-seek::-webkit-slider-thumb{appearance:none;width:0;height:0;background:transparent;border:none}.ap-seek::-moz-range-thumb{width:0;height:0;border:none;background:transparent}.ap-time{font-size:12px;color:#cbd5e1}@media(prefers-color-scheme:light){.ap-time{color:#374151}.demo-card .ap-time{color:#111827}}.ap-controls-wrapper{border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}.ap-controls-wrapper.ap-light{background:#fff;color:#000}.ap-controls-wrapper.ap-dark{background:#000;color:#fff}.ap-controls-wrapper.ap-light .ap-btn--icon{color:#000!important}.ap-controls-wrapper.ap-dark .ap-btn--icon{color:#fff!important}.ap-controls-wrapper.ap-light .ap-time{color:#000!important}.ap-controls-wrapper.ap-dark .ap-time{color:#fff!important}.ap-controls-wrapper.ap-light .ap-chip{color:#000!important}.ap-controls-wrapper.ap-dark .ap-chip{color:#fff!important}.ap-controls{margin-top:0;justify-content:space-between}.ap-chip{border-radius:9999px;padding:6px 10px;border:1px solid #2563eb;background:transparent;color:#e5e7eb}@media(prefers-color-scheme:light){.ap-chip{color:#111827}.demo-card .ap-chip{color:#000}}.ap-vol{display:flex;align-items:center;gap:8px;margin-left:auto}.ap-vol-range{width:160px}.ap-vol-icon{font-size:16px;color:#e5e7eb}@media(prefers-color-scheme:light){.ap-vol-icon{color:#374151}.demo-card .ap-vol-icon{color:#111827}}@media(prefers-color-scheme:light){.hero .ap-btn--icon,.demo-card .ap-btn--icon{color:#000!important}.hero .ap-row,.demo-card .ap-row{color:#000}.hero .ap-time,.demo-card .ap-time{color:#374151}.hero .ap-chip,.demo-card .ap-chip,.hero .ap-vol-icon,.demo-card .ap-vol-icon{color:#000}}.blog{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:72px 0}.blog-wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}.blog-header h2{font-size:clamp(28px,4.2vw,40px);margin:0 0 8px}.blog-header p{margin:0 0 28px;color:#334155}.blog-aside{position:sticky;align-self:start;width:auto}.side-buttons{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.side-btn{padding:8px 12px;border-radius:9999px;border:1px solid #e5e7eb;background:#f8fafc;color:#0b0f14;cursor:pointer}@media(prefers-color-scheme:dark){.side-btn{background:#121212;color:#fff}}.side-btn.active{background:#0b0f14;color:#fff;border-color:#0b0f14}@media(prefers-color-scheme:dark){.side-btn.active{background:#e5e8eb;color:#000;border-color:#e0e0e0}}.side-list{display:grid;gap:6px}.side-item{display:block;padding:8px 10px;border-radius:8px;color:#0b0f14;text-decoration:none;border:1px solid transparent}.side-item:hover{background:#f3f4f6}.side-item.current{border-color:#e5e7eb;background:#f9fafb}@media(prefers-color-scheme:dark){.side-item{background:#121212;color:#fff}.side-item.current{border-color:#e0e0e0;background:#e3e3e3;color:#000}}.blog-article{min-height:60vh}.blog-hero{text-align:center;padding:40px 0 24px}.meta-line{color:#94a3b8;font-size:14px;margin-bottom:6px}.blog-title-hero{font-size:clamp(36px,5vw,56px);margin:0 0 10px}.blog-sub-hero{color:#e0e0e0;margin:0 0 16px}@media(prefers-color-scheme:light){.blog-sub-hero{color:#1a1a1a;margin:0 0 16px}.blog-title-hero{color:#000}}.hero-ctas{display:flex;gap:12px;justify-content:center}.blog-detail{margin-top:16px;background:#000;padding:24px;color:#e0e0e0}@media(prefers-color-scheme:light){.blog-detail{background:#e5e8eb}}.detail-paragraph{margin:0 0 12px;color:#0b0f14}.blog-markdown{color:#0b0f14;line-height:1.7}.blog-markdown p{margin:0 0 16px;color:#fff}@media(prefers-color-scheme:light){.blog-markdown p{color:#121212}}.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4,.blog-markdown h5,.blog-markdown h6{margin:32px 0 16px;font-weight:600;color:#fff;line-height:1.3}@media(prefers-color-scheme:light){.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4,.blog-markdown h5,.blog-markdown h6{color:#121212}}.blog-markdown h1{font-size:2em;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.blog-markdown h2{font-size:1.75em;margin-top:40px;border-bottom:1px solid #e5e7eb;padding-bottom:6px}@media(prefers-color-scheme:light){.blog-markdown h2{border-bottom:1px solid #121212;color:#121212}}.blog-markdown h3{font-size:1.5em;margin-top:32px}.blog-markdown h4{font-size:1.25em;margin-top:24px}.blog-markdown h5{font-size:1.1em;margin-top:20px}.blog-markdown h6{font-size:1em;margin-top:16px}.blog-markdown ul,.blog-markdown ol{margin:16px 0;padding-left:24px;color:#fff}@media(prefers-color-scheme:light){.blog-markdown ul,.blog-markdown ol{color:#121212}}.blog-markdown ul{list-style-type:disc}.blog-markdown ol{list-style-type:decimal}.blog-markdown li{margin:8px 0;line-height:1.6}.blog-markdown li p{margin:0}.blog-markdown strong{font-weight:600;color:#fff}@media(prefers-color-scheme:light){.blog-markdown strong{color:#121212}}.blog-markdown em{font-style:italic}.blog-markdown code{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px;font-size:.9em;font-family:Courier New,monospace;color:#e11d48}.blog-markdown pre{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px;overflow-x:auto;margin:16px 0}.blog-markdown pre code{background:transparent;border:none;padding:0;color:#0b0f14;font-size:.9em}.blog-markdown blockquote{border-left:4px solid #3b82f6;padding-left:16px;margin:16px 0;color:#64748b;font-style:italic}.blog-markdown a{color:#3b82f6;text-decoration:underline}.blog-markdown a:hover{color:#2563eb}.blog-markdown hr{border:none;border-top:1px solid #e5e7eb;margin:32px 0}.blog-markdown table{width:100%;border-collapse:collapse;margin:16px 0}@media(prefers-color-scheme:dark){.blog-markdown table{color:#fff;background:#000}}.blog-markdown th,.blog-markdown td{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.blog-markdown th{background:#f8fafc;font-weight:600}@media(prefers-color-scheme:dark){.blog-markdown th{background:#303030;color:#fff}}.blog-cta{display:inline-block;padding:8px 12px;background:transparent;color:#111827;text-decoration:none}@media(prefers-color-scheme:dark){.blog-cta{background:#121212;color:#fff}}.blog-cta:hover{border-color:#60a5fa;color:#0b1220}@media(max-width:900px){.two-col{grid-template-columns:1fr}.blog-aside{position:static}}:root[data-theme=light]{--bg-primary: #e5e7eb;--bg-card: #f1f5f9;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--border-color: rgba(0, 0, 0, .1);--slider-track-bg: #ffffff;--icon-color: #374151;--card-blur: 60px}:root[data-theme=dark]{--bg-primary: #000000;--bg-card: #000000;--text-primary: #ffffff;--text-secondary: #e5e7eb;--text-tertiary: #9ca3af;--border-color: rgba(255, 255, 255, .1);--slider-track-bg: #0a0a0a;--icon-color: #ffffff;--card-blur: 40px}.playground{min-height:100vh;background:var(--bg-primary);color:var(--text-secondary);margin:0;width:100%;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease;position:relative}.playground:after{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(147,197,253,.4) 0%,rgba(96,165,250,.3) 20%,rgba(59,130,246,.2) 40%,rgba(37,99,235,.1) 60%,transparent 100%);pointer-events:none;z-index:0;filter:blur(80px)}.playground-navbar-container{position:relative;width:100%;height:64px}.playground-navbar{position:fixed;top:0;left:0;right:0;height:64px;background:linear-gradient(135deg,#ffffff40,#ffffff26);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1000;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #ffffff1a;transition:all .3s ease}:root[data-theme=dark] .playground-navbar{background:linear-gradient(135deg,#1e293b4d,#0f172a40);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff14,inset 0 -1px #ffffff08}.navbar-left,.navbar-right{display:flex;align-items:center;gap:12px}.navbar-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid var(--border-color);color:var(--icon-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px;text-decoration:none}:root[data-theme=light] .playground .navbar-btn{color:#111827;border-color:#0003}.navbar-btn:hover{background:#0000000d;transform:scale(1.05)}:root[data-theme=light] .playground .navbar-btn:hover{background:#0000001a;border-color:#0000004d}:root[data-theme=dark] .playground .navbar-btn:hover{background:#ffffff1a}.theme-toggle-container{display:flex;align-items:center}.theme-toggle-switch{background:transparent;border:none;padding:0;cursor:pointer;outline:none;position:relative}.theme-toggle-switch:focus{outline:none}.toggle-track{position:relative;width:64px;height:32px;background:#fff;border-radius:9999px;border:1px solid rgb(68,114,207,.2);box-shadow:inset 0 2px 8px #0000001a,0 1px #ffffffe6;transition:all .3s ease;overflow:hidden}:root[data-theme=dark] .toggle-track{background:#0a0a0a;box-shadow:inset 0 2px 8px #000c,0 1px #ffffff0d}.theme-toggle-switch:hover .toggle-track{border-color:#4472cf66}.toggle-thumb{position:absolute;width:28px;height:28px;border-radius:50%;background:#fff;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #4472cfcc,0 0 40px #4472cf80,0 0 60px #4472cf4d,inset 0 1px 2px #0000001a;color:#4472cf;font-size:14px;z-index:2}:root[data-theme=dark] .toggle-thumb{background:#0a0a0a;box-shadow:0 0 20px #4472cfcc,0 0 40px #4472cf80,0 0 60px #4472cf4d,inset 0 1px 2px #000c}.theme-toggle-switch.light-active .toggle-thumb{left:2px}.theme-toggle-switch.dark-active .toggle-thumb{left:calc(100% - 30px)}.toggle-thumb svg{filter:drop-shadow(0 0 6px rgba(68,114,207,1)) drop-shadow(0 0 12px rgba(68,114,207,.6));transition:all .3s ease;z-index:1}.theme-toggle-switch:hover .toggle-thumb{box-shadow:0 0 25px #fff,0 0 50px #ffffffb3,0 0 75px #fff6,inset 0 1px 2px #0000001a}:root[data-theme=dark] .theme-toggle-switch:hover .toggle-thumb{box-shadow:0 0 25px #4472cf,0 0 50px #4472cfb3,0 0 75px #4472cf66,inset 0 1px 2px #000c}.theme-toggle-switch:active .toggle-thumb{transform:translateY(-50%) scale(.95)}.user-btn{padding:0;overflow:hidden}.user-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.navbar-btn.tutorial-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid var(--border-color);color:var(--icon-color);cursor:pointer;transition:all .2s ease;font-size:24px;text-decoration:none}.navbar-btn.tutorial-btn svg{font-size:24px;width:24px;height:24px}.navbar-btn.tutorial-btn:hover{background:#0000000d;transform:scale(1.05)}:root[data-theme=light] .playground .navbar-btn.tutorial-btn{display:flex;color:#111827;border-color:#0003;height:auto;width:auto;place-items:center;align-items:center;justify-content:center;padding:0}:root[data-theme=dark] .playground .navbar-btn.tutorial-btn{display:flex;color:#fff;border-color:#0003;height:auto;width:auto;place-items:center;align-items:center;justify-content:center;padding:0}:root[data-theme=light] .playground .navbar-btn.tutorial-btn:hover{background:#0000001a;border-color:#0000004d}:root[data-theme=dark] .playground .navbar-btn.tutorial-btn:hover{background:#ffffff1a}.playground-container{display:grid;grid-template-columns:264px 1fr 320px;grid-template-rows:1fr;min-height:calc(100vh - 64px);margin:0;flex:1;transition:grid-template-columns .3s ease;height:auto;width:auto;gap:0;position:relative;z-index:1;align-items:stretch;overflow:hidden}.playground-container.sidebar-closed{grid-template-columns:0 1fr 320px;grid-template-rows:1fr;gap:0;align-items:stretch}.playground-container.sidebar-closed .playground-main{margin-left:24px}.playground-container.sidebar-closed .instant-clone-container,.playground-container.sidebar-closed .speech-to-text-container{grid-column:1 / 4!important;grid-row:1;margin-left:24px;margin-right:24px;margin-top:24px;width:auto;max-width:none;align-self:start}.navbar-btn-user-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid var(--border-color);color:var(--icon-color)}.playground-sidebar-left{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);padding:20px 16px;display:flex;flex-direction:column;border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3,inset 1px 0 #fff6;position:relative;overflow:hidden;transition:all .3s ease;width:240px;max-width:240px;margin:24px 0 24px 24px;box-sizing:border-box}.playground-sidebar-left.closed{opacity:0;width:0;padding:0;margin:0;overflow:hidden;pointer-events:none;grid-column:1}.playground-sidebar-left.open{opacity:1;width:240px;max-width:240px}:root[data-theme=dark] .playground-sidebar-left{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006,0 8px 32px #0003,inset 0 1px #ffffff14,inset 0 -1px #ffffff08,inset 1px 0 #ffffff0f}.playground-sidebar-left:before{content:"";position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:80%;height:100px;background:radial-gradient(ellipse at center,rgba(255,152,0,.25) 0%,transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}.sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color);position:relative;z-index:1}.menu-btn{background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}:root[data-theme=light] .playground .menu-btn{color:#111827}.menu-btn:hover{background:#8080800d;border-radius:4px}:root[data-theme=light] .playground .menu-btn:hover{background:#0000001a}:root[data-theme=dark] .playground .menu-btn:hover{background:#ffffff1a}.account-select{flex:1;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 10px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.account-select:focus{outline:none;border-color:var(--text-tertiary)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.nav-section{display:flex;flex-direction:column;gap:8px}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:4px;display:flex;align-items:center;gap:6px}.badge-new{background:#3b82f6;color:#fff;font-size:9px;padding:2px 6px;border-radius:4px;font-weight:600}.nav-item{background:transparent;border:none;color:var(--text-tertiary);text-align:left;padding:8px 12px;font-size:14px;cursor:pointer;border-radius:6px;transition:background-color .2s,color .2s}.nav-item:hover{background:#0000000d;color:var(--text-secondary)}:root[data-theme=dark] .nav-item:hover{background:#ffffff0d}.nav-item.active{background:#00000014;color:var(--text-primary);font-weight:500}:root[data-theme=dark] .nav-item.active{background:#ffffff1a}.voices-library-container{margin-top:24px;padding:16px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.voices-library-header{margin-bottom:16px}.voices-library-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.voices-library-content{max-height:400px;overflow-y:auto}.voices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.voice-card{padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:8px;transition:all .3s ease;cursor:pointer}.voice-card:hover{border-color:#3b82f680;background:#3b82f60d}.voice-card.active{border-color:#3b82f6cc;background:#3b82f61a}.voice-card-info{display:flex;flex-direction:column;gap:4px}.voice-language{font-size:12px;font-weight:600;color:var(--text-primary)}.voice-gender{font-size:11px;color:var(--text-secondary)}.voice-status{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.voice-status.available{background:#22c55e1a;color:#22c55e}.voice-status.unavailable{background:#ef44441a;color:#ef4444}.voices-empty{text-align:center;color:var(--text-tertiary);font-size:14px;padding:24px}.sidebar-user-section{padding:16px 0 0;border-top:1px solid var(--border-color);margin-top:auto;position:relative;z-index:1}.sidebar-user-name{width:100%;text-align:left;font-weight:500}.sidebar-user-info{margin-top:8px;padding:12px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.user-info-content{display:flex;flex-direction:column;gap:12px}.user-info-item{display:flex;flex-direction:column;gap:4px}.user-info-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.user-info-value{font-size:14px;color:var(--text-primary);word-break:break-word}.user-logout-btn{margin-top:8px;color:#ef4444;width:100%;text-align:left}.user-logout-btn:hover{background:#ef44441a;color:#ef4444}.sidebar-footer{padding-top:16px;position:relative;z-index:1}.sidebar-footer p{font-size:11px;color:var(--text-tertiary);margin:0}.playground-main{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);padding:32px 18px;display:flex;flex-direction:column;gap:24px;border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3,inset 1px 0 #fff6,inset -1px 0 #fff6;position:relative;overflow:hidden;transition:all .3s ease;margin:24px;box-sizing:border-box;z-index:1;min-width:0;align-self:stretch}:root[data-theme=dark] .playground-main{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006,0 8px 32px #0003,inset 0 1px #ffffff14,inset 0 -1px #ffffff08,inset 1px 0 #ffffff0f,inset -1px 0 #ffffff0f}.playground-main:before{content:"";position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:80%;height:100px;background:radial-gradient(ellipse at center,rgba(255,152,0,.25) 0%,transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}.main-title-container{display:flex;align-items:center;justify-content:space-between;margin:16px;position:relative;z-index:1}.main-title{font-size:28px;font-weight:600;color:var(--text-primary);margin:0;position:relative;z-index:1;transition:color .3s ease}.dots-btn{background:transparent;display:none;border:1px solid var(--border-color);color:var(--icon-color);width:46px;height:46px;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.dots-btn:hover{background:#0000000d;border-color:var(--text-tertiary)}:root[data-theme=dark] .dots-btn:hover{background:#ffffff1a}.text-input-container{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.text-input{width:auto;height:100%;background:var(--slider-track-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:16px;line-height:1.6;padding:20px;resize:none;outline:none;font-family:inherit;border-radius:12px;box-shadow:inset 0 1px 2px #0000000d,0 1px #ffffffe6;transition:background-color .3s ease,color .3s ease,border-color .3s ease}:root[data-theme=dark] .text-input{box-shadow:inset 0 1px 2px #0000004d}.text-input::placeholder{color:var(--text-tertiary)}.suggested-actions{display:flex;flex-direction:column;gap:12px}.suggested-label{font-size:13px;color:#9ca3af}.suggested-buttons{display:flex;flex-wrap:wrap;gap:8px}.suggested-btn{background:#fffc;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;box-shadow:inset 0 1px 2px #0000000d,0 1px #ffffffe6}:root[data-theme=dark] .suggested-btn{background:#ffffff0d;box-shadow:inset 0 1px 2px #0000004d}.suggested-btn:hover{background:#fffffff2;border-color:var(--text-tertiary)}:root[data-theme=dark] .suggested-btn:hover{background:#ffffff1a}.main-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:0;border-top:1px solid var(--border-color);position:relative;z-index:1;min-height:48px}.credits-speak-group{display:flex;align-items:center;gap:12px}.credits-info{font-size:14px;color:var(--text-tertiary);margin:0;padding:0}.word-count-info{font-size:14px;color:var(--text-tertiary);margin:0;padding:0;transition:color .3s ease}.speak-btn{background:#3b82f6;border:none;color:#fff;padding:10px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s;margin:0}.speak-btn:hover:not(:disabled){background:#2563eb}.speak-btn:disabled{opacity:.5;cursor:not-allowed}.audio-controls{display:flex;align-items:center;gap:12px}.play-pause-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.play-pause-btn:hover{color:var(--text-secondary)}.download-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:18px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.download-btn:hover{color:var(--text-secondary)}.audio-actions{display:flex;align-items:center;gap:12px}.play-btn-small{background:transparent;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.play-btn-small:hover{color:var(--text-secondary)}.download-link{background:transparent;border:none;color:var(--text-tertiary);font-size:14px;cursor:pointer;text-decoration:underline;transition:color .3s ease}.download-link:hover{color:var(--text-secondary)}.control-card-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.control-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0003,0 8px 32px #00000026,inset 0 1px #fff9;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease;position:relative;z-index:10001}:root[data-theme=dark] .control-card{background:linear-gradient(135deg,#1e293bf2,#0f172ae6);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080,0 8px 32px #0000004d,inset 0 1px #ffffff14}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.control-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.control-card-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.control-card-close{background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.control-card-close:hover{background:#0000000d;color:var(--text-primary)}:root[data-theme=dark] .control-card-close:hover{background:#ffffff1a}.control-card-content{padding:24px}.control-card-item{width:100%;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:12px 16px;border-radius:8px;font-size:15px;cursor:pointer;transition:all .2s ease;margin-bottom:8px;text-align:left}.control-card-item:hover{background:#0000000d;border-color:var(--text-tertiary);color:var(--text-primary)}:root[data-theme=dark] .control-card-item:hover{background:#ffffff1a}.control-card-item:last-child{margin-bottom:0}.control-card-control{display:flex;flex-direction:column;gap:20px}.control-card-done{background:#3b82f6;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:8px}.control-card-done:hover{background:#2563eb}.playground-sidebar-right{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);padding:20px 16px;display:flex;flex-direction:column;gap:20px;border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3,inset -1px 0 #fff6;position:relative;overflow-y:hidden;overflow-x:hidden;transition:all .3s ease;-ms-overflow-style:none;scrollbar-width:none;margin:24px 24px 24px 0;align-self:stretch}.playground-sidebar-right::-webkit-scrollbar{display:none}:root[data-theme=dark] .playground-sidebar-right{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006,0 8px 32px #0003,inset 0 1px #ffffff14,inset 0 -1px #ffffff08,inset -1px 0 #ffffff0f}.playground-sidebar-right:before{content:"";position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:80%;height:100px;background:radial-gradient(ellipse at center,rgba(255,152,0,.25) 0%,transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}.api-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;position:relative;z-index:1}.api-btn:hover{background:#0000000d;border-color:var(--text-tertiary)}:root[data-theme=dark] .api-btn:hover{background:#ffffff0d}.sidebar-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:12px;position:relative;z-index:1}.sidebar-tab-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;padding:0;transition:color .3s ease}.sidebar-tab{background:transparent;border:none;color:#9ca3af;font-size:14px;cursor:pointer;padding:6px 12px;border-bottom:2px solid transparent;margin-bottom:-12px;transition:color .2s}.sidebar-tab:hover{color:#e5e7eb}.sidebar-tab.active{color:#fff;border-bottom-color:#3b82f6}.controls-panel{display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.control-group{display:flex;flex-direction:column;gap:10px}.recommended-hint{font-size:12px;font-weight:400;color:#3b82f6;opacity:.8;margin-left:4px}.control-label{font-size:13px;font-weight:500;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;transition:color .3s ease}@media(prefers-color-scheme:light){.control-label{color:#000}}.control-value{font-size:13px;color:var(--text-tertiary);font-weight:400;transition:color .3s ease}.control-select{width:100%;background:var(--slider-track-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.control-select option.recommended-option{color:#3b82f6;font-weight:500}.control-select option.recommended-option:checked{background:#3b82f6;color:#fff}@media(prefers-color-scheme:dark){.control-select option.recommended-option{color:#60a5fa}}:root[data-theme=dark] .control-select{box-shadow:inset 0 1px 2px #0000004d}.control-select:focus{outline:none;border-color:var(--text-tertiary)}.horizontal-slider-wrapper{display:flex;justify-content:center;align-items:center;padding:16px 0}.horizontal-slider-container{position:relative;width:100%;height:60px;display:flex;align-items:center;gap:12px}.slider-icon-left{display:flex;align-items:center;justify-content:center;color:var(--icon-color);font-size:20px;width:28px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:color .3s ease}.horizontal-slider-track{position:relative;flex:1;height:50px;background:var(--slider-track-bg);border-radius:25px;overflow:hidden;border:1px solid var(--border-color);box-shadow:inset 0 2px 8px #00000080,0 1px #ffffff0d;transition:background-color .3s ease,border-color .3s ease}:root[data-theme=light] .horizontal-slider-track{box-shadow:inset 0 2px 8px #0000000d,0 1px #ffffffe6}.horizontal-slider-fill{position:absolute;left:0;bottom:0;height:100%;border-radius:25px;transition:width .15s ease}.speed-fill{background:linear-gradient(to right,#ff6b35,#ff9500 40%,gold);box-shadow:2px 0 12px #ff6b3580,inset 0 1px #fff3}.volume-fill{background:linear-gradient(to right,#4472cf,#3b82f6 40%,#67e6cd);box-shadow:2px 0 12px #2563eb80,inset 0 1px #fff3}.horizontal-slider{position:absolute;top:0;left:0;width:100%;height:50px;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent;outline:none;z-index:2}.horizontal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:transparent;border-radius:50%;cursor:pointer;border:none}.horizontal-slider::-webkit-slider-thumb:hover{background:transparent}.horizontal-slider::-webkit-slider-thumb:active{background:transparent}.horizontal-slider::-moz-range-thumb{width:22px;height:22px;background:transparent;border-radius:50%;cursor:pointer;border:none}.horizontal-slider::-moz-range-thumb:hover{background:transparent}.horizontal-slider::-moz-range-thumb:active{background:transparent}.horizontal-slider::-webkit-slider-runnable-track{background:transparent;height:50px}.horizontal-slider::-moz-range-track{background:transparent;height:50px}.emotion-grid{display:flex;flex-wrap:wrap;gap:8px}.emotion-btn{background:#11182799;border:1px solid rgba(255,255,255,.1);padding:10px 12px;border-radius:6px;font-size:20px;cursor:pointer;transition:background-color .2s,border-color .2s;display:flex;align-items:center;justify-content:center;min-width:44px}.emotion-btn:hover{background:#ffffff1a;border-color:#fff3}.emotion-btn.active{background:#3b82f633;border-color:#3b82f6}.history-panel{padding:20px 0}.empty-state{color:#6b7280;font-size:14px;text-align:center;margin:0}.login-panel{display:grid;place-items:center;min-height:100vh;background:var(--bg-primary);transition:background-color .3s ease}.login-card{width:min(560px,92vw);padding:32px;border-radius:24px;background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3,inset 1px 0 #fff6,inset -1px 0 #fff6;position:relative;overflow:hidden;transition:all .3s ease}:root[data-theme=dark] .login-card{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006,0 8px 32px #0003,inset 0 1px #ffffff14,inset 0 -1px #ffffff08,inset 1px 0 #ffffff0f,inset -1px 0 #ffffff0f}.login-card:before{content:"";position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:80%;height:100px;background:radial-gradient(ellipse at center,rgba(255,152,0,.25) 0%,transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}.login-title{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:600;position:relative;z-index:1;transition:color .3s ease}.login-sub{color:var(--text-tertiary);margin:0 0 24px;font-size:14px;position:relative;z-index:1;transition:color .3s ease}.login-actions{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.btn{background:#ffffffe6;border:1px solid var(--border-color);color:var(--text-secondary);padding:12px 20px;border-radius:8px;font-size:15px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;box-shadow:inset 0 1px 2px #0000000d,0 1px #ffffffe6}:root[data-theme=dark] .btn{background:#ffffff0d;box-shadow:inset 0 1px 2px #0000004d}.btn:hover{background:#fff;border-color:var(--text-tertiary)}:root[data-theme=dark] .btn:hover{background:#ffffff1a}.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 6px 16px #3b82f666}.instant-clone-container{grid-column:2 / 4;display:flex;flex-direction:column;gap:24px;padding:24px;margin:24px 24px 0 0}.instant-clone-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.instant-clone-header-left{display:flex;align-items:center;gap:16px}.back-btn{background:transparent;border:1px solid var(--border-color);color:var(--icon-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px}.back-btn:hover{background:#0000000d;border-color:var(--text-tertiary)}:root[data-theme=dark] .back-btn:hover{background:#ffffff1a}.instant-clone-title{font-size:28px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.clone-btn{background:#3b82f6;border:none;color:#fff;padding:10px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.clone-btn:hover{background:#2563eb}.clone-btn.disabled,.clone-btn:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af}.clone-btn.disabled:hover,.clone-btn:disabled:hover{background:#9ca3af}.instant-clone-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.instant-clone-card{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}:root[data-theme=dark] .instant-clone-card{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006,0 8px 32px #0003,inset 0 1px #ffffff14,inset 0 -1px #ffffff08}.instant-clone-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-step{background:#4472cf;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.card-step-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.input-method-selector{display:flex;gap:12px}.method-btn{flex:1;background:var(--slider-track-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000d,0 1px #ffffffe6}:root[data-theme=dark] .method-btn{box-shadow:inset 0 1px 2px #0000004d}.method-btn:hover{background:#fffffff2;border-color:var(--text-tertiary)}:root[data-theme=dark] .method-btn:hover{background:#ffffff1a}.method-btn.active{background:#4472cf;color:#fff;border-color:#4472cf}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.record-button-container{display:flex;justify-content:center;padding:20px 0}.record-btn{background:#ef4444;border:none;color:#fff;padding:16px 32px;border-radius:50px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background-color .2s;box-shadow:0 4px 12px #ef44444d}.record-btn:hover{background:#dc2626;box-shadow:0 6px 16px #ef444466}.record-btn.recording{background:#6b7280;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.audio-preview-section{margin-top:24px;padding:20px;background:var(--slider-track-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:inset 0 1px 2px #0000000d,0 1px #ffffffe6;gap:24px}:root[data-theme=dark] .audio-preview-section{box-shadow:inset 0 1px 2px #0000004d}.preview-instruction{font-size:14px;color:var(--text-secondary);margin:0 0 16px;text-align:center}.audio-player-container{width:100%;margin-bottom:16px}.audio-info{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);flex-wrap:wrap;gap:12px}.audio-controls-row{display:flex;align-items:center;gap:16px}.play-preview-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(270deg,#67e6cd 20%,#4472cf);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #4472cf66}.play-preview-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #4472cf99}.play-preview-btn:active{transform:scale(.95)}.play-preview-btn.playing{background:linear-gradient(270deg,#67e6cd 20%,#4472cf);animation:pulse-gradient 2s ease-in-out infinite}@keyframes pulse-gradient{0%,to{opacity:1;box-shadow:0 2px 8px #4472cf66}50%{opacity:.8;box-shadow:0 4px 16px #4472cf99}}.audio-length{font-size:14px;color:var(--text-secondary);font-weight:500}.use-entire-clip-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.use-entire-clip-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#4472cf}.best-practices{margin-top:8px}.best-practices-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.best-practices-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.best-practices-list li{font-size:14px;color:var(--text-tertiary);padding-left:20px;position:relative}.best-practices-list li:before{content:"•";position:absolute;left:0;color:var(--text-secondary)}.sample-text-section{margin-top:8px}.sample-text-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.sample-text-box{position:relative;background:var(--slider-track-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;box-shadow:inset 0 1px 2px #0000000d,0 1px #ffffffe6}:root[data-theme=dark] .sample-text-box{box-shadow:inset 0 1px 2px #0000004d}.sample-text-border{position:absolute;left:0;top:0;bottom:0;width:4px;background:#4472cf;border-radius:8px 0 0 8px}.sample-text-content{font-size:14px;color:var(--text-secondary);line-height:1.6;padding-left:12px}.experimental-toggle{background:transparent;border:none;color:var(--text-tertiary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-top:auto;transition:color .2s ease}.experimental-toggle:hover{background:transparent;border-color:transparent;color:var(--text-secondary)}.experimental-toggle:focus,.experimental-toggle:focus-visible{outline:none;border:none;box-shadow:none}.experimental-toggle:active{outline:none;border:none;box-shadow:none}.experimental-toggle svg{transition:transform .3s ease}.experimental-toggle svg.rotated{transform:rotate(180deg)}.experimental-controls{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-area{margin:16px 0}.upload-label{display:block;cursor:pointer}.upload-input{display:none}.upload-placeholder{border:2px dashed var(--border-color);border-radius:12px;padding:48px 24px;text-align:center;background:var(--slider-track-bg);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-label:hover .upload-placeholder{border-color:#4472cf;background:#4472cf0d}:root[data-theme=dark] .upload-label:hover .upload-placeholder{background:#4472cf1a}.upload-icon-large{font-size:48px;color:#4472cf;margin-bottom:8px}.upload-text{font-size:16px;font-weight:500;color:var(--text-secondary)}.upload-hint{font-size:14px;color:var(--text-tertiary)}.uploaded-file-display{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--slider-track-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:inset 0 1px 2px #0000000d,0 1px #ffffffe6}:root[data-theme=dark] .uploaded-file-display{box-shadow:inset 0 1px 2px #0000004d}.uploaded-file-info{display:flex;align-items:center;gap:12px;flex:1}.upload-icon{font-size:24px;color:#4472cf}.uploaded-file-details{display:flex;flex-direction:column;gap:4px}.uploaded-file-name{font-size:14px;font-weight:500;color:var(--text-secondary)}.uploaded-file-size{font-size:12px;color:var(--text-tertiary)}.remove-file-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1}.remove-file-btn:hover{background:#0000000d;color:var(--text-secondary)}:root[data-theme=dark] .remove-file-btn:hover{background:#ffffff1a}.clone-form-group{display:flex;flex-direction:column;gap:8px}.clone-form-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.required{color:#ef4444;margin-left:4px}.clone-form-input,.clone-form-textarea,.clone-form-select{width:auto;background:var(--slider-track-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px;border-radius:8px;font-size:14px;font-family:inherit;box-shadow:inset 0 1px 2px #0000000d,0 1px #ffffffe6;transition:background-color .3s ease,color .3s ease,border-color .3s ease}:root[data-theme=dark] .clone-form-input,:root[data-theme=dark] .clone-form-textarea,:root[data-theme=dark] .clone-form-select{box-shadow:inset 0 1px 2px #0000004d}.clone-form-input:focus,.clone-form-textarea:focus,.clone-form-select:focus{outline:none;border-color:#4472cf}.clone-form-textarea{resize:vertical;min-height:80px}.clone-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}:root[data-theme=dark] .clone-form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e5e7eb' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.language-note{font-size:13px;color:var(--text-tertiary);line-height:1.5;margin:0}.language-link{color:#4472cf;text-decoration:none}.language-link:hover{text-decoration:underline}@media(max-width:1200px){.playground-container,.playground-container.sidebar-closed{grid-template-columns:1fr!important}.playground-sidebar-left{position:fixed;left:0;top:64px;bottom:0;z-index:999;width:280px;max-width:280px;margin:0;transform:translate(-100%);transition:transform .3s ease}.playground-sidebar-left.open{transform:translate(0)}.playground-sidebar-left.closed{transform:translate(-100%)}.sidebar-overlay{position:fixed;inset:64px 0 0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;animation:fadeIn .2s ease}.playground-sidebar-right{display:none}.playground-main{margin:16px 8px!important;padding:20px 16px;width:calc(100% - 16px);max-width:none}.dots-btn{display:grid}.instant-clone-container{margin:16px 8px!important;padding:16px}.instant-clone-cards,.speech-to-text-layout{grid-template-columns:1fr}.speech-to-text-top-row{grid-template-columns:1fr;display:flex;flex-direction:column;gap:12px}.mic-card{order:1;max-width:100%}.upload-card{order:2;max-width:100%}.speech-to-text-audio-section{order:3;min-width:auto;width:100%}.text-card{order:4}.speech-to-text-card{width:100%;padding:12px;box-sizing:border-box}.mic-card{order:1;min-height:auto;padding:16px 12px}.upload-card{order:2;min-height:auto;padding:16px 12px}.text-card{order:3;min-height:auto}.mic-ring-container{width:120px;height:120px}.mic-ring{width:110px;height:110px}.mic-icon-wrapper{width:70px;height:70px}.mic-icon{font-size:28px}.mic-card-content{gap:12px}.upload-card-dropzone{padding:24px 12px}.upload-card-header{margin-bottom:16px;gap:12px}.upload-folder-icon{width:36px;height:36px}.upload-folder-icon svg{width:36px;height:36px}.speech-to-text-container{margin:16px 8px!important;padding:12px;gap:16px}.mic-card-title{font-size:16px;margin-bottom:4px}.mic-card-subtitle{font-size:12px;margin-bottom:16px}.mic-record-btn{padding:8px 16px;font-size:13px;width:100%;max-width:240px}.upload-card-title{font-size:18px}.upload-card-subtitle{font-size:12px}.upload-icon-text{gap:8px}.upload-icon-text svg{width:24px;height:24px}.upload-icon-text span{font-size:12px}.upload-formats{font-size:10px}.browse-file-btn{padding:8px 16px;font-size:12px;width:100%;max-width:180px}.transcribed-text-input{width:100%;padding:12px;font-size:14px}.transcribe-btn{padding:10px 16px;font-size:13px}}.speech-to-text-container{grid-column:2 / 4;display:flex;flex-direction:column;gap:12px;padding:24px;margin:24px 24px 0;align-self:start;height:auto}.playground-container.sidebar-closed .speech-to-text-container{grid-column:1 / 4!important;grid-row:1!important;margin-left:24px;margin-right:24px;margin-top:24px;width:auto;max-width:none;align-self:start}.speech-to-text-header{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.speech-to-text-title{font-size:28px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.speech-to-text-language-selector{display:flex;align-items:center;gap:12px}.speech-to-text-language-label{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.speech-to-text-language-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.speech-to-text-language-select:hover{border-color:#3b82f680;background:#3b82f60d}.speech-to-text-language-select:focus{outline:none;border-color:#3b82f6cc;box-shadow:0 0 0 3px #3b82f61a}:root[data-theme=dark] .speech-to-text-language-select{background:var(--bg-card);color:var(--text-primary)}:root[data-theme=dark] .speech-to-text-language-select option{background:#fff;color:#000}.speech-to-text-layout{display:flex;flex-direction:column}.speech-to-text-top-row{display:grid;grid-template-columns:auto auto 1fr;gap:24px;align-items:stretch;margin:24px}.speech-to-text-audio-section{display:flex;flex-direction:column;gap:16px;align-items:stretch;padding:20px;background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3,inset 1px 0 #fff6,inset -1px 0 #fff6;flex:1;margin:0;height:auto;position:relative;overflow:hidden}:root[data-theme=dark] .speech-to-text-audio-section{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006,0 8px 32px #0003,inset 0 1px #ffffff14,inset 0 -1px #ffffff08,inset 1px 0 #ffffff0f,inset -1px 0 #ffffff0f}.speech-to-text-audio-section .audio-preview-section{display:flex;width:100%;margin:0;padding:0;background:transparent;border:none;box-shadow:none}.speech-to-text-audio-section .transcribe-btn{width:100%;max-width:none}.speech-to-text-card{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border-radius:16px;padding:24px;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3,inset 1px 0 #fff6,inset -1px 0 #fff6;position:relative;overflow:hidden}:root[data-theme=dark] .speech-to-text-card{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006,0 8px 32px #0003,inset 0 1px #ffffff14,inset 0 -1px #ffffff08,inset 1px 0 #ffffff0f,inset -1px 0 #ffffff0f}.mic-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;width:auto;max-width:280px;position:relative}.mic-card-content{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.mic-ring-container{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px}.mic-ring{position:relative;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0000001a,#0000000d);transition:all .3s ease}:root[data-theme=dark] .mic-ring{background:radial-gradient(circle,#ffffff0d,#ffffff05)}.mic-ring:before{content:"";position:absolute;inset:-20px;border-radius:50%;background:conic-gradient(from 0deg,#00d9ff 0%,#00d9ff 30%,#a855f7 50%,#a855f7 80%,transparent 100%);opacity:0;transition:opacity .3s ease;filter:blur(12px);z-index:-1}.mic-ring.active:before{opacity:.8;animation:rotateRing 3s linear infinite}.mic-ring:after{content:"";position:absolute;inset:-25px;border-radius:50%;background:conic-gradient(from 180deg,#00d9ff 0%,#00d9ff 30%,#a855f7 50%,#a855f7 80%,transparent 100%);opacity:0;transition:opacity .3s ease;filter:blur(16px);z-index:-2}.mic-ring.active:after{opacity:.5;animation:rotateRing 3s linear infinite reverse}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mic-icon-wrapper{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00000026;position:relative;z-index:1}:root[data-theme=dark] .mic-icon-wrapper{background:#ffffff14}.mic-icon{font-size:28px;color:var(--text-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mic-card-info{text-align:center;width:100%}.mic-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.mic-card-subtitle{font-size:12px;color:var(--text-tertiary);margin:0 0 16px}.mic-controls{display:flex;flex-direction:column;align-items:center;gap:16px}.mic-record-btn{background:#3b82f6;border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s}.mic-record-btn:hover{background:#2563eb}.mic-record-btn.recording{background:#ef4444;animation:pulse 2s infinite}.record-btn-small{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.record-btn-small:hover{background:#0000000d}:root[data-theme=dark] .record-btn-small:hover{background:#ffffff1a}.transcribe-btn{background:#3b82f6;border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%}.transcribe-btn:hover:not(:disabled){background:#2563eb}.transcribe-btn:disabled{opacity:.6;cursor:not-allowed}.upload-card{display:flex;flex-direction:column;height:auto;width:auto;max-width:280px}.upload-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.upload-folder-icon{flex-shrink:0}.upload-folder-icon svg{width:36px;height:36px}.upload-card-header-text{flex:1}.upload-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.upload-card-subtitle{font-size:12px;color:var(--text-tertiary);margin:0}.upload-card-dropzone{flex:1;background:#00000008;border:2px dashed var(--border-color);border-radius:12px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;transition:all .3s ease;min-height:180px}.upload-card-dropzone.drag-over{background:#3b82f61a;border-color:#3b82f680;border-style:solid}:root[data-theme=dark] .upload-card-dropzone{background:#ffffff05}:root[data-theme=dark] .upload-card-dropzone.drag-over{background:#3b82f626;border-color:#3b82f699}.upload-icon-text{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-tertiary)}.upload-icon-text svg{width:32px;height:32px;opacity:.6}.upload-icon-text span{font-size:14px;color:var(--text-secondary)}.upload-formats{font-size:12px;color:var(--text-tertiary);margin:0}.browse-file-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;box-shadow:0 2px 8px #3b82f64d}.browse-file-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.upload-card-preview{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.text-card{display:flex;flex-direction:column;min-height:auto;margin:0 24px}.text-card-header{margin-bottom:16px}.text-card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.text-card-content{display:grid;flex-direction:column;gap:16px;flex:1}.transcribed-text-input{width:auto;min-height:200px;background:var(--slider-track-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:15px;line-height:1.6;padding:16px;resize:vertical;outline:none;font-family:inherit;border-radius:12px;box-shadow:inset 0 1px 2px #0000000d,0 1px #ffffffe6;transition:background-color .3s ease,color .3s ease,border-color .3s ease}:root[data-theme=dark] .transcribed-text-input{box-shadow:inset 0 1px 2px #0000004d}.transcribed-text-input::placeholder{color:var(--text-tertiary)}.text-card-actions{display:flex;gap:12px;justify-content:flex-end;height:40px}.copy-text-btn{background:#3b82f6;border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.copy-text-btn:hover{background:#2563eb;height:40px}.clear-text-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-text-btn:hover{background:#0000000d;border-color:var(--text-tertiary)}:root[data-theme=dark] .clear-text-btn:hover{background:#ffffff1a}.voices-view-container{grid-column:2 / 4;display:flex;flex-direction:column;gap:24px;padding:32px 24px;align-self:start;max-height:calc(100vh - 112px);overflow:hidden}.voices-view-header{display:flex;flex-direction:column;gap:16px;flex-shrink:0}.voices-view-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.voice-search-container{display:flex;align-items:center;position:relative;flex:1;min-width:250px;max-width:400px}.voice-search-icon{position:absolute;left:14px;color:var(--text-secondary);font-size:18px;pointer-events:none;z-index:1}.voice-search-input{width:100%;padding:12px 16px 12px 42px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:linear-gradient(135deg,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);color:var(--text-primary);font-size:14px;transition:all .3s ease}.voice-search-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.voice-search-input::placeholder{color:var(--text-secondary);opacity:.7}:root[data-theme=dark] .voice-search-input{background:linear-gradient(135deg,#1e293b33,#0f172a26);border:1px solid rgba(255,255,255,.1)}.voices-view-title{font-size:32px;font-weight:600;color:var(--text-primary);margin:0}.voices-view-subtitle{font-size:16px;color:var(--text-secondary);margin:0;opacity:.8}.voices-cards-grid{display:flex;flex-direction:column;gap:12px;flex:1;padding:24px;overflow-y:auto;min-height:0}.voices-cards-grid::-webkit-scrollbar{width:8px}.voices-cards-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.voices-cards-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;transition:background .3s ease}.voices-cards-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}:root[data-theme=dark] .voices-cards-grid::-webkit-scrollbar-track{background:#ffffff0d}:root[data-theme=dark] .voices-cards-grid::-webkit-scrollbar-thumb{background:#fff3}:root[data-theme=dark] .voices-cards-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.voices-cards-grid{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}:root[data-theme=dark] .voices-cards-grid{scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.voice-detail-card{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:10px;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:16px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3,inset 1px 0 #fff6,inset -1px 0 #fff6;height:42px}:root[data-theme=dark] .voice-detail-card{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006,0 8px 32px #0003,inset 0 1px #ffffff14,inset 0 -1px #ffffff08,inset 1px 0 #ffffff0f,inset -1px 0 #ffffff0f}.voice-detail-card:hover{transform:translate(4px);box-shadow:0 8px 24px #0000001a;background:transparent}.voice-card-image-container{display:none}.voice-card-image{width:100%;height:100%;object-fit:cover}.voice-card-content{padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;flex:1;width:100%}.voice-card-header{display:flex;flex-direction:row;align-items:center;gap:0;flex:1}.voice-card-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.voice-preview-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6;cursor:pointer;transition:all .3s ease;flex-shrink:0}:root[data-theme=dark] .voice-preview-btn{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.voice-preview-btn:hover{background:#3b82f633;border-color:#3b82f680;transform:scale(1.05)}.voice-preview-btn:active{transform:scale(.95)}.voice-card-name{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.voice-card-description{font-size:12px;color:var(--text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;opacity:.85}.voice-card-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;margin-left:auto}.voice-card-badge.available{background:#22c55e1a;color:#22c55e}.voice-card-footer{display:none}.voice-card-language,.voice-card-gender{padding:4px 10px;background:#3b82f61a;color:var(--text-primary);border-radius:6px;font-size:12px;font-weight:500}.voices-loading{grid-column:1 / -1;text-align:center;padding:48px;color:var(--text-tertiary);font-size:16px}@media(max-width:1200px){.voices-cards-grid{gap:12px}}@media(max-width:768px){.voices-view-container{grid-column:1 / 4;padding:16px;gap:24px;max-height:calc(100vh - 96px)}.voices-view-title-row{flex-direction:column;align-items:flex-start;gap:16px}.voices-view-title{font-size:24px}.voice-search-container{width:100%;max-width:100%}.voices-cards-grid{gap:12px}.voice-card-content{flex-direction:column;align-items:flex-start;gap:12px}.voice-card-header{width:100%;justify-content:space-between}.voice-card-description{max-width:100%}.voice-card-footer{width:100%;justify-content:flex-start}}.playground-container.sidebar-closed .voices-view-container{grid-column:1 / 4!important;grid-row:1!important;margin-left:24px;margin-right:24px;margin-top:24px;align-self:start}.voice-preview-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.voice-preview-modal{background:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1a);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border-radius:24px;padding:32px;overflow-y:auto;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3,inset 1px 0 #fff6,inset -1px 0 #fff6;position:relative;width:50%}:root[data-theme=dark] .voice-preview-modal{background:linear-gradient(135deg,#1e293b4d,#0f172a40,#1e293b33);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006,0 8px 32px #0003,inset 0 1px #ffffff14,inset 0 -1px #ffffff08,inset 1px 0 #ffffff0f,inset -1px 0 #ffffff0f}.voice-preview-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px}.voice-preview-close-btn{background:transparent;border-radius:12px;width:32px;height:32px;display:grid;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.voice-preview-close-btn:hover{background:transparent;transform:rotate(90deg)}.voice-preview-title{font-size:28px;font-weight:600;margin-top:12px;margin-bottom:8px;color:var(--text-primary)}.voice-preview-subtitle{font-size:16px;color:#000;margin-bottom:12px}:root[data-theme=dark] .voice-preview-subtitle{color:#fff}.voice-preview-section{margin-bottom:32px}.voice-preview-section-title{font-size:16px;font-weight:500;margin-bottom:16px;color:var(--text-primary)}.voice-preview-controls{display:flex;flex-direction:column;gap:16px}.voice-preview-text{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);padding:12px;border-radius:12px;color:var(--text-primary);font-size:14px;resize:vertical;font-family:inherit;transition:border-color .2s ease;min-height:100px}:root[data-theme=dark] .voice-preview-text{background:#1e293b4d;border:1px solid rgba(255,255,255,.1)}.voice-preview-text:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.voice-preview-speak-btn{background:#3b82f6;border:none;padding:12px 24px;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:background .2s ease}.voice-preview-speak-btn:hover:not(:disabled){background:#2563eb}.voice-preview-speak-btn:disabled{opacity:.5;cursor:not-allowed}.voice-preview-audio{margin-top:16px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}:root[data-theme=dark] .voice-preview-audio{background:#0f172a4d}.voice-preview-actions{display:flex;gap:12px}.voice-preview-action-btn{flex:1;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);padding:12px 24px;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .2s ease}.voice-preview-action-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.voice-preview-action-btn:hover{background:#3b82f633;transform:translateY(-1px)}.voice-preview-action-btn.primary:hover{background:#2563eb;border-color:#2563eb}@media(max-width:768px){.voice-preview-modal{padding:24px;width:95%}.voice-preview-title{font-size:24px}.voice-preview-actions{flex-direction:column}}.clone-preview-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.clone-preview-modal{background:var(--bg-card);border-radius:12px;padding:32px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.clone-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.clone-preview-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.breadcrumb-separator{color:var(--text-tertiary)}.clone-preview-edit-btn{background:#3b82f61a;border:none;padding:8px 16px;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;transition:background .2s ease}.clone-preview-edit-btn:hover{background:#3b82f633}.clone-preview-title{font-size:28px;font-weight:600;margin-bottom:32px;color:var(--text-primary)}.clone-preview-section{margin-bottom:32px}.clone-preview-section-title{font-size:16px;font-weight:500;margin-bottom:16px;color:var(--text-primary)}.clone-preview-controls{display:flex;flex-direction:column;gap:16px}.clone-preview-language{display:flex;flex-direction:column;gap:8px}.clone-preview-label{font-size:14px;color:var(--text-secondary)}.clone-preview-select{background:var(--bg-primary);border:1px solid var(--border-color);padding:10px 12px;border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .2s ease}.clone-preview-select:focus{outline:none;border-color:#3b82f6}.clone-preview-text{background:var(--bg-primary);border:1px solid var(--border-color);padding:12px;border-radius:6px;color:var(--text-primary);font-size:14px;resize:vertical;font-family:inherit;transition:border-color .2s ease}.clone-preview-text:focus{outline:none;border-color:#3b82f6}.clone-preview-speak-btn{background:#3b82f6;border:none;padding:12px 24px;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;align-self:flex-end;transition:background .2s ease}.clone-preview-speak-btn:hover:not(:disabled){background:#2563eb}.clone-preview-speak-btn:disabled{opacity:.5;cursor:not-allowed}.clone-preview-actions{display:flex;gap:12px}.clone-preview-action-btn{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);padding:12px 16px;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s ease}.clone-preview-action-btn:hover{background:#3b82f61a}@media(max-width:768px){.clone-preview-modal{padding:24px;width:95%}.clone-preview-title{font-size:24px}.clone-preview-actions{flex-direction:column}}@media(max-width:1200px){.speech-to-text-top-row{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:16px;padding:10px;margin:0!important}.mic-card{order:1;grid-column:1;grid-row:1;width:100%!important;max-width:none!important;height:auto!important;min-height:auto!important;margin:0!important}.upload-card{order:2;grid-column:2;grid-row:1;width:100%!important;max-width:none!important;height:auto!important;min-height:auto!important;margin:0!important}.speech-to-text-audio-section{order:3;grid-column:1 / -1;grid-row:2;width:auto!important;max-width:none!important;height:auto!important;min-height:auto!important;margin:0!important}.speech-to-text-card{width:auto;margin:0}}@media(max-width:768px){.speech-to-text-top-row{display:flex!important;flex-direction:column!important;gap:16px;padding:10px;margin:0!important}.mic-card{order:1;grid-column:1;grid-row:auto;width:100%!important;max-width:none!important;height:auto!important;min-height:auto!important;margin:0!important}.upload-card{order:2;grid-column:1;grid-row:auto;width:100%!important;max-width:none!important;height:auto!important;min-height:auto!important;margin:0!important}.speech-to-text-audio-section{order:3;grid-column:1;grid-row:auto;width:auto!important;max-width:auto!important;height:auto!important;min-height:auto!important;margin:0!important}.speech-to-text-card{width:auto;margin:0}}.account-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.account-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;width:100%;max-width:900px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease}:root[data-theme=dark] .account-modal{background:#1f2937}.account-modal-nav{width:240px;background:#f9fafb;border-right:1px solid #e5e7eb;padding:32px 24px;display:flex;flex-direction:column;flex-shrink:0}:root[data-theme=dark] .account-modal-nav{background:#111827;border-right-color:#374151}.account-modal-nav-header{margin-bottom:32px}.account-modal-nav-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px}:root[data-theme=dark] .account-modal-nav-title{color:#fff}.account-modal-nav-subtitle{font-size:14px;color:#6b7280;margin:0}:root[data-theme=dark] .account-modal-nav-subtitle{color:#9ca3af}.account-modal-nav-links{display:flex;flex-direction:column;gap:4px}.account-modal-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.account-modal-nav-link:hover{background:#f3f4f6;color:#111827}:root[data-theme=dark] .account-modal-nav-link:hover{background:#1f2937;color:#fff}.account-modal-nav-link.active{background:#eff6ff;color:#2563eb}:root[data-theme=dark] .account-modal-nav-link.active{background:#1e3a8a;color:#60a5fa}.account-modal-nav-icon{font-size:16px;flex-shrink:0}.account-modal-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:#fff}:root[data-theme=dark] .account-modal-content{background:#1f2937}.account-modal-content-header{display:flex;align-items:center;justify-content:space-between;padding:32px 32px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}:root[data-theme=dark] .account-modal-content-header{border-bottom-color:#374151;background:#1f2937}.account-modal-content-title{font-size:24px;font-weight:600;color:#111827;margin:0}:root[data-theme=dark] .account-modal-content-title{color:#fff}.account-modal-close{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:#6b7280;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.account-modal-close:hover{background:#f3f4f6;color:#111827}:root[data-theme=dark] .account-modal-close:hover{background:#374151;color:#fff}.account-modal-profile-content,.account-modal-security-content{padding:32px;display:flex;flex-direction:column;gap:32px}.account-modal-section{display:flex;flex-direction:column;gap:16px}.account-modal-section-title{font-size:16px;font-weight:600;color:#111827;margin:0}:root[data-theme=dark] .account-modal-section-title{color:#fff}.account-modal-section-description{font-size:14px;color:#6b7280;margin:0}:root[data-theme=dark] .account-modal-section-description{color:#9ca3af}.account-modal-profile-info{display:flex;align-items:center;gap:16px}.account-modal-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}:root[data-theme=dark] .account-modal-avatar{border-color:#374151}.account-modal-profile-text{display:flex;flex-direction:column;gap:8px}.account-modal-profile-name{font-size:18px;font-weight:600;color:#111827}:root[data-theme=dark] .account-modal-profile-name{color:#fff}.account-modal-update-btn{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.account-modal-update-btn:hover{background:#f9fafb;border-color:#9ca3af}:root[data-theme=dark] .account-modal-update-btn{background:#374151;border-color:#4b5563;color:#fff}:root[data-theme=dark] .account-modal-update-btn:hover{background:#4b5563}.account-modal-email-list,.account-modal-phone-list,.account-modal-connected-list{display:flex;flex-direction:column;gap:12px}.account-modal-email-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}:root[data-theme=dark] .account-modal-email-item{background:#111827;border-color:#374151}.account-modal-email-address{font-size:14px;color:#111827;font-weight:500}:root[data-theme=dark] .account-modal-email-address{color:#fff}.account-modal-email-badge{font-size:12px;font-weight:600;color:#059669;text-transform:uppercase;letter-spacing:.5px}.account-modal-add-link{background:transparent;border:none;color:#2563eb;font-size:14px;font-weight:500;cursor:pointer;padding:0;text-align:left;transition:color .2s ease}.account-modal-add-link:hover{color:#1d4ed8;text-decoration:underline}:root[data-theme=dark] .account-modal-add-link{color:#60a5fa}:root[data-theme=dark] .account-modal-add-link:hover{color:#93c5fd}.account-modal-connected-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}:root[data-theme=dark] .account-modal-connected-item{background:#111827;border-color:#374151}.account-modal-connected-info{display:flex;align-items:center;gap:12px}.account-modal-google-icon{flex-shrink:0}.account-modal-connected-text{display:flex;align-items:center;gap:8px;font-size:14px}.account-modal-connected-provider{font-weight:500;color:#111827}:root[data-theme=dark] .account-modal-connected-provider{color:#fff}.account-modal-connected-email{color:#6b7280}:root[data-theme=dark] .account-modal-connected-email{color:#9ca3af}.account-modal-avatar-container{position:relative}.account-modal-avatar-loading{position:absolute;inset:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500}.account-modal-name-display{display:flex;flex-direction:column;gap:8px}.account-modal-edit-name-btn{background:transparent;border:none;color:#2563eb;font-size:12px;font-weight:500;cursor:pointer;padding:0;text-align:left;width:fit-content;transition:color .2s ease}.account-modal-edit-name-btn:hover{color:#1d4ed8;text-decoration:underline}.account-modal-name-edit{display:flex;flex-direction:column;gap:8px}.account-modal-name-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;font-family:inherit;width:100%;max-width:300px}.account-modal-name-input:focus{outline:none;border-color:#2563eb}:root[data-theme=dark] .account-modal-name-input{background:#374151;border-color:#4b5563;color:#fff}.account-modal-name-actions{display:flex;gap:8px}.account-modal-name-save,.account-modal-name-cancel{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.account-modal-name-save{background:#2563eb;color:#fff}.account-modal-name-save:hover{background:#1d4ed8}.account-modal-name-cancel{background:#f3f4f6;color:#111827}.account-modal-name-cancel:hover{background:#e5e7eb}:root[data-theme=dark] .account-modal-name-cancel{background:#374151;color:#fff}:root[data-theme=dark] .account-modal-name-cancel:hover{background:#4b5563}.account-modal-phone-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}:root[data-theme=dark] .account-modal-phone-item{background:#111827;border-color:#374151}.account-modal-phone-number{font-size:14px;color:#111827;font-weight:500}:root[data-theme=dark] .account-modal-phone-number{color:#fff}.account-modal-edit-phone-btn{background:transparent;border:none;color:#2563eb;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.account-modal-edit-phone-btn:hover{background:#2563eb1a}.account-modal-phone-input-container{display:flex;flex-direction:column;gap:12px}.account-modal-phone-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;font-family:inherit;width:100%;max-width:300px}.account-modal-phone-input:focus{outline:none;border-color:#2563eb}:root[data-theme=dark] .account-modal-phone-input{background:#374151;border-color:#4b5563;color:#fff}.account-modal-phone-actions{display:flex;gap:8px}.account-modal-phone-save,.account-modal-phone-cancel{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.account-modal-phone-save{background:#2563eb;color:#fff}.account-modal-phone-save:hover{background:#1d4ed8}.account-modal-phone-cancel{background:#f3f4f6;color:#111827}.account-modal-phone-cancel:hover{background:#e5e7eb}:root[data-theme=dark] .account-modal-phone-cancel{background:#374151;color:#fff}:root[data-theme=dark] .account-modal-phone-cancel:hover{background:#4b5563}.account-modal-logout-btn{padding:10px 20px;background:#ef4444;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.account-modal-logout-btn:hover{background:#dc2626}.account-modal-password-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.account-modal-form-group{display:flex;flex-direction:column;gap:8px}.account-modal-form-label{font-size:14px;font-weight:500;color:#111827}:root[data-theme=dark] .account-modal-form-label{color:#fff}.account-modal-form-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;font-family:inherit;width:100%;max-width:400px;transition:border-color .2s ease}.account-modal-form-input:focus{outline:none;border-color:#2563eb}:root[data-theme=dark] .account-modal-form-input{background:#374151;border-color:#4b5563;color:#fff}.account-modal-password-actions{display:flex;gap:12px}.account-modal-cancel-btn{padding:10px 20px;background:#f3f4f6;border:none;border-radius:6px;color:#111827;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.account-modal-cancel-btn:hover{background:#e5e7eb}:root[data-theme=dark] .account-modal-cancel-btn{background:#374151;color:#fff}:root[data-theme=dark] .account-modal-cancel-btn:hover{background:#4b5563}.account-modal-action-btn{padding:10px 20px;background:#2563eb;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.account-modal-action-btn:hover:not(:disabled){background:#1d4ed8}.account-modal-action-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.account-modal{flex-direction:column;max-height:95vh}.account-modal-nav{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;padding:24px}.account-modal-nav-links{flex-direction:row;overflow-x:auto}.account-modal-nav-link{white-space:nowrap}.account-modal-content-header{padding:24px 20px 20px}.account-modal-profile-content,.account-modal-security-content{padding:24px 20px}}.tutorial-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:10000;animation:fadeIn .3s ease}.tutorial-overlay.tutorial-blur-rest{backdrop-filter:none;-webkit-backdrop-filter:none}.tutorial-overlay.tutorial-blur-rest .tutorial-highlight{z-index:10001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tutorial-highlight{position:fixed;border:3px solid #3b82f6;border-radius:12px;box-shadow:0 0 0 9999px #00000080,0 0 20px #3b82f699,inset 0 0 20px #3b82f633;pointer-events:none;z-index:10001;animation:highlightPulse 2s ease-in-out infinite;transition:all .3s ease}.tutorial-blur-rest .tutorial-highlight{box-shadow:0 0 0 9999px #000000b3,0 0 30px #3b82f6cc,inset 0 0 30px #3b82f64d;filter:brightness(1.1)}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 9999px #00000080,0 0 20px #3b82f699,inset 0 0 20px #3b82f633}50%{box-shadow:0 0 0 9999px #00000080,0 0 30px #3b82f6cc,inset 0 0 30px #3b82f64d}}.tutorial-card{position:fixed;background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0000004d,0 8px 32px #0003,inset 0 1px #fff9;width:90%;max-width:380px;max-height:85vh;display:flex;flex-direction:column;z-index:10002;animation:slideUp .3s ease;overflow:hidden;pointer-events:auto}:root[data-theme=dark] .tutorial-card{background:linear-gradient(135deg,#1e293bf2,#0f172ae6);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080,0 8px 32px #0000004d,inset 0 1px #ffffff14}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-card-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-card-left{top:50%;left:16px;transform:translateY(-50%)}.tutorial-card-right{top:50%;right:16px;transform:translateY(-50%)}.tutorial-card-top{top:80px;left:16px}.tutorial-card-top-right{top:80px;right:16px}.tutorial-card-bottom{bottom:16px;left:16px}.tutorial-progress-container{width:100%;height:4px;background:#0000001a;position:relative;overflow:hidden}:root[data-theme=dark] .tutorial-progress-container{background:#ffffff1a}.tutorial-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);transition:width .3s ease;box-shadow:0 0 10px #3b82f680}.tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.tutorial-step-indicator{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.tutorial-close-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tutorial-close-btn:hover{background:#0000000d;color:var(--text-primary)}:root[data-theme=dark] .tutorial-close-btn:hover{background:#ffffff1a}.tutorial-content{padding:20px;flex:1;overflow-y:auto}.tutorial-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 10px;transition:color .3s ease}.tutorial-description{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0;transition:color .3s ease}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid var(--border-color);gap:16px}.tutorial-skip-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease}.tutorial-skip-btn:hover{background:#0000000d;color:var(--text-secondary)}:root[data-theme=dark] .tutorial-skip-btn:hover{background:#ffffff1a}.tutorial-nav-buttons{display:flex;gap:12px}.tutorial-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.tutorial-nav-btn-prev{background:var(--slider-track-bg);border:1px solid var(--border-color);color:var(--text-secondary)}.tutorial-nav-btn-prev:hover:not(:disabled){background:#0000000d;border-color:var(--text-tertiary)}:root[data-theme=dark] .tutorial-nav-btn-prev:hover:not(:disabled){background:#ffffff1a}.tutorial-nav-btn-prev:disabled{opacity:.5;cursor:not-allowed}.tutorial-nav-btn-next{background:#3b82f6;color:#fff}.tutorial-nav-btn-next:hover{background:#2563eb}.tutorial-nav-btn svg{font-size:18px}@media(max-width:768px){.tutorial-card{width:95%;max-width:none;max-height:85vh}.tutorial-card-left,.tutorial-card-right,.tutorial-card-top-right{top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.tutorial-card-bottom{bottom:16px;left:16px;right:16px;transform:none;width:auto}.tutorial-content{padding:20px}.tutorial-title{font-size:20px}.tutorial-description{font-size:14px}.tutorial-footer{flex-direction:column;gap:12px}.tutorial-skip-btn{order:2;width:100%;text-align:center}.tutorial-nav-buttons{width:100%;order:1}.tutorial-nav-btn{flex:1;justify-content:center}}.pricing{padding:20px 0 64px}.pricing-top{display:flex;align-items:center;gap:8px;color:#e5e7eb;margin-bottom:8px}.pricing-title{text-align:center;margin:12px 0 28px;font-weight:600}.navbar-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid rgba(0,0,0,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px;text-decoration:none}.navbar-btn:hover{background:#0000001a;border-color:#0000004d;transform:scale(1.05)}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:20px 0;margin:32px}.plan{background:var(--card-bg-gradient);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid var(--card-border);border-radius:16px;padding:28px;color:#e5e7eb;box-shadow:var(--card-shadow-outer-1),var(--card-shadow-outer-2),var(--card-shadow-inset-top),var(--card-shadow-inset-bottom);position:relative;overflow:hidden;transition:all .3s ease}.plan-title{font-size:24px;margin:0 0 18px;font-weight:600}.plan-cta{padding:12px 18px;border-radius:9999px;background:#111827d9;color:#e5e7eb;border:1px solid rgba(59,130,246,.35)}.plan-cta.is-current{background:transparent;border-color:#3b82f699}.plan-price{margin:22px 0}.plan-features{margin:0;padding-left:22px;color:#d1d5db}.plan-features li{margin:8px 0}@media(max-width:1024px){.plans-grid{grid-template-columns:1fr}}.about{padding:20px 0 64px}.about-top{display:flex;align-items:center;gap:8px;color:#e5e7eb;margin-bottom:20px}.about-content{max-width:900px;margin:80px auto 0;text-align:center;line-height:1.7;color:#e5e7eb}.about-content .lead{font-size:22px;margin-bottom:40px}.about-content p{margin:18px 0}.contact{padding:20px 0 64px}.contact-top{display:flex;align-items:center;gap:8px;color:#e5e7eb}.contact-title{text-align:center;margin:18px 0 40px;font-weight:600}.navbar-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px;text-decoration:none}.navbar-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.05)}.contact-form{max-width:720px;margin:0 auto;background:var(--card-bg-gradient);backdrop-filter:blur(var(--card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(180%);border:1px solid var(--card-border);border-radius:24px;padding:32px;box-shadow:var(--card-shadow-outer-1),var(--card-shadow-outer-2),var(--card-shadow-inset-top),var(--card-shadow-inset-bottom);position:relative;overflow:hidden}.row{width:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}.field{width:auto;display:grid;grid-template-columns:220px 1fr;align-items:center;gap:10px;margin:18px 0;color:#e5e7eb}.field input{background:transparent;border:none;border-bottom:2px solid rgba(229,231,235,.4);padding:10px 6px;color:#e5e7eb}.field input:focus{outline:none;border-bottom-color:#60a5fa}.submit-row{display:flex;justify-content:center;align-items:center;margin-top:24px;min-height:48px}.submit-btn{padding:12px 24px;border-radius:10px;border:1px solid #2563eb;background:linear-gradient(180deg,#1f2937,#0b1220);color:#e5e7eb;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){border-color:#60a5fa;transform:scale(1.05)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-error{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-weight:500;animation:fadeIn .3s ease;margin-bottom:16px}.error-icon{font-size:20px;font-weight:700}.submit-success{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#22c55e;font-weight:500;animation:fadeIn .3s ease}.success-icon{font-size:20px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.row,.field{grid-template-columns:1fr}}.voice-detail-container{min-height:calc(100vh - 64px);background:var(--bg-primary);color:var(--text-secondary);padding:40px;max-width:1200px;margin:0 auto;grid-column:2 / 4;overflow-y:auto;transition:background-color .3s ease,color .3s ease}:root[data-theme=light] .voice-detail-container{background:var(--bg-primary)}:root[data-theme=dark] .voice-detail-container{background:var(--bg-primary)}.playground-container.sidebar-closed .voice-detail-container{grid-column:1 / 4;margin-left:24px}.voice-detail-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:32px;font-size:14px}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:opacity .2s ease,color .3s ease}.breadcrumb-link:hover{opacity:.7}.breadcrumb-separator{color:#6b7280}.breadcrumb-current{color:var(--text-tertiary)}.voice-detail-header{margin-bottom:40px}.voice-detail-header-content{display:flex;gap:24px;align-items:flex-start}.voice-detail-image-container{flex-shrink:0;width:120px;height:120px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#3b82f61a,#93c5fd0d);border:1px solid var(--border-color)}.voice-detail-image{width:100%;height:100%;object-fit:cover}.voice-detail-title-section{flex:1;display:flex;flex-direction:column;gap:12px}.voice-detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.voice-detail-description{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0;opacity:.9}.voice-detail-title{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.voice-name-input{font-size:32px;font-weight:600;color:var(--text-primary);background:var(--slider-track-bg);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;outline:none;width:300px;transition:border-color .2s ease,background-color .3s ease,color .3s ease}.voice-name-input:focus{border-color:#4472cf}.voice-edit-btn{background:var(--slider-track-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.voice-edit-btn:hover{background:#0000000d;border-color:var(--text-tertiary)}:root[data-theme=dark] .voice-edit-btn:hover{background:#ffffff1a}.voice-detail-section{margin-bottom:40px}.voice-section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px;transition:color .3s ease}.preview-textarea-container{position:relative}.preview-textarea{width:100%;min-height:120px;background:var(--slider-track-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:16px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s ease,background-color .3s ease,color .3s ease}.preview-textarea:focus{border-color:#4472cf}.preview-textarea::placeholder{color:#6b7280}.speak-btn{position:absolute;bottom:16px;right:16px;background:#3b82f6;border:none;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.speak-btn:hover{background:#2563eb}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.action-btn{background:var(--slider-track-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:14px 20px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .2s ease,border-color .2s ease;justify-content:flex-start}.action-btn:hover{background:#0000000d;border-color:var(--text-tertiary)}:root[data-theme=dark] .action-btn:hover{background:#ffffff0d}.action-btn svg{font-size:18px}.metadata-grid{display:flex;flex-direction:column;gap:20px}.metadata-item{display:flex;align-items:center;gap:16px}.metadata-label{font-size:14px;color:var(--text-secondary);min-width:80px;transition:color .3s ease}.metadata-value-container{flex:1;display:flex;align-items:center;gap:8px}.metadata-input{flex:1;background:var(--slider-track-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:10px 12px;font-size:14px;font-family:monospace;outline:none;transition:border-color .2s ease,background-color .3s ease,color .3s ease}.metadata-input:focus{border-color:#4472cf}.copy-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease,color .3s ease}.copy-btn:hover{background:#0000000d}:root[data-theme=dark] .copy-btn:hover{background:#ffffff1a}.copy-btn svg{font-size:14px}.voice-detail-footer{display:flex;justify-content:center;margin-top:60px;padding-top:40px;border-top:1px solid var(--border-color)}.download-footer-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:12px 20px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease,border-color .2s ease}.download-footer-btn:hover{background:#0000000d;border-color:var(--text-tertiary)}:root[data-theme=dark] .download-footer-btn:hover{background:#ffffff1a}.download-footer-btn svg{font-size:16px}@media(max-width:1200px){.voice-detail-container{grid-column:1 / 4;margin:16px 8px!important;padding:20px}}@media(max-width:768px){.voice-detail-container{padding:16px}.voice-detail-header-content{flex-direction:column;gap:16px}.voice-detail-image-container{width:100px;height:100px;align-self:center}.voice-detail-title-section{flex-direction:column;align-items:flex-start}.voice-detail-title-row{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.actions-grid{grid-template-columns:1fr}.metadata-item{flex-direction:column;align-items:flex-start}.metadata-value-container{width:100%}}.user-profile-page{min-height:100vh;background:var(--bg-primary);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.user-profile-container{max-width:800px;width:100%;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 4px 6px #0000000d,0 10px 20px #0000001a}.user-profile-header{background:linear-gradient(135deg,#3b82f61a,#93c5fd0d);padding:40px;border-bottom:1px solid var(--border-color)}.user-profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px}.user-profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026}.user-profile-name{font-size:32px;font-weight:700;color:var(--text-primary);margin:0}.user-profile-email{font-size:16px;color:var(--text-secondary);margin:0}.user-profile-content{padding:40px}.user-profile-section{margin-bottom:40px}.user-profile-section:last-child{margin-bottom:0}.user-profile-section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.user-profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.user-profile-info-item{display:flex;flex-direction:column;gap:8px}.user-profile-info-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.user-profile-info-value{font-size:16px;color:var(--text-primary);word-break:break-word}.user-profile-id{font-family:Monaco,Courier New,monospace;font-size:14px;color:var(--text-secondary)}.user-profile-settings{display:flex;flex-direction:column;gap:12px}.user-profile-setting-btn{padding:12px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.user-profile-setting-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d}.user-profile-setting-btn:disabled{opacity:.5;cursor:not-allowed}.user-profile-note{margin-top:16px;font-size:14px;color:var(--text-tertiary);font-style:italic}:root[data-theme=dark] .user-profile-container{box-shadow:0 4px 6px #0000004d,0 10px 20px #0006}:root[data-theme=dark] .user-profile-header{background:linear-gradient(135deg,#3b82f626,#93c5fd14)}@media(max-width:768px){.user-profile-page{padding:20px 16px}.user-profile-header,.user-profile-content{padding:30px 20px}.user-profile-info-grid{grid-template-columns:1fr;gap:20px}.user-profile-name{font-size:24px}.user-profile-avatar{width:100px;height:100px}}