:root{
  --bg:#07070b;--bg-2:#0b0a11;--panel:#11101a;--panel-2:#151321;--line:rgba(255,255,255,.085);
  --text:#f7f5ff;--muted:#9692a5;--muted-2:#6e697e;--pink:#ff4f79;--violet:#b73dff;
  --blue:#4f7cff;--cyan:#28d6d0;--green:#2ed7a2;--gold:#ffc857;--danger:#ff5f72;
  --gradient:linear-gradient(100deg,var(--pink),var(--violet) 38%,var(--blue) 65%,var(--gold));
  --shadow:0 24px 80px rgba(0,0,0,.38);--radius:22px;--radius-sm:14px;
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#211832 0,transparent 42%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.ambient{position:fixed;z-index:-1;width:34vw;height:34vw;filter:blur(120px);opacity:.12;border-radius:50%;pointer-events:none;animation:ambientMove 28s ease-in-out infinite alternate}.ambient-a{left:-12vw;top:12vh;background:var(--pink)}.ambient-b{right:-13vw;top:6vh;background:var(--blue);animation-delay:-9s}.ambient-c{left:35vw;bottom:-22vw;background:var(--green);animation-delay:-17s}@keyframes ambientMove{to{transform:translate3d(7vw,5vh,0) scale(1.12)}}
.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.panel{background:linear-gradient(180deg,rgba(22,19,34,.96),rgba(13,12,20,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.soft-badge{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:11px;letter-spacing:.13em;font-weight:800;color:#c9c4d6}.section-kicker{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;color:#a99fd0}.button{border:1px solid transparent;border-radius:12px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;color:var(--text);transition:.2s ease;white-space:nowrap}.button svg,.icon-button svg,.nav-item svg,.brand svg,.popup-menu svg,.feature-icon svg,.studio-title svg,.future-grid svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button.primary{background:linear-gradient(100deg,var(--pink),var(--violet));box-shadow:0 10px 34px rgba(183,61,255,.2)}.button.primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.button.secondary{background:rgba(255,255,255,.035);border-color:var(--line)}.button.secondary:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.button.premium{background:linear-gradient(100deg,var(--pink),var(--violet),var(--blue));font-size:12px}.button.wide{width:100%}.button.large{min-height:52px;padding-inline:23px}.text-button{border:0;background:none;color:#b9b4c7;font-weight:700}.text-button:hover{color:#fff}.icon-button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#d8d4e3;display:grid;place-items:center}.icon-button:hover{background:rgba(255,255,255,.07)}.play-button{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0a0910}.play-button svg{width:19px;height:19px;fill:currentColor;stroke:currentColor}.pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(46,215,162,.1);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(46,215,162,0)}}
.login-screen{min-height:100vh;padding:28px;display:grid;place-items:center}.login-panel{width:min(1180px,100%);min-height:720px;display:grid;grid-template-columns:1.08fr .72fr;gap:40px;padding:34px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(140deg,rgba(18,15,29,.97),rgba(8,8,13,.96));box-shadow:var(--shadow);position:relative;overflow:hidden}.login-panel:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(255,79,121,.12),transparent,rgba(79,124,255,.12),transparent,rgba(46,215,162,.08),transparent);animation:slowRotate 34s linear infinite;pointer-events:none}@keyframes slowRotate{to{transform:rotate(1turn)}}.login-panel>*{position:relative;z-index:1}.login-brand{position:absolute;left:34px;top:28px;border:0;background:none;color:#fff;display:flex;align-items:center;gap:12px}.login-brand img{width:44px;height:44px}.login-brand span,.brand span{display:flex;flex-direction:column;align-items:flex-start}.login-brand b,.brand b{font-size:17px;letter-spacing:.06em}.login-brand small,.brand small{font-size:9px;letter-spacing:.2em;color:#918ba2}.login-copy{padding:110px 40px 40px 18px;display:flex;flex-direction:column;justify-content:center}.login-copy h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:22px 0}.login-copy>p{max-width:680px;color:#aaa5b7;font-size:18px;line-height:1.7}.login-showcase{margin-top:36px;border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;grid-template-columns:190px 1fr;align-items:center;background:rgba(255,255,255,.025)}.orb-stage{height:130px;display:grid;place-items:center;position:relative}.voice-orb{width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 50% 48%,#f27cff 0 5%,#6f50ff 14%,rgba(79,124,255,.28) 33%,rgba(9,9,14,0) 62%);border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 48px rgba(98,77,255,.3);position:relative}.voice-orb:before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:2px;background:conic-gradient(var(--pink),var(--gold),var(--green),var(--blue),var(--violet),var(--pink));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:slowRotate 18s linear infinite}.voice-orb.large{width:124px;height:124px}.mini-wave{position:absolute;bottom:5px;display:flex;align-items:center;gap:4px;height:30px}.mini-wave i,.wave-bars i,.equalizer i{display:block;width:4px;border-radius:99px;background:linear-gradient(180deg,var(--pink),var(--blue))}.mini-wave i:nth-child(1){height:8px}.mini-wave i:nth-child(2){height:18px}.mini-wave i:nth-child(3){height:26px}.mini-wave i:nth-child(4){height:13px}.mini-wave i:nth-child(5){height:22px}.mini-wave i:nth-child(6){height:28px}.mini-wave i:nth-child(7){height:15px}.mini-wave i:nth-child(8){height:24px}.mini-wave i:nth-child(9){height:10px}.mini-wave i:nth-child(10){height:18px}.mini-wave.active i,.wave-bars.playing i,.equalizer:not(.paused) i{animation:wave 1.1s ease-in-out infinite alternate}.mini-wave i:nth-child(2n),.wave-bars i:nth-child(2n),.equalizer i:nth-child(2n){animation-delay:-.45s}@keyframes wave{to{transform:scaleY(.38)}}.showcase-note{display:flex;flex-direction:column;gap:7px}.showcase-note b{font-size:18px}.showcase-note span{color:var(--muted);line-height:1.5}.login-card{align-self:center;margin:70px 20px 30px 0;padding:36px;border-radius:24px;border:1px solid var(--line);background:rgba(10,9,15,.72);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.login-card h2{font-size:30px;margin:9px 0}.login-card p{color:var(--muted)}.login-card label,.clone-form>label,.control-card label{display:flex;flex-direction:column;gap:9px;margin-top:19px}.login-card label span,.clone-form label>span,.control-card label>span{font-size:12px;color:#b8b3c4;font-weight:700}.login-card input,.clone-form input,.clone-form select,.control-card input,.control-card select,.output-options select,.voice-filters input,.voice-filters select,.dialogue-row select,.dialogue-row textarea,.modal input,.modal select,.modal textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#0c0b12;color:#fff;padding:13px 14px;outline:none}.login-card input:focus,.clone-form input:focus,.control-card input:focus,.voice-filters input:focus,.dialogue-row textarea:focus,.modal input:focus{border-color:rgba(183,61,255,.65);box-shadow:0 0 0 3px rgba(183,61,255,.1)}.login-card .button{margin-top:22px}.form-message{min-height:21px;color:var(--danger)!important;font-size:13px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:290px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:rgba(7,7,11,.96);border-right:1px solid var(--line);padding:18px 16px;display:flex;flex-direction:column;z-index:20}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 18px}.brand{border:0;background:none;color:#fff;display:flex;align-items:center;gap:11px;text-align:left}.brand img{width:46px;height:46px}.workspace-wrap,.profile-wrap{position:relative}.workspace-button{width:100%;padding:14px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));color:#fff;display:grid;grid-template-columns:10px 1fr 18px;align-items:center;gap:10px;text-align:left}.workspace-button .status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(46,215,162,.8)}.workspace-button span:nth-child(2){display:flex;flex-direction:column;gap:3px}.workspace-button b{font-size:13px}.workspace-button small{font-size:11px;color:var(--muted)}.workspace-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:.2s}.workspace-button.open svg{transform:rotate(180deg)}.main-nav{margin-top:15px;overflow:auto;padding-right:4px}.main-nav::-webkit-scrollbar{width:4px}.main-nav::-webkit-scrollbar-thumb{background:#2a2735;border-radius:99px}.nav-label{display:block;margin:17px 11px 8px;color:#656072;font-size:9px;letter-spacing:.2em;font-weight:800}.nav-item{width:100%;height:44px;border:1px solid transparent;border-radius:12px;background:none;color:#9d98aa;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:0 12px;text-align:left}.nav-item b{font-size:13px}.nav-item:hover{color:#fff;background:rgba(255,255,255,.035)}.nav-item.active{color:#fff;border-color:rgba(255,79,121,.2);background:linear-gradient(90deg,rgba(255,79,121,.13),rgba(183,61,255,.08));box-shadow:inset 3px 0 0 var(--pink)}.nav-item em{font-style:normal;font-size:8px;padding:4px 6px;border-radius:99px;color:#c8a9ff;background:rgba(183,61,255,.14)}.nav-item .soon{color:var(--gold);background:rgba(255,200,87,.1)}.sidebar-bottom{margin-top:auto;padding-top:14px}.credit-card{border:1px solid var(--line);border-radius:16px;padding:13px;background:linear-gradient(180deg,rgba(183,61,255,.08),rgba(255,255,255,.018))}.credit-card>div:first-child{display:flex;justify-content:space-between;color:#aaa4b7;font-size:9px;letter-spacing:.12em}.credit-card>div:first-child b{color:var(--green)}.credit-track{height:5px;border-radius:99px;background:#25222e;margin:10px 0;overflow:hidden}.credit-track i{display:block;height:100%;width:0;background:var(--gradient);border-radius:inherit}.credit-card strong{font-size:17px}.credit-card small{display:block;color:var(--muted);font-size:10px;margin:3px 0 11px}.profile-row{margin-top:12px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:9px;padding:6px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#292536;font-size:12px;font-weight:900}.avatar.gradient{background:linear-gradient(135deg,var(--pink),var(--violet),var(--blue));box-shadow:0 10px 30px rgba(79,124,255,.18)}.profile-row>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.profile-row b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-row span{font-size:10px;color:var(--muted);margin-top:3px}.popup-menu{position:absolute;z-index:80;min-width:210px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#12101b;box-shadow:0 22px 60px rgba(0,0,0,.5)}.popup-menu button{width:100%;border:0;border-radius:10px;background:none;color:#d4cfdd;padding:10px;display:flex;align-items:center;gap:10px;text-align:left}.popup-menu button:hover{background:rgba(255,255,255,.06);color:#fff}.workspace-menu{left:0;right:0;top:64px}.profile-menu{right:6px;bottom:60px}.main-shell{min-width:0}.topbar{height:82px;position:sticky;top:0;z-index:12;background:rgba(7,7,11,.82);backdrop-filter:blur(22px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:18px}.page-identity{display:flex;flex-direction:column;gap:4px}.page-identity span{font-size:9px;letter-spacing:.17em;color:#777184}.page-identity b{font-size:14px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.status-chip{height:38px;padding:0 13px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;align-items:center;gap:8px;color:#b6b0c2;font-size:11px}.status-chip i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(255,200,87,.55)}.status-chip.live i{background:var(--green);box-shadow:0 0 12px rgba(46,215,162,.7)}.content{padding:36px;max-width:1560px;margin:0 auto}.page{display:none}.page.active{display:block;animation:pageIn .28s ease}@keyframes pageIn{from{opacity:0;transform:translateY(6px)}}
.hero-card{min-height:540px;border:1px solid var(--line);border-radius:30px;padding:54px;display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;background:radial-gradient(circle at 72% 45%,rgba(91,60,180,.12),transparent 30%),linear-gradient(145deg,#14111f,#0b0a11 64%);box-shadow:var(--shadow);overflow:hidden}.hero-copy h1{font-size:clamp(58px,6.1vw,96px);line-height:.92;letter-spacing:-.065em;margin:24px 0 20px;max-width:780px}.hero-copy>p{color:#aaa5b7;font-size:18px;line-height:1.65;max-width:680px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-metrics{display:flex;gap:34px;margin-top:50px}.hero-metrics>div{display:flex;flex-direction:column;gap:4px;padding-right:34px;border-right:1px solid var(--line)}.hero-metrics>div:last-child{border-right:0}.hero-metrics b{font-size:23px}.hero-metrics span{font-size:10px;letter-spacing:.08em;color:#777184;text-transform:uppercase}.voice-engine-card{border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:22px;background:linear-gradient(180deg,rgba(26,21,43,.92),rgba(12,11,18,.94));min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.engine-head{width:100%;display:flex;justify-content:space-between;align-items:center;color:#8f899d;font-size:10px;letter-spacing:.12em}.engine-head div{display:flex;gap:7px}.engine-head i{width:6px;height:6px;border-radius:50%;background:var(--pink)}.engine-head i:nth-child(2){background:var(--gold)}.engine-head i:nth-child(3){background:var(--green)}.wave-bars{height:72px;width:88%;display:flex;align-items:center;justify-content:center;gap:4px;margin:18px 0}.wave-bars i{height:20px}.wave-bars.compact{height:46px;margin:8px 0;width:100%}.voice-preview-row{width:100%;display:grid;grid-template-columns:44px 1fr 44px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.voice-preview-row>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.voice-preview-row b{font-size:13px}.voice-preview-row span{font-size:10px;color:var(--muted)}.engine-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.engine-stats div{padding:10px;border:1px solid var(--line);border-radius:12px;text-align:center;display:flex;flex-direction:column}.engine-stats b{font-size:12px}.engine-stats span{font-size:9px;color:var(--muted);margin-top:3px}.section-heading,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading{margin:44px 0 18px}.section-heading span,.panel-head span,.quality-card>span,.coming-copy>span,.system-card span,.metric-card>span,.security-card span,.output-head span,.control-label span{display:block;color:#817b8e;font-size:9px;letter-spacing:.16em;font-weight:800}.section-heading h2,.panel-head h3{margin:5px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));min-height:238px;display:flex;flex-direction:column;transition:.2s}.feature-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.035)}.feature-card small{font-size:9px;letter-spacing:.13em;color:#7e788c}.feature-card h3{font-size:20px;margin:8px 0}.feature-card p{color:var(--muted);font-size:13px;line-height:1.55}.feature-card>button{margin-top:auto;border:0;background:none;color:#ddd8e7;text-align:left;padding:0;font-weight:800}.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:22px}.feature-icon svg{width:22px;height:22px}.feature-icon.pink{color:#ff7a9c;background:rgba(255,79,121,.12)}.feature-icon.blue{color:#7fa1ff;background:rgba(79,124,255,.12)}.feature-icon.green{color:#6de6bf;background:rgba(46,215,162,.12)}.feature-icon.gold{color:#ffd97d;background:rgba(255,200,87,.12)}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.usage-panel,.next-wave{padding:22px}.usage-chart{height:150px;display:flex;align-items:flex-end;gap:10px;margin:25px 0 16px;padding:0 6px;border-bottom:1px solid var(--line)}.usage-chart i{flex:1;min-height:8px;background:linear-gradient(180deg,var(--violet),rgba(79,124,255,.25));border-radius:7px 7px 0 0;opacity:.9}.usage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.usage-summary div{padding:12px;border:1px solid var(--line);border-radius:12px}.usage-summary b{display:block}.usage-summary span{font-size:10px;color:var(--muted)}.next-wave{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 0,rgba(255,200,87,.12),transparent 45%),linear-gradient(180deg,rgba(22,19,34,.96),rgba(13,12,20,.96))}.next-wave h3{font-size:26px;margin:18px 0 10px}.next-wave p{color:var(--muted);line-height:1.65}.next-wave>div{display:flex;gap:9px;margin-top:10px}
.studio-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.studio-title h1{font-size:48px;letter-spacing:-.045em;margin:13px 0 7px}.studio-title p{margin:0;color:var(--muted)}.cost-badge,.balance-pill{padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:4px}.cost-badge span,.balance-pill span{font-size:10px;color:var(--muted)}.tts-layout{display:grid;grid-template-columns:minmax(0,1.45fr) 380px;gap:15px}.script-panel{min-height:565px;display:flex;flex-direction:column;overflow:hidden}.editor-toolbar{height:62px;border-bottom:1px solid var(--line);padding:0 18px;display:flex;align-items:center;gap:12px}.preset-strip{display:flex;gap:7px;overflow:auto}.preset-strip button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#b8b3c4;border-radius:99px;padding:8px 11px;font-size:11px}.preset-strip button:hover{color:#fff;border-color:rgba(255,255,255,.2)}.editor-toolbar>.text-button{margin-left:auto}.script-panel textarea{flex:1;resize:none;border:0;background:transparent;color:#f4f2f8;padding:28px;font-size:18px;line-height:1.75;outline:none}.script-panel textarea::placeholder{color:#5f596a}.editor-footer{height:48px;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 18px;color:#777184;font-size:10px}.editor-footer b{color:#bbb6c7}.control-stack{display:flex;flex-direction:column;gap:13px}.control-card,.output-options{padding:17px}.control-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.control-label button{border:0;background:none;color:#a89fc0;font-size:11px}.selected-voice{width:100%;border:1px solid var(--line);border-radius:13px;background:#0d0c13;color:#fff;padding:10px;display:grid;grid-template-columns:40px 1fr 18px;gap:10px;align-items:center;text-align:left}.selected-voice span:nth-child(2){display:flex;flex-direction:column}.selected-voice small{color:var(--muted);margin-top:3px}.selected-voice svg{width:18px;height:18px;fill:none;stroke:currentColor}.voice-quick{margin-top:9px;max-height:180px;overflow:auto}.voice-quick button{width:100%;border:0;background:none;color:#d9d5e2;padding:9px;border-radius:9px;display:flex;align-items:center;gap:9px;text-align:left}.voice-quick button:hover{background:rgba(255,255,255,.05)}.sliders label{display:block;margin:0 0 17px}.sliders label:last-child{margin-bottom:0}.sliders label span{display:flex;justify-content:space-between;margin-bottom:9px}.sliders input[type=range]{width:100%;accent-color:var(--violet)}.output-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.output-options label{display:flex;flex-direction:column;gap:8px}.output-options span{font-size:10px;color:var(--muted)}.generation-dock{margin-top:14px;padding:16px;display:flex;justify-content:space-between;align-items:center}.generation-dock>div{display:flex;align-items:center;gap:14px}.generation-dock>div>div{display:flex;flex-direction:column;gap:3px}.generation-dock small{color:var(--muted)}.output-player{margin-top:14px;padding:20px}.output-head{display:flex;justify-content:space-between;align-items:center}.output-head h3{margin:5px 0 0}.output-player audio{width:100%;margin-top:20px}.voice-filters{padding:12px;display:grid;grid-template-columns:1fr 190px 170px auto;gap:10px}.search-box,.table-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#0c0b12;padding:0 12px}.search-box svg,.table-search svg{width:18px;height:18px;fill:none;stroke:#777184;stroke-width:2}.search-box input,.table-search input{border:0;background:transparent;padding-left:0}.voice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:14px}.voice-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));display:flex;flex-direction:column;gap:16px}.voice-card:hover{border-color:rgba(255,255,255,.17)}.voice-card-head{display:flex;align-items:center;gap:11px}.voice-card-head>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.voice-card-head b{font-size:14px}.voice-card-head span{font-size:10px;color:var(--muted);margin-top:3px}.voice-card-head .play-button{margin-left:auto;width:38px;height:38px}.voice-card p{color:#aaa5b7;font-size:12px;line-height:1.5;margin:0}.voice-tags{display:flex;gap:6px;flex-wrap:wrap}.voice-tags span,.capability-pills span{font-size:9px;padding:6px 8px;border-radius:99px;border:1px solid var(--line);color:#aaa5b7}.voice-card .button{margin-top:auto}.clone-layout{display:grid;grid-template-columns:minmax(0,1.35fr) 360px;gap:15px}.clone-form{padding:22px}.step-title{display:flex;align-items:center;gap:12px}.step-title>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(183,61,255,.14);color:#d9b7ff;font-weight:900}.step-title h3{margin:0}.step-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.upload-zone{margin:20px 0;border:1px dashed rgba(183,61,255,.45);border-radius:18px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(183,61,255,.025);transition:.2s}.upload-zone.drag{border-color:var(--green);background:rgba(46,215,162,.04)}.upload-zone>svg{width:34px;height:34px;fill:none;stroke:#d9c5ff;stroke-width:1.6}.upload-zone h3{margin:15px 0 4px}.upload-zone p{margin:0;color:var(--muted);font-size:12px}.upload-zone>div{display:flex;gap:9px;margin:17px 0 10px}.upload-zone small{color:#777184;max-width:80%}.record-meter{padding:12px;border:1px solid rgba(255,79,121,.25);border-radius:13px;background:rgba(255,79,121,.05);display:flex;align-items:center;gap:12px;margin-bottom:16px}.record-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);box-shadow:0 0 15px rgba(255,95,114,.8)}.record-meter .mini-wave{position:static;margin-left:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.consent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.consent input{width:auto;margin-top:3px;accent-color:var(--violet)}.consent span{display:flex;flex-direction:column;gap:4px}.consent small{color:var(--muted);line-height:1.4}.clone-side{display:flex;flex-direction:column;gap:14px}.quality-card,.saved-clones{padding:20px}.quality-card h3{font-size:25px;margin:10px 0 18px}.quality-card ul{list-style:none;padding:0;margin:0}.quality-card li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.quality-card li small{color:var(--muted);font-size:10px}.clone-list{margin-top:13px}.clone-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.clone-item>div:nth-child(2){display:flex;flex-direction:column}.clone-item span{font-size:10px;color:var(--muted)}.clone-item em{font-style:normal;font-size:8px;color:var(--green)}.empty-mini,.empty-state{color:var(--muted);text-align:center;padding:24px}.podcast-layout{display:grid;grid-template-columns:minmax(0,1.35fr) 360px;gap:15px}.dialogue-panel{overflow:hidden}.dialogue-toolbar{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:7px}.dialogue-toolbar button{border:0;border-radius:9px;background:none;color:#888294;padding:8px 10px}.dialogue-toolbar button.active,.dialogue-toolbar button:hover{background:rgba(255,255,255,.05);color:#fff}.dialogue-toolbar span{margin-left:auto;color:var(--muted);font-size:11px}.dialogue-list{padding:14px}.dialogue-row{display:grid;grid-template-columns:210px 1fr 36px;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.dialogue-row textarea{min-height:86px;resize:vertical;line-height:1.5}.dialogue-row button{height:36px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:#aaa5b7}.add-line{width:calc(100% - 28px);margin:0 14px 14px;border:1px dashed var(--line);border-radius:12px;background:none;color:#aaa5b7;padding:13px}.production-note{padding:20px}.production-note h3{font-size:22px;line-height:1.25}.production-note p{color:var(--muted);line-height:1.6}.take-list{margin-top:12px}.take-item{display:grid;grid-template-columns:1fr minmax(220px,380px) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.take-item>div{display:flex;flex-direction:column;gap:4px}.take-item span{font-size:10px;color:var(--muted)}.take-item audio{width:100%}.take-item a{font-size:11px;color:#d9c5ff}.coming-hero{padding:44px;display:grid;grid-template-columns:1fr .9fr;gap:38px;align-items:center;min-height:520px;overflow:hidden;background:radial-gradient(circle at 92% 8%,rgba(183,61,255,.18),transparent 34%),linear-gradient(145deg,#14111f,#0b0a11 64%)}.coming-copy h1{font-size:58px;line-height:1;letter-spacing:-.05em;margin:20px 0}.coming-copy>p{color:var(--muted);font-size:17px;line-height:1.65}.coming-copy>div{display:flex;gap:10px;margin-top:22px}.capability-pills{display:flex!important;flex-wrap:wrap}.music-machine,.video-machine{border:1px solid var(--line);border-radius:22px;background:#0d0b14;padding:18px}.machine-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#858092}.machine-head em{font-style:normal;color:var(--gold)}.album-art{height:240px;border-radius:16px;margin:14px 0;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50%,rgba(183,61,255,.35),transparent 45%),linear-gradient(135deg,#211338,#0f1733)}.disc{width:130px;height:130px;border-radius:50%;border:18px solid rgba(255,255,255,.07);box-shadow:0 0 0 2px rgba(255,255,255,.05),0 0 60px rgba(183,61,255,.35);animation:slowRotate 16s linear infinite}.equalizer{position:absolute;bottom:18px;height:44px;display:flex;align-items:center;gap:5px}.track{display:flex;align-items:center;justify-content:space-between}.track>div{display:flex;flex-direction:column}.track span{color:var(--muted);font-size:10px}.timeline{height:4px;background:#26222e;border-radius:99px;margin:16px 0}.timeline i{display:block;width:42%;height:100%;background:var(--gradient);border-radius:inherit}.stem-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stem-row span{text-align:center;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:8px;color:#8b8597}.video-frame{height:270px;border-radius:16px;background:linear-gradient(135deg,#212938,#11151f);position:relative;overflow:hidden;display:grid;place-items:center}.video-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(79,124,255,.1) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(79,124,255,.1) 50%,transparent 51%);background-size:38px 38px}.video-frame>span{position:absolute;left:12px;top:12px;font-size:9px;letter-spacing:.1em;color:#b9b4c7}.play-triangle{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.9);color:#111;display:grid;place-items:center;z-index:2}.play-triangle svg{width:24px;height:24px;fill:currentColor;stroke:currentColor}.object{position:absolute;border:1px solid var(--green);color:var(--green);font-style:normal;font-size:9px;padding:5px}.object.one{left:15%;bottom:22%;width:40%;height:28%}.object.two{right:15%;top:25%;width:18%;height:34%}.analysis-lines>div{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:11px 0;border-top:1px solid var(--line)}.analysis-lines span{font-size:9px;color:#7fa1ff}.analysis-lines p{margin:0;color:#aaa5b7;font-size:11px}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:15px}.future-grid article{padding:22px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018)}.future-grid svg{width:26px;height:26px;color:#c9b7ff}.future-grid p{color:var(--muted);line-height:1.5}.workflow{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center}.workflow>div{display:flex;flex-direction:column}.workflow span{color:#b8a0ff;font-weight:900}.workflow small{color:var(--muted)}.history-list{padding:8px 18px}.history-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.history-item>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.history-item span{color:var(--muted);font-size:10px}.history-item a{font-size:11px;color:#d8c2ff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));position:relative}.plan-card.featured{border-color:rgba(183,61,255,.45);box-shadow:0 20px 70px rgba(183,61,255,.12)}.plan-card>em{position:absolute;right:18px;top:18px;font-style:normal;font-size:8px;color:#e8d4ff;background:rgba(183,61,255,.15);padding:5px 7px;border-radius:99px}.plan-card>span{font-size:10px;letter-spacing:.15em;color:#8d8798}.plan-card h3{font-size:28px}.plan-card p{min-height:52px;color:var(--muted);line-height:1.55}.billing-note{margin-top:14px;padding:20px;display:flex;align-items:center;gap:16px}.billing-note h3{margin:0 0 5px}.billing-note p{margin:0;color:var(--muted)}
.admin-actions{display:flex;gap:9px}.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.stat-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))}.stat-card span{font-size:9px;letter-spacing:.12em;color:#7f798c}.stat-card b{display:block;font-size:23px;margin-top:8px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) 360px;gap:14px}.admin-grid.lower{grid-template-columns:1fr 1fr;margin-top:14px}.admin-users-panel,.admin-side-panel,#subadminSection,.admin-grid.lower>.panel{padding:18px}.table-search{width:230px;height:38px}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:12px}th{font-size:9px;letter-spacing:.1em;color:#706a7c}.user-cell{display:flex;align-items:center;gap:9px}.user-cell>div{display:flex;flex-direction:column}.user-cell small{color:var(--muted)}.status-pill{padding:5px 8px;border-radius:99px;font-size:8px;font-weight:900}.status-pill.active{color:#70e7c0;background:rgba(46,215,162,.1)}.status-pill.banned{color:#ff8b9b;background:rgba(255,95,114,.1)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#bbb6c7;border-radius:8px;padding:7px 8px;font-size:9px}.request-list,.activity-list{margin-top:10px}.request-item,.activity-item{padding:12px 0;border-bottom:1px solid var(--line)}.request-item>div:first-child,.activity-item>div:first-child{display:flex;justify-content:space-between;gap:10px}.request-item b,.activity-item b{font-size:12px}.request-item span,.activity-item span{font-size:9px;color:var(--muted)}.request-item p,.activity-item p{font-size:11px;color:#aaa5b7}.request-actions{display:flex;gap:6px}.request-actions button{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#bbb6c7;padding:7px 9px;font-size:9px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system-card,.security-card{padding:22px;display:flex;align-items:center;gap:16px}.system-card{grid-column:span 2}.provider-orb{width:52px;height:52px;border-radius:50%;background:var(--gold);box-shadow:0 0 35px rgba(255,200,87,.2)}.provider-orb.live{background:var(--green);box-shadow:0 0 35px rgba(46,215,162,.3)}.system-card h3,.security-card h3{margin:6px 0}.system-card p,.security-card p{margin:0;color:var(--muted)}.metric-card{padding:22px}.metric-card b{display:block;font-size:18px;margin:12px 0 5px;word-break:break-all}.metric-card small{color:var(--muted)}.security-card{grid-column:span 2}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.66);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;padding:28px;position:relative}.modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;font-size:22px}.modal h2{font-size:30px;margin:12px 0}.modal p{color:var(--muted);line-height:1.55}.modal-form{display:grid;gap:13px;margin-top:18px}.modal-form.two{grid-template-columns:1fr 1fr}.modal-form label{display:flex;flex-direction:column;gap:7px}.modal-form label span{font-size:11px;color:#aaa5b7}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.account-card{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:15px}.account-card .avatar{width:64px;height:64px;font-size:18px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:150;display:flex;flex-direction:column;gap:9px}.toast{min-width:280px;max-width:420px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#15121e;box-shadow:var(--shadow);font-size:12px;animation:toastIn .2s ease}.toast.success{border-color:rgba(46,215,162,.3)}.toast.error{border-color:rgba(255,95,114,.35)}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}}.mobile-only{display:none}
@media(max-width:1200px){.feature-grid,.voice-grid{grid-template-columns:repeat(2,1fr)}.hero-card{grid-template-columns:1fr;padding:40px}.voice-engine-card{min-height:340px}.admin-stats{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-310px;width:290px;transition:.25s}.sidebar.open{left:0}.mobile-only{display:grid}.topbar{padding:0 16px}.content{padding:24px 18px}.tts-layout,.clone-layout,.podcast-layout,.admin-grid,.dashboard-grid,.coming-hero{grid-template-columns:1fr}.login-panel{grid-template-columns:1fr;min-height:auto}.login-copy{padding:100px 10px 10px}.login-card{margin:0}.voice-engine-card{max-width:650px}.settings-grid{grid-template-columns:1fr}.system-card,.security-card{grid-column:auto}.admin-grid.lower{grid-template-columns:1fr}.feature-grid,.voice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.login-screen{padding:10px}.login-panel{padding:20px;border-radius:20px}.login-brand{left:20px;top:18px}.login-copy h1{font-size:48px}.login-showcase{grid-template-columns:1fr}.top-actions .status-chip,.top-actions .icon-button{display:none}.topbar .button{padding:10px 12px;font-size:11px}.page-identity{display:none}.hero-card{padding:26px;min-height:0}.hero-copy h1{font-size:52px}.hero-metrics{gap:13px;flex-wrap:wrap}.hero-metrics>div{padding-right:13px}.feature-grid,.voice-grid,.pricing-grid,.future-grid,.admin-stats{grid-template-columns:1fr}.studio-title{align-items:flex-start;flex-direction:column}.studio-title h1{font-size:39px}.voice-filters{grid-template-columns:1fr}.form-grid,.output-options{grid-template-columns:1fr}.dialogue-row{grid-template-columns:1fr}.dialogue-row button{width:44px}.workflow{grid-template-columns:1fr}.workflow>i{transform:rotate(90deg);text-align:center}.coming-hero{padding:25px}.coming-copy h1{font-size:44px}.hero-actions,.coming-copy>div,.admin-actions{flex-wrap:wrap}.engine-stats{grid-template-columns:1fr}.take-item{grid-template-columns:1fr}.modal-form.two{grid-template-columns:1fr}.credit-card{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
#podcastResults{margin-top:14px;padding:20px}#subadminSection{margin-top:14px}

/* Public website and pre-login experience */
.public-site{position:relative;z-index:1;min-height:100vh;background:linear-gradient(180deg,rgba(7,7,11,.78),rgba(7,7,11,.96) 62%,#07070b)}
.public-header{position:sticky;top:0;z-index:40;width:min(1440px,calc(100% - 36px));height:78px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(7,7,11,.78);backdrop-filter:blur(24px)}
.public-brand{border:0;background:none;color:#fff;display:flex;align-items:center;gap:12px;padding:0;text-align:left}
.public-brand img{width:42px;height:42px}.public-brand span{display:flex;flex-direction:column}.public-brand b{font-size:17px;letter-spacing:.075em}.public-brand small{font-size:8px;letter-spacing:.22em;color:#847f91;margin-top:3px}
.public-nav{display:flex;justify-content:center;gap:30px}.public-nav a{text-decoration:none;color:#aaa5b6;font-size:12px;font-weight:760;transition:.2s}.public-nav a:hover{color:#fff}
.public-actions{display:flex;gap:9px}.public-actions .button{padding:10px 15px;font-size:11px}
.public-main{width:min(1440px,calc(100% - 36px));margin:auto}.public-hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.78fr);gap:72px;align-items:center;padding:72px 42px 82px;position:relative}
.public-hero:before{content:"";position:absolute;width:620px;height:620px;left:15%;top:5%;border-radius:50%;background:conic-gradient(from 120deg,rgba(255,79,121,.14),rgba(183,61,255,.03),rgba(79,124,255,.13),rgba(46,215,162,.06),rgba(255,200,87,.08),rgba(255,79,121,.14));filter:blur(90px);opacity:.62;pointer-events:none;animation:publicGlow 32s linear infinite}
@keyframes publicGlow{to{transform:rotate(1turn) scale(1.08)}}
.public-hero-copy,.public-engine-card{position:relative;z-index:1}.public-hero-copy h1{font-size:clamp(66px,7vw,106px);line-height:.92;letter-spacing:-.068em;margin:25px 0 28px;max-width:820px}.public-hero-copy>p{max-width:690px;margin:0;color:#aaa6b7;font-size:19px;line-height:1.72}
.public-hero-actions{display:flex;gap:12px;margin-top:34px}.public-hero-actions .button svg{fill:currentColor;stroke:currentColor}
.public-trust-row{display:grid;grid-template-columns:repeat(4,auto);width:max-content;max-width:100%;gap:0;margin-top:48px}.public-trust-row>div{display:flex;flex-direction:column;padding:0 24px;border-right:1px solid var(--line)}.public-trust-row>div:first-child{padding-left:0}.public-trust-row>div:last-child{border:0}.public-trust-row b{font-size:22px}.public-trust-row span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#777181;margin-top:5px}
.public-engine-card{padding:25px;border-radius:30px;min-height:540px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(155deg,rgba(22,17,37,.98),rgba(12,11,19,.97))}.public-engine-card:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 68% 26%,rgba(183,61,255,.16),transparent 28%),radial-gradient(circle at 22% 72%,rgba(40,214,208,.1),transparent 28%);pointer-events:none}
.public-engine-top{position:relative;display:flex;align-items:center;justify-content:space-between;color:#817b8d;font-size:9px;letter-spacing:.16em}.public-engine-top div{display:flex;gap:7px}.public-engine-top i{width:7px;height:7px;border-radius:50%;background:var(--pink)}.public-engine-top i:nth-child(2){background:var(--gold)}.public-engine-top i:nth-child(3){background:var(--green)}
.public-orb-wrap{height:210px;display:grid;place-items:center;position:relative}.public-orb{width:142px;height:142px;border-radius:50%;position:relative;background:radial-gradient(circle,#d56bff 0,#744cff 8%,rgba(71,65,255,.35) 24%,rgba(20,18,32,.15) 56%);box-shadow:0 0 65px rgba(100,76,255,.34)}.public-orb:before{content:"";position:absolute;inset:-10px;border-radius:50%;padding:2px;background:conic-gradient(var(--pink),var(--gold),var(--green),var(--cyan),var(--blue),var(--violet),var(--pink));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:slowRotate 18s linear infinite}.public-orb:after{content:"";position:absolute;inset:28%;border-radius:50%;background:#8b55ff;filter:blur(17px);animation:orbBreathe 3.8s ease-in-out infinite}@keyframes orbBreathe{50%{transform:scale(1.36);opacity:.62}}
.public-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:76px;overflow:hidden}.public-wave i{width:4px;min-height:8px;border-radius:99px;background:linear-gradient(180deg,var(--pink),var(--violet),var(--blue));opacity:.78;transform-origin:center;transition:.25s}.public-wave.playing i{animation:publicWave .65s ease-in-out infinite alternate}.public-wave.playing i:nth-child(3n){animation-delay:-.22s}.public-wave.playing i:nth-child(4n){animation-delay:-.42s}.public-wave.playing i:nth-child(5n){animation-delay:-.12s}@keyframes publicWave{to{transform:scaleY(.35);filter:brightness(1.35)}}
.public-voice-strip{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(8,7,13,.64)}.public-voice-strip>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.public-voice-strip b{font-size:12px}.public-voice-strip span{font-size:9px;color:#817b8d}.public-engine-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.public-engine-stats span{display:flex;flex-direction:column;text-align:center;gap:4px;padding:13px 8px;border:1px solid var(--line);border-radius:12px;color:#777181;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.public-engine-stats b{color:#eeeaf5;font-size:11px;text-transform:none;letter-spacing:0}
.public-section{padding:105px 42px;scroll-margin-top:76px}.public-section-heading{max-width:820px;margin-bottom:42px}.public-section-heading.centred{text-align:center;margin-left:auto;margin-right:auto}.public-section-heading h2,.public-feature-copy h2{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.052em;margin:16px 0 20px}.public-section-heading p,.public-feature-copy>p{font-size:17px;line-height:1.65;color:#9893a5;margin:0}.public-section-heading.centred p{max-width:760px;margin:auto}
.public-playground-section{border-top:1px solid rgba(255,255,255,.055)}.public-playground{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);min-height:490px;overflow:hidden;border-radius:28px}.public-playground-editor{padding:29px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:radial-gradient(circle at 100% 0,rgba(183,61,255,.08),transparent 38%)}.playground-toolbar{display:flex;justify-content:space-between;align-items:center;color:#817b8d;font-size:9px;letter-spacing:.13em}.playground-toolbar small{letter-spacing:0}.playground-toolbar b{color:#dcd7e8}.public-playground-editor textarea{flex:1;min-height:270px;margin:22px 0;border:0;background:transparent;color:#f7f5ff;resize:none;outline:0;font-size:28px;line-height:1.55;letter-spacing:-.018em}.public-prompt-chips{display:flex;gap:8px;flex-wrap:wrap}.public-prompt-chips button{border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.025);color:#aaa5b6;padding:8px 11px;font-size:9px}.public-prompt-chips button:hover{color:#fff;border-color:rgba(183,61,255,.4)}
.public-playground-controls{padding:29px;display:flex;flex-direction:column;gap:18px;background:rgba(8,7,13,.4)}.public-playground-controls label{display:flex;flex-direction:column;gap:8px}.public-playground-controls label>span{font-size:10px;color:#aaa5b6;font-weight:750}.public-playground-controls select{width:100%;border:1px solid var(--line);border-radius:12px;background:#0c0b12;color:#fff;padding:12px 13px;outline:none}.public-range span{display:flex;justify-content:space-between}.public-range b{color:#fff}.public-range input{accent-color:var(--violet)}.playground-wave{height:86px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);padding:0 12px}.public-playground-buttons{display:grid;grid-template-columns:1fr auto;gap:8px}.public-preview-note{font-size:9px;line-height:1.55;color:#706a7c}
.public-library-preview{margin-top:18px;padding:24px;border-radius:24px}.public-library-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.public-library-preview-head h3{margin:8px 0 6px;font-size:26px;letter-spacing:-.03em}.public-library-preview-head p{margin:0;max-width:760px;color:var(--muted);font-size:12px;line-height:1.65}.public-voice-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.public-voice-gallery-empty{grid-column:1/-1;padding:22px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center;font-size:12px}.public-voice-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);min-width:0}.public-voice-card .avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:850}.public-voice-card-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.public-voice-card-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.public-voice-card-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.public-voice-card .play-button{width:34px;height:34px}.public-voice-card .play-button svg{width:15px;height:15px}.public-voice-card.active{border-color:rgba(79,124,255,.48);box-shadow:0 0 0 2px rgba(79,124,255,.08)}
.public-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.public-service-card{padding:25px;min-height:410px;display:flex;flex-direction:column;border-radius:20px;transition:.25s}.public-service-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.16)}.public-service-card>span{font-size:8px;letter-spacing:.14em;color:#746e81;margin-top:26px}.public-service-card h3{font-size:27px;margin:11px 0}.public-service-card p{font-size:13px;line-height:1.65;color:#9994a5;margin:0}.public-service-card ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.public-service-card li{color:#c0bbca;font-size:11px;padding-left:17px;position:relative}.public-service-card li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);position:absolute;left:0;top:4px}.public-service-card>button{margin-top:auto;border:0;border-top:1px solid var(--line);padding:18px 0 0;background:none;color:#e7e2ef;text-align:left;font-size:11px;font-weight:800;display:flex;justify-content:space-between}.public-service-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;border:1px solid var(--line)}.public-service-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.public-service-icon.pink{color:#ff7191;background:rgba(255,79,121,.08)}.public-service-icon.violet{color:#c479ff;background:rgba(183,61,255,.08)}.public-service-icon.blue{color:#7b9bff;background:rgba(79,124,255,.08)}.public-service-icon.green{color:#64e3bc;background:rgba(46,215,162,.08)}
.public-feature-stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(500px,1.15fr);gap:70px;align-items:center}.public-feature-list{display:grid;gap:8px;margin-top:34px}.public-feature-list article{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:17px 0;border-top:1px solid var(--line)}.public-feature-list article>b{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:#b78cff;font-size:10px}.public-feature-list h3{font-size:15px;margin:0 0 5px}.public-feature-list p{font-size:12px;color:#8f8a9b;line-height:1.55;margin:0}.public-workflow-panel{padding:26px;border-radius:26px}.public-workflow-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#817b8d}.public-workflow-head b{color:var(--green);font-size:9px}.public-workflow-script{height:174px;padding:28px 24px;display:grid;align-content:center;gap:13px;border:1px solid var(--line);border-radius:16px;margin:22px 0;background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(183,61,255,.025))}.public-workflow-script i{height:8px;border-radius:99px;background:rgba(255,255,255,.085)}.public-workflow-script i:nth-child(1){width:68%}.public-workflow-script i:nth-child(2){width:91%}.public-workflow-script i:nth-child(3){width:78%}.public-workflow-script i:nth-child(4){width:96%;background:linear-gradient(90deg,rgba(255,79,121,.38),rgba(79,124,255,.2))}.public-workflow-script i:nth-child(5){width:72%}.public-workflow-script i:nth-child(6){width:88%}.public-workflow-script i:nth-child(7){width:50%}.public-workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.public-workflow-steps>div{border:1px solid var(--line);border-radius:13px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center}.public-workflow-steps>div.active{border-color:rgba(183,61,255,.4);background:rgba(183,61,255,.055)}.public-workflow-steps>div>b{width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.04);display:grid;place-items:center;font-size:9px}.public-workflow-steps span{display:flex;flex-direction:column;font-size:10px;font-weight:800}.public-workflow-steps small{font-size:7px;color:#777181;font-weight:500;margin-top:2px}.public-workflow-output{display:grid;grid-template-columns:160px 1fr auto;gap:13px;align-items:center;margin-top:16px;padding:11px;border:1px solid var(--line);border-radius:15px;background:#0b0a10}.public-wave.mini{height:42px;justify-content:flex-start}.public-wave.mini i{width:3px}.public-workflow-output>div:nth-child(2){display:flex;flex-direction:column}.public-workflow-output b{font-size:11px}.public-workflow-output span{font-size:8px;color:#777181;margin-top:3px}
.public-future-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.public-future-card{min-height:470px;padding:32px;position:relative;overflow:hidden;border-radius:26px}.public-future-card:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;filter:blur(100px);opacity:.17;right:-150px;bottom:-170px}.music-card:before{background:var(--violet)}.video-card:before{background:var(--cyan)}.public-future-card>svg{width:44px;height:44px;fill:none;stroke:#d4c7f4;stroke-width:1.4}.public-future-card h3{font-size:38px;margin:25px 0 13px}.public-future-card p{max-width:570px;font-size:14px;line-height:1.7;color:#9994a5}.public-future-card>button{position:absolute;bottom:28px;left:32px;border:0;background:none;color:#e7e1ef;font-size:11px;font-weight:800}.future-label{position:absolute;right:24px;top:24px;border:1px solid rgba(255,200,87,.22);background:rgba(255,200,87,.08);color:#ffd97c;border-radius:99px;padding:7px 10px;font-size:8px;letter-spacing:.12em}.future-bars{height:112px;display:flex;align-items:center;gap:7px;margin-top:30px}.future-bars i{width:15px;border-radius:99px;background:linear-gradient(180deg,var(--pink),var(--violet),var(--blue));height:35%}.future-bars i:nth-child(2n){height:70%}.future-bars i:nth-child(3n){height:93%}.future-bars i:nth-child(5n){height:52%}.future-timeline{height:120px;border:1px solid var(--line);border-radius:16px;margin-top:30px;padding:17px;display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;gap:7px;align-items:center;color:#817b8d;font-size:8px}.future-timeline i{height:30px;border-radius:8px;background:linear-gradient(135deg,rgba(79,124,255,.26),rgba(40,214,208,.08));border:1px solid rgba(79,124,255,.18)}.future-timeline b{color:#5fe0c3;writing-mode:vertical-rl;font-size:7px;letter-spacing:.12em}
.public-cta{margin:45px 42px 95px;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-radius:28px;overflow:hidden;position:relative}.public-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,79,121,.05),rgba(183,61,255,.08),rgba(79,124,255,.035));pointer-events:none}.public-cta>div,.public-cta>button{position:relative}.public-cta h2{font-size:42px;letter-spacing:-.04em;margin:10px 0}.public-cta p{color:#9792a4;margin:0}.public-footer{width:min(1440px,calc(100% - 36px));margin:auto;min-height:130px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:#777181}.public-footer p{text-align:center;font-size:11px}.public-footer>.text-button{justify-self:end;font-size:10px}
.auth-overlay{position:fixed;inset:0;z-index:120;background:rgba(3,3,6,.76);backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px}.auth-dialog{width:min(480px,100%);padding:32px;position:relative;border-radius:25px;background:linear-gradient(155deg,rgba(20,17,31,.99),rgba(10,9,15,.99))}.auth-close{position:absolute;right:16px;top:15px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#d6d1de;width:37px;height:37px;border-radius:11px;font-size:22px}.auth-brand-row{display:flex;align-items:center;gap:11px;padding-bottom:21px;border-bottom:1px solid var(--line)}.auth-brand-row img{width:39px;height:39px}.auth-brand-row span{display:flex;flex-direction:column}.auth-brand-row b{font-size:15px;letter-spacing:.07em}.auth-brand-row small{font-size:7px;letter-spacing:.2em;color:#807a8c;margin-top:3px}.auth-dialog .login-card{padding:0;margin:27px 0 0;border:0;background:none;box-shadow:none;backdrop-filter:none}.auth-dialog .login-card h2{font-size:32px}.auth-help{text-align:center;margin:18px 0 0;color:#716b7c;font-size:9px}.auth-dialog .form-message{min-height:18px;color:#ff8796;font-size:10px}
body.auth-open{overflow:hidden}
@media(max-width:1180px){.public-header{grid-template-columns:auto 1fr}.public-nav{display:none}.public-actions{justify-self:end}.public-hero{grid-template-columns:1fr;gap:42px;padding-top:80px}.public-engine-card{width:min(720px,100%);justify-self:center}.public-service-grid{grid-template-columns:repeat(2,1fr)}.public-feature-stage{grid-template-columns:1fr;gap:42px}.public-workflow-panel{width:min(850px,100%)} }
@media(max-width:760px){.public-header{width:calc(100% - 24px);height:68px;gap:8px}.public-brand img{width:36px;height:36px}.public-brand b{font-size:14px}.public-brand small{display:none}.public-actions .public-signin{display:none}.public-actions .button{padding:9px 11px}.public-main{width:100%}.public-hero{min-height:0;padding:70px 20px 60px}.public-hero-copy h1{font-size:59px}.public-hero-copy>p{font-size:16px}.public-hero-actions{flex-direction:column;align-items:stretch}.public-trust-row{grid-template-columns:1fr 1fr;width:100%;row-gap:22px}.public-trust-row>div{padding:0 12px}.public-trust-row>div:nth-child(2){border:0}.public-trust-row>div:nth-child(3){padding-left:0}.public-engine-card{min-height:500px;padding:18px}.public-orb-wrap{height:180px}.public-orb{width:116px;height:116px}.public-engine-stats{grid-template-columns:1fr}.public-section{padding:75px 20px}.public-section-heading h2,.public-feature-copy h2{font-size:44px}.public-section-heading p,.public-feature-copy>p{font-size:15px}.public-playground{grid-template-columns:1fr}.public-playground-editor{border-right:0;border-bottom:1px solid var(--line);padding:20px}.public-playground-editor textarea{font-size:21px;min-height:240px}.public-playground-controls{padding:20px}.public-service-grid,.public-future-grid{grid-template-columns:1fr}.public-service-card{min-height:380px}.public-feature-stage{display:block}.public-feature-copy{margin-bottom:35px}.public-workflow-panel{padding:17px}.public-workflow-steps{grid-template-columns:1fr 1fr}.public-workflow-output{grid-template-columns:1fr auto}.public-workflow-output>.public-wave{grid-column:1/-1}.public-future-card{min-height:430px;padding:24px}.public-cta{margin:20px 20px 70px;padding:30px 25px;display:block}.public-cta h2{font-size:36px}.public-cta .button{margin-top:25px;width:100%}.public-footer{width:calc(100% - 40px);grid-template-columns:1fr;justify-items:center;padding:30px 0}.public-footer>.text-button{justify-self:center}.public-footer p{margin:0}.auth-dialog{padding:25px}.auth-dialog .login-card h2{font-size:28px}}

/* NOBE LABS v4 — package accounting, reseller analytics and 24-hour audio controls */
.pricing-grid.four{grid-template-columns:repeat(4,1fr)}
.plan-card>strong{display:block;font-size:35px;letter-spacing:-.04em;margin:18px 0 8px}.plan-card>strong small{font-size:12px;color:var(--muted);font-weight:650;letter-spacing:0}.plan-card .package-credit-line{font-size:13px;color:#d8d2e4;margin-bottom:18px}
.admin-tabs{display:flex;gap:7px;padding:6px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);width:max-content;max-width:100%;overflow:auto;margin:0 0 18px}.admin-tabs button{border:0;background:transparent;color:#8f899a;padding:10px 14px;border-radius:10px;font-size:10px;font-weight:850;white-space:nowrap}.admin-tabs button:hover{color:#fff;background:rgba(255,255,255,.035)}.admin-tabs button.active{color:#fff;background:linear-gradient(100deg,rgba(255,79,121,.22),rgba(183,61,255,.22));box-shadow:inset 0 0 0 1px rgba(183,61,255,.22)}
.admin-tab-panel{animation:adminPanelIn .2s ease}.admin-tab-panel.active{display:block}@keyframes adminPanelIn{from{opacity:.2;transform:translateY(5px)}}
.performance-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.performance-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(22,18,36,.92),rgba(11,10,17,.96));display:flex;flex-direction:column;gap:15px}.performance-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.performance-head>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.performance-head b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performance-head span:not(.status-pill){font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performance-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.performance-numbers>div{padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);min-width:0}.performance-numbers span{display:block;font-size:8px;color:#7f798b;text-transform:uppercase;letter-spacing:.08em}.performance-numbers b{display:block;font-size:12px;margin-top:5px;white-space:normal;word-break:break-word}.performance-card .button{width:100%;padding:9px 12px;font-size:10px}
#subadminBody td>b,#subadminBody td>small{display:block}#subadminBody td>small{margin-top:4px;color:var(--muted);font-size:8px;white-space:nowrap}
.package-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.package-admin-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012));position:relative;overflow:hidden}.package-admin-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-65px;top:-65px;background:var(--violet);filter:blur(55px);opacity:.12}.package-admin-card.featured{border-color:rgba(183,61,255,.42);box-shadow:0 20px 55px rgba(183,61,255,.09)}.package-admin-card span{font-size:9px;letter-spacing:.13em;color:#918a9d}.package-admin-card h3{font-size:23px;margin:16px 0 7px}.package-admin-card strong{font-size:28px}.package-admin-card p{font-size:8px;color:#706a7c;margin:14px 0 0}.pool-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.pool-admin-grid article{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018);display:flex;flex-direction:column;gap:7px}.pool-admin-grid span{font-size:9px;color:#8e889a}.pool-admin-grid b{font-size:21px}.pool-admin-grid small{font-size:9px;color:#706a7c;line-height:1.45}
.provider-status-card{padding:23px;margin-bottom:14px}.provider-status-top{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.provider-status-top span{font-size:8px;letter-spacing:.13em;color:#817a8c}.provider-status-top h3{font-size:26px;margin:5px 0}.provider-status-top p{margin:0;color:var(--muted);font-size:11px}.provider-status-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.provider-status-metrics>div{padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.provider-status-metrics span{display:block;font-size:8px;color:#7e788a;text-transform:uppercase;letter-spacing:.08em}.provider-status-metrics b{display:block;font-size:12px;margin-top:6px;word-break:break-word}
.clone-actions{display:flex;align-items:center;gap:5px}.clone-actions .text-button{font-size:8px;color:var(--green)}.icon-danger{width:28px;height:28px;border:1px solid rgba(255,95,114,.22);border-radius:8px;background:rgba(255,95,114,.055);color:#ff8a9a;display:grid;place-items:center}.icon-danger:hover{background:rgba(255,95,114,.12)}.icon-danger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.history-actions{display:flex;align-items:center;gap:7px}.history-play,.history-actions a{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#d8c6ff;padding:7px 9px;font-size:9px;text-decoration:none}.history-play:hover,.history-actions a:hover{border-color:rgba(183,61,255,.35);color:#fff}.expired-pill{padding:6px 8px;border-radius:99px;background:rgba(255,200,87,.08);color:#e8c76e;font-size:8px;white-space:nowrap}
.package-assignment{margin-top:14px;padding:14px;border:1px solid rgba(183,61,255,.18);border-radius:14px;background:rgba(183,61,255,.035)}.package-assignment h3{font-size:13px;margin:0 0 11px}.package-assignment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.package-assignment button{border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:#d8d3e1;padding:12px;text-align:left;display:flex;justify-content:space-between;gap:8px}.package-assignment button:hover{border-color:rgba(183,61,255,.4);background:rgba(183,61,255,.065)}.package-assignment button b{font-size:10px}.package-assignment button span{font-size:9px;color:#a9a3b5}
.account-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.account-summary-strip>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.account-summary-strip span{display:block;font-size:8px;color:#7f798b;text-transform:uppercase}.account-summary-strip b{display:block;font-size:13px;margin-top:5px}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.report-grid article{padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.report-grid span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#7d7789}.report-grid b{display:block;font-size:18px;margin:8px 0 4px}.report-grid small{display:block;color:var(--muted);font-size:9px;line-height:1.45}.package-report{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:15px}.package-report h3{font-size:13px;margin:0 0 10px}.package-report>div{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.package-report>div span{font-size:11px}.package-report>div b,.package-report>div em,.package-report>div strong{font-size:10px}.package-report>div em{font-style:normal;color:var(--muted)}
@media(max-width:1200px){.pricing-grid.four,.package-admin-grid,.pool-admin-grid{grid-template-columns:repeat(2,1fr)}.performance-card-grid{grid-template-columns:repeat(2,1fr)}.provider-status-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pricing-grid.four,.package-admin-grid,.pool-admin-grid,.performance-card-grid,.provider-status-metrics,.report-grid{grid-template-columns:1fr}.admin-tabs{width:100%}.admin-tabs button{flex:1}.package-assignment-grid,.account-summary-strip{grid-template-columns:1fr}.package-report>div{grid-template-columns:1fr 1fr}.package-report>div strong{text-align:right}}
.package-assignment>span{display:block;font-size:8px;letter-spacing:.12em;color:#9b8fc1;margin-bottom:9px}.package-assignment>div{display:grid;grid-template-columns:1fr auto;gap:8px}.package-assignment>small{display:block;margin-top:8px;color:#777184;font-size:8px;line-height:1.45}
@media(max-width:600px){.package-assignment>div{grid-template-columns:1fr}}
.public-legal-links{display:flex;align-items:center;justify-self:end;gap:15px}.public-legal-links a{text-decoration:none;color:#8b8596;font-size:10px;font-weight:700}.public-legal-links a:hover{color:#fff}.public-legal-links .text-button{font-size:10px;padding:0}
.legal-body{background:radial-gradient(circle at 20% 0,rgba(183,61,255,.12),transparent 35%),#07070b;padding:0 20px}.legal-header{width:min(1050px,100%);height:90px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.legal-header .public-brand{text-decoration:none}.legal-page{width:min(900px,100%);margin:55px auto;padding:clamp(28px,6vw,70px)}.legal-page h1{font-size:clamp(45px,7vw,76px);letter-spacing:-.055em;margin:14px 0 8px}.legal-page h2{font-size:22px;margin:40px 0 10px}.legal-page p{font-size:14px;line-height:1.8;color:#aaa5b6}.legal-page strong{color:#eeeaf5}.legal-updated{font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;color:#777181!important;margin-bottom:35px!important}.legal-footer{width:min(900px,100%);margin:0 auto 55px;display:flex;justify-content:space-between;color:#777181;font-size:10px}.legal-footer a{color:#aaa5b6;text-decoration:none}.legal-footer a:hover{color:#fff}
@media(max-width:760px){.public-legal-links{justify-self:center;flex-wrap:wrap;justify-content:center}.legal-body{padding:0 12px}.legal-header{height:74px}.legal-header .button{padding:9px 11px;font-size:10px}.legal-page{margin:30px auto;padding:25px}.legal-page h2{font-size:19px}.legal-page p{font-size:13px}.legal-footer{padding:0 10px}}

.model-help{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.45}

/* NOBE LABS v4.2 — UI/UX refinement */
:root{--panel-soft:rgba(255,255,255,.022);--line-strong:rgba(255,255,255,.14)}
.page,.page *{min-width:0}
.button{min-height:42px;border-radius:12px;padding:11px 16px;font-size:13px;letter-spacing:-.01em;font-weight:750;box-shadow:none}
.button.primary{background:linear-gradient(105deg,#ff4775 0%,#d33ee5 52%,#8a4cff 100%);box-shadow:0 10px 30px rgba(187,58,231,.16)}
.button.primary:hover{box-shadow:0 14px 36px rgba(187,58,231,.25);transform:translateY(-1px)}
.button.secondary{background:#12111a;border-color:rgba(255,255,255,.105)}
.button.secondary:hover{background:#181622;border-color:rgba(255,255,255,.2)}
.credit-card .button{margin-top:14px}
.profile-menu{width:252px;padding:8px;right:4px;bottom:64px}
.profile-menu button{display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:center;padding:12px;border-radius:11px;text-align:left}
.profile-menu button span{display:flex;flex-direction:column;gap:2px}
.profile-menu button b{font-size:12px;color:#f7f4ff}
.profile-menu button small{font-size:9px;color:#777184;font-weight:500}
.profile-menu .menu-danger:hover{background:rgba(255,95,114,.08);color:#ff8292}

/* Dashboard voice playback */
.voice-engine-card{overflow:hidden}
#playWelcomeVoice{transition:.2s ease}
#playWelcomeVoice.playing{background:linear-gradient(135deg,#ff4f79,#a948ff);color:#fff;box-shadow:0 0 0 6px rgba(183,61,255,.10),0 0 28px rgba(255,79,121,.35)}
#playWelcomeVoice.playing svg{fill:none;stroke:currentColor;stroke-width:2.4}
.wave-bars.playing i{animation-duration:.72s}
.voice-preview-row>div:nth-child(2){overflow:hidden}
.voice-preview-row b,.voice-preview-row span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Voice library: concise, consistent cards */
.voice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.voice-card{min-height:270px;padding:17px;gap:13px;border-radius:18px;background:linear-gradient(160deg,rgba(24,21,36,.94),rgba(11,10,16,.97));transition:border-color .2s ease,transform .2s ease,background .2s ease}
.voice-card:hover{transform:translateY(-2px);border-color:rgba(183,61,255,.32);background:linear-gradient(160deg,rgba(29,24,44,.97),rgba(12,11,18,.98))}
.voice-card.selected{border-color:rgba(183,61,255,.48);box-shadow:inset 0 0 0 1px rgba(255,79,121,.08),0 18px 44px rgba(0,0,0,.2)}
.voice-card-head{align-items:flex-start}
.voice-card-title{padding-top:2px;overflow:hidden}
.voice-card-title b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.25;min-height:35px}
.voice-card-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.voice-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:54px;color:#a8a2b4;line-height:1.5}
.voice-card .voice-tags{min-height:25px;display:flex;flex-wrap:wrap;gap:6px;overflow:hidden}
.voice-tags span{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.voice-card .button{width:100%;margin-top:auto;min-height:40px}
.preview-voice{flex:0 0 auto;transition:.2s ease}
.preview-voice.playing{background:linear-gradient(135deg,#ff4f79,#9a48ff);color:#fff;box-shadow:0 0 22px rgba(183,61,255,.3)}
.preview-voice.playing svg{fill:none;stroke:currentColor;stroke-width:2.4}
.voice-filters{grid-template-columns:minmax(260px,1fr) 180px 160px auto;align-items:center}

/* Podcast studio: clean speaker rows */
.podcast-layout{grid-template-columns:minmax(0,1.55fr) 320px;align-items:start}
.dialogue-panel{padding:16px}
.dialogue-toolbar{margin:-4px -2px 10px;padding:0 4px 12px}
.dialogue-row{grid-template-columns:minmax(210px,270px) minmax(0,1fr) 38px;gap:10px;padding:12px;border:1px solid transparent;border-bottom-color:var(--line);align-items:stretch;transition:.18s ease}
.dialogue-row:hover{background:rgba(255,255,255,.014);border-color:rgba(255,255,255,.075);border-radius:14px}
.dialogue-speaker{display:grid;grid-template-columns:26px 36px minmax(0,1fr);gap:8px;align-items:center;align-self:start}
.dialogue-speaker .line-number{font-size:9px;letter-spacing:.1em;color:#6e687a;text-align:center}
.dialogue-speaker .avatar{width:36px;height:36px;font-size:10px}
.dialogue-speaker select{height:42px;padding:10px 30px 10px 11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dialogue-row textarea{min-height:82px;max-height:180px;padding:12px 14px;line-height:1.48;background:#0d0c13}
.dialogue-row .remove-line{width:36px;height:36px;align-self:start;font-size:18px;color:#817b8d}
.dialogue-row .remove-line:hover{color:#ff7d90;border-color:rgba(255,95,114,.25);background:rgba(255,95,114,.07)}
.podcast-side{gap:12px}
.podcast-summary{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.podcast-summary>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}
.podcast-summary span{display:block;color:#777182;font-size:8px;letter-spacing:.12em}
.podcast-summary b{display:block;font-size:18px;margin-top:6px}
.podcast-summary p{grid-column:1/-1;margin:4px 2px 0;color:#8f899a;font-size:11px;line-height:1.55}

/* Account and security */
.account-title{align-items:center}
.account-state{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}
.account-state>div{display:flex;flex-direction:column;gap:3px}.account-state b{font-size:12px}.account-state small{font-size:9px;color:var(--muted)}
.account-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:14px;margin-bottom:14px;align-items:start}
.account-panel{padding:24px}
.account-panel-head{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-bottom:22px}
.account-panel-head .avatar{width:52px;height:52px;font-size:13px}
.account-panel-head>div:last-child>span,.sessions-head>div>span{font-size:9px;letter-spacing:.14em;color:#8b8498;font-weight:800}
.account-panel h2,.sessions-panel h2{font-size:22px;margin:5px 0 6px;letter-spacing:-.025em}
.account-panel-head p,.sessions-head p{margin:0;color:#918b9e;font-size:11px;line-height:1.55}
.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.account-panel label{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.account-panel label>span{font-size:10px;color:#aca6b8;font-weight:700}
.account-panel input{width:100%;height:45px;border:1px solid var(--line);border-radius:12px;background:#0c0b12;color:#fff;padding:0 13px;outline:none}
.account-panel input:focus{border-color:rgba(183,61,255,.55);box-shadow:0 0 0 3px rgba(183,61,255,.09)}
.email-password-field{margin-top:14px;padding:14px;border:1px solid rgba(255,200,87,.16);border-radius:13px;background:rgba(255,200,87,.025)}
.email-password-field small{color:#817b8c;font-size:9px;line-height:1.45}
.account-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.account-actions>span{color:#777182;font-size:10px}
.compact-panel .button{margin-top:18px}
.sessions-panel{padding:24px}
.sessions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
.sessions-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.session-count{padding:8px 10px;border-radius:99px;background:rgba(46,215,162,.07);color:#6fe1bc;font-size:9px;font-weight:800;white-space:nowrap}
.session-list{display:flex;flex-direction:column;gap:9px}
.session-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.014)}
.session-row.current{border-color:rgba(46,215,162,.2);background:rgba(46,215,162,.025)}
.session-device-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(79,124,255,.08);color:#7898ff}
.session-device-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.session-main{overflow:hidden}.session-main>div{display:flex;align-items:center;gap:8px}.session-main b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-main>span,.session-main>small{display:block;color:#8b8597;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.current-session,.secure-session{padding:5px 8px;border-radius:99px;background:rgba(46,215,162,.08);color:#69dfb8;font-size:8px;font-weight:800;white-space:nowrap}
.secure-session{justify-self:end}

/* Cleaner plans */
.billing-title{align-items:center}
.refined-pricing{gap:14px}
.refined-pricing .plan-card{min-height:360px;padding:22px;display:flex;flex-direction:column;overflow:hidden}
.refined-pricing .plan-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.refined-pricing .plan-top span{font-size:9px;letter-spacing:.15em;color:#9b94a6;font-weight:800}
.refined-pricing .plan-top i{font-size:9px;color:#736d7f;font-style:normal}
.refined-pricing .plan-card h3{font-size:44px;line-height:1;margin:31px 0 0;letter-spacing:-.06em}
.refined-pricing .plan-card>small{color:#868092;font-size:10px;margin-top:4px}
.refined-pricing .plan-card>strong{font-size:30px;margin:23px 0 15px}
.refined-pricing .plan-card ul{list-style:none;margin:0 0 20px;padding:15px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.refined-pricing .plan-card li{color:#aaa4b5;font-size:11px;padding-left:16px;position:relative;line-height:1.4}
.refined-pricing .plan-card li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(46,215,162,.35)}
.refined-pricing .plan-card .button{width:100%;margin-top:auto}
.billing-footer{margin-top:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.billing-footer>div{display:flex;align-items:center;gap:13px}.billing-footer b{display:block;font-size:13px}.billing-footer p{margin:4px 0 0;color:#8f899a;font-size:10px}

/* Admin provider tab */
.provider-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:14px;margin-bottom:14px;align-items:stretch}
.provider-status-card{margin:0;padding:22px;overflow:hidden}
.provider-status-top{grid-template-columns:auto minmax(0,1fr) auto;gap:14px}
.provider-status-top>div:nth-child(2){overflow:hidden}
.provider-status-top h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provider-status-top p{white-space:normal;line-height:1.5}
.provider-connection{padding:7px 9px;border-radius:99px;border:1px solid rgba(255,95,114,.18);background:rgba(255,95,114,.05);color:#ff8998;font-size:8px!important;letter-spacing:0!important;white-space:nowrap}
.provider-connection.connected{border-color:rgba(46,215,162,.2);background:rgba(46,215,162,.06);color:#68dfb7}
.provider-status-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.provider-status-metrics>div{overflow:hidden}
.provider-status-metrics b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
.retention-card{padding:22px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.retention-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(46,215,162,.07);color:#5cddb3}
.retention-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.retention-card span{font-size:8px;letter-spacing:.13em;color:#7e778a;font-weight:800}.retention-card h3{font-size:20px;margin:6px 0}.retention-card p{margin:0;color:#918b9e;font-size:11px;line-height:1.55}
.retention-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.retention-badges span{padding:7px 8px;border:1px solid var(--line);border-radius:99px;letter-spacing:0;color:#9f99aa;font-size:8px}
.provider-activity-panel{padding:20px;overflow:hidden}.provider-activity-panel .panel-head>small{color:#726c7c;font-size:9px}.provider-table{max-width:100%;overflow:auto}.provider-table table{min-width:820px}.provider-table th,.provider-table td{padding:12px 10px;white-space:nowrap}

/* History audio controls */
.history-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.history-play{display:inline-flex!important;align-items:center;gap:6px;line-height:1}
.history-play svg,.history-actions a svg{width:13px!important;height:13px!important;max-width:13px;max-height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.history-item{grid-template-columns:auto minmax(0,1fr) auto}
.history-item>div:nth-child(2){overflow:hidden}.history-item>div:nth-child(2) b,.history-item>div:nth-child(2) span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* General overflow and responsive hardening */
.studio-title>div:first-child{min-width:0}.studio-title h1{overflow-wrap:anywhere}
.admin-grid>.panel,.provider-overview-grid>.panel,.account-layout>.panel{min-width:0}
.table-wrap{max-width:100%}
@media(max-width:1350px){.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.refined-pricing .plan-card{min-height:330px}.provider-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1120px){.account-layout,.provider-overview-grid,.podcast-layout{grid-template-columns:1fr}.podcast-side{display:grid;grid-template-columns:1fr 1fr}.sessions-head{flex-direction:column}.sessions-actions{width:100%;justify-content:space-between}}
@media(max-width:760px){.voice-grid,.pricing-grid.four,.account-form-grid{grid-template-columns:1fr}.voice-filters{grid-template-columns:1fr}.podcast-side{grid-template-columns:1fr}.dialogue-row{grid-template-columns:1fr 38px}.dialogue-speaker{grid-column:1/-1}.dialogue-row textarea{grid-column:1/2}.dialogue-row .remove-line{grid-column:2/3;grid-row:2}.account-panel,.sessions-panel{padding:18px}.account-actions,.billing-footer{align-items:stretch;flex-direction:column}.account-actions .button,.billing-footer .button{width:100%}.sessions-actions{flex-wrap:wrap}.session-row{grid-template-columns:38px minmax(0,1fr)}.session-row>.button,.secure-session{grid-column:1/-1;width:100%;justify-self:stretch;text-align:center}.provider-status-top{grid-template-columns:auto minmax(0,1fr)}.provider-connection{grid-column:1/-1;width:max-content}.provider-status-metrics{grid-template-columns:1fr}.refined-pricing .plan-card{min-height:0}}

/* ==================================================
   NOBE LABS v4.5 — AI workstation refinement patch
   ================================================== */
:root{
  --app-bg:#0a0a0f;--app-bg-deep:#050508;--surface-1:#101017;--surface-2:#15151c;
  --border:#1e1e26;--border-strong:#2c2c36;--text-primary:#ededef;--text-secondary:#a0a3ad;--text-muted:#7b7d86;
  --accent-pink:#ff3f8e;--accent-magenta:#d83cff;--accent-violet:#7c4dff;
  --bg:var(--app-bg);--bg-2:var(--app-bg-deep);--panel:var(--surface-1);--panel-2:var(--surface-2);
  --line:var(--border);--text:var(--text-primary);--muted:var(--text-secondary);--muted-2:var(--text-muted);
  --pink:var(--accent-pink);--violet:var(--accent-magenta);--blue:var(--accent-violet);
  --gradient:linear-gradient(105deg,var(--accent-pink) 0%,var(--accent-magenta) 52%,var(--accent-violet) 100%);
  --shadow:0 14px 36px rgba(0,0,0,.22);--radius:18px;--radius-sm:13px;
}
html{background:var(--app-bg-deep)}
body{background:radial-gradient(900px 520px at 48% -18%,rgba(124,77,255,.08),transparent 68%),var(--app-bg);color:var(--text-primary)}
.ambient{opacity:.045;filter:blur(165px);animation:none}
.panel{background:linear-gradient(180deg,rgba(21,21,28,.96),rgba(16,16,23,.98));border-color:var(--border);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 10px 30px rgba(0,0,0,.15)}
.soft-badge{padding:6px 10px;border-color:var(--border-strong);background:rgba(255,255,255,.02);color:#b8b6c0;font-size:9px;letter-spacing:.14em}
.section-kicker{font-size:9px;color:#9f98b5;letter-spacing:.16em}

/* One interaction system */
.button{min-height:44px;padding:0 16px;border-radius:13px;font-size:12px;font-weight:750;gap:8px;transition:transform 140ms ease,filter 140ms ease,background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease;box-shadow:none}
.button.primary,.button.premium{background:var(--gradient);border-color:rgba(255,255,255,.07);color:#fff;box-shadow:0 9px 22px -12px rgba(216,60,255,.75),inset 0 1px 0 rgba(255,255,255,.18)}
.button.primary:hover,.button.premium:hover{transform:translateY(-1px);filter:brightness(1.055);box-shadow:0 12px 26px -12px rgba(216,60,255,.9),inset 0 1px 0 rgba(255,255,255,.2)}
.button.primary:active,.button.premium:active,.button.secondary:active,.icon-button:active{transform:translateY(1px);box-shadow:none}
.button.secondary{background:var(--surface-2);border-color:var(--border-strong);color:#dedce5}
.button.secondary:hover{transform:translateY(-1px);background:#191920;border-color:#3a3945}
.button:disabled,.icon-button:disabled{pointer-events:none;opacity:.46;filter:saturate(.45)}
.button[data-loading="true"]{pointer-events:none;opacity:.78}
.button[data-loading="true"]:before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:nobeSpin .7s linear infinite}
@keyframes nobeSpin{to{transform:rotate(360deg)}}
.icon-button{width:42px;height:42px;border-radius:12px;background:var(--surface-1);border-color:var(--border);transition:transform 140ms ease,background-color 140ms ease,border-color 140ms ease}
.icon-button:hover{transform:translateY(-1px);background:var(--surface-2);border-color:var(--border-strong)}
.text-button{color:#9995a5;transition:color 140ms ease}.text-button:hover{color:#f1eff5}
input,textarea,select{accent-color:var(--accent-magenta)}
.login-card input,.clone-form input,.clone-form select,.control-card input,.control-card select,.output-options select,.voice-filters input,.voice-filters select,.dialogue-row select,.dialogue-row textarea,.modal input,.modal select,.modal textarea,.account-panel input{background:#0c0c12;border-color:var(--border);border-radius:12px;color:var(--text-primary)}
.login-card input:focus,.clone-form input:focus,.control-card input:focus,.voice-filters input:focus,.dialogue-row textarea:focus,.modal input:focus,.account-panel input:focus{border-color:rgba(216,60,255,.52);box-shadow:0 0 0 3px rgba(216,60,255,.08)}

/* Workstation shell */
.app-shell{grid-template-columns:260px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#09090e 0%,#08080c 100%);border-right:1px solid var(--border);padding:16px 14px;box-shadow:inset -1px 0 0 rgba(255,255,255,.012)}
.sidebar-head{padding:4px 6px 14px}.brand img{width:42px;height:42px}.brand b{font-size:15px}.brand small{font-size:8px}
.workspace-button{padding:12px;border-radius:13px;border-color:var(--border);background:var(--surface-1)}
.workspace-button:hover{border-color:var(--border-strong);background:var(--surface-2)}
.main-nav{margin-top:11px}.nav-label{margin:15px 10px 6px;font-size:8px;color:#666773;letter-spacing:.18em}
.nav-item{height:42px;border-radius:10px;color:#898b95;transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease,transform 140ms ease}
.nav-item:hover{color:#d5d3dc;background:rgba(255,255,255,.025)}
.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(255,63,142,.10),rgba(216,60,255,.055));border-color:rgba(216,60,255,.16);box-shadow:inset 2px 0 0 var(--accent-pink),0 0 18px rgba(216,60,255,.035)}
.nav-item.active svg{color:#ff79ae}
.credit-card{border-color:var(--border);background:var(--surface-1);border-radius:16px;box-shadow:none}
.profile-row{border-radius:12px}.profile-menu{border-color:var(--border-strong);background:#111117;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.topbar{height:72px;padding:0 26px;border-bottom-color:var(--border);background:rgba(10,10,15,.94);backdrop-filter:blur(14px)}
.page-identity span{font-size:8px;letter-spacing:.15em}.page-identity b{font-size:13px}
.content{padding:30px;max-width:1600px;width:100%;margin:0 auto}

/* Calm dashboard hierarchy */
.hero-card{border-radius:20px;border-color:var(--border);background:radial-gradient(600px 320px at 18% 18%,rgba(216,60,255,.055),transparent 70%),var(--surface-1);box-shadow:0 10px 30px rgba(0,0,0,.14);min-height:480px;padding:42px}
.hero-copy h1{font-size:clamp(54px,6vw,78px);line-height:.97}.hero-copy>p{max-width:660px;color:var(--text-secondary);font-size:16px;line-height:1.62}
.voice-engine-card{border-radius:18px;border-color:var(--border);background:var(--surface-2);min-height:360px;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.feature-grid{gap:12px}.feature-card{border-color:var(--border);border-radius:16px;padding:18px;background:var(--surface-1);min-height:214px;transition:transform 150ms ease,border-color 150ms ease,background-color 150ms ease}
.feature-card:hover{transform:translateY(-1px);border-color:var(--border-strong);background:var(--surface-2)}
.feature-card p{font-size:12px;line-height:1.5;color:#9698a2}.feature-icon{margin-bottom:18px}
.dashboard-grid{gap:12px}.usage-panel,.next-wave{padding:20px}.next-wave{background:var(--surface-1)}
.next-wave p{font-size:12px;line-height:1.55;color:#9596a0}

/* Creative tools */
.studio-title{margin-bottom:22px}.studio-title h1{font-size:clamp(38px,4vw,54px);letter-spacing:-.05em}.studio-title p{max-width:620px;color:#9698a2;font-size:13px;line-height:1.5}
.tts-layout{gap:14px}.script-panel,.control-card,.output-panel{border-radius:18px}.script-panel textarea{line-height:1.7}
.voice-card{border-radius:16px;border-color:var(--border);background:var(--surface-1);box-shadow:none}.voice-card:hover{transform:translateY(-1px);border-color:var(--border-strong);background:var(--surface-2)}
.voice-card p{color:#9799a2}.voice-tags span,.capability-pills span{border-color:var(--border-strong);background:rgba(255,255,255,.018)}
.dialogue-row{border-color:var(--border);background:var(--surface-1);border-radius:15px}.dialogue-row:hover{border-color:var(--border-strong)}

/* Account + plans */
.account-layout{gap:12px}.account-panel,.sessions-panel{padding:21px}.account-panel-head{margin-bottom:16px}.account-panel-head p,.sessions-head p{display:none}
.session-row{border-radius:13px;border-color:var(--border);background:#0f0f15}
.refined-pricing{gap:12px}.refined-pricing .plan-card{min-height:300px;padding:20px;border-radius:18px;border-color:var(--border);background:var(--surface-1);box-shadow:none}
.refined-pricing .plan-card.featured{border-color:rgba(216,60,255,.34);box-shadow:0 0 0 1px rgba(216,60,255,.06),0 14px 34px rgba(0,0,0,.12)}
.refined-pricing .plan-card h3{font-size:40px;margin:28px 0 0}.refined-pricing .plan-card>strong{font-size:28px;margin:20px 0 24px}.refined-pricing .plan-card ul{display:none}
.billing-footer{border-radius:16px}

/* Admin console discipline */
.admin-tabs{padding:4px;gap:4px;border-radius:12px;border-color:var(--border);background:#0d0d13;margin-bottom:16px}
.admin-tabs button{padding:9px 12px;border-radius:9px;font-size:9px;transition:background-color 140ms ease,color 140ms ease,transform 140ms ease}
.admin-tabs button:hover{background:var(--surface-2);color:#e9e7ee}.admin-tabs button:active{transform:translateY(1px)}
.admin-tabs button.active{background:rgba(216,60,255,.10);box-shadow:inset 0 0 0 1px rgba(216,60,255,.22);color:#fff}
.admin-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}.stat-card{padding:16px;border-radius:16px;border-color:var(--border);background:var(--surface-1)}.stat-card b{font-size:21px}
.admin-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:12px}.admin-grid.lower{gap:12px}.admin-users-panel,.admin-side-panel,#subadminSection,.admin-grid.lower>.panel{padding:17px}
.table-search{height:40px;border-radius:11px}.table-wrap{margin-top:10px}th,td{padding:11px 9px}th{color:#787a84}.row-actions button,.request-actions button{min-height:34px;border-radius:9px;border-color:var(--border);background:var(--surface-2);color:#c9c7d0}
.performance-card,.package-admin-card,.pool-admin-grid article{border-radius:16px;border-color:var(--border);background:var(--surface-1);box-shadow:none}
.section-intro{margin:18px 0 12px}.section-intro.compact{margin-top:14px}.section-intro p{display:none}
.provider-overview-grid{gap:12px}.provider-status-card,.retention-card,.provider-activity-panel{border-radius:18px}.provider-status-top p,.retention-card p{font-size:10px;color:#9698a2}
.settings-grid{gap:12px}.system-card,.security-card,.metric-card{border-radius:18px}.system-card p,.security-card p{font-size:11px;color:#9698a2}

/* Compact empty/loading states */
.empty-state,.empty-mini{color:#888a94}.empty-state{padding:34px}.empty-state p{max-width:420px;font-size:11px;margin:8px auto 14px}
.toast{border-color:var(--border-strong);border-radius:12px;background:#121218;box-shadow:0 16px 42px rgba(0,0,0,.28)}
.modal{border-radius:18px;padding:24px}.modal p{font-size:11px;line-height:1.5}.modal-backdrop{backdrop-filter:blur(6px)}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.ambient{display:none}.button:hover,.icon-button:hover,.feature-card:hover,.voice-card:hover{transform:none!important}}
@media(max-width:1120px){.content{padding:24px}.hero-card{padding:32px}.app-shell{grid-template-columns:244px minmax(0,1fr)}}
@media(max-width:980px){.app-shell{display:block}.content{padding:20px}.topbar{padding:0 18px}.hero-card{padding:26px;min-height:auto}}
@media(max-width:760px){.content{padding:16px}.hero-card{padding:20px}.studio-title{gap:14px}.admin-grid,.admin-grid.lower{grid-template-columns:1fr}.admin-actions{width:100%;flex-wrap:wrap}.admin-actions .button{flex:1}.admin-tabs{width:100%}.refined-pricing .plan-card{min-height:250px}}
.voice-orb:before,.login-panel:before{animation:none}

/* ==================================================
   NOBE LABS v4.6 — compact studio density
   Visual scale follows the user's preferred 80% browser-zoom density
   without changing browser zoom or breaking responsive layout.
   ================================================== */
@media (min-width:981px){
  .app-shell{grid-template-columns:218px minmax(0,1fr)}
  .sidebar{padding:12px 11px}
  .sidebar-head{padding:2px 5px 10px}
  .brand{gap:8px}.brand img{width:35px;height:35px}.brand b{font-size:12px}.brand small{font-size:6.5px}
  .workspace-button{padding:9px 10px;border-radius:11px;grid-template-columns:7px 1fr 15px;gap:8px}
  .workspace-button .status-dot{width:6px;height:6px}.workspace-button b{font-size:10.5px}.workspace-button small{font-size:8.5px}.workspace-button svg{width:14px;height:14px}
  .main-nav{margin-top:8px}.nav-label{margin:12px 8px 5px;font-size:6.5px;letter-spacing:.18em}
  .nav-item{height:34px;border-radius:8px;grid-template-columns:17px 1fr auto;gap:7px;padding:0 9px}.nav-item b{font-size:10.5px}.nav-item svg{width:14px;height:14px}.nav-item em{font-size:6px;padding:3px 5px}
  .sidebar-bottom{padding-top:9px}.credit-card{padding:10px;border-radius:12px}.credit-card>div:first-child{font-size:7px}.credit-track{height:4px;margin:7px 0}.credit-card strong{font-size:14px}.credit-card small{font-size:8px;margin:2px 0 8px}.credit-card .button{margin-top:9px;width:100%}
  .profile-row{margin-top:8px;grid-template-columns:31px 1fr 31px;gap:7px;padding:4px}.profile-row .avatar{width:31px;height:31px;border-radius:9px}.profile-row b{font-size:10px}.profile-row small{font-size:7.5px}

  .topbar{height:58px;padding:0 20px;gap:12px}.page-identity{gap:2px}.page-identity span{font-size:6.5px}.page-identity b{font-size:10.5px}.top-actions{gap:7px}.status-chip{height:32px;padding:0 10px;border-radius:9px;font-size:8.5px}.status-chip i{width:5px;height:5px}
  .content{padding:23px 26px;max-width:1900px}

  .button{min-height:36px;padding:0 13px;border-radius:9px;font-size:10px;font-weight:760;gap:6px}.button.large{min-height:40px;padding-inline:17px}.button svg{width:14px;height:14px}.icon-button{width:34px;height:34px;border-radius:9px}.play-button{width:36px;height:36px}.play-button svg{width:15px;height:15px}
  .soft-badge{padding:5px 8px;font-size:7px}.section-kicker{font-size:7px}.panel{border-radius:14px}

  .studio-title{margin-bottom:16px;gap:12px;align-items:center}.studio-title h1{font-size:clamp(31px,3vw,43px);margin-top:8px}.studio-title p{font-size:10.5px;line-height:1.45;margin-top:7px}.cost-badge,.balance-pill{padding:10px 13px;border-radius:10px}.cost-badge span,.balance-pill span{font-size:7.5px}.cost-badge b,.balance-pill b{font-size:11px}

  .tts-layout{grid-template-columns:minmax(0,1.65fr) 300px;gap:11px}.script-panel{min-height:455px}.editor-toolbar{height:49px;padding:0 14px}.preset-strip{gap:5px}.preset-strip button{padding:6px 9px;font-size:8.5px}.script-panel textarea{padding:21px;font-size:14.5px;line-height:1.68}.editor-footer{height:38px;padding:0 14px;gap:16px;font-size:8px}
  .control-stack{gap:9px}.control-card,.output-options{padding:13px}.control-label{margin-bottom:9px}.control-label span{font-size:7.5px}.control-label button,.control-label small{font-size:8px}.selected-voice{padding:8px;border-radius:10px;grid-template-columns:32px 1fr 14px;gap:8px}.selected-voice .avatar{width:32px;height:32px;border-radius:9px}.selected-voice b{font-size:10.5px}.selected-voice small{font-size:8px}.selected-voice svg{width:14px;height:14px}.control-card label{gap:6px;margin-top:13px}.control-card label>span{font-size:9px}.control-card select,.control-card input,.output-options select{padding:10px 11px;border-radius:9px;font-size:10px}
  .generation-dock{margin-top:10px;padding:11px 13px;border-radius:13px}.generation-dock>div{gap:10px}.generation-dock b{font-size:10.5px}.generation-dock small{font-size:8.5px}.output-player{margin-top:10px;padding:15px}

  .voice-filters{padding:9px;grid-template-columns:1fr 155px 140px auto;gap:7px}.search-box,.table-search{border-radius:9px;padding:0 10px}.voice-filters input,.voice-filters select{padding:10px 11px;font-size:10px}.voice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:11px}.voice-card{min-height:205px;padding:13px;gap:10px;border-radius:13px}.voice-card-title b{font-size:11px;min-height:28px}.voice-card-title span{font-size:8px}.voice-card p{font-size:9px;min-height:39px;line-height:1.45}.voice-tags span{font-size:7px;padding:4px 6px}.voice-card .button{min-height:34px}.voice-card-head .play-button{width:32px;height:32px}

  .clone-layout{grid-template-columns:minmax(0,1.55fr) 305px;gap:11px}.clone-form{padding:17px;display:flex;flex-direction:column}.step-title{gap:9px}.step-title>span{width:28px;height:28px;border-radius:8px;font-size:10px}.step-title h3{font-size:13px}.step-title p{font-size:8.5px;margin-top:3px}.upload-zone{margin:14px 0;min-height:205px;border-radius:13px}.upload-zone>svg{width:27px;height:27px}.upload-zone h3{font-size:14px;margin:11px 0 3px}.upload-zone p{font-size:9px}.upload-zone>div{gap:7px;margin:12px 0 8px}.upload-zone small{font-size:8.5px}.clone-form>label{gap:6px;margin-top:13px}.clone-form label>span{font-size:9px}.clone-form input,.clone-form select{padding:10px 11px;border-radius:9px;font-size:10.5px}.form-grid{gap:10px}.consent{padding:10px!important;border-radius:10px!important}.consent b{font-size:9px}.consent small{font-size:7.5px!important}.clone-form #createClone{width:auto!important;align-self:flex-end;min-width:190px;margin-top:12px;padding-inline:18px}.clone-side{gap:10px}.quality-card,.saved-clones{padding:15px}.quality-card h3{font-size:18px;margin:8px 0 12px}.quality-card li{padding:9px 0}.quality-card li b{font-size:9.5px}.quality-card li small{font-size:7.5px}.clone-item{grid-template-columns:31px 1fr auto;padding:8px 0}.clone-item .avatar{width:31px;height:31px;border-radius:9px}.clone-item b{font-size:9.5px}.clone-item span{font-size:7.5px}

  .dialogue-panel,.podcast-summary{border-radius:14px}.dialogue-row{padding:11px}.dialogue-row textarea{font-size:10px}.podcast-layout{grid-template-columns:minmax(0,1.55fr) 305px;gap:11px}

  .admin-tabs{margin-bottom:12px}.admin-tabs button{padding:7px 10px;font-size:7.5px}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.stat-card{padding:13px;border-radius:12px}.stat-card span{font-size:7px}.stat-card b{font-size:17px}.admin-grid{grid-template-columns:minmax(0,1.65fr) minmax(240px,.5fr);gap:9px}.admin-users-panel,.admin-side-panel,#subadminSection,.admin-grid.lower>.panel{padding:14px}.performance-card-grid{gap:9px}.performance-card{padding:13px}.performance-numbers{gap:7px}.performance-numbers>div{padding:10px}.performance-numbers span{font-size:7px}.performance-numbers b{font-size:11px}.table-search{height:33px}th,td{padding:9px 8px;font-size:8.5px}.user-cell b{font-size:9.5px}.user-cell small{font-size:7.5px}.row-actions button,.request-actions button{min-height:29px;padding:0 9px;border-radius:7px;font-size:8px}

  .modal{width:min(620px,calc(100vw - 40px));padding:19px;border-radius:14px}.modal h2{font-size:21px}.modal-form{gap:11px}.modal-form label>span{font-size:8px}.modal input,.modal select,.modal textarea{padding:10px 11px;border-radius:9px;font-size:10px}.modal-actions{margin-top:12px}
}

@media (min-width:1450px){
  .voice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ==================================================
   NOBE LABS v4.7 — natural voice workflow
   Single native engine, natural-flow pacing, clone wizard and shared voices.
   ================================================== */
.voice-picker-card{position:relative}.voice-quick{position:absolute;left:13px;right:13px;top:calc(100% - 5px);z-index:30;margin:0;padding:6px;max-height:220px;overflow:auto;border:1px solid var(--border-strong);border-radius:11px;background:#0c0c12;box-shadow:0 18px 45px rgba(0,0,0,.42)}.voice-quick button{padding:8px}.voice-quick .avatar{flex:0 0 auto}.voice-quick button>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.voice-quick b,.voice-quick small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-voice b,.selected-voice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.engine-line{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--border);border-radius:11px;background:#0c0c12}.engine-line>div{display:flex;flex-direction:column;gap:2px}.engine-line b{font-size:11px}.engine-line small{font-size:8px;color:var(--text-muted)}.engine-glyph{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 8px 20px -12px rgba(216,60,255,.85)}.engine-glyph svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.natural-flow-card select{width:100%;border:1px solid var(--border);border-radius:9px;background:#0c0c12;color:#fff;padding:10px 11px;outline:none}.natural-flow-card>small{display:block;margin-top:7px;color:var(--text-muted);font-size:8px;line-height:1.4}
.voice-access.public{color:#72dfb8!important;border-color:rgba(46,215,162,.24)!important;background:rgba(46,215,162,.05)!important}.voice-access.private{color:#c9b7ff!important}.voice-card.selected{border-color:rgba(216,60,255,.5);box-shadow:0 12px 38px -28px rgba(216,60,255,.9)}
.clone-stepper{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px}.clone-stepper>i{height:2px;border-radius:99px;background:#262630}.clone-step{border:0;background:none;color:#6f7078;display:flex;align-items:center;gap:8px;text-align:left;padding:3px}.clone-step span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--border-strong);background:#121218;font-size:9px;font-weight:850}.clone-step b{font-size:10px}.clone-step.active{color:#fff}.clone-step.active span,.clone-step.done span{background:var(--gradient);border-color:transparent;color:#fff;box-shadow:0 8px 24px -13px rgba(216,60,255,.9)}.clone-step.done{color:#a9a8b0}.clone-wizard-layout{display:grid;grid-template-columns:minmax(0,1.6fr) 300px;gap:11px}.clone-wizard-main{padding:17px;min-height:520px}.clone-step-panel{display:none}.clone-step-panel.active{display:block}.clone-panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.clone-panel-heading>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(216,60,255,.11);color:#d9b7ff;font-size:9px;font-weight:850}.clone-panel-heading h3{margin:0;font-size:14px}.clone-panel-heading p{margin:3px 0 0;color:var(--text-muted);font-size:8.5px}.clone-wizard-main>div>label{display:flex;flex-direction:column;gap:6px;margin-top:12px}.clone-wizard-main label>span,.field-block>span{font-size:8.5px;color:#aaa8b2;font-weight:700}.clone-wizard-main input,.clone-wizard-main select{width:100%;border:1px solid var(--border);border-radius:9px;background:#0c0c12;color:#fff;padding:10px 11px;outline:none}.clone-wizard-main input:focus,.clone-wizard-main select:focus{border-color:rgba(216,60,255,.5);box-shadow:0 0 0 3px rgba(216,60,255,.07)}
.clone-preview{margin:10px 0 4px;padding:11px;border:1px solid var(--border);border-radius:12px;background:#0e0e14}.clone-preview-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.clone-preview-head>div{display:flex;flex-direction:column;min-width:0}.clone-preview-head b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clone-preview-head small{font-size:8px;color:var(--text-muted)}.clone-preview audio{width:100%;height:34px}.clone-preview .wave-bars{height:28px;margin-top:6px}.clone-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.clone-wizard-actions .button{min-width:112px}.analysis-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 12px}.analysis-strip>div,.clone-summary-grid>div{padding:10px;border:1px solid var(--border);border-radius:10px;background:#101016;display:flex;flex-direction:column;gap:4px}.analysis-strip span,.clone-summary-grid span{font-size:7px;color:var(--text-muted);letter-spacing:.08em}.analysis-strip b,.clone-summary-grid b{font-size:10px}.field-block{margin-top:12px}.segmented-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:6px}.segmented-choice button{min-height:36px;border:1px solid var(--border);border-radius:9px;background:#101016;color:#85858e;font-size:9px;font-weight:750}.segmented-choice button:hover{border-color:var(--border-strong);color:#fff}.segmented-choice button.active{border-color:rgba(216,60,255,.4);background:rgba(216,60,255,.09);color:#fff;box-shadow:inset 0 0 0 1px rgba(216,60,255,.07)}#cloneVisibilityGroup{grid-template-columns:1fr 1fr}.field-block>small{display:block;margin-top:6px;color:var(--text-muted);font-size:7.5px}.clone-confirm-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#101016;margin:4px 0 10px}.clone-confirm-card>div{display:flex;flex-direction:column;gap:3px}.clone-confirm-card b{font-size:11px}.clone-confirm-card small{font-size:8px;color:var(--text-muted)}.clone-summary-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:8px;margin-bottom:10px}.clone-wizard-side{display:flex;flex-direction:column;gap:10px}.clone-progress-card,.clone-summary-card,.clone-wizard-side .saved-clones{padding:14px}.clone-progress-card{display:flex;align-items:center;gap:12px}.clone-progress-card>div:last-child{display:flex;flex-direction:column;gap:3px}.clone-progress-card b{font-size:10px}.clone-progress-card small{font-size:7.5px;color:var(--text-muted)}.progress-ring{--progress:118.8deg;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--pink) var(--progress),#262630 0);position:relative}.progress-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#101016}.progress-ring b{position:relative;z-index:1;font-size:9px}.clone-summary-card>span{font-size:7px;color:var(--text-muted);letter-spacing:.12em}.clone-summary-card ul{list-style:none;margin:8px 0 0;padding:0}.clone-summary-card li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--border)}.clone-summary-card li b{font-size:8.5px;color:#9898a1}.clone-summary-card li em{font-style:normal;font-size:8.5px;color:#fff}.clone-wizard-main .consent{margin-top:12px}

@media (min-width:981px){
  .voice-filters{grid-template-columns:minmax(260px,1fr) 120px 130px 120px auto}
  .clone-title{margin-bottom:12px}.clone-wizard-main .upload-zone{min-height:210px;margin:10px 0}.clone-wizard-main .upload-zone h3{font-size:13px}.clone-wizard-main .upload-zone p{font-size:8px}.clone-wizard-main .upload-zone>div{margin:10px 0 7px}.clone-wizard-main .upload-zone>svg{width:25px;height:25px}
  .clone-wizard-main{padding:15px}.clone-wizard-side .clone-item{grid-template-columns:29px 1fr auto}.clone-wizard-side .clone-item .avatar{width:29px;height:29px}.clone-wizard-side .clone-item b{font-size:9px}.clone-wizard-side .clone-item span{font-size:7px}
}
@media(max-width:1100px){.clone-wizard-layout{grid-template-columns:1fr}.clone-wizard-side{display:grid;grid-template-columns:1fr 1fr}.clone-wizard-side .saved-clones{grid-column:1/-1}.voice-filters{grid-template-columns:1fr 1fr 1fr}.voice-filters .search-box{grid-column:1/-1}.voice-filters .button{width:100%}}
@media(max-width:760px){.clone-stepper{grid-template-columns:1fr 1fr 1fr}.clone-stepper>i{display:none}.clone-step{justify-content:center}.clone-step b{display:none}.clone-wizard-side{display:flex}.analysis-strip,.clone-summary-grid,.form-grid{grid-template-columns:1fr}.segmented-choice{grid-template-columns:1fr}.voice-filters{grid-template-columns:1fr}.voice-filters .search-box{grid-column:auto}.voice-quick{position:static;margin-top:7px}}

/* ==================================================
   NOBE LABS v4.8 — natural pacing, reliable downloads, real clone previews
   ================================================== */
.selected-voice span:nth-child(2){min-width:0;overflow:hidden}
.selected-voice b,.selected-voice small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-download,.take-download{border:1px solid var(--border);border-radius:8px;background:#111118;color:#d9d5e2;min-height:30px;padding:0 10px;font-size:8.5px;font-weight:750;cursor:pointer;transition:160ms ease}
.history-download:hover,.take-download:hover{border-color:rgba(216,60,255,.42);color:#fff;background:rgba(216,60,255,.06);transform:translateY(-1px)}
.history-download:disabled,.take-download:disabled,#downloadAudio:disabled{opacity:.55;cursor:wait;transform:none}
#downloadAudio.disabled{opacity:.45;pointer-events:none}
.natural-flow-card>small{max-width:260px}
.compact-voice-controls input[type=range]{accent-color:var(--pink)}


/* ==================================================
   NOBE LABS v4.9 — clean voice metadata, richer tone library,
   shared NOBE voices and admin/customer separation
   ================================================== */
.voice-description{
  margin:0;
  min-height:0!important;
  color:#8f8b98!important;
  font-size:8.5px!important;
  line-height:1.45!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.voice-quick button{display:grid!important;grid-template-columns:31px minmax(0,1fr) auto;gap:9px;align-items:center}
.voice-quick button>em{font-style:normal;font-size:6.5px;font-weight:850;letter-spacing:.08em;color:#72dfb8;border:1px solid rgba(46,215,162,.22);border-radius:999px;padding:3px 5px}
.voice-access.public{color:#72dfb8!important;border-color:rgba(46,215,162,.28)!important;background:rgba(46,215,162,.065)!important;font-weight:850}
.selected-voice small{letter-spacing:.01em}

/* Keep the rights checkbox compact; never let generic input styles stretch it. */
.clone-wizard-main .consent{
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  width:100%;
  padding:11px 12px!important;
}
.clone-wizard-main .consent>input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  flex:0 0 16px!important;
  margin:1px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:4px!important;
  box-shadow:none!important;
  accent-color:var(--pink)!important;
}
.clone-wizard-main .consent>span{
  min-width:0;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.clone-wizard-main .consent b{line-height:1.3}
.clone-wizard-main .consent small{line-height:1.45!important}

/* Long tone menu should stay readable and aligned. */
#cloneTone{cursor:pointer}
#cloneTone optgroup{color:#aaa8b2;background:#0c0c12;font-weight:800}
#cloneTone option{color:#fff;background:#0c0c12;padding:6px}

/* Customer/admin tables: avatars stay square and identity text stays aligned. */
.user-cell{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-width:170px}
.user-cell>.avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  line-height:1!important;
}
.user-cell>.user-identity,.user-cell>div:not(.avatar){min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}
.user-cell b,.user-cell small{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#subadminBody .user-cell{grid-template-columns:34px minmax(118px,1fr)}
#subadminBody .user-cell>.avatar{align-self:center}

/* Package selectors use centered dot separators for clean scanning. */
.modal select option{letter-spacing:0}

@media (min-width:981px){
  .voice-quick{max-height:280px}
  .voice-card{min-height:190px}
  .voice-card:has(.voice-description){min-height:220px}
}

/* v5.0 voice discovery + TTS polish */
.tts-title-actions{display:flex;align-items:center;gap:10px}.tts-credit-pill{min-width:135px;align-items:flex-end;text-align:right}.tts-credit-pill b{font-size:16px;letter-spacing:-.02em}.tts-credit-pill span{letter-spacing:.12em}
.selected-voice-wrap{position:relative}.selected-voice{padding-right:70px}.selected-voice-preview{position:absolute;right:31px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:rgba(255,255,255,.045);color:#fff;display:grid;place-items:center;z-index:2}.selected-voice-preview:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2)}.selected-voice-preview svg{width:12px;height:12px;fill:currentColor;stroke:currentColor}.selected-voice b{font-size:10.8px}.selected-voice small{font-size:7.6px!important;line-height:1.2;color:#8f8a99!important}
.voice-scope-tabs{display:flex;align-items:center;gap:6px;padding:7px;width:max-content;max-width:100%;margin-bottom:9px}.voice-scope-tabs button{min-height:31px;border:1px solid transparent;background:transparent;color:#8f899a;border-radius:8px;padding:7px 11px;font-size:8.5px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.voice-scope-tabs button:hover{color:#fff;background:rgba(255,255,255,.035)}.voice-scope-tabs button.active{color:#fff;border-color:rgba(216,60,255,.28);background:rgba(216,60,255,.13)}.voice-scope-tabs svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}
.voice-card-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.favorite-button{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:rgba(255,255,255,.025);display:grid;place-items:center;color:#746f7e}.favorite-button:hover{color:#fff;background:rgba(255,255,255,.055)}.favorite-button.active{color:#ffd068;border-color:rgba(255,208,104,.25);background:rgba(255,208,104,.08)}.favorite-button svg{width:13px;height:13px;fill:transparent;stroke:currentColor;stroke-width:1.8}.favorite-button.active svg{fill:currentColor}.voice-card-head{grid-template-columns:auto minmax(0,1fr) auto!important}
.voice-quick{padding:5px}.voice-quick-row{display:grid;grid-template-columns:minmax(0,1fr) 27px;align-items:center;gap:4px;border-radius:8px}.voice-quick-row:hover{background:rgba(255,255,255,.035)}.voice-quick-select{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;background:transparent!important}.voice-quick-play{width:25px;height:25px;border-radius:50%;border:0;background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center}.voice-quick-play:hover{background:#fff;color:#09090d}.voice-quick-play svg{width:10px;height:10px;fill:currentColor;stroke:currentColor}.voice-quick b{font-size:9px!important}.voice-quick small{font-size:7px!important}
.natural-flow-card>small{min-height:23px;transition:opacity .18s ease}

.modal.voice-library-modal{width:min(690px,calc(100vw - 32px));padding:0;overflow:hidden;border-radius:18px;background:#101014}.modal.voice-library-modal .modal-close{right:14px;top:13px;z-index:5}.voice-picker-modal-shell{display:flex;flex-direction:column;max-height:min(760px,88vh)}.voice-picker-modal-head{padding:21px 22px 8px}.voice-picker-modal-head h2{font-size:22px;margin:6px 0 3px}.voice-picker-modal-head p{font-size:9px;margin:0;color:#77727f}.picker-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 22px}.picker-tabs button{height:38px;border:1px solid var(--border);border-radius:10px;background:#16161a;color:#8c8791;font-size:8.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.picker-tabs button:hover{color:#fff}.picker-tabs button.active{color:#fff;border-color:rgba(216,60,255,.36);background:linear-gradient(180deg,rgba(216,60,255,.16),rgba(216,60,255,.07))}.picker-tabs b{font-size:7px;min-width:22px;padding:3px 6px;border-radius:99px;background:rgba(255,255,255,.07)}.picker-tabs svg{width:11px;height:11px;fill:none;stroke:currentColor}.picker-search{margin:4px 22px 8px;height:40px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;padding:0 11px;background:#17171b}.picker-search svg{width:15px;height:15px;fill:none;stroke:#77727f}.picker-search input{border:0!important;box-shadow:none!important;background:transparent!important;padding:0 0 0 9px!important;font-size:10px!important}.picker-filter-row{padding:0 22px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.picker-filter-row>span{margin-left:auto;font-size:7px;color:#66616c}.picker-gender{display:flex;gap:3px}.picker-gender button{border:0;background:transparent;color:#77727f;font-size:8px;font-weight:800;padding:7px 10px;border-radius:99px}.picker-gender button.active{color:#fff;background:linear-gradient(100deg,var(--pink),var(--violet))}.picker-filter-row select{width:auto;min-width:120px;padding:7px 28px 7px 10px!important;border-radius:99px!important;font-size:8px!important;background:#17171b!important}.picker-list{padding:6px 8px 6px 22px;overflow:auto;min-height:260px}.picker-language-group{padding:8px 8px 7px 0}.picker-language-title{height:27px;display:flex;align-items:center;justify-content:space-between;color:#6f6a75;border-bottom:1px solid rgba(255,255,255,.035);margin-bottom:2px}.picker-language-title b{font-size:7.5px;letter-spacing:.12em;text-transform:uppercase}.picker-language-title span{font-size:7px}.picker-voice-row{display:grid;grid-template-columns:30px 34px minmax(0,1fr) auto 28px;align-items:center;gap:8px;padding:7px 6px;border-radius:9px}.picker-voice-row:hover{background:rgba(255,255,255,.035)}.picker-play{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:rgba(255,255,255,.04);color:#fff;display:grid;place-items:center}.picker-play:hover{background:#fff;color:#09090d}.picker-play svg{width:10px;height:10px;fill:currentColor;stroke:currentColor}.picker-voice-row .avatar{width:32px;height:32px;border-radius:50%;font-size:8px}.picker-select{border:0;background:transparent;text-align:left;color:#fff;min-width:0;padding:2px 0}.picker-select b{display:block;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-select small{display:block;margin-top:2px;font-size:7px;color:#77727f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-voice-row em{font-style:normal;color:#72dfb8;border:1px solid rgba(46,215,162,.22);padding:3px 5px;border-radius:99px;font-size:6px;font-weight:900;letter-spacing:.08em}.picker-voice-row em.private{color:#a29cab;border-color:rgba(255,255,255,.09)}.picker-favorite{width:26px;height:26px;border-radius:8px;border:0;background:transparent;color:#65606b;display:grid;place-items:center}.picker-favorite:hover{color:#fff;background:rgba(255,255,255,.05)}.picker-favorite.active{color:#ffd068}.picker-favorite svg{width:12px;height:12px;stroke:currentColor;fill:transparent}.picker-favorite.active svg{fill:currentColor}.picker-empty{padding:44px 12px;text-align:center;color:#77727f;font-size:10px}.picker-footer{height:42px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.picker-footer span,.picker-footer button{font-size:7.5px;color:#6d6873}.picker-footer button{border:0;background:transparent;font-weight:800}.picker-footer button:hover{color:#fff}

@media(max-width:760px){.tts-title-actions{width:100%;justify-content:space-between}.tts-credit-pill{min-width:120px}.voice-scope-tabs{width:100%;overflow:auto}.voice-scope-tabs button{flex:1;white-space:nowrap}.picker-tabs{grid-template-columns:repeat(2,1fr)}.picker-filter-row{align-items:stretch;flex-wrap:wrap}.picker-filter-row>span{margin-left:0}.picker-voice-row{grid-template-columns:28px 32px minmax(0,1fr) 26px}.picker-voice-row em{display:none}.modal.voice-library-modal{width:calc(100vw - 14px)}.picker-list{padding-left:12px}.voice-card-actions .play-button{width:30px;height:30px}}
.voice-quick .voice-quick-play{width:25px!important;height:25px!important;padding:0!important;display:grid!important;place-items:center!important}


/* NOBE LABS v5.1 — history playback + compact admin profile menu */
.history-play.playing{border-color:rgba(255,79,121,.34);background:linear-gradient(105deg,rgba(255,71,117,.14),rgba(138,76,255,.14));color:#fff}
.history-play.playing svg{stroke:#ff6fa0}
.profile-menu{width:220px;right:auto;left:calc(100% + 8px);bottom:4px;max-width:calc(100vw - 24px);transform:none}
@media(max-width:980px){.profile-menu{left:auto;right:0;bottom:58px;width:220px}}


/* ==================================================
   NOBE LABS v5.1 — AI NERDY THEME-ONLY OVERRIDE
   Theme/colors/hover/focus states only.
   No functionality or layout logic changed.
   ================================================== */
:root{
  --bg:#070b12;
  --bg-2:#05070d;
  --panel:#0d131d;
  --panel-2:#111827;
  --line:rgba(133,168,255,.14);
  --text:#edf3ff;
  --muted:#a1aec7;
  --muted-2:#7a87a2;
  --pink:#1b6df3;
  --violet:#376ef3;
  --blue:#67a0ff;
  --cyan:#6dc8ff;
  --green:#49d6a3;
  --gold:#8eb6ff;
  --danger:#ff6c85;
  --gradient:linear-gradient(100deg,#1b6df3 0%,#376ef3 56%,#69a7ff 100%);
  --shadow:0 24px 64px rgba(0,0,0,.38);
}
html{background:var(--bg-2);color-scheme:dark}
body{
  background:
    radial-gradient(circle at 54% -14%,rgba(55,110,243,.18) 0,transparent 40%),
    radial-gradient(circle at 85% 14%,rgba(27,109,243,.10) 0,transparent 22%),
    radial-gradient(circle at 18% 82%,rgba(109,200,255,.05) 0,transparent 24%),
    var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.ambient{opacity:.08}
.ambient-a{background:#1b6df3}
.ambient-b{background:#376ef3}
.ambient-c{background:#69a7ff}
.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}

.panel,
.popup-menu,
.modal,
.login-panel,
.login-card,
.credit-card,
.workspace-button,
.status-chip,
.public-header,
.public-card,
.table-wrap,
.history-item,
.voice-card,
.provider-card,
.mini-card{
  border-color:var(--line)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset,var(--shadow);
}
.panel,
.popup-menu,
.modal,
.login-card,
.credit-card,
.workspace-button,
.status-chip,
.voice-card,
.history-item{
  background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(10,14,23,.97))!important;
}
.sidebar,
.topbar{
  background:rgba(6,10,18,.88)!important;
  backdrop-filter:blur(18px);
  border-color:var(--line)!important;
}
.main-nav::-webkit-scrollbar-thumb{background:rgba(72,95,138,.6)}
.section-kicker,.nav-label,.page-identity span{color:#7f8cad!important}
.soft-badge{
  background:rgba(27,109,243,.08)!important;
  border-color:rgba(27,109,243,.22)!important;
  color:#c8dbff!important;
}

.button,
.icon-button,
.play-button,
.voice-quick-play,
.picker-play,
.selected-voice-preview,
.favorite-button,
.picker-favorite,
.nav-item,
.workspace-button,
.popup-menu button,
.voice-scope-tabs button,
.picker-tabs button,
.picker-gender button,
.text-button{
  transition:
    transform 140ms ease,
    filter 140ms ease,
    background-color 140ms ease,
    border-color 140ms ease,
    color 140ms ease,
    box-shadow 140ms ease!important;
}
.button.primary,
.button.premium{
  background:var(--gradient)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 10px 28px rgba(27,109,243,.26),0 0 0 1px rgba(27,109,243,.12) inset!important;
}
.button.primary:hover,
.button.premium:hover,
.play-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.045);
  box-shadow:0 14px 34px rgba(27,109,243,.34),0 0 0 1px rgba(140,180,255,.22) inset!important;
}
.button.primary:active,
.button.premium:active,
.play-button:active,
.icon-button:active,
.button.secondary:active,
.nav-item:active,
.workspace-button:active{transform:translateY(1px)}
.button.secondary,
.icon-button,
.status-chip,
.voice-quick-play,
.picker-play,
.selected-voice-preview,
.favorite-button,
.picker-favorite,
.picker-tabs button,
.voice-scope-tabs button,
.picker-gender button,
.workspace-button,
.popup-menu button{
  background:rgba(18,25,39,.92)!important;
  border-color:rgba(133,168,255,.14)!important;
  color:#dfeaff!important;
}
.button.secondary:hover,
.icon-button:hover,
.status-chip:hover,
.voice-quick-play:hover,
.picker-play:hover,
.selected-voice-preview:hover,
.favorite-button:hover,
.picker-favorite:hover,
.voice-scope-tabs button:hover,
.picker-tabs button:hover,
.picker-gender button:hover,
.workspace-button:hover,
.popup-menu button:hover,
.public-actions .button.secondary:hover,
.text-button:hover{
  background:rgba(27,109,243,.12)!important;
  border-color:rgba(72,130,255,.32)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(27,109,243,.08) inset,0 8px 22px rgba(27,109,243,.14)!important;
}
.play-button,
.voice-quick-play:hover,
.picker-play:hover,
.selected-voice-preview:hover{
  background:var(--gradient)!important;
  color:#fff!important;
}

.nav-item{color:#9eaec8!important}
.nav-item:hover{background:rgba(27,109,243,.08)!important;color:#fff!important}
.nav-item.active{
  color:#fff!important;
  border-color:rgba(72,130,255,.28)!important;
  background:linear-gradient(90deg,rgba(27,109,243,.16),rgba(27,109,243,.08))!important;
  box-shadow:inset 3px 0 0 #1b6df3,0 10px 24px rgba(27,109,243,.12)!important;
}
.nav-item em{background:rgba(27,109,243,.12)!important;color:#b9d0ff!important}
.nav-item .soon{background:rgba(89,130,255,.08)!important;color:#9abfff!important}

.voice-scope-tabs button.active,
.picker-tabs button.active,
.picker-gender button.active{
  color:#fff!important;
  background:rgba(27,109,243,.14)!important;
  border-color:rgba(72,130,255,.34)!important;
  box-shadow:0 0 0 1px rgba(27,109,243,.08) inset,0 8px 22px rgba(27,109,243,.12)!important;
}
.picker-tabs b{background:rgba(255,255,255,.08)!important;color:#d8e5ff!important}

.credit-card{background:linear-gradient(180deg,rgba(27,109,243,.10),rgba(17,24,39,.96))!important}
.credit-track{background:#162134!important}
.credit-track i{background:var(--gradient)!important}
.avatar.gradient{background:var(--gradient)!important;box-shadow:0 10px 28px rgba(27,109,243,.22)!important}

.login-card input,
.clone-form input,
.clone-form select,
.control-card input,
.control-card select,
.output-options select,
.voice-filters input,
.voice-filters select,
.dialogue-row select,
.dialogue-row textarea,
.modal input,
.modal select,
.modal textarea,
.account-panel input,
.account-panel select,
.account-panel textarea,
.picker-search,
.picker-filter-row select{
  background:#0c1320!important;
  color:#eff5ff!important;
  border-color:rgba(133,168,255,.16)!important;
}
.login-card input:focus,
.clone-form input:focus,
.clone-form select:focus,
.control-card input:focus,
.control-card select:focus,
.voice-filters input:focus,
.voice-filters select:focus,
.dialogue-row textarea:focus,
.dialogue-row select:focus,
.modal input:focus,
.modal select:focus,
.modal textarea:focus,
.account-panel input:focus,
.account-panel select:focus,
.account-panel textarea:focus,
.picker-search:focus-within,
.picker-filter-row select:focus{
  border-color:rgba(72,130,255,.42)!important;
  box-shadow:0 0 0 3px rgba(27,109,243,.12)!important;
  outline:none;
}

.status-chip i,.workspace-button .status-dot{background:#49d6a3!important;box-shadow:0 0 12px rgba(73,214,163,.55)!important}
.selected-voice b,.picker-select b,.voice-quick b,.profile-row b,.brand b,.login-brand b{color:#f3f7ff!important}
.selected-voice small,.picker-select small,.voice-quick small,.profile-row span,.brand small,.login-brand small{color:#91a0bc!important}
.history-play.playing{
  border-color:rgba(72,130,255,.34)!important;
  background:linear-gradient(105deg,rgba(27,109,243,.18),rgba(55,110,243,.14))!important;
  color:#fff!important;
}
.history-play.playing svg{stroke:#9ec0ff!important}
.popup-menu,.profile-menu,.workspace-menu{background:#0f1522!important;border-color:rgba(133,168,255,.16)!important}

/* Public site cards/buttons */
.public-header,.public-hero-card,.pricing-card,.feature-card,.public-wave-card,.future-card,.about-card,.compare-card,.faq-card{
  background:linear-gradient(180deg,rgba(17,24,39,.94),rgba(10,14,23,.97))!important;
  border-color:rgba(133,168,255,.14)!important;
}
.public-nav a:hover,.public-actions .button.secondary:hover{color:#fff!important}
.public-brand small,.public-nav a,.muted,small{color:var(--muted)}

/* Keep hover chips/glow from AI Nerdy */
.button:hover,
.icon-button:hover,
.voice-card:hover,
.history-item:hover,
.plan-card:hover,
.public-card:hover,
.pricing-card:hover{
  box-shadow:0 0 0 1px rgba(27,109,243,.08) inset,0 12px 28px rgba(27,109,243,.10)!important;
}

/* ==================================================
   NOBE LABS v5.1 — AI NERDY BRIGHT/DARK SWITCH
   ================================================== */
.theme-toggle{flex:none}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

body.theme-light{
  --app-bg:#e8eef8;
  --app-bg-deep:#dbe4f2;
  --surface-1:#ffffff;
  --surface-2:#f4f7fc;
  --border:#d9e2f0;
  --border-strong:#c6d4e8;
  --text-primary:#0b1220;
  --text-secondary:#5f6f88;
  --text-muted:#8491a7;
  --accent-pink:#1b6df3;
  --accent-magenta:#1b6df3;
  --accent-violet:#376ef3;
  --bg:#e8eef8;
  --bg-2:#dbe4f2;
  --panel:#ffffff;
  --panel-2:#f4f7fc;
  --line:#d9e2f0;
  --text:#0b1220;
  --muted:#5f6f88;
  --muted-2:#8491a7;
  --pink:#1b6df3;
  --violet:#376ef3;
  --blue:#1b6df3;
  --cyan:#2388ff;
  --green:#1eb980;
  --gold:#4f7cff;
  --danger:#d43d54;
  --gradient:linear-gradient(100deg,#1b6df3 0%,#2a74f4 58%,#4b8cff 100%);
  --shadow:0 16px 42px rgba(44,75,125,.11);
  background:
    radial-gradient(circle at 52% -16%,rgba(27,109,243,.12) 0,transparent 40%),
    linear-gradient(180deg,#f4f8ff 0,#e8eef8 40%,#e5edf8 100%)!important;
  color:#0b1220!important;
}
body.theme-light .ambient{opacity:.035}
body.theme-light .ambient-a,body.theme-light .ambient-b,body.theme-light .ambient-c{background:#1b6df3}
body.theme-light .sidebar,
body.theme-light .topbar,
body.theme-light .public-header{
  background:rgba(255,255,255,.92)!important;
  border-color:#d9e2f0!important;
  box-shadow:0 1px 0 rgba(44,75,125,.05)!important;
}
body.theme-light .sidebar{color:#0b1220!important}
body.theme-light .panel,
body.theme-light .popup-menu,
body.theme-light .modal,
body.theme-light .login-card,
body.theme-light .credit-card,
body.theme-light .workspace-button,
body.theme-light .status-chip,
body.theme-light .voice-card,
body.theme-light .history-item,
body.theme-light .public-card,
body.theme-light .feature-card,
body.theme-light .pricing-card,
body.theme-light .public-hero-card,
body.theme-light .public-wave-card,
body.theme-light .future-card,
body.theme-light .about-card,
body.theme-light .compare-card,
body.theme-light .faq-card,
body.theme-light .table-wrap,
body.theme-light .provider-card,
body.theme-light .mini-card,
body.theme-light .script-panel,
body.theme-light .control-card,
body.theme-light .output-panel,
body.theme-light .quality-card,
body.theme-light .saved-clones,
body.theme-light .dialogue-panel,
body.theme-light .podcast-summary,
body.theme-light .system-card,
body.theme-light .metric-card,
body.theme-light .security-card,
body.theme-light .account-panel,
body.theme-light .sessions-panel,
body.theme-light .package-admin-card,
body.theme-light .pool-admin-grid article,
body.theme-light .performance-card,
body.theme-light .stat-card,
body.theme-light .provider-status-card,
body.theme-light .retention-card,
body.theme-light .provider-activity-panel{
  background:#fff!important;
  color:#0b1220!important;
  border-color:#d9e2f0!important;
  box-shadow:0 10px 28px rgba(44,75,125,.07)!important;
}
body.theme-light .hero-card{
  background:radial-gradient(600px 320px at 75% 15%,rgba(27,109,243,.09),transparent 70%),#fff!important;
  border-color:#d9e2f0!important;
  box-shadow:0 16px 42px rgba(44,75,125,.09)!important;
}
body.theme-light .voice-engine-card,
body.theme-light .next-wave{
  background:linear-gradient(180deg,#f8fbff,#eef4fc)!important;
  border-color:#d9e2f0!important;
}
body.theme-light .feature-card:hover,
body.theme-light .voice-card:hover,
body.theme-light .history-item:hover,
body.theme-light .plan-card:hover,
body.theme-light .pricing-card:hover{
  background:#f9fbff!important;
  border-color:#b9cdf0!important;
  box-shadow:0 12px 30px rgba(27,109,243,.10)!important;
}

body.theme-light .brand,
body.theme-light .public-brand,
body.theme-light .workspace-button,
body.theme-light .profile-row,
body.theme-light .page-identity,
body.theme-light .studio-title,
body.theme-light .panel,
body.theme-light .modal,
body.theme-light .popup-menu,
body.theme-light .selected-voice,
body.theme-light .voice-quick button,
body.theme-light .picker-select,
body.theme-light .picker-footer button,
body.theme-light .text-button,
body.theme-light .nav-item,
body.theme-light .public-nav a,
body.theme-light .public-legal-links,
body.theme-light .public-footer,
body.theme-light table,
body.theme-light th,
body.theme-light td{
  color:#0b1220!important;
}
body.theme-light .brand small,
body.theme-light .public-brand small,
body.theme-light .profile-row span,
body.theme-light .workspace-button small,
body.theme-light .page-identity span,
body.theme-light .studio-title p,
body.theme-light .panel p,
body.theme-light .modal p,
body.theme-light .selected-voice small,
body.theme-light .voice-quick small,
body.theme-light .picker-select small,
body.theme-light .public-nav a,
body.theme-light .hero-copy>p,
body.theme-light .feature-card p,
body.theme-light .voice-preview-row span,
body.theme-light .engine-stats span,
body.theme-light .hero-metrics span,
body.theme-light .editor-footer,
body.theme-light .clone-item span,
body.theme-light .public-footer p{
  color:#66758e!important;
}
body.theme-light .section-kicker,
body.theme-light .nav-label,
body.theme-light .soft-badge,
body.theme-light .page-identity span{
  color:#315f9f!important;
}
body.theme-light .soft-badge{
  background:#edf4ff!important;
  border-color:#c8daf6!important;
}
body.theme-light .gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important}

body.theme-light .nav-item{color:#41516c!important}
body.theme-light .nav-item:hover{background:#edf4ff!important;color:#0b1220!important}
body.theme-light .nav-item.active{
  background:linear-gradient(90deg,#e7f1ff,#f3f7ff)!important;
  border-color:#b9d0f4!important;
  color:#0b1220!important;
  box-shadow:inset 3px 0 0 #1b6df3,0 8px 20px rgba(27,109,243,.08)!important;
}
body.theme-light .nav-item.active svg{color:#1b6df3!important}
body.theme-light .nav-item em{background:#e9f2ff!important;color:#1b6df3!important}

body.theme-light .button.secondary,
body.theme-light .icon-button,
body.theme-light .status-chip,
body.theme-light .workspace-button,
body.theme-light .popup-menu button,
body.theme-light .voice-quick-play,
body.theme-light .picker-play,
body.theme-light .selected-voice-preview,
body.theme-light .favorite-button,
body.theme-light .picker-favorite,
body.theme-light .picker-tabs button,
body.theme-light .voice-scope-tabs button,
body.theme-light .picker-gender button{
  background:#fff!important;
  color:#172033!important;
  border-color:#d4dfef!important;
  box-shadow:none!important;
}
body.theme-light .button.secondary:hover,
body.theme-light .icon-button:hover,
body.theme-light .status-chip:hover,
body.theme-light .workspace-button:hover,
body.theme-light .popup-menu button:hover,
body.theme-light .voice-quick-play:hover,
body.theme-light .picker-play:hover,
body.theme-light .selected-voice-preview:hover,
body.theme-light .favorite-button:hover,
body.theme-light .picker-favorite:hover,
body.theme-light .picker-tabs button:hover,
body.theme-light .voice-scope-tabs button:hover,
body.theme-light .picker-gender button:hover,
body.theme-light .text-button:hover{
  background:#eaf3ff!important;
  color:#0b1220!important;
  border-color:#aac7f5!important;
  box-shadow:0 8px 20px rgba(27,109,243,.10)!important;
}
body.theme-light .play-button,
body.theme-light .voice-quick-play:hover,
body.theme-light .picker-play:hover,
body.theme-light .selected-voice-preview:hover{
  background:var(--gradient)!important;
  color:#fff!important;
}
body.theme-light .voice-scope-tabs button.active,
body.theme-light .picker-tabs button.active,
body.theme-light .picker-gender button.active,
body.theme-light .admin-tabs button.active{
  background:#e8f1ff!important;
  border-color:#aac7f5!important;
  color:#0b1220!important;
  box-shadow:inset 0 0 0 1px rgba(27,109,243,.08)!important;
}
body.theme-light .admin-tabs{background:#fff!important;border-color:#d9e2f0!important}
body.theme-light .admin-tabs button{color:#5b6a83!important}
body.theme-light .admin-tabs button:hover{background:#eef4fc!important;color:#0b1220!important}

body.theme-light .credit-card{background:linear-gradient(180deg,#f3f8ff,#fff)!important}
body.theme-light .credit-track{background:#dbe6f5!important}
body.theme-light .credit-track i{background:var(--gradient)!important}
body.theme-light .avatar{background:#e4ecf8!important;color:#18345f!important}
body.theme-light .avatar.gradient{background:var(--gradient)!important;color:#fff!important}

body.theme-light .login-card input,
body.theme-light .clone-form input,
body.theme-light .clone-form select,
body.theme-light .control-card input,
body.theme-light .control-card select,
body.theme-light .output-options select,
body.theme-light .voice-filters input,
body.theme-light .voice-filters select,
body.theme-light .dialogue-row select,
body.theme-light .dialogue-row textarea,
body.theme-light .modal input,
body.theme-light .modal select,
body.theme-light .modal textarea,
body.theme-light .account-panel input,
body.theme-light .account-panel select,
body.theme-light .account-panel textarea,
body.theme-light .picker-search,
body.theme-light .picker-filter-row select,
body.theme-light .selected-voice{
  background:#fff!important;
  color:#0b1220!important;
  border-color:#d4dfef!important;
}
body.theme-light .script-panel textarea{
  color:#0b1220!important;
  background:#fff!important;
}
body.theme-light .script-panel textarea::placeholder{color:#91a0b7!important}
body.theme-light .editor-toolbar,
body.theme-light .editor-footer,
body.theme-light .picker-filter-row,
body.theme-light .picker-footer,
body.theme-light .picker-language-title,
body.theme-light .topbar,
body.theme-light .public-header{
  border-color:#d9e2f0!important;
}
body.theme-light .preset-strip button{
  background:#f7faff!important;
  color:#4d5f7a!important;
  border-color:#d9e2f0!important;
}
body.theme-light .preset-strip button:hover{background:#eaf3ff!important;color:#0b1220!important;border-color:#aac7f5!important}
body.theme-light .modal.voice-library-modal{background:#fff!important}
body.theme-light .picker-tabs button,
body.theme-light .picker-search,
body.theme-light .picker-filter-row select{background:#f8fbff!important}
body.theme-light .picker-voice-row:hover{background:#f0f6ff!important}
body.theme-light .picker-language-title{color:#6e7e97!important}
body.theme-light .picker-favorite{color:#7d8ba1!important}
body.theme-light .picker-favorite.active,body.theme-light .favorite-button.active{color:#f0a500!important}
body.theme-light .popup-menu,body.theme-light .profile-menu,body.theme-light .workspace-menu{background:#fff!important}

body.theme-light .toast{
  background:#fff!important;
  color:#0b1220!important;
  border-color:#cfdbee!important;
  box-shadow:0 16px 38px rgba(44,75,125,.15)!important;
}
body.theme-light .toast.success{border-color:#9ddbc6!important}
body.theme-light .toast.error{border-color:#efb1bb!important}
body.theme-light .modal-backdrop{background:rgba(29,45,72,.22)!important}
body.theme-light .modal-close{color:#34445f!important}
body.theme-light .theme-toggle{background:#fff!important;color:#172033!important;border-color:#d4dfef!important}
body.theme-light .theme-toggle:hover{background:#eaf3ff!important;color:#1b6df3!important;border-color:#aac7f5!important}

/* === NOBE v5.1 THEME VISIBILITY REPAIR START ===
   APPEARANCE ONLY: colors, contrast, fonts, borders, shadows, hover/focus/toasts.
   No layout, routes, API calls, generation, credits, auth, voice or database logic.
   === */

/* ---------- shared legibility ---------- */
body,
button,
input,
textarea,
select{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body{font-weight:400}
button,.button,.nav-item,.admin-tabs button,.picker-tabs button,.voice-scope-tabs button{font-weight:700!important}
small,.muted,.editor-footer,.field-block>small,.model-help{opacity:1!important}
button:disabled,.button:disabled,.icon-button:disabled{opacity:.60!important;filter:none!important}
.button:hover,.button.primary:hover,.button.premium:hover,.button.secondary:hover,
.icon-button:hover,.nav-item:hover,.preset-strip button:hover,.text-button:hover,
.voice-scope-tabs button:hover,.picker-tabs button:hover,.picker-gender button:hover,
.favorite-button:hover,.picker-favorite:hover,.picker-play:hover,.voice-quick-play:hover{
  filter:none!important;
}

/* Theme variables: AI Nerdy blue/white and deep blue-black only. */
body:not(.theme-light){
  --app-bg:#080c14;
  --app-bg-deep:#05080e;
  --surface-1:#0e1521;
  --surface-2:#121b2a;
  --border:#202d42;
  --border-strong:#304565;
  --text-primary:#f3f7ff;
  --text-secondary:#a9b7cb;
  --text-muted:#8393ab;
  --accent-pink:#2478f3;
  --accent-magenta:#347ff4;
  --accent-violet:#66a0ff;
  --bg:var(--app-bg);
  --bg-2:var(--app-bg-deep);
  --panel:var(--surface-1);
  --panel-2:var(--surface-2);
  --line:var(--border);
  --text:var(--text-primary);
  --muted:var(--text-secondary);
  --muted-2:var(--text-muted);
  --pink:#2478f3;
  --violet:#347ff4;
  --blue:#66a0ff;
  --cyan:#71c7ff;
  --green:#42d3a2;
  --gold:#8eb8ff;
  --danger:#ff7589;
  --gradient:linear-gradient(100deg,#2478f3 0%,#347ff4 58%,#67a3ff 100%);
  color-scheme:dark;
  color:var(--text-primary)!important;
  background:radial-gradient(900px 520px at 50% -18%,rgba(36,120,243,.15),transparent 68%),#080c14!important;
}
body.theme-light{
  --app-bg:#edf4fd;
  --app-bg-deep:#e4edf9;
  --surface-1:#ffffff;
  --surface-2:#f5f9ff;
  --border:#d6e1ef;
  --border-strong:#b9cde6;
  --text-primary:#0b1424;
  --text-secondary:#566985;
  --text-muted:#7486a0;
  --accent-pink:#2478f3;
  --accent-magenta:#347ff4;
  --accent-violet:#66a0ff;
  --bg:var(--app-bg);
  --bg-2:var(--app-bg-deep);
  --panel:var(--surface-1);
  --panel-2:var(--surface-2);
  --line:var(--border);
  --text:var(--text-primary);
  --muted:var(--text-secondary);
  --muted-2:var(--text-muted);
  --pink:#2478f3;
  --violet:#347ff4;
  --blue:#66a0ff;
  --cyan:#2b8fff;
  --green:#16a675;
  --gold:#477dd8;
  --danger:#ca3e53;
  --gradient:linear-gradient(100deg,#2478f3 0%,#347ff4 58%,#67a3ff 100%);
  color-scheme:light;
  color:#0b1424!important;
  background:radial-gradient(900px 520px at 50% -18%,rgba(36,120,243,.10),transparent 68%),#edf4fd!important;
}

/* ---------- buttons / chips / tabs ---------- */
body:not(.theme-light) .button.primary,
body:not(.theme-light) .button.premium,
body:not(.theme-light) .play-button,
body:not(.theme-light) .nav-item.active,
body:not(.theme-light) .voice-scope-tabs button.active,
body:not(.theme-light) .picker-tabs button.active,
body:not(.theme-light) .picker-gender button.active,
body:not(.theme-light) .admin-tabs button.active{
  color:#fff!important;
}
body:not(.theme-light) .button.secondary,
body:not(.theme-light) .icon-button,
body:not(.theme-light) .workspace-button,
body:not(.theme-light) .status-chip,
body:not(.theme-light) .preset-strip button,
body:not(.theme-light) .voice-scope-tabs button,
body:not(.theme-light) .picker-tabs button,
body:not(.theme-light) .picker-gender button,
body:not(.theme-light) .favorite-button,
body:not(.theme-light) .picker-favorite,
body:not(.theme-light) .picker-play,
body:not(.theme-light) .voice-quick-play{
  background:#111a29!important;
  border-color:#263750!important;
  color:#dce8fb!important;
}
body:not(.theme-light) .button.secondary:hover,
body:not(.theme-light) .icon-button:hover,
body:not(.theme-light) .workspace-button:hover,
body:not(.theme-light) .preset-strip button:hover,
body:not(.theme-light) .voice-scope-tabs button:hover,
body:not(.theme-light) .picker-tabs button:hover,
body:not(.theme-light) .picker-gender button:hover,
body:not(.theme-light) .favorite-button:hover,
body:not(.theme-light) .picker-favorite:hover{
  background:#172740!important;
  border-color:#3a66a4!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(72,137,255,.08) inset,0 8px 22px rgba(24,90,190,.15)!important;
}
body.theme-light .button.primary,
body.theme-light .button.premium,
body.theme-light .play-button,
body.theme-light .nav-item.active,
body.theme-light .voice-scope-tabs button.active,
body.theme-light .picker-tabs button.active,
body.theme-light .picker-gender button.active,
body.theme-light .admin-tabs button.active{
  background:linear-gradient(100deg,#2478f3,#347ff4 58%,#5c98ff)!important;
  color:#fff!important;
  border-color:#2478f3!important;
  box-shadow:0 8px 22px rgba(36,120,243,.20)!important;
}
body.theme-light .button.secondary,
body.theme-light .icon-button,
body.theme-light .workspace-button,
body.theme-light .status-chip,
body.theme-light .preset-strip button,
body.theme-light .voice-scope-tabs button,
body.theme-light .picker-tabs button,
body.theme-light .picker-gender button,
body.theme-light .favorite-button,
body.theme-light .picker-favorite,
body.theme-light .picker-play,
body.theme-light .voice-quick-play{
  background:#fff!important;
  border-color:#cfdced!important;
  color:#26364e!important;
  box-shadow:none!important;
}
body.theme-light .button.secondary:hover,
body.theme-light .icon-button:hover,
body.theme-light .workspace-button:hover,
body.theme-light .status-chip:hover,
body.theme-light .preset-strip button:hover,
body.theme-light .voice-scope-tabs button:hover,
body.theme-light .picker-tabs button:hover,
body.theme-light .picker-gender button:hover,
body.theme-light .favorite-button:hover,
body.theme-light .picker-favorite:hover{
  background:#edf5ff!important;
  border-color:#9fc0ed!important;
  color:#115fc8!important;
  box-shadow:0 7px 18px rgba(36,120,243,.10)!important;
}

/* ---------- shell / typography ---------- */
body:not(.theme-light) .sidebar,
body:not(.theme-light) .topbar,
body:not(.theme-light) .public-header{background:rgba(7,11,18,.96)!important;border-color:#1d2a3d!important}
body.theme-light .sidebar,
body.theme-light .topbar,
body.theme-light .public-header{background:rgba(255,255,255,.96)!important;border-color:#d6e1ef!important}
body:not(.theme-light) .brand b,
body:not(.theme-light) .public-brand b,
body:not(.theme-light) .page-identity b,
body:not(.theme-light) .studio-title h1,
body:not(.theme-light) h1,
body:not(.theme-light) h2,
body:not(.theme-light) h3,
body:not(.theme-light) strong{color:#f4f8ff!important}
body.theme-light .brand b,
body.theme-light .public-brand b,
body.theme-light .page-identity b,
body.theme-light .studio-title h1,
body.theme-light h1,
body.theme-light h2,
body.theme-light h3,
body.theme-light strong{color:#0b1424!important}
body:not(.theme-light) p,
body:not(.theme-light) small,
body:not(.theme-light) .muted{color:#a8b5c9!important}
body.theme-light p,
body.theme-light small,
body.theme-light .muted{color:#5d6f89!important}
body:not(.theme-light) .section-kicker,
body:not(.theme-light) .nav-label,
body:not(.theme-light) .page-identity span{color:#8db8f7!important}
body.theme-light .section-kicker,
body.theme-light .nav-label,
body.theme-light .page-identity span{color:#356ba9!important}

/* ---------- generic panels, forms and menus ---------- */
body:not(.theme-light) .panel,
body:not(.theme-light) .modal,
body:not(.theme-light) .popup-menu,
body:not(.theme-light) .profile-menu,
body:not(.theme-light) .workspace-menu,
body:not(.theme-light) .login-card,
body:not(.theme-light) .credit-card,
body:not(.theme-light) .voice-card,
body:not(.theme-light) .history-item,
body:not(.theme-light) .account-panel,
body:not(.theme-light) .sessions-panel,
body:not(.theme-light) .system-card,
body:not(.theme-light) .security-card,
body:not(.theme-light) .metric-card,
body:not(.theme-light) .provider-status-card,
body:not(.theme-light) .retention-card,
body:not(.theme-light) .provider-activity-panel,
body:not(.theme-light) .performance-card,
body:not(.theme-light) .package-admin-card,
body:not(.theme-light) .pool-admin-grid article{
  background:#0e1521!important;
  border-color:#202f46!important;
  color:#f3f7ff!important;
}
body.theme-light .panel,
body.theme-light .modal,
body.theme-light .popup-menu,
body.theme-light .profile-menu,
body.theme-light .workspace-menu,
body.theme-light .login-card,
body.theme-light .credit-card,
body.theme-light .voice-card,
body.theme-light .history-item,
body.theme-light .account-panel,
body.theme-light .sessions-panel,
body.theme-light .system-card,
body.theme-light .security-card,
body.theme-light .metric-card,
body.theme-light .provider-status-card,
body.theme-light .retention-card,
body.theme-light .provider-activity-panel,
body.theme-light .performance-card,
body.theme-light .package-admin-card,
body.theme-light .pool-admin-grid article{
  background:#fff!important;
  border-color:#d6e1ef!important;
  color:#0b1424!important;
  box-shadow:0 9px 24px rgba(46,76,120,.07)!important;
}
body:not(.theme-light) input,
body:not(.theme-light) textarea,
body:not(.theme-light) select,
body:not(.theme-light) .selected-voice,
body:not(.theme-light) .picker-search{
  background:#0b121d!important;
  color:#f2f7ff!important;
  border-color:#283852!important;
}
body.theme-light input,
body.theme-light textarea,
body.theme-light select,
body.theme-light .selected-voice,
body.theme-light .picker-search{
  background:#fff!important;
  color:#0b1424!important;
  border-color:#cfdced!important;
}
body:not(.theme-light) input::placeholder,
body:not(.theme-light) textarea::placeholder{color:#71839f!important;opacity:1}
body.theme-light input::placeholder,
body.theme-light textarea::placeholder{color:#8798af!important;opacity:1}
body:not(.theme-light) input:focus,
body:not(.theme-light) textarea:focus,
body:not(.theme-light) select:focus{border-color:#468cf4!important;box-shadow:0 0 0 3px rgba(36,120,243,.14)!important;outline:none}
body.theme-light input:focus,
body.theme-light textarea:focus,
body.theme-light select:focus{border-color:#2478f3!important;box-shadow:0 0 0 3px rgba(36,120,243,.12)!important;outline:none}
body:not(.theme-light) select option{background:#0b121d;color:#f2f7ff}
body.theme-light select option{background:#fff;color:#0b1424}

/* ---------- TTS ---------- */
body:not(.theme-light) .script-panel,
body:not(.theme-light) .control-card,
body:not(.theme-light) .output-panel,
body:not(.theme-light) .output-options{
  background:#0e1521!important;border-color:#202f46!important;color:#f3f7ff!important;
}
body.theme-light .script-panel,
body.theme-light .control-card,
body.theme-light .output-panel,
body.theme-light .output-options{
  background:#fff!important;border-color:#d6e1ef!important;color:#0b1424!important;
}
body.theme-light .script-panel textarea{background:#fff!important;color:#0b1424!important}
body:not(.theme-light) .script-panel textarea{background:transparent!important;color:#f4f8ff!important}
body.theme-light .editor-toolbar,
body.theme-light .editor-footer{background:#fff!important;border-color:#d6e1ef!important;color:#65758d!important}
body:not(.theme-light) .editor-toolbar,
body:not(.theme-light) .editor-footer{background:#0e1521!important;border-color:#202f46!important;color:#9eacc0!important}
body:not(.theme-light) .engine-line,
body:not(.theme-light) .natural-flow-card select,
body:not(.theme-light) .voice-quick{background:#0b121d!important;border-color:#283852!important;color:#f3f7ff!important}
body.theme-light .engine-line,
body.theme-light .natural-flow-card select,
body.theme-light .voice-quick{background:#f8fbff!important;border-color:#cfdbeb!important;color:#0b1424!important}
body.theme-light .engine-line b{color:#0b1424!important}
body.theme-light .engine-line small,
body.theme-light .natural-flow-card>small{color:#63758f!important}
body:not(.theme-light) .engine-line b{color:#f3f7ff!important}
body:not(.theme-light) .engine-line small,
body:not(.theme-light) .natural-flow-card>small{color:#9bacbf!important}

/* ---------- voice picker / library ---------- */
body:not(.theme-light) .modal.voice-library-modal{background:#0c121d!important;border-color:#223149!important}
body.theme-light .modal.voice-library-modal{background:#fff!important;border-color:#d6e1ef!important}
body:not(.theme-light) .picker-tabs button,
body:not(.theme-light) .picker-filter-row select{background:#101927!important;border-color:#263750!important;color:#c9d7eb!important}
body.theme-light .picker-tabs button,
body.theme-light .picker-filter-row select{background:#f7faff!important;border-color:#cfdced!important;color:#40526d!important}
body:not(.theme-light) .picker-voice-row:hover{background:#142238!important}
body.theme-light .picker-voice-row:hover{background:#edf5ff!important}
body:not(.theme-light) .picker-select b{color:#f4f8ff!important}
body.theme-light .picker-select b{color:#0b1424!important}
body:not(.theme-light) .picker-select small{color:#91a2ba!important}
body.theme-light .picker-select small{color:#63758f!important}
body.theme-light .picker-language-title{color:#61738e!important;border-color:#e0e8f3!important}
body:not(.theme-light) .picker-language-title{color:#8fa0b8!important;border-color:#1e2b40!important}
body.theme-light .picker-tabs b{background:#dce9fb!important;color:#225fae!important}
body:not(.theme-light) .picker-tabs b{background:#1c2a40!important;color:#bcd3f7!important}

/* ---------- clone wizard: remove black-on-light boxes ---------- */
body:not(.theme-light) .analysis-strip>div,
body:not(.theme-light) .clone-summary-grid>div,
body:not(.theme-light) .segmented-choice button,
body:not(.theme-light) .clone-confirm-card,
body:not(.theme-light) .clone-preview{
  background:#101927!important;
  color:#f3f7ff!important;
  border-color:#263750!important;
}
body.theme-light .analysis-strip>div,
body.theme-light .clone-summary-grid>div,
body.theme-light .segmented-choice button,
body.theme-light .clone-confirm-card,
body.theme-light .clone-preview{
  background:#f7faff!important;
  color:#0b1424!important;
  border-color:#d3deed!important;
}
body.theme-light .analysis-strip b,
body.theme-light .clone-summary-grid b,
body.theme-light .clone-confirm-card b{color:#0b1424!important}
body.theme-light .analysis-strip span,
body.theme-light .clone-summary-grid span,
body.theme-light .clone-confirm-card small{color:#65778f!important}
body:not(.theme-light) .analysis-strip b,
body:not(.theme-light) .clone-summary-grid b,
body:not(.theme-light) .clone-confirm-card b{color:#f3f7ff!important}
body:not(.theme-light) .analysis-strip span,
body:not(.theme-light) .clone-summary-grid span,
body:not(.theme-light) .clone-confirm-card small{color:#93a5bd!important}
body.theme-light .segmented-choice button{color:#42536d!important}
body.theme-light .segmented-choice button:hover{background:#edf5ff!important;color:#0b1424!important;border-color:#a9c5e9!important}
body.theme-light .segmented-choice button.active{background:#e8f2ff!important;color:#0f61c9!important;border-color:#86b2ed!important;box-shadow:inset 0 0 0 1px rgba(36,120,243,.08)!important}
body:not(.theme-light) .segmented-choice button.active{background:#17305a!important;color:#fff!important;border-color:#397fe2!important}
body.theme-light .clone-summary-card li em{color:#0b1424!important}
body:not(.theme-light) .clone-summary-card li em{color:#f3f7ff!important}
body.theme-light .clone-summary-card li b{color:#63758f!important}
body:not(.theme-light) .clone-summary-card li b{color:#9badc3!important}
body.theme-light .progress-ring{background:conic-gradient(#2478f3 var(--progress),#dbe6f4 0)!important}
body.theme-light .progress-ring:after{background:#fff!important}
body:not(.theme-light) .progress-ring{background:conic-gradient(#347ff4 var(--progress),#223149 0)!important}
body:not(.theme-light) .progress-ring:after{background:#0e1521!important}
body.theme-light .clone-step span{background:#fff!important;color:#344760!important;border-color:#cbd9ea!important}
body.theme-light .clone-step.active span,
body.theme-light .clone-step.done span{background:#2478f3!important;color:#fff!important;border-color:#2478f3!important;box-shadow:0 7px 18px rgba(36,120,243,.16)!important}
body:not(.theme-light) .clone-step span{background:#101927!important;color:#9aabc0!important;border-color:#2d3d56!important}
body:not(.theme-light) .clone-step.active span,
body:not(.theme-light) .clone-step.done span{background:#2478f3!important;color:#fff!important;border-color:#2478f3!important}

/* ---------- account sessions ---------- */
body:not(.theme-light) .session-row{background:#101927!important;border-color:#263750!important;color:#f3f7ff!important}
body.theme-light .session-row{background:#f8fbff!important;border-color:#d6e1ef!important;color:#0b1424!important}
body.theme-light .session-row.current{background:#f3fbf8!important;border-color:#b9e5d7!important}
body:not(.theme-light) .session-row.current{background:#0d211d!important;border-color:#245547!important}
body.theme-light .session-main b{color:#0b1424!important}
body.theme-light .session-main>span,
body.theme-light .session-main>small{color:#60728c!important}
body:not(.theme-light) .session-main b{color:#f3f7ff!important}
body:not(.theme-light) .session-main>span,
body:not(.theme-light) .session-main>small{color:#94a5bc!important}

/* ---------- admin cards / tables ---------- */
body.theme-light .admin-tabs{background:#fff!important;border-color:#d6e1ef!important}
body:not(.theme-light) .admin-tabs{background:#0c131f!important;border-color:#24344c!important}
body.theme-light .table-search,
body.theme-light .search-box{background:#fff!important;border-color:#cfdced!important;color:#0b1424!important}
body:not(.theme-light) .table-search,
body:not(.theme-light) .search-box{background:#0b121d!important;border-color:#283852!important;color:#f3f7ff!important}
body.theme-light th{color:#556781!important}
body.theme-light td{color:#18243a!important}
body:not(.theme-light) th{color:#91a2b9!important}
body:not(.theme-light) td{color:#e6eefb!important}
body.theme-light .performance-numbers>div,
body.theme-light .provider-status-metrics>div,
body.theme-light .account-summary-strip>div,
body.theme-light .report-grid article{
  background:#f8fbff!important;border-color:#d6e1ef!important;color:#0b1424!important;
}
body:not(.theme-light) .performance-numbers>div,
body:not(.theme-light) .provider-status-metrics>div,
body:not(.theme-light) .account-summary-strip>div,
body:not(.theme-light) .report-grid article{
  background:#111b2a!important;border-color:#263750!important;color:#f3f7ff!important;
}

/* ---------- podcast ---------- */
body.theme-light .dialogue-panel,
body.theme-light .podcast-summary,
body.theme-light .dialogue-row{background:#fff!important;border-color:#d6e1ef!important;color:#0b1424!important}
body:not(.theme-light) .dialogue-panel,
body:not(.theme-light) .podcast-summary,
body:not(.theme-light) .dialogue-row{background:#0e1521!important;border-color:#202f46!important;color:#f3f7ff!important}
body.theme-light .dialogue-row select,
body.theme-light .dialogue-row textarea{background:#f8fbff!important;color:#0b1424!important;border-color:#d3deed!important}
body:not(.theme-light) .dialogue-row select,
body:not(.theme-light) .dialogue-row textarea{background:#0b121d!important;color:#f3f7ff!important;border-color:#283852!important}

/* ---------- public site: fully match selected light/dark mode ---------- */
body.theme-light .public-site{
  background:linear-gradient(180deg,#f7faff 0%,#edf4fd 52%,#e9f1fb 100%)!important;
  color:#0b1424!important;
}
body:not(.theme-light) .public-site{
  background:linear-gradient(180deg,#080c14 0%,#080c14 58%,#060911 100%)!important;
  color:#f3f7ff!important;
}
body.theme-light .public-main,
body.theme-light .public-hero,
body.theme-light .public-section{color:#0b1424!important}
body:not(.theme-light) .public-main,
body:not(.theme-light) .public-hero,
body:not(.theme-light) .public-section{color:#f3f7ff!important}
body.theme-light .public-hero-copy h1,
body.theme-light .public-section-heading h2,
body.theme-light .public-feature-copy h2,
body.theme-light .public-service-card h3,
body.theme-light .public-future-card h3,
body.theme-light .public-cta h2{color:#0b1424!important}
body:not(.theme-light) .public-hero-copy h1,
body:not(.theme-light) .public-section-heading h2,
body:not(.theme-light) .public-feature-copy h2,
body:not(.theme-light) .public-service-card h3,
body:not(.theme-light) .public-future-card h3,
body:not(.theme-light) .public-cta h2{color:#f3f7ff!important}
body.theme-light .public-hero-copy>p,
body.theme-light .public-section-heading p,
body.theme-light .public-feature-copy>p,
body.theme-light .public-service-card p,
body.theme-light .public-future-card p,
body.theme-light .public-cta p{color:#596c87!important}
body:not(.theme-light) .public-hero-copy>p,
body:not(.theme-light) .public-section-heading p,
body:not(.theme-light) .public-feature-copy>p,
body:not(.theme-light) .public-service-card p,
body:not(.theme-light) .public-future-card p,
body:not(.theme-light) .public-cta p{color:#a8b5c9!important}

body.theme-light .public-engine-card,
body.theme-light .public-playground,
body.theme-light .public-service-card,
body.theme-light .public-workflow-panel,
body.theme-light .public-future-card,
body.theme-light .public-cta{
  background:#fff!important;
  border-color:#d6e1ef!important;
  color:#0b1424!important;
  box-shadow:0 14px 34px rgba(47,77,120,.08)!important;
}
body:not(.theme-light) .public-engine-card,
body:not(.theme-light) .public-playground,
body:not(.theme-light) .public-service-card,
body:not(.theme-light) .public-workflow-panel,
body:not(.theme-light) .public-future-card,
body:not(.theme-light) .public-cta{
  background:#0e1521!important;
  border-color:#202f46!important;
  color:#f3f7ff!important;
}
body.theme-light .public-engine-card:before{opacity:.45!important}
body.theme-light .public-playground-editor{background:#fff!important;border-color:#d6e1ef!important}
body.theme-light .public-playground-controls{background:#f5f9ff!important}
body:not(.theme-light) .public-playground-editor{background:#0e1521!important;border-color:#202f46!important}
body:not(.theme-light) .public-playground-controls{background:#101927!important}
body.theme-light .public-playground-editor textarea{color:#0b1424!important;background:transparent!important}
body:not(.theme-light) .public-playground-editor textarea{color:#f4f8ff!important;background:transparent!important}
body.theme-light .playground-toolbar,
body.theme-light .playground-toolbar b,
body.theme-light .public-playground-controls label>span,
body.theme-light .public-preview-note{color:#60728c!important}
body:not(.theme-light) .playground-toolbar,
body:not(.theme-light) .playground-toolbar b,
body:not(.theme-light) .public-playground-controls label>span,
body:not(.theme-light) .public-preview-note{color:#9badc3!important}
body.theme-light .public-playground-controls select{background:#fff!important;color:#0b1424!important;border-color:#cfdced!important}
body:not(.theme-light) .public-playground-controls select{background:#0b121d!important;color:#f3f7ff!important;border-color:#283852!important}
body.theme-light .public-prompt-chips button{background:#fff!important;color:#41536e!important;border-color:#cfdced!important}
body.theme-light .public-prompt-chips button:hover{background:#edf5ff!important;color:#115fc8!important;border-color:#9fc0ed!important}
body:not(.theme-light) .public-prompt-chips button{background:#111a29!important;color:#c9d7eb!important;border-color:#263750!important}
body.theme-light .playground-wave{background:#f7faff!important;border-color:#d6e1ef!important}
body:not(.theme-light) .playground-wave{background:#0b121d!important;border-color:#283852!important}

body.theme-light .public-voice-strip,
body.theme-light .public-workflow-output,
body.theme-light .public-workflow-script,
body.theme-light .public-workflow-steps>div,
body.theme-light .public-engine-stats span{
  background:#f8fbff!important;
  border-color:#d6e1ef!important;
  color:#0b1424!important;
}
body:not(.theme-light) .public-voice-strip,
body:not(.theme-light) .public-workflow-output,
body:not(.theme-light) .public-workflow-script,
body:not(.theme-light) .public-workflow-steps>div,
body:not(.theme-light) .public-engine-stats span{
  background:#101927!important;
  border-color:#263750!important;
  color:#f3f7ff!important;
}
body.theme-light .public-voice-strip b,
body.theme-light .public-engine-stats b,
body.theme-light .public-workflow-output b{color:#0b1424!important}
body.theme-light .public-voice-strip span,
body.theme-light .public-engine-stats span,
body.theme-light .public-workflow-output span{color:#63758f!important}
body:not(.theme-light) .public-voice-strip b,
body:not(.theme-light) .public-engine-stats b,
body:not(.theme-light) .public-workflow-output b{color:#f3f7ff!important}
body:not(.theme-light) .public-voice-strip span,
body:not(.theme-light) .public-engine-stats span,
body:not(.theme-light) .public-workflow-output span{color:#9badc3!important}
body.theme-light .public-feature-list article{border-color:#d6e1ef!important}
body:not(.theme-light) .public-feature-list article{border-color:#202f46!important}
body.theme-light .public-feature-list h3{color:#0b1424!important}
body.theme-light .public-feature-list p{color:#5d6f89!important}
body:not(.theme-light) .public-feature-list h3{color:#f3f7ff!important}
body:not(.theme-light) .public-feature-list p{color:#a8b5c9!important}
body.theme-light .public-service-card li,
body.theme-light .public-service-card>button,
body.theme-light .public-future-card>button{color:#334762!important}
body:not(.theme-light) .public-service-card li,
body:not(.theme-light) .public-service-card>button,
body:not(.theme-light) .public-future-card>button{color:#dce6f6!important}
body.theme-light .public-trust-row span{color:#65778f!important}
body.theme-light .public-trust-row b{color:#0b1424!important}
body:not(.theme-light) .public-trust-row span{color:#91a2b9!important}
body:not(.theme-light) .public-trust-row b{color:#f3f7ff!important}

/* ---------- login / auth ---------- */
body.theme-light .login-panel,
body.theme-light .auth-dialog{
  background:linear-gradient(145deg,#fff,#f5f9ff)!important;
  color:#0b1424!important;
  border-color:#d6e1ef!important;
}
body:not(.theme-light) .login-panel,
body:not(.theme-light) .auth-dialog{
  background:linear-gradient(145deg,#0e1521,#090e17)!important;
  color:#f3f7ff!important;
  border-color:#202f46!important;
}
body.theme-light .login-brand{color:#0b1424!important}
body.theme-light .login-copy h1,
body.theme-light .auth-brand-row b{color:#0b1424!important}
body.theme-light .login-copy>p,
body.theme-light .auth-help{color:#5d6f89!important}

/* ---------- toasts / popups / validation ---------- */
.toast{opacity:1!important;font-weight:650!important;backdrop-filter:none!important}
body.theme-light .toast{
  background:#fff!important;
  color:#142238!important;
  border-color:#cbd9ea!important;
  box-shadow:0 14px 34px rgba(41,67,105,.16)!important;
}
body.theme-light .toast.success{background:#f2fbf7!important;color:#0d5d43!important;border-color:#9dd8c6!important}
body.theme-light .toast.error{background:#fff5f6!important;color:#9f2338!important;border-color:#e9aab4!important}
body:not(.theme-light) .toast{
  background:#111a29!important;
  color:#eef5ff!important;
  border-color:#30445f!important;
  box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
}
body:not(.theme-light) .toast.success{background:#10231f!important;color:#a9f1d7!important;border-color:#286a58!important}
body:not(.theme-light) .toast.error{background:#28141a!important;color:#ffc0ca!important;border-color:#7a3442!important}
body.theme-light .form-message{color:#b02d43!important}
body:not(.theme-light) .form-message{color:#ff93a4!important}

/* ---------- media/concept cards: theme-aware instead of blind black ---------- */
body.theme-light .next-wave,
body.theme-light .voice-engine-card{background:#f5f9ff!important;border-color:#d6e1ef!important;color:#0b1424!important}
body:not(.theme-light) .next-wave,
body:not(.theme-light) .voice-engine-card{background:#101927!important;border-color:#263750!important;color:#f3f7ff!important}

/* Keep only media stage itself dark in light mode where dark preview improves contrast. */
body.theme-light .public-orb-wrap,
body.theme-light .orb-stage{color:#0b1424!important}

/* Prevent legacy pink/magenta active states from leaking through. */
body .nav-item.active,
body .admin-tabs button.active,
body .voice-scope-tabs button.active,
body .picker-tabs button.active,
body .picker-gender button.active,
body .segmented-choice button.active{
  --accent-pink:#2478f3!important;
  --accent-magenta:#347ff4!important;
  --accent-violet:#66a0ff!important;
}

/* === NOBE v5.1 THEME VISIBILITY REPAIR END === */

/* === NOBE EXACT INTER + REMOVE NEXT WAVE START === */
/* UI-only patch. No API/TTS/cloning/credits/auth/database/provider logic is changed. */

:root{
  --nobe-ui-font:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html,body,button,input,textarea,select,option{
  font-family:var(--nobe-ui-font)!important;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body{font-weight:400}

/* AI Nerdy-like formal navigation/list typography: medium, not chunky bold. */
.nav-item b,
.main-nav .nav-item b{
  font-family:var(--nobe-ui-font)!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
}
.nav-item.active b,.main-nav .nav-item.active b{font-weight:600!important}
.workspace-button b,.profile-row b{font-weight:600!important}
.workspace-button small,.profile-row small{font-weight:400!important}
.nav-label{font-weight:600!important}
.button,.text-button,.icon-button{font-weight:600!important}

/* Keep normal UI copy formal and readable without changing sizing/layout. */
p,small,label,input,textarea,select,option,td{font-weight:400}
th,.section-kicker,.soft-badge{font-weight:600!important}

/* NEXT WAVE is removed from all visible product surfaces only. */
#publicFuture,
#page-dashboard .next-wave,
#mainNav [data-page="music"],
#mainNav [data-page="commentary"],
#page-music,
#page-commentary,
[data-feature="Music Lab"],
[data-feature="Video Commentary"]{
  display:none!important;
}

/* Let the remaining dashboard activity card use the space cleanly. */
#page-dashboard .dashboard-grid{
  grid-template-columns:minmax(0,1fr)!important;
}
#page-dashboard .dashboard-grid>.usage-panel{
  grid-column:1/-1!important;
}

/* === NOBE EXACT INTER + REMOVE NEXT WAVE END === */

/* === NOBE v5.1 VISIBILITY + ENCODING FIX START === */
/* Visual/encoding repair only. No TTS, cloning, API, credits, auth, database or provider logic is changed. */

/* Remove every visible NEXT WAVE / Coming next surface while leaving dormant implementation code intact. */
.public-nav a[href="#publicFuture"],
#publicFuture,
#page-dashboard .next-wave,
#mainNav [data-page="music"],
#mainNav [data-page="commentary"],
#page-music,
#page-commentary,
[data-feature="Music Lab"],
[data-feature="Video Commentary"]{
  display:none!important;
}

/* BRIGHT THEME: direct child colors must beat the older dark-theme !important rules. */
body.theme-light #selectedVoiceName,
body.theme-light .selected-voice b,
body.theme-light .voice-card-title b,
body.theme-light .picker-select b,
body.theme-light .voice-quick b,
body.theme-light #profileName,
body.theme-light .profile-row b,
body.theme-light .profile-menu button b,
body.theme-light .popup-menu button b,
body.theme-light .public-voice-strip b{
  color:#0b1220!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.theme-light #selectedVoiceMeta,
body.theme-light .selected-voice small,
body.theme-light .voice-card-title span,
body.theme-light .picker-select small,
body.theme-light .voice-quick small,
body.theme-light #profileRole,
body.theme-light .profile-row span,
body.theme-light .profile-menu button small,
body.theme-light .popup-menu button small,
body.theme-light .public-voice-strip span{
  color:#5f708d!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.theme-light #profileMenuButton,
body.theme-light #profileMenuButton svg{
  color:#243b60!important;
  stroke:currentColor!important;
  opacity:1!important;
}
body.theme-light .profile-menu,
body.theme-light .popup-menu{
  background:#ffffff!important;
  border-color:#cfdced!important;
  box-shadow:0 18px 44px rgba(35,64,108,.16)!important;
}
body.theme-light .profile-menu button,
body.theme-light .popup-menu button{
  color:#172033!important;
}
body.theme-light .profile-menu button:hover,
body.theme-light .popup-menu button:hover{
  color:#0b1220!important;
  background:#edf4ff!important;
}

/* Voice picker / selected voice text stays readable in both themes. */
body.theme-light .voice-picker-modal-head h2,
body.theme-light .picker-language-title b,
body.theme-light .picker-language-title span{
  color:#0b1220!important;
  opacity:1!important;
}
body.theme-light .picker-tabs button:not(.active){color:#52627c!important}
body.theme-light .picker-tabs button.active{color:#0b1220!important}
body.theme-light .picker-search input{color:#0b1220!important}
body.theme-light .picker-search input::placeholder{color:#8290a7!important;opacity:1}

/* Close button: fixes the previous garbled close symbol and keeps it readable. */
.modal-close{
  color:#eef4ff!important;
  opacity:1!important;
  line-height:1!important;
  font-family:"Inter",ui-sans-serif,sans-serif!important;
}
body.theme-light .modal-close{
  color:#172033!important;
  background:#fff!important;
  border-color:#cfdced!important;
}
body.theme-light .modal-close:hover{
  color:#0b1220!important;
  background:#edf4ff!important;
  border-color:#aac7f5!important;
}

/* Keep selected voice card/formal voice metadata aligned and readable. */
.selected-voice span:nth-child(2),
.voice-card-title,
.picker-select,
.voice-quick-select span:nth-child(2){min-width:0!important}
.selected-voice b,.selected-voice small,
.voice-card-title b,.voice-card-title span,
.picker-select b,.picker-select small{
  text-overflow:ellipsis!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

/* === NOBE v5.1 VISIBILITY + ENCODING FIX END === */

/* === NOBE v5.1 SUBSCRIPTION + PUBLIC PRICING CONTACT START === */
/* UI placement only: public Pricing/Contact + logged-in Subscription. No TTS, cloning, provider, credits or auth logic changed. */
.public-nav{gap:28px}.public-nav a{white-space:nowrap}.centered-heading{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}.nobe-public-pricing-section,.nobe-public-contact-section{scroll-margin-top:92px}.nobe-subscription-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.nobe-subscription-card{position:relative;display:flex;flex-direction:column;min-height:510px;padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--panel);color:var(--text);box-shadow:0 10px 28px rgba(31,76,145,.05);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform}.nobe-subscription-card:hover,.nobe-subscription-card:focus-within{transform:translateY(-8px);border-color:rgba(45,122,244,.72);box-shadow:0 22px 48px rgba(31,92,184,.16)}.nobe-subscription-card.featured{border-color:#2d7af4;box-shadow:0 16px 38px rgba(45,122,244,.14),inset 0 3px 0 #2d7af4}.nobe-subscription-card.featured:hover{box-shadow:0 26px 56px rgba(45,122,244,.22),inset 0 3px 0 #2d7af4}.nobe-plan-badge{position:absolute;right:18px;top:17px;padding:6px 10px;border-radius:999px;background:#2d7af4;color:#fff;font-size:9px;line-height:1;font-weight:800;letter-spacing:.08em}.nobe-plan-heading{padding-right:72px}.nobe-plan-heading span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em}.nobe-plan-heading h3{margin:8px 0 5px;font-size:24px;letter-spacing:-.035em}.nobe-plan-heading p{margin:0;min-height:38px;color:var(--muted);font-size:12px;line-height:1.5}.nobe-plan-price{display:flex;align-items:baseline;gap:7px;margin:21px 0 15px}.nobe-plan-price strong{font-size:42px;line-height:.95;letter-spacing:-.06em}.nobe-plan-price small{color:var(--muted);font-size:11px}.nobe-capacity-line{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid rgba(45,122,244,.28);border-radius:13px;background:color-mix(in srgb,#2d7af4 5%,var(--panel));font-size:12px}.nobe-capacity-line svg{width:17px;height:17px;fill:none;stroke:#2d7af4;stroke-width:1.8}.nobe-feature-list{display:grid;gap:11px;margin:19px 0 24px;padding:0;list-style:none;color:var(--text-soft,var(--muted));font-size:12px;line-height:1.35}.nobe-feature-list li{position:relative;padding-left:21px}.nobe-feature-list li:before{content:'✓';position:absolute;left:0;top:0;color:#2d7af4;font-weight:900}.nobe-subscription-card>.button{margin-top:auto;width:100%;min-height:44px}.nobe-custom-capacity{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:22px 24px}.nobe-custom-capacity h3{margin:5px 0;font-size:23px}.nobe-custom-capacity p{margin:0;color:var(--muted);font-size:12px}.nobe-custom-capacity a{text-decoration:none;white-space:nowrap}.nobe-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto}.nobe-contact-card{position:relative;padding:24px;border:1px solid rgba(34,190,120,.28);border-radius:20px;background:var(--panel);box-shadow:0 10px 28px rgba(31,76,145,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.nobe-contact-card:hover{transform:translateY(-5px);border-color:rgba(34,190,120,.62);box-shadow:0 18px 38px rgba(22,133,90,.12)}.nobe-contact-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;margin-bottom:17px;background:#e8fbf3;color:#0b9e68;font-size:10px;font-weight:900}.nobe-contact-card>span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.11em}.nobe-contact-card h3{margin:7px 0 6px;font-size:22px}.nobe-contact-card p{margin:0 0 17px;color:var(--muted);font-size:12px}.nobe-contact-card a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid rgba(34,190,120,.45);border-radius:11px;color:#0b9e68;text-decoration:none;font-size:11px;font-weight:800}.nobe-contact-card a:hover{background:#0b9e68;color:#fff}.app-subscription-grid{margin-top:18px}.billing-footer{margin-top:18px}.package-admin-grid{align-items:stretch}.nobe-admin-plan-card{min-height:500px}.nobe-admin-note{display:block;margin-top:auto;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:9px;line-height:1.45}.main-nav .nav-item[data-page="billing"] svg{stroke:currentColor}.public-subscription-grid .button.primary,.app-subscription-grid .button.primary{background:#2d7af4!important;border-color:#2d7af4!important;color:#fff!important;box-shadow:0 8px 20px rgba(45,122,244,.18)!important}.public-subscription-grid .button.secondary,.app-subscription-grid .button.secondary{background:var(--panel)!important;border-color:var(--border)!important;color:var(--text)!important}
body:not(.theme-light) .nobe-subscription-card,body:not(.theme-light) .nobe-contact-card{box-shadow:0 10px 28px rgba(0,0,0,.20)}body:not(.theme-light) .nobe-subscription-card:hover,body:not(.theme-light) .nobe-subscription-card:focus-within{box-shadow:0 24px 52px rgba(0,0,0,.32),0 0 0 1px rgba(45,122,244,.18)}body:not(.theme-light) .nobe-contact-icon{background:rgba(10,159,104,.12);color:#4adea3}body:not(.theme-light) .nobe-contact-card a{color:#58dda8}body:not(.theme-light) .nobe-contact-card a:hover{background:#0b9e68;color:#fff}
@media(max-width:1220px){.nobe-subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-nav{gap:18px}}@media(max-width:900px){.public-nav{display:none}.nobe-contact-grid{grid-template-columns:1fr}}@media(max-width:680px){.nobe-subscription-grid{grid-template-columns:1fr}.nobe-subscription-card{min-height:auto}.nobe-custom-capacity{align-items:flex-start;flex-direction:column}.nobe-custom-capacity .button{width:100%}}
/* === NOBE v5.1 SUBSCRIPTION + PUBLIC PRICING CONTACT END === */

/* === NOBE v5.1 LIGHT LOGIN CLEANUP START === */
/* Visual-only login polish. Dark theme and authentication behavior are untouched. */
html[data-theme="light"] .auth-overlay,
body.theme-light .auth-overlay{
  background:rgba(20,34,55,.48)!important;
  backdrop-filter:blur(10px)!important;
}
html[data-theme="light"] .auth-dialog,
body.theme-light .auth-dialog{
  background:#ffffff!important;
  color:#0b1220!important;
  border:1px solid #d7e2f0!important;
  box-shadow:0 24px 70px rgba(15,35,66,.18),0 5px 18px rgba(15,35,66,.06)!important;
}
html[data-theme="light"] .auth-brand-row,
body.theme-light .auth-brand-row{
  border-bottom-color:#e3eaf4!important;
}
html[data-theme="light"] .auth-brand-row b,
body.theme-light .auth-brand-row b{
  color:#0b1220!important;
}
html[data-theme="light"] .auth-brand-row small,
body.theme-light .auth-brand-row small{
  color:#718098!important;
}
html[data-theme="light"] .auth-close,
body.theme-light .auth-close{
  background:#f8fbff!important;
  border:1px solid #d6e2f1!important;
  color:#51627a!important;
  box-shadow:none!important;
}
html[data-theme="light"] .auth-close:hover,
body.theme-light .auth-close:hover{
  background:#eef5ff!important;
  border-color:#93baf4!important;
  color:#1b6df3!important;
}
html[data-theme="light"] .auth-dialog .login-card,
body.theme-light .auth-dialog .login-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
html[data-theme="light"] .auth-dialog .login-card h2,
body.theme-light .auth-dialog .login-card h2{
  color:#0b1220!important;
}
html[data-theme="light"] .auth-dialog .login-card p,
body.theme-light .auth-dialog .login-card p{
  color:#687993!important;
}
html[data-theme="light"] .auth-dialog .section-kicker,
body.theme-light .auth-dialog .section-kicker{
  color:#1b6df3!important;
}
html[data-theme="light"] .auth-dialog .login-card label>span,
body.theme-light .auth-dialog .login-card label>span{
  color:#33445d!important;
  opacity:1!important;
}
html[data-theme="light"] .auth-dialog .login-card input,
body.theme-light .auth-dialog .login-card input{
  background:#f7faff!important;
  color:#0b1220!important;
  border:1px solid #cbd9eb!important;
  box-shadow:none!important;
}
html[data-theme="light"] .auth-dialog .login-card input::placeholder,
body.theme-light .auth-dialog .login-card input::placeholder{
  color:#91a0b5!important;
}
html[data-theme="light"] .auth-dialog .login-card input:hover,
body.theme-light .auth-dialog .login-card input:hover{
  border-color:#a9bfdc!important;
}
html[data-theme="light"] .auth-dialog .login-card input:focus,
body.theme-light .auth-dialog .login-card input:focus{
  background:#fff!important;
  border-color:#2d7af4!important;
  box-shadow:0 0 0 3px rgba(45,122,244,.12)!important;
}
html[data-theme="light"] .auth-dialog #loginButton,
body.theme-light .auth-dialog #loginButton{
  background:linear-gradient(90deg,#1b6df3,#4d90ff)!important;
  border-color:#1b6df3!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(27,109,243,.18)!important;
}
html[data-theme="light"] .auth-dialog #loginButton:hover,
body.theme-light .auth-dialog #loginButton:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 11px 25px rgba(27,109,243,.24)!important;
}
html[data-theme="light"] .auth-dialog .form-message,
html[data-theme="light"] .auth-dialog #loginMessage,
body.theme-light .auth-dialog .form-message,
body.theme-light .auth-dialog #loginMessage{
  color:#d9344b!important;
  opacity:1!important;
  font-weight:600!important;
}
html[data-theme="light"] .auth-help,
body.theme-light .auth-help{
  color:#72829a!important;
}
/* Public play controls: make pause state obvious without changing layout. */
#publicHeroPlay.playing,
[data-public-workflow-play].playing{
  box-shadow:0 0 0 4px rgba(45,122,244,.12),0 8px 20px rgba(45,122,244,.18)!important;
}
#publicDemoPlay.playing{
  box-shadow:0 8px 22px rgba(45,122,244,.22)!important;
}
/* === NOBE v5.1 LIGHT LOGIN CLEANUP END === */

/* === NOBE v5.1 CLONE DIALOG + TONE SELECT FIX START === */
#cloneTone,#cloneLanguage{font-size:14px!important;font-weight:500!important;line-height:1.35!important}
html[data-theme="light"] #cloneTone,html[data-theme="light"] #cloneLanguage{color-scheme:light!important;background:#fff!important;color:#13243c!important;border-color:#cbd9ec!important}
html[data-theme="light"] #cloneTone option,html[data-theme="light"] #cloneLanguage option{background:#fff!important;color:#13243c!important;font-size:14px!important;font-weight:500!important}
html[data-theme="light"] #cloneTone optgroup{background:#f7faff!important;color:#405571!important;font-size:13px!important;font-weight:700!important}
html[data-theme="dark"] #cloneTone,html[data-theme="dark"] #cloneLanguage{color-scheme:dark!important;background:#0d1624!important;color:#f4f7fb!important;border-color:#26364b!important}
html[data-theme="dark"] #cloneTone option,html[data-theme="dark"] #cloneLanguage option{background:#0d1624!important;color:#f4f7fb!important;font-size:14px!important;font-weight:500!important}
html[data-theme="dark"] #cloneTone optgroup{background:#101b2a!important;color:#9db0c9!important;font-size:13px!important;font-weight:700!important}
.nobe-confirm-dialog{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;min-width:min(460px,78vw);padding:8px 4px 2px}
.nobe-confirm-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(199,42,47,.09);border:1px solid rgba(199,42,47,.2);color:#c72a2f}
.nobe-confirm-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}
.nobe-confirm-copy h2{margin:7px 0 8px!important;font-size:22px!important;line-height:1.2!important;color:var(--ai-text,var(--text))!important}
.nobe-confirm-copy p{margin:0!important;color:var(--ai-text-muted,var(--muted))!important;font-size:13px!important;line-height:1.55!important;max-width:440px}
.nobe-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:16px;border-top:1px solid var(--ai-border,var(--line))}
.button.danger-confirm{height:42px;padding:0 18px;border-radius:11px;border:1px solid rgba(199,42,47,.28);background:#c72a2f;color:#fff;font-weight:650;box-shadow:0 8px 20px rgba(199,42,47,.16)}
.button.danger-confirm:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 10px 24px rgba(199,42,47,.2)}
.button.danger-confirm:active{transform:translateY(0)}
html[data-theme="light"] .nobe-confirm-icon{background:#fff1f2;border-color:#f2c5ca;color:#b4232a}
html[data-theme="dark"] .nobe-confirm-icon{background:rgba(224,55,62,.1);border-color:rgba(224,55,62,.25);color:#ff747a}
@media(max-width:640px){.nobe-confirm-dialog{min-width:0;grid-template-columns:44px 1fr}.nobe-confirm-icon{width:42px;height:42px}.nobe-confirm-actions{flex-direction:column-reverse}.nobe-confirm-actions .button{width:100%}}
/* === NOBE v5.1 CLONE DIALOG + TONE SELECT FIX END === */

/* === NOBE v5.1 THEMED CLONE TONE PICKER CSS START === */
#cloneTone.nobe-tone-native{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.nobe-tone-picker{position:relative;width:100%;min-width:0}
.nobe-tone-trigger{width:100%;height:48px;padding:0 14px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font:inherit;font-size:14px;font-weight:500;text-align:left;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.nobe-tone-trigger:hover{border-color:#8fb9f3}
.nobe-tone-picker.open .nobe-tone-trigger,.nobe-tone-trigger:focus-visible{outline:none;border-color:#2475f5;box-shadow:0 0 0 3px rgba(36,117,245,.12)}
.nobe-tone-chevron{font-size:17px;line-height:1;color:var(--muted);transform:translateY(-1px);transition:transform .16s ease}
.nobe-tone-picker.open .nobe-tone-chevron{transform:rotate(180deg) translateY(1px)}
.nobe-tone-menu{position:absolute;z-index:450;left:0;right:0;top:calc(100% + 5px);max-height:330px;overflow:auto;padding:5px 0;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--text);box-shadow:0 14px 30px rgba(27,45,72,.16)}
.nobe-tone-group+.nobe-tone-group{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
.nobe-tone-group-title{padding:7px 14px 5px;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.nobe-tone-option{display:block;width:100%;min-height:34px;padding:7px 14px;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;font-size:14px;font-weight:500;line-height:1.25;box-shadow:none}
.nobe-tone-option:hover{background:#eef5ff;color:#102039}
.nobe-tone-option.selected{background:#2475f5!important;color:#fff!important}
html[data-theme="light"] .nobe-tone-trigger{background:#fff;color:#0b1220;border-color:#b9cce6}
html[data-theme="light"] .nobe-tone-menu{background:#fff;color:#111827;border-color:#8da7c7;box-shadow:0 12px 26px rgba(32,58,92,.17)}
html[data-theme="light"] .nobe-tone-group-title{color:#60738d;background:#f8fbff}
html[data-theme="light"] .nobe-tone-option{background:#fff;color:#111827}
html[data-theme="light"] .nobe-tone-option:hover{background:#eaf3ff;color:#0b1220}
html[data-theme="dark"] .nobe-tone-trigger{background:#0d1624;color:#f2f6fc;border-color:#2a3a50}
html[data-theme="dark"] .nobe-tone-menu{background:#0d1624;color:#f2f6fc;border-color:#31445e;box-shadow:0 16px 34px rgba(0,0,0,.34)}
html[data-theme="dark"] .nobe-tone-group-title{color:#8fa3bd;background:#101b2a}
html[data-theme="dark"] .nobe-tone-option{background:#0d1624;color:#f2f6fc}
html[data-theme="dark"] .nobe-tone-option:hover{background:#16263c;color:#fff}
@media(max-width:720px){.nobe-tone-menu{max-height:280px}}
/* === NOBE v5.1 THEMED CLONE TONE PICKER CSS END === */


/* === NOBE v5.1 ADMIN PACKAGE CARD + ACCOUNT CONTROL POLISH START === */
#packageAdminGrid{gap:12px!important}
#packageAdminGrid .nobe-admin-plan-card{min-height:430px!important;padding:18px!important;border-radius:18px!important}
#packageAdminGrid .nobe-plan-badge{top:14px!important;right:14px!important;font-size:8px!important;padding:5px 8px!important}
#packageAdminGrid .nobe-plan-heading{padding-right:62px!important}
#packageAdminGrid .nobe-plan-heading span{font-size:8.5px!important;letter-spacing:.12em!important}
#packageAdminGrid .nobe-plan-heading h3{font-size:20px!important;margin:7px 0 4px!important;line-height:1.05!important}
#packageAdminGrid .nobe-plan-heading p{font-size:10px!important;line-height:1.45!important;min-height:30px!important}
#packageAdminGrid .nobe-plan-price{margin:15px 0 12px!important;gap:6px!important}
#packageAdminGrid .nobe-plan-price strong{font-size:31px!important;line-height:1!important;letter-spacing:-.045em!important}
#packageAdminGrid .nobe-plan-price small{font-size:9px!important}
#packageAdminGrid .nobe-capacity-line{padding:10px 11px!important;border-radius:11px!important;font-size:10px!important}
#packageAdminGrid .nobe-capacity-line svg{width:14px!important;height:14px!important}
#packageAdminGrid .nobe-feature-list{gap:7px!important;margin:14px 0 15px!important;font-size:9.5px!important;line-height:1.3!important}
#packageAdminGrid .nobe-feature-list li{padding-left:17px!important}
#packageAdminGrid .nobe-admin-note{font-size:7.5px!important;padding-top:9px!important;line-height:1.4!important}
.row-actions button{opacity:1!important;cursor:pointer!important;font-weight:700!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important}
.row-actions button:hover{transform:translateY(-1px)!important}
body.theme-light .row-actions button{background:#f4f8ff!important;border-color:#c9daf4!important;color:#1d5fb8!important}
body.theme-light .row-actions button:hover{background:#e8f1ff!important;border-color:#80aef3!important;box-shadow:0 5px 14px rgba(45,122,244,.12)!important}
body:not(.theme-light) .row-actions button{background:#111a29!important;border-color:#2b3b55!important;color:#dbe8ff!important}
body:not(.theme-light) .row-actions button:hover{background:#16243a!important;border-color:#4b7fc9!important}
.nobe-manage-form{gap:12px!important}
.nobe-manage-wide{grid-column:1/-1!important}
.nobe-manage-section{border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;background:color-mix(in srgb,var(--panel) 94%,var(--accent,#2d7af4) 6%)!important}
.nobe-manage-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:12px!important}
.nobe-manage-section-head span{display:block!important;color:var(--muted)!important;font-size:7.5px!important;font-weight:800!important;letter-spacing:.12em!important}
.nobe-manage-section-head h3{margin:4px 0 0!important;font-size:15px!important;line-height:1.2!important}
.nobe-manage-section-head>b{font-size:11px!important;color:var(--text)!important;white-space:nowrap!important}
.nobe-manage-two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.nobe-manage-inline{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;align-items:end!important}
.nobe-package-control{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important}
.nobe-package-control .button{min-height:39px!important;white-space:nowrap!important}
.nobe-credit-adjust{display:grid!important;grid-template-columns:minmax(0,.65fr) minmax(0,1fr)!important;gap:10px!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--border)!important}
.nobe-credit-adjust-actions{grid-column:1/-1!important;display:flex!important;gap:8px!important;justify-content:flex-end!important}
.nobe-manage-help{margin:9px 0 0!important;color:var(--muted)!important;font-size:8.5px!important;line-height:1.5!important}
.nobe-reset-pool{min-height:39px!important;margin:0!important;padding:0 11px!important;border:1px solid var(--border)!important;border-radius:10px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;background:var(--surface-2)!important}
.nobe-reset-pool input{width:auto!important;margin:0!important}
.nobe-reset-pool span{font-size:8.5px!important}
.nobe-account-summary{margin:12px 0 4px!important}
.nobe-account-actions{padding-top:12px!important;border-top:1px solid var(--border)!important;justify-content:space-between!important}
.danger-soft{border-color:rgba(220,64,82,.28)!important;color:#cf3e52!important}
body.theme-light .danger-soft{background:#fff5f6!important}
body:not(.theme-light) .danger-soft{background:rgba(220,64,82,.08)!important;color:#ff8a99!important}
body.theme-light .nobe-manage-section{background:#f8fbff!important;border-color:#d7e3f3!important}
body:not(.theme-light) .nobe-manage-section{background:#0e1624!important;border-color:#24334a!important}
@media(max-width:760px){.nobe-manage-two,.nobe-manage-inline,.nobe-credit-adjust,.nobe-package-control{grid-template-columns:1fr!important}.nobe-credit-adjust-actions{justify-content:stretch!important;flex-direction:column!important}.nobe-package-control .button,.nobe-credit-adjust-actions .button{width:100%!important}}
/* === NOBE v5.1 ADMIN PACKAGE CARD + ACCOUNT CONTROL POLISH END === */

/* >>> NOBE-V5.1D-HISTORY-TYPOGRAPHY-START >>> */
/* NOBE LABS v5.1d — Generation History typography polish only
   Visual-only patch. No JS, API, playback, download, credits, or history logic changes. */

#page-history .studio-title {
  margin-bottom: 18px;
  gap: 18px;
}

#page-history .studio-title .soft-badge {
  padding: 6px 10px;
  font-size: 9px;
  line-height: 1;
  letter-spacing: .12em;
  font-weight: 650;
}

#page-history .studio-title h1 {
  margin: 10px 0 6px;
  font-size: 42px;
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 700;
}

#page-history .studio-title p {
  font-size: 12.5px;
  line-height: 1.45;
  font-weight: 400;
}

#page-history #clearHistory {
  min-height: 36px;
  padding: 0 13px;
  border-radius: 10px;
  gap: 7px;
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
}

#page-history #clearHistory svg {
  width: 14px;
  height: 14px;
}

#page-history .history-list {
  padding: 4px 18px;
}

#page-history .history-item {
  grid-template-columns: 38px minmax(0,1fr) auto;
  gap: 12px;
  min-height: 72px;
  padding: 11px 2px;
}

#page-history .history-item .feature-icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  margin: 0;
  border-radius: 11px;
}

#page-history .history-item .feature-icon svg {
  width: 17px;
  height: 17px;
}

#page-history .history-item > div:nth-child(2) {
  gap: 3px;
  min-width: 0;
}

#page-history .history-item > div:nth-child(2) b {
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: -.01em;
  font-weight: 600;
}

#page-history .history-item > div:nth-child(2) span {
  font-size: 10.5px;
  line-height: 1.4;
  font-weight: 400;
}

#page-history .history-actions {
  gap: 7px;
}

#page-history .history-play,
#page-history .history-download,
#page-history .history-actions a {
  min-height: 31px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 10px;
  line-height: 1;
  font-weight: 600;
}

#page-history .history-play svg,
#page-history .history-actions a svg {
  width: 12px !important;
  height: 12px !important;
  max-width: 12px;
  max-height: 12px;
}

#page-history .expired-pill {
  padding: 5px 7px;
  font-size: 9px;
  font-weight: 600;
}

@media (max-width: 900px) {
  #page-history .studio-title h1 { font-size: 36px; }
  #page-history .history-item { grid-template-columns: 36px minmax(0,1fr) auto; }
}

@media (max-width: 620px) {
  #page-history .studio-title { align-items: flex-start; }
  #page-history .studio-title h1 { font-size: 32px; }
  #page-history .history-list { padding-inline: 12px; }
  #page-history .history-item > div:nth-child(2) b { font-size: 13.5px; }
  #page-history .history-item > div:nth-child(2) span { font-size: 10px; }
}
/* <<< NOBE-V5.1D-HISTORY-TYPOGRAPHY-END <<< */


@media(max-width:980px){.public-voice-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.public-library-preview{padding:18px}.public-library-preview-head{align-items:stretch;flex-direction:column}.public-library-preview-head .button{width:100%}.public-voice-gallery{grid-template-columns:1fr}}

body.theme-light .public-library-preview{background:#fff!important;border-color:#d6e1ef!important;color:#0b1424!important;box-shadow:0 14px 34px rgba(47,77,120,.08)!important}body:not(.theme-light) .public-library-preview{background:#0e1521!important;border-color:#202f46!important;color:#f3f7ff!important}body.theme-light .public-library-preview-head p,body.theme-light .public-voice-card-copy span,body.theme-light .public-voice-gallery-empty{color:#60728c!important}body:not(.theme-light) .public-library-preview-head p,body:not(.theme-light) .public-voice-card-copy span,body:not(.theme-light) .public-voice-gallery-empty{color:#9badc3!important}body.theme-light .public-voice-card{background:#f8fbff!important;border-color:#d6e1ef!important;color:#0b1424!important}body:not(.theme-light) .public-voice-card{background:#101927!important;border-color:#263750!important;color:#f3f7ff!important}