:root{--ink:#23373b;--text:#36494c;--muted:#89a9aa;--border:#eaf2f1;--canvas:#f8fcfb;--surface:#fff;--purple:#6dd9dd;--purple-dark:#50cbcf;--lavender:#f1fdfd;--sidebar:#19292c;--soft-shadow:0 7px 35px rgba(34,35,72,.028);--radius:21px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Shabnam,Tahoma,sans-serif;color:var(--ink);direction:rtl;text-align:right}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{text-decoration:none;color:inherit}svg{display:block}.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #baedef;outline-offset:3px}strong,h1,h2,h3,p{margin-top:0}p{line-height:1.9}
.studio-body{background:var(--canvas)}.studio-shell{min-height:100vh;display:flex;direction:rtl}.sidebar{width:248px;flex:0 0 248px;position:sticky;top:0;height:100vh;background:var(--sidebar);padding:30px 17px 18px;display:flex;flex-direction:column;z-index:40;color:#fff;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#364a4e transparent}.brand{display:flex;align-items:center;gap:11px;padding:3px 15px 35px;color:#fff}.brand:hover{color:#fff}.brand-mark,.brand-mark svg{width:44px;height:44px;flex-shrink:0}.brand-wordmark{display:flex;flex-direction:column;line-height:1.25}.brand-wordmark strong{font-size:25px;font-weight:bold;letter-spacing:-.7px}.brand-wordmark small{margin-top:5px;font:600 12px/1.3 Arial,sans-serif;letter-spacing:1.18px;color:#8caaab;direction:ltr;text-align:left}.sidebar-section-title{font-size:13px;font-weight:bold;color:#779b9c;padding:0 18px;margin:1px 0 13px}.tools-title{margin-top:38px}.sidebar-nav{display:flex;flex-direction:column;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;width:100%;min-height:46px;padding:0 16px;border-radius:11px;color:#a8c2c3;font-size:15px;transition:background .2s,color .2s}.nav-link .icon{width:19px;height:19px}.nav-link:hover{color:#fff;background:#2a3d41}.nav-link.active{background:linear-gradient(100deg,#6dd9dd,#5bc0c3);color:#fff;box-shadow:0 7px 18px #0c20246e}.nav-link-disabled{opacity:.62;cursor:default}.nav-link-disabled:hover{background:transparent;color:#a8c2c3}.soon-label{font-size:12px;background:#34494d;color:#bddbdc;padding:4px 7px;border-radius:6px;margin-right:auto;white-space:nowrap}.sidebar-spacer{flex:1;min-height:24px}.sidebar-promo{padding:20px 17px 17px;border:1px solid #46656a;border-radius:17px;background:radial-gradient(circle at 0 0,rgba(145,125,255,.22),transparent 55%),linear-gradient(145deg,#2f565d,#273e42);margin-bottom:23px}.sidebar-promo-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#dbfbf9;background:#5ca3a6;margin-bottom:16px}.sidebar-promo strong{display:block;font-size:16px;margin-bottom:6px}.sidebar-promo p{font-size:13px;line-height:2;color:#bad4d5;margin-bottom:13px}.sidebar-promo a{font-size:13px;font-weight:bold;color:#d2f4f2}.sidebar-promo a span{margin-right:6px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:16px 7px 2px;border-top:1px solid #324447}.user-avatar,.topbar-avatar{display:grid;place-items:center;background:#e5fcfb;color:#5fc0c3;border-radius:13px;width:38px;height:38px;font-size:17px;font-weight:bold;flex-shrink:0}.sidebar-user-text{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.sidebar-user-text strong{font-size:14px;max-width:110px;overflow:hidden;text-overflow:ellipsis}.sidebar-user-text small{font-size:12px;color:#95b1b2}.icon-button{width:34px;height:34px;border:0;background:transparent;color:inherit;display:inline-grid;place-items:center;border-radius:9px}.icon-button:hover{background:#ffffff13}.signout-button{color:#a3bcbd}.signout-button .icon{width:19px;height:19px}.sidebar-backdrop{display:none}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(22px,3.5vw,55px);border-bottom:1px solid #eff5f5}.topbar-leading,.topbar-actions{display:flex;align-items:center;gap:12px}.breadcrumb-root,.breadcrumb-current{font-size:14px;color:#8eacae}.breadcrumb-current{color:#475e62;font-weight:bold}.breadcrumb-chevron{width:14px;height:14px;color:#becfd0}.topbar-actions{gap:23px}.online-indicator{display:flex;align-items:center;gap:8px;color:#709698;font-size:13px}.online-indicator span,.tiny-online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36c994;box-shadow:0 0 0 4px #36c9941f}.topbar-profile{display:flex;align-items:center;gap:9px;border-right:1px solid #eff5f5;padding-right:20px}.topbar-avatar{width:32px;height:32px;font-size:15px;border-radius:10px}.topbar-profile-name{font-size:14px;font-weight:bold;color:#465c60}.mobile-menu-toggle{display:none;color:var(--ink)}.workspace-main{padding:30px clamp(20px,3.5vw,55px) 56px;width:100%;max-width:1570px;margin:0 auto;flex:1}.app-footer{display:flex;justify-content:space-between;gap:20px;margin:0 clamp(20px,3.5vw,55px);padding:23px 0;color:#a9c0c0;font-size:12px;border-top:1px solid #e8f0ef}.app-footer span:last-child{font:600 12px Arial,sans-serif;letter-spacing:1.4px}
.page-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.eyebrow{display:flex;align-items:center;gap:8px;color:#85ced1;font-size:13px;font-weight:bold;margin-bottom:9px}.eyebrow-dot{width:7px;height:7px;background:#84dfe2;border-radius:50%}.eyebrow-divider{color:#c6dcdd}.page-intro h1{font-size:clamp(24px,2.25vw,34px);letter-spacing:-.8px;line-height:1.6;margin-bottom:2px;font-weight:bold}.heading-sparkle{font-size:18px;vertical-align:top;color:#a0e6e9;margin-right:1px}.page-intro p{font-size:14px;color:#83a4a5;margin:0}.credit-pill{padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:12px;display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#74999b;white-space:nowrap;box-shadow:var(--soft-shadow)}.credit-pill .icon{width:15px;height:15px;color:#70dadd}.credit-pill b{color:#3b6067;font-size:15px;margin:0 2px}
.hero-banner{min-height:252px;border-radius:22px;background:radial-gradient(circle at 8% 91%,#78cdd073,transparent 30%),linear-gradient(115deg,#253b3f 7%,#376067 62%,#58aeb1 100%);position:relative;overflow:hidden;display:flex;align-items:center;padding:30px clamp(28px,3.3vw,48px);color:#fff;isolation:isolate;margin-bottom:24px}.hero-banner::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff1c 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to left,black,transparent 75%);opacity:.36}.hero-copy{position:relative;z-index:2;width:61%;max-width:620px}.hero-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;background:#ffffff1a;border:1px solid #ffffff23;border-radius:6px;font:700 12px Arial,sans-serif;letter-spacing:1px;margin-bottom:16px;direction:ltr}.hero-chip-dot{width:6px;height:6px;background:#c7f2ef;border-radius:50%}.hero-chip-arrow{font-size:15px;color:#b9edef}.hero-copy h2{font-size:clamp(26px,2.7vw,39px);font-weight:bold;line-height:1.62;letter-spacing:-.7px;margin:0 0 7px}.hero-copy h2 em{font-style:normal;color:#c9f2f0}.hero-copy p{color:#c5e3e4;font-size:13px;max-width:390px;line-height:2.1;margin:0}.hero-art{position:absolute;width:42%;height:100%;left:0;top:0;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid #ffffff21;aspect-ratio:1;border-radius:50%;width:260px;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orbit-two{width:340px;border-color:#ffffff12}.sound-disc{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;z-index:1;background:linear-gradient(150deg,#8ae1e4,#5db1b4);box-shadow:0 0 0 12px #bff0ed13,0 18px 60px #152f3366,inset 0 1px 2px #ffffff69;transform:rotate(-9deg)}.disc-center{width:133px;height:133px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#a6e8ea,#5bb3b6 75%);border:1px solid #ffffff57;display:grid;place-items:center;box-shadow:inset 0 7px 28px #ffffff1f,0 8px 20px #1b48502e}.disc-center svg{width:80px;height:80px}.hero-glass-tag{position:absolute;z-index:2;bottom:29px;right:40px;display:flex;align-items:center;gap:8px;font-size:12px;color:#effdfc;background:#ffffff1f;border:1px solid #ffffff38;padding:8px 12px;border-radius:10px;backdrop-filter:blur(10px);box-shadow:0 4px 15px #101f2240}.glass-tag-icon{width:22px;height:22px;border-radius:7px;background:#ffc0a9;color:#3c6971;display:grid;place-items:center;font:700 14px Arial}.hero-spark{position:absolute;color:#d2f4f2;z-index:3}.hero-spark-one{left:14%;top:18%;font-size:27px}.hero-spark-two{left:71%;top:23%;font-size:19px}
.editor-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.86fr);align-items:start;gap:21px;direction:rtl}.editor-column,.settings-column{display:flex;flex-direction:column;gap:21px;min-width:0}.surface-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--soft-shadow)}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px}.section-heading h2{font-size:16px;line-height:1.5;margin:0 0 4px;font-weight:bold}.section-heading p{font-size:10.5px;color:#91afb0;line-height:1.5;margin:0}.section-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;flex-shrink:0}.section-icon .icon{width:21px;height:21px}.section-icon-purple{color:#70dadd;background:#effdfc}.section-icon-blue{color:#578ccf;background:#e9f3ff}.section-icon-peach{color:#e98f76;background:#fff0e9}.mode-switch{display:flex;align-items:center;background:#f5faf9;border:1px solid #f0f5f5;padding:5px;border-radius:12px;gap:5px;margin-bottom:22px}.mode-tab{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;background:transparent;color:#8cabac;border:0;border-radius:9px;padding:11px 6px;font-size:14px;transition:all .2s}.mode-tab .icon{width:17px;height:17px}.mode-tab:hover{color:#61b7ba}.mode-tab.is-active{background:#fff;color:#5ccace;box-shadow:0 3px 14px #2b505710;font-weight:bold}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.field-label-row label{font-size:14px;font-weight:bold;color:#445b5f}.field-optional{font:600 12px Arial,sans-serif;letter-spacing:.4px;color:#a7bebf}.textarea-shell{border:1px solid #e6f0ef;background:#fcffff;border-radius:13px;overflow:hidden;transition:border .2s,box-shadow .2s}.textarea-shell:focus-within{border-color:#aeeaec;box-shadow:0 0 0 4px #ecfdfc}.textarea-shell textarea{border:0;outline:0;width:100%;min-height:197px;background:transparent;display:block;resize:vertical;padding:20px 20px 10px;color:#35474a;font-size:14px;line-height:2.4}.textarea-shell textarea::placeholder{color:#b4c8c9}.textarea-shell textarea:focus-visible{outline:none}#phoneme-input-tts{font-family:ui-monospace,Consolas,monospace;line-height:2.1;text-align:left;unicode-bidi:plaintext;direction:ltr}.textarea-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f5;padding:10px 16px;gap:8px}.keyboard-hint{display:inline-flex;align-items:center;gap:6px;color:#9eb8b8;font-size:12px}.keyboard-hint .icon{width:15px;height:15px}.character-count{font-size:12px;color:#9cb6b7;direction:rtl}.character-count b{color:#6dd9dd;font-size:13px}.example-row{display:flex;align-items:center;gap:8px;margin:15px 1px 22px;font-size:12px;color:#9cb7b8;flex-wrap:wrap}.subtle-action{background:transparent;border:0;padding:0;color:#6cd7da;font-size:12px;font-weight:bold}.subtle-action:hover{text-decoration:underline}.phoneme-help{display:flex;gap:9px;background:#f7fefe;border:1px solid #edfdfc;border-radius:11px;padding:13px;margin:15px 0 21px;color:#729899;font-size:12px;line-height:2.2}.phoneme-help .icon{color:#7adbde;width:16px;height:16px;margin-top:3px}.phoneme-help code{font-family:monospace;font-size:13px;color:#59a0a2;background:#e6fcfb;border-radius:3px;padding:1px 4px;direction:ltr}.generate-button{width:100%;min-height:51px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;background:linear-gradient(95deg,#74dbdf,#5fcdd1);box-shadow:0 9px 19px #6cd9dd35;color:#fff;font-weight:bold;font-size:14px;transition:filter .2s,transform .2s,box-shadow .2s;position:relative}.generate-button:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 26px #6cd9dd4a}.generate-button:disabled{opacity:.65;transform:none;box-shadow:none}.generate-button .icon{width:18px;height:18px}.generate-arrow{position:absolute;left:19px;font-size:19px;font-weight:normal}[hidden]{display:none!important}
.result-card{padding-bottom:22px}.result-heading{margin-bottom:19px}.result-status{margin-right:auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#94b1b2;background:#f6f9f9;border-radius:30px;padding:7px 9px}.result-status span{width:6px;height:6px;border-radius:50%;background:#b6cacb}.result-card[data-state="loading"] .result-status{color:#6ec1c4;background:#f0fdfc}.result-card[data-state="loading"] .result-status span{background:#84dfe2;animation:pulse 1.1s infinite}.result-card[data-state="ready"] .result-status{color:#2e9b79;background:#ecfaf4}.result-card[data-state="ready"] .result-status span{background:#39c79b}.result-card[data-state="error"] .result-status{color:#e66b71;background:#fff2f2}.result-card[data-state="error"] .result-status span{background:#e66b71}.audio-player-card{border:1px solid #ebf6f5;background:linear-gradient(115deg,#fbfefe,#f7fbfb);border-radius:13px;padding:18px 18px 12px}.audio-wave{height:72px;display:flex;justify-content:center;align-items:center;gap:5px;direction:ltr;opacity:.45}.audio-wave span{width:5px;height:var(--height,35%);border-radius:5px;background:linear-gradient(#a4e7ea,#7ad1d4);transition:opacity .2s}.audio-wave span:nth-child(19n + 1){--height:18%}.audio-wave span:nth-child(19n + 2){--height:32%}.audio-wave span:nth-child(19n + 3){--height:45%}.audio-wave span:nth-child(19n + 4){--height:70%}.audio-wave span:nth-child(19n + 5){--height:36%}.audio-wave span:nth-child(19n + 6){--height:83%}.audio-wave span:nth-child(19n + 7){--height:53%}.audio-wave span:nth-child(19n + 8){--height:72%}.audio-wave span:nth-child(19n + 9){--height:95%}.audio-wave span:nth-child(19n + 10){--height:67%}.audio-wave span:nth-child(19n + 11){--height:40%}.audio-wave span:nth-child(19n + 12){--height:86%}.audio-wave span:nth-child(19n + 13){--height:48%}.audio-wave span:nth-child(19n + 14){--height:75%}.audio-wave span:nth-child(19n + 15){--height:35%}.audio-wave span:nth-child(19n + 16){--height:59%}.audio-wave span:nth-child(19n + 17){--height:27%}.audio-wave span:nth-child(19n + 18){--height:43%}.audio-wave span:nth-child(19n + 19){--height:16%}.result-card[data-state="ready"] .audio-wave{opacity:1}.result-card[data-state="loading"] .audio-wave{opacity:1}.result-card[data-state="loading"] .audio-wave span{animation:wave-wobble .75s ease-in-out infinite alternate}.result-card[data-state="loading"] .audio-wave span:nth-child(even){animation-delay:.23s}.result-card[data-state="loading"] .audio-wave span:nth-child(3n){animation-delay:.4s}.audio-player-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #ebf2f2;padding-top:15px}.audio-player-title{display:flex;align-items:center;gap:9px}.play-glyph{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#edfdfc;color:#76d6d9}.play-glyph .icon{width:18px;height:18px}.audio-player-title span:last-child{display:flex;flex-direction:column;gap:3px}.audio-player-title strong{font-size:13px}.audio-player-title small{font-size:12px;color:#a7bebf}.audio-format{border:1px solid #def1ef;background:#fff;color:#94b8b9;border-radius:6px;padding:5px 8px;font:700 12px Arial,sans-serif;letter-spacing:1px}.audio-player-card audio{display:block;width:100%;height:40px;margin-top:12px;direction:ltr}.result-card[data-state="empty"] .audio-player-card audio,.result-card[data-state="loading"] .audio-player-card audio,.result-card[data-state="error"] .audio-player-card audio{opacity:.5;pointer-events:none}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.result-actions>span{display:flex;align-items:center;gap:6px;color:#a2a2b2;font-size:12px;line-height:1.8;flex:1}.result-actions>span .icon{width:15px;height:15px}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border-radius:9px;background:#f0f7f7;border:1px solid #eaf4f3;color:#a5bdbe;font-weight:bold;font-size:12px;white-space:nowrap}.download-button .icon{width:15px;height:15px}.download-button[href]{color:#5ecacd;background:#effdfc;border-color:#e0fcfa;cursor:pointer}.download-button[href]:hover{background:#e3fcfa}
.settings-card .section-heading{margin-bottom:27px}.setting-block{margin-bottom:0}.select-shell{height:47px;border-radius:11px;border:1px solid #e8f0ef;background:#fcffff;display:flex;align-items:center;position:relative}.select-shell:focus-within{border-color:#aeeaec;box-shadow:0 0 0 3px #ecfdfc}.select-shell select{width:100%;height:100%;border:0;outline:0;background:transparent;appearance:none;font-size:13px;color:#496064;font-weight:bold;padding:0 43px 0 35px;cursor:pointer;min-width:0}.select-leading,.select-chevron{position:absolute;pointer-events:none;width:17px;height:17px;color:#82d3d6}.select-leading{right:15px}.select-chevron{left:13px;width:15px;height:15px;color:#a3bcbd}.setting-note{font-size:12px;color:#96b2b3;line-height:1.8;margin:9px 2px 0;display:flex;align-items:baseline;gap:9px}.setting-note .tiny-online-dot{width:5px;height:5px;flex-shrink:0;box-shadow:none}.setting-divider{height:1px;background:#f1f5f5;margin:22px 0}.slider-group{display:flex;flex-direction:column;gap:20px}.slider-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.slider-meta label{font-size:14px;font-weight:bold;color:#4a6166}.slider-value{font:700 13px Arial,sans-serif;min-width:43px;text-align:center;background:#f0fdfc;border:1px solid #e6fcfb;color:#66cdd1;padding:7px 6px;border-radius:7px;direction:ltr}.slider-container input[type=range]{direction:ltr;width:100%;display:block;accent-color:#70dade;cursor:pointer;appearance:none;-webkit-appearance:none;height:5px;background:linear-gradient(to right,#6ed9dd var(--range-progress,50%),#eaf1f1 var(--range-progress,50%));border-radius:20px;margin:0 0 10px}.slider-container input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;background:#fff;border:4px solid #70dadd;box-shadow:0 2px 7px #69c1c435;border-radius:50%;cursor:grab}.slider-container input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#fff;border:4px solid #70dadd;border-radius:50%}.slider-scale{display:flex;justify-content:space-between;color:#a6bebf;font-size:12px;direction:rtl}.upload-input{width:100%;font-size:12px;max-width:100%;color:#7fa1a3}.upload-input::file-selector-button{margin-left:10px;background:#ecfdfc;color:#64cdd1;border:0;border-radius:8px;padding:8px;cursor:pointer}.reset-button{width:100%;border:1px solid #e9f1f0;background:#fff;color:#73989a;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 15px;font-size:13px;margin-top:25px}.reset-button:hover{background:#f8fefe;color:#5ec5c9}.reset-button .icon{width:15px;height:15px}.tip-card{display:flex;gap:11px;background:#f1fdfd;border:1px solid #e5fcfb;border-radius:16px;padding:20px 19px}.tip-icon{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;background:#dffbf9;color:#6dcbcf;border-radius:9px}.tip-icon .icon{width:17px;height:17px}.tip-card strong{display:block;font-size:13px;color:#56888a;margin:1px 0 7px}.tip-card p{font-size:12px;line-height:2;color:#8fadae;margin:0}
/* Dashboard */
.dashboard-hero{background:linear-gradient(110deg,#264044 5%,#56a2a4);border-radius:23px;color:#fff;padding:40px 42px;position:relative;overflow:hidden;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dashboard-hero::after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;border:60px solid #ffffff12;left:-35px;top:-105px;pointer-events:none}.dashboard-hero>*{position:relative;z-index:2}.dashboard-hero .eyebrow{color:#cbf3f0}.dashboard-hero h2{font-size:27px;line-height:1.7;margin:4px 0}.dashboard-hero p{color:#d1ebe9;font-size:14px;max-width:550px;margin:0 0 22px}.light-cta{background:#fff;color:#56b9bc;border-radius:10px;padding:12px 20px;display:inline-flex;gap:12px;align-items:center;font-weight:bold;font-size:14px}.light-cta:hover{background:#f3fefd}.dashboard-hero-icon{font-size:112px;font-family:Arial,sans-serif;opacity:.5;line-height:1;transform:rotate(-10deg);color:#c9f2f0}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--soft-shadow)}.stat-card .stat-icon{width:39px;height:39px;border-radius:12px;background:#effdfc;color:#6ed5d9;display:grid;place-items:center;margin-bottom:16px}.stat-card:nth-child(2) .stat-icon{background:#e9f6ff;color:#57a1d3}.stat-card:nth-child(3) .stat-icon{background:#e8f9ef;color:#46ac83}.stat-label{font-size:13px;color:#9395a5;margin-bottom:9px}.stat-value{font-size:26px;color:#344548;font-weight:bold;overflow-wrap:anywhere}.stat-foot{font-size:12px;color:#a3a4b1;margin-top:4px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.75fr);gap:20px}.detail-list{display:flex;flex-direction:column;gap:0}.detail-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #f0f5f4;font-size:14px}.detail-row:last-child{border-bottom:0}.detail-row>span{color:#9394a5}.detail-row strong{color:#43585c;font-weight:bold;text-align:left;word-break:break-all}.token-value{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;display:inline-block;vertical-align:middle}.token-copy{display:inline-flex;align-items:center;gap:7px;min-width:0}.copy-control{color:#6fd2d5;border:0;background:#f1fdfd;border-radius:7px;padding:6px}.copy-control .icon{width:14px;height:14px}.quick-action{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #f0f5f4}.quick-action:last-child{border:0}.quick-action-icon{width:40px;height:40px;border-radius:12px;background:#f1fdfd;color:#6cd1d5;display:grid;place-items:center}.quick-action-icon .icon{width:19px;height:19px}.quick-action strong{display:block;font-size:14px;margin-bottom:4px}.quick-action small{font-size:12px;color:#9d9da9}.quick-action-arrow{margin-right:auto;color:#7ed0d3}.quick-action-arrow .icon{width:15px;height:15px}.account-actions{display:flex;gap:10px;margin-top:20px}.account-actions a,.account-actions button{border-radius:10px;padding:11px 15px;font-size:13px;font-weight:bold;display:flex;align-items:center;justify-content:center;gap:8px}.account-actions a{color:#5dc0c3;background:#edfdfc}.account-actions button{color:#ac5b64;background:#fff2f2;border:0}
/* Authentication */
.auth-body{min-height:100vh;background:#f8fcfb;display:grid;grid-template-columns:1fr 1fr;direction:rtl}.auth-story{min-height:100vh;color:#fff;background:radial-gradient(circle at 15% 80%,#8ae1e47a,transparent 38%),linear-gradient(155deg,#1f3438,#44888a);padding:45px clamp(30px,5vw,75px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story::after{content:"";position:absolute;width:380px;height:380px;border:1px solid #ffffff22;border-radius:50%;bottom:17%;left:-140px;box-shadow:0 0 0 65px #ffffff06,0 0 0 130px #ffffff06;pointer-events:none}.auth-story>*{z-index:1}.auth-brand{display:flex;align-items:center;gap:12px;font-weight:bold;font-size:26px}.auth-brand .brand-mark{display:block}.auth-story-copy h1{font-size:clamp(31px,4vw,53px);line-height:1.7;margin-bottom:12px;letter-spacing:-1px}.auth-story-copy h1 span{color:#c5f1ee}.auth-story-copy p{font-size:15px;line-height:2.2;color:#c9e6e4;max-width:400px}.auth-wave{display:flex;gap:9px;align-items:center;direction:ltr;height:100px;margin:22px 0}.auth-wave span{width:9px;border-radius:9px;background:linear-gradient(#a9e9eb,#c6f2ef);height:var(--h,30%);opacity:.8}.auth-wave span:nth-child(5n){--h:95%}.auth-wave span:nth-child(3n){--h:57%}.auth-wave span:nth-child(4n){--h:78%}.auth-wave span:nth-child(7n){--h:35%}.auth-story-footer{font-size:13px;color:#adcacb}.auth-main{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px}.auth-card{max-width:450px;width:100%;background:#fff;border-radius:24px;padding:42px;box-shadow:0 14px 55px #2740440c;border:1px solid #eff5f5}.auth-badge{width:52px;height:52px;display:grid;place-items:center;background:#effdfc;color:#67cccf;border-radius:15px;margin-bottom:22px}.auth-card h1{font-size:24px;margin:0 0 8px}.auth-card .auth-subtitle{font-size:14px;color:#9696a8;margin-bottom:26px}.auth-field{margin-bottom:17px}.auth-field label{display:block;font-size:14px;color:#516b70;font-weight:bold;margin-bottom:9px}.auth-card input:not([type=checkbox]){display:block;width:100%;height:48px;border:1px solid #e6efee;background:#fbfefe;color:#35474a;border-radius:10px;padding:9px 14px;font-size:14px;outline:0;transition:border-color .2s}.auth-card input:focus{border-color:#95e3e6;box-shadow:0 0 0 3px #ecfdfc}.auth-card .field-error{font-size:12px;color:#d96276;margin-top:8px}.auth-submit{display:block;width:100%;height:49px;border-radius:11px;border:0;background:linear-gradient(90deg,#76dbdf,#61cccf);color:#fff;font-weight:bold;margin-top:20px;font-size:14px}.auth-submit:hover{filter:brightness(1.05)}.auth-switch{font-size:13px;text-align:center;color:#94b1b2;margin:24px 0 0}.auth-switch a{color:#67d2d5;font-weight:bold}.auth-bottom{max-width:450px;margin-top:28px;font-size:12px;color:#abc1c2}.auth-small-note{font-size:12px;color:#adafbb;font-weight:normal}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
/* Chat */
.chat-instructions{font-size:15px;color:#6c9394;line-height:2.1}.connection-box{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid #e6f1f0;border-radius:11px;background:#fbfefe;margin:10px 0 23px;direction:ltr}.connection-box code{font:12px/1.8 ui-monospace,Consolas,monospace;color:#4b6468;overflow-wrap:anywhere;word-break:break-all}.connection-box .copy-control{flex-shrink:0}.chat-cta{max-width:300px}
@keyframes pulse{50%{opacity:.3}}@keyframes wave-wobble{to{height:15%}}
@media(max-width:1200px){.sidebar{width:218px;flex-basis:218px;padding-right:11px;padding-left:11px}.workspace-main{padding-left:23px;padding-right:23px}.topbar{padding:0 23px}.hero-copy{width:67%}.hero-art{width:38%}.editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(275px,.85fr)}.surface-card{padding:22px}}
@media(max-width:1050px){.sidebar{position:fixed;right:0;transform:translateX(110%);width:255px;transition:transform .25s ease;box-shadow:-15px 0 40px #18252820}.studio-shell.sidebar-open .sidebar{transform:translateX(0)}.studio-shell.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#161f2199;z-index:30;border:0}.mobile-menu-toggle{display:inline-grid}.editor-grid{grid-template-columns:minmax(0,1.28fr) minmax(270px,.88fr)}}
@media(max-width:790px){.editor-grid{grid-template-columns:1fr}.settings-column{display:grid;grid-template-columns:1fr}.hero-banner{min-height:225px}.hero-copy{width:75%}.hero-art{opacity:.5;width:50%;left:-14%}.surface-card{padding:24px}.settings-card{max-width:none}.auth-body{grid-template-columns:1fr}.auth-story{min-height:0;padding:18px 26px}.auth-story-copy,.auth-wave,.auth-story-footer{display:none}.auth-main{min-height:calc(100vh - 83px)}.stats-grid{gap:12px}.dashboard-bottom{grid-template-columns:1fr}}
@media(max-width:600px){.topbar{height:65px;padding:0 16px}.topbar-actions{gap:8px}.online-indicator,.topbar-profile-name{display:none}.topbar-profile{padding-right:0;border:0}.workspace-main{padding:22px 13px 40px}.page-intro{align-items:flex-start;flex-direction:column;gap:14px}.page-intro h1{font-size:25px}.credit-pill{padding:9px 12px}.hero-banner{padding:26px 23px;min-height:235px;margin-bottom:15px}.hero-copy{width:100%}.hero-copy h2{font-size:30px}.hero-copy p{max-width:260px}.hero-art{opacity:.27;left:-80px;width:75%}.sound-disc{width:145px;height:145px}.disc-center{width:110px;height:110px}.hero-glass-tag{display:none}.editor-column,.settings-column{gap:15px}.editor-grid{gap:15px}.surface-card{padding:18px;border-radius:16px}.section-heading h2{font-size:16px}.section-heading p{font-size:12px}.section-icon{width:40px;height:40px}.result-heading{flex-wrap:wrap}.result-status{margin-right:0}.audio-wave{gap:3px}.audio-wave span{width:4px}.result-actions>span{width:100%;flex:unset}.app-footer{margin:0 13px;flex-direction:column;gap:8px}.stats-grid{grid-template-columns:1fr}.dashboard-hero{padding:30px 23px}.dashboard-hero h2{font-size:23px}.dashboard-hero-icon{display:none}.auth-card{padding:27px 22px}.auth-main{padding:25px 15px}.auth-grid{grid-template-columns:1fr}.account-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* V2: ocean green / deep ink system, balanced Persian typography */
:root{--ink:#13333d;--text:#24444c;--muted:#697f82;--canvas:#f3f8f7;--surface:#fff;--border:#dae9e7;--purple:#087f78;--purple-dark:#06645f;--lavender:#e6f6f1;--sidebar:#102b35;--soft-shadow:0 9px 30px #103f3c0a}
html{font-size:16px}body{font-size:15px;line-height:1.7}
.sidebar{background:#102b35}.sidebar .brand-wordmark strong{font-size:26px}.brand-wordmark small{font-size:11px;letter-spacing:.8px}
.sidebar-section-title{font-size:13px;color:#9bb5b8}.nav-link{font-size:16px;min-height:51px;color:#bdd1d2}.nav-link .icon{width:21px;height:21px}
.nav-link:hover{background:#1d4650;color:#fff}.nav-link.active{background:linear-gradient(105deg,#128f83,#08675e);box-shadow:0 8px 16px #062d293d}.nav-link-disabled{opacity:.72}
.soon-label{background:#254b50;color:#b6ebe0;font-size:12px;padding:5px 9px}
.sidebar-promo{background:linear-gradient(145deg,#194550,#123a42);border-color:#326167}.sidebar-promo-icon{background:#1e6d6a;color:#d7fbef}
.sidebar-promo strong{font-size:16px}.sidebar-promo p{font-size:13px;color:#bbd4d4}.sidebar-promo a{font-size:14px;color:#8fe4d3}
.sidebar-user-text strong{font-size:15px}.sidebar-user-text small{font-size:12px}
.topbar{background:#fff;border-color:#e3eeeb}.breadcrumb-root,.breadcrumb-current{font-size:14px}.online-indicator{font-size:13px}.topbar-profile-name{font-size:14px}
.page-intro h1{font-size:clamp(25px,2.4vw,34px)}.page-intro p{font-size:15px}.eyebrow{font-size:13px;color:#137e76}.eyebrow-dot{background:#13aa96}.heading-sparkle{color:#15aa93}
.hero-banner{background:linear-gradient(115deg,#0e3440 0%,#0c6561 76%,#158f7b 100%)}.hero-copy h2{font-size:clamp(30px,3vw,44px)}.hero-copy em{color:#b2f7d5}.hero-copy p{font-size:15px;color:#e2f1eb}
.dashboard-hero{background:linear-gradient(115deg,#0d3540 0%,#0d7469 100%)}.dashboard-hero p{font-size:15px;color:#e2f4ef}.dashboard-hero h2{font-size:clamp(22px,2.2vw,30px)}
.light-cta{color:#075e5b;font-size:15px}.generate-button{background:linear-gradient(110deg,#0f9989,#076b6a);font-size:15px}.generate-button:hover{filter:brightness(1.05)}
.section-heading h2{font-size:19px}.section-heading p{font-size:14px}.field-label-row label{font-size:15px}.field-optional{font-size:12px}
.mode-tab{font-size:15px}.setting-note,.phoneme-help,.phoneme-edit-help{font-size:13px;line-height:1.9}.slider-meta label{font-size:15px}.slider-scale{font-size:12px}.slider-value{font-size:13px}
.stat-label{font-size:15px}.stat-foot{font-size:13px}.stat-value{font-size:clamp(26px,2.8vw,36px)}.detail-row{font-size:15px}.detail-row strong{font-size:15px}
.quick-action strong{font-size:16px}.quick-action small{font-size:13px}.quick-action{min-height:77px}.quick-action-disabled{opacity:.64;cursor:default}.quick-action-disabled:hover{background:transparent}
.soon-inline{font-size:12px;white-space:nowrap;padding:6px 9px;border-radius:8px;background:#e7f3f0;color:#226d68}
.account-actions a,.account-actions button{font-size:14px}.auth-card h1{font-size:28px}.auth-card .auth-subtitle{font-size:14px}.auth-field label{font-size:15px}.auth-card input:not([type=checkbox]){font-size:15px}.auth-switch{font-size:14px}.auth-story-copy p{font-size:16px}
.result-card,.phoneme-result-card{transition:box-shadow .2s}.phoneme-result-card{border:1px solid #b3ded4;background:#fcfffe}
.phoneme-result-card[hidden]{display:none!important}.edit-badge{margin-right:auto;color:#086e63;background:#e0f5ee;border:1px solid #c8e9df;border-radius:999px;font-size:12px;padding:6px 10px;white-space:nowrap}
#generated-phonemes-editor{width:100%;min-height:175px;font-family:ui-monospace,Consolas,monospace;font-size:15px;line-height:1.85;direction:ltr;text-align:left;resize:vertical;border:0;background:transparent;padding:16px;color:#173d43;outline:0}
#generated-phonemes-editor:focus-visible{outline:2px solid #15ab99;outline-offset:-2px;border-radius:10px}
.phoneme-edit-help{color:#557575;margin:10px 0 17px}
.phoneme-result-card .generate-button{width:100%}
/* Support & credit workflow */
.ticket-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);gap:24px;align-items:start}
.ticket-layout>.surface-card{min-width:0}.ticket-info{padding:13px 15px;border:1px solid #c8e3d8;background:#edf8f4;color:#236e62;border-radius:12px;font-size:14px;line-height:2;margin-bottom:23px}
.ticket-field{margin-bottom:18px}.ticket-field label{display:block;font-size:15px;font-weight:700;margin-bottom:9px;color:#234850}.ticket-field label span{color:#bb644f}
.ticket-input{width:100%;border:1px solid #cfe1dd;border-radius:11px;padding:12px 14px;color:#16383f;background:#fcfffe;font-size:15px;outline:0;min-height:48px}
.ticket-input:focus{border-color:#0fa394;box-shadow:0 0 0 3px #13a99520}.ticket-field textarea{resize:vertical;min-height:125px}
.ticket-errors{font-size:13px;color:#b6324e;padding-top:5px}.ticket-errors ul{margin:0;padding-right:18px}.ticket-credit-only.is-hidden{display:none}
.ticket-submit{width:100%;margin-top:8px}.ticket-entry{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:17px 4px;border-bottom:1px solid var(--border);transition:background .2s}
.ticket-entry:hover{background:#f4faf8}.ticket-entry-content{min-width:0;display:flex;flex-direction:column;gap:6px}.ticket-entry-content strong{font-size:15px;overflow-wrap:anywhere}.ticket-entry-content small{font-size:13px;color:#688389}
.ticket-status{display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0;padding:7px 10px;background:#e9f4f3;color:#146b64;border-radius:9px;font-size:13px;font-weight:700}
.ticket-status-in_progress{background:#fff5e6;color:#a96d17}.ticket-status-resolved{background:#e1f7e9;color:#187242}.ticket-status-closed{background:#eceff0;color:#61757a}
.ticket-empty{text-align:center;padding:50px 20px;color:#648084}.ticket-empty-icon{display:block;font-size:33px;margin-bottom:10px}.ticket-empty strong{display:block;color:#21434b;font-size:16px}.ticket-empty p{font-size:13px;margin:5px 0}
.ticket-detail{max-width:870px}.ticket-detail-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:24px}
.ticket-detail-header h2{font-size:22px;margin-bottom:6px}.ticket-detail-header p{margin:0;color:#66838b;font-size:14px}.ticket-detail h3{font-size:16px;margin:20px 0 10px}.ticket-message{padding:17px;border:1px solid #dbeae7;background:#f9fdfc;border-radius:12px;font-size:15px;overflow-wrap:anywhere;line-height:2}.ticket-reply{background:#edfaf5}.ticket-reply-empty{color:#70868c}.ticket-notice{font-size:13px;color:#71898a}
.outline-action{border:1px solid #b9dcd3;border-radius:10px;padding:10px 15px;font-size:14px;color:#11776d;background:#fff}
.coming-soon-card{text-align:center;margin:auto;max-width:740px;padding:55px 35px}.coming-soon-card .section-icon{margin:0 auto 20px;width:58px;height:58px}.coming-soon-card h2{font-size:25px}.coming-soon-card p{max-width:540px;margin:8px auto 30px;color:#617f83;font-size:16px}.coming-soon-card .generate-button{max-width:310px;margin:auto}.feature-eyebrow{display:block;direction:ltr;color:#0b988a;font:700 12px Arial,sans-serif;letter-spacing:3px;margin-bottom:12px}
@media(max-width:980px){.ticket-layout{grid-template-columns:1fr}}
@media(max-width:600px){.page-intro h1{font-size:26px}.section-heading h2{font-size:17px}.section-heading p{font-size:13px}.edit-badge{padding:4px 7px;font-size:11px}.nav-link{font-size:16px}.ticket-detail-header{flex-direction:column}.ticket-entry{align-items:flex-start;flex-wrap:wrap}.hero-copy h2{font-size:32px}.hero-copy p{font-size:14px}}

/* Additional model settings and cost guide: V3. */
.model-feature-bar{margin-top:14px;padding:11px 13px;background:#eef7f5;color:#23635e;border-radius:12px;font-size:13px;line-height:1.8}
.model-only-options[hidden], .phoneme-result-card[hidden], .editor-pane[hidden]{display:none!important}
.model-option-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 9px;font-size:15px}
.model-label{font-size:11px;letter-spacing:1px;font-weight:750;color:#178f84;background:#e2f5f0;border-radius:8px;padding:4px 9px}
.model-help{font-size:13px;line-height:1.9;margin-bottom:12px}
.upload-zone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border:1.6px dashed #64b4a9;border-radius:15px;background:#f5fcf9;color:#184e50;padding:19px 12px;cursor:pointer;margin-bottom:18px}
.upload-zone:hover,.upload-zone:focus-within{border-color:#068675;background:#eaf8f4}
.upload-zone .icon{width:23px;height:23px;color:#087c72}
.upload-zone strong{font-size:14px}
.upload-zone span{font-size:12px;color:#56747a;overflow-wrap:anywhere}
.visually-hidden-file{position:absolute!important;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.reference-text-wrap{margin-bottom:18px}
.reference-text-wrap textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #dae4e4;border-radius:12px;background:#fff;padding:12px;font:inherit;font-size:14px;line-height:1.9;resize:vertical;min-height:93px;color:#152e35}
.reference-text-wrap textarea:focus{outline:2px solid #36ab9e;outline-offset:1px}
.cost-card{padding:21px!important;margin-top:18px}
.cost-title{display:flex;align-items:center;gap:9px;color:#27424b;font-size:15px}
.cost-title .icon{height:20px;width:20px;color:#078f81}
.cost-number{display:flex;align-items:baseline;gap:10px;margin:18px 0 8px}
.cost-number b{font-size:37px;color:#078a7c;line-height:1.1;font-weight:850;font-variant-numeric:tabular-nums}
.cost-number span{font-size:13px;color:#63747b}
.cost-card p{font-size:12px;color:#647a7f;line-height:1.8;margin:0 0 12px}
.cost-card a{color:#067a71;font-size:13px;font-weight:750;text-decoration:none}
.cost-card a:hover{text-decoration:underline}
.mode-tab:disabled{opacity:.45;cursor:not-allowed}
.pricing-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-bottom:21px}
.tariff-card{padding:28px!important;display:flex;flex-direction:column;gap:12px}
.tariff-card h2{font-size:23px;color:#18363e;margin:5px 0 0}
.tariff-card p,.pricing-detail p{font-size:14px;line-height:2;color:#566970;margin:0}
.tariff-index{font-size:12px;letter-spacing:1px;color:#168b81;font-weight:800}
.tariff-highlight{border:1px solid #8dd8ce!important;background:linear-gradient(150deg,#f4fcfa,#fff)!important}
.tariff-rate{font-size:43px;font-weight:850;color:#0a8477;display:flex;align-items:baseline;gap:13px}
.tariff-rate small{font-size:14px;font-weight:500;color:#596f76}
.tariff-rule{margin-top:auto;padding:14px;background:#eff6f5;border-radius:12px;font-size:13px;line-height:1.9}
.tariff-rule strong{display:block;margin-top:5px;font-size:14px}
.pricing-detail{padding:28px!important;display:flex;flex-direction:column;gap:18px}
.pricing-detail h2{margin:0;color:#16343c;font-size:20px}
.pricing-example{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:18px;border-radius:13px;background:#eef9f5;font-size:14px}
.pricing-example strong{color:#087c71}
.pricing-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:6px}
.pricing-links .generate-button{width:auto;text-decoration:none;padding:12px 23px;font-size:14px}
.pricing-secondary{color:#168b81;text-decoration:none;font-weight:750}
@media(max-width:750px){.pricing-layout{grid-template-columns:1fr}.tariff-card,.pricing-detail{padding:20px!important}}
#legacy-sliders[hidden], #legacy-reference-block[hidden], #new-model-settings[hidden]{display:none!important}

/* Account editor: inherits the studio colors and readable form typography. */
.profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; }
.profile-card { padding:28px; }
.profile-field { display:flex; flex-direction:column; gap:8px; margin:18px 0; }
.profile-field label { font-size:15px; font-weight:700; color:#193c46; }
.profile-field .ticket-input { width:100%; font-size:16px; min-height:48px; }
.profile-field small, .profile-help { font-size:13px; line-height:1.9; color:#58717a; }
.profile-messages { padding:14px 18px; border-radius:12px; background:#d7f5ef; color:#126a60; margin-bottom:18px; }
.profile-messages p { margin:0; }
@media(max-width:950px) { .profile-grid { grid-template-columns:1fr; } }