/* Isolated modal sizing prevents the library from stretching other dialogs. */
dialog.emotion-modal{width:min(660px,calc(100vw - 32px));max-width:660px;height:auto;max-height:82vh;background:var(--surface-low);border-radius:17px}dialog.emotion-modal .modal-head{padding:18px 23px}dialog.emotion-modal .modal-body{padding:22px 23px 25px;height:auto;overflow:auto;max-height:calc(82vh - 75px)}dialog.emotion-modal .emotion-groups{gap:20px}dialog.emotion-modal .emotion-group h3{font-size:11px;margin:0 0 10px}dialog.emotion-modal .emotion-tag{font-size:10px;padding:7px 9px}dialog.emotion-modal .emotion-group>div{gap:7px}dialog:has(#new-project-form){max-width:440px;width:calc(100% - 36px);height:auto}dialog:has(#new-project-form) .modal-body{padding:23px;height:auto}dialog:has(#new-project-form) .modal-head{padding:21px 23px}dialog:has(#new-project-form) .modal-head h2{font-size:19px}#new-project-form .modal-actions{margin-top:22px;justify-content:flex-end}#new-project-form .field input{width:100%}.page>.new-project-dashed{width:220px;max-width:100%;margin:18px auto 0;min-height:44px}
/* Dark, compact catalogue: three columns with shorter cards on desktop. */
dialog.library-modal.library-dense{width:min(1260px,calc(100% - 44px));max-width:1260px;height:min(840px,90vh);background:#080808}dialog.library-dense .modal-head{padding:17px 22px;background:#080808}dialog.library-dense .modal-head h2{font-size:16px}dialog.library-dense .modal-body{height:calc(100% - 67px);padding:0;background:#080808}dialog.library-dense .library-toolbar{padding:12px 18px;background:#080808}dialog.library-dense .library-tabs{padding:0 18px;background:#0b0b0b;min-height:45px}dialog.library-dense .library-tabs button{padding:11px 0;font-size:11px}dialog.library-dense .library-scroll-content{padding:13px 18px;background:#080808}dialog.library-dense .library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}dialog.library-dense .library-card{padding:12px;background:linear-gradient(145deg,#141414,#0d0d0d);border-color:#292929;border-radius:12px}dialog.library-dense .voice-card-top{margin-bottom:6px;gap:9px}dialog.library-dense .voice-portrait{width:32px;height:32px;flex:0 0 32px;font-size:12px}dialog.library-dense .library-card h3{font-size:12px}dialog.library-dense .library-card .voice-card-top p{font-size:9px;margin-top:3px}dialog.library-dense .library-id{margin:5px 0;font-size:8px;line-height:1.3}dialog.library-dense .voice-tags{margin:6px 0;gap:4px}dialog.library-dense .voice-tags .tag{padding:3px 5px;font-size:8px}dialog.library-dense .library-card-actions{margin-top:8px;gap:7px}dialog.library-dense .library-card-actions>.secondary{padding:6px 9px;font-size:10px;min-height:29px;background:#ef234517;border-color:#f53d6155;color:#ff9aad}dialog.library-dense .library-card-actions>.icon-button{height:29px;width:31px;background:#191919}dialog.library-dense .library-card-actions>.icon-button svg{width:13px;height:13px}.voice-filter-heading [data-reset-library] svg{width:16px;height:16px;stroke-width:1.7;overflow:visible;flex-shrink:0}.library-clone-drop{padding:18px}.library-clone-drop .upload-icon{width:29px;height:29px}.library-clone-drop h3{font-size:12px}.library-clone-drop p{font-size:9px}
/* The visual itself responds, rather than only moving the outer card. */
.clone-visual{width:100%;height:100%;filter:drop-shadow(0 6px 15px #f52a4330)}.clone-source,.clone-copy{transform-box:fill-box;transform-origin:center;transition:transform .5s ease}.hero-card:hover .clone-source{transform:translateX(-7px) rotate(-3deg)}.hero-card:hover .clone-copy{transform:translateX(7px) rotate(3deg)}.hero-card:hover .clone-transfer{animation:clone-transfer 1.1s ease-in-out infinite}.hero-card:hover .clone-wave{animation:clone-glow 1.4s ease-in-out infinite alternate}.hero-card:hover .voice-art rect{transform-box:fill-box;transform-origin:center;animation:voice-equalize .8s ease-in-out infinite alternate}.hero-card:hover .voice-art rect:nth-child(3n){animation-delay:-.3s;animation-duration:.6s}.hero-card:hover .voice-art rect:nth-child(3n+1){animation-delay:-.6s;animation-duration:1.1s}.hero-card:hover .language-art div{animation:language-drift 3s ease-in-out infinite alternate}.hero-card:hover .language-art div:nth-child(2){animation-direction:alternate-reverse;animation-delay:-1s}.orb-art:has(.clone-visual){background:radial-gradient(ellipse at 52% 40%,#63132b,#220910 75%)}@keyframes voice-equalize{from{transform:scaleY(.55);opacity:.5}to{transform:scaleY(1.3);opacity:1}}@keyframes clone-transfer{0%,100%{transform:translateX(0);opacity:.5}50%{transform:translateX(5px);opacity:1}}@keyframes clone-glow{from{opacity:.5}to{opacity:1;filter:drop-shadow(0 0 3px #ff4065)}}@keyframes language-drift{from{translate:-7px 0}to{translate:14px 0}}.script-icon[data-action="paste-script"] svg{width:17px;height:17px;stroke-linecap:round;stroke-linejoin:round}.auth-art-footer{justify-content:flex-end}
[data-theme="light"] dialog.library-dense,[data-theme="light"] dialog.library-dense .modal-head,[data-theme="light"] dialog.library-dense .modal-body,[data-theme="light"] dialog.library-dense .library-toolbar,[data-theme="light"] dialog.library-dense .library-scroll-content{background:#fafafa}[data-theme="light"] dialog.library-dense .library-tabs{background:#f5f5f5}[data-theme="light"] dialog.library-dense .library-card{background:#fff;border-color:#dadada}[data-theme="light"] dialog.library-dense .library-card-actions>.secondary{color:#a41330}
@media(min-width:1450px){dialog.library-dense .library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:750px){dialog.library-modal.library-dense{width:calc(100% - 24px)}dialog.library-dense .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}dialog.library-dense .library-card{padding:10px}.clone-visual{transform:scale(1.05)}}
@media(max-width:450px){dialog.emotion-modal .modal-body{padding:18px}dialog.emotion-modal .modal-head{padding:16px 18px}dialog.emotion-modal .emotion-tag{font-size:9px;padding:6px 7px}dialog.library-dense .library-scroll-content{padding:10px}dialog.library-dense .library-card h3{font-size:10px}dialog.library-dense .voice-portrait{width:25px;height:25px;flex-basis:25px}dialog.library-dense .library-id{font-size:7px}dialog.library-dense .library-card-actions>.secondary{font-size:9px;padding:6px}.page>.new-project-dashed{width:190px}}
@media(prefers-reduced-motion:reduce){.hero-card:hover *{animation:none!important;transition:none!important}}
dialog.emotion-modal,dialog:has(#new-project-form){height:fit-content;bottom:auto;top:50%;transform:translateY(-50%);margin-block:0}
dialog.library-dense #modal-content{height:100%;display:flex;flex-direction:column}dialog.library-dense .modal-head{flex-shrink:0}dialog.library-dense .modal-body{height:auto;min-height:0;flex:1}dialog.library-dense .library-toolbar,dialog.library-dense .library-tabs{flex-shrink:0}
.dialogue-mode-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:15px 20px 0;font-size:11px;color:var(--muted)}.dialogue-mode-row>span.selected{color:var(--text)}.dialogue-mode-switch{width:37px;height:21px;border:1px solid var(--line);border-radius:20px;background:var(--panel2);padding:2px;position:relative;flex-shrink:0;transition:background .2s,border-color .2s}.dialogue-mode-switch>span{display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0005;transition:transform .2s}.dialogue-mode-switch[aria-checked="true"]{background:#cf1235;border-color:#f33c5b;box-shadow:inset 0 1px 0 #ff849055}.dialogue-mode-switch[aria-checked="true"]>span{transform:translateX(15px)}.dialogue-mode-switch:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.dialogue-source-editor{padding:0 20px 6px}.dialogue-source-hint{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 13px}.dialogue-source-editor textarea{display:block;width:100%;min-height:260px;max-height:none;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--field);font-size:16px;line-height:1.9;color:var(--text);outline:none}.dialogue-source-editor textarea:focus{border-color:var(--accent-edge)}.dialogue-source-editor textarea::placeholder{color:var(--subtle)}#dialogue-source-status{font-size:10px;color:var(--muted);margin-top:11px}#dialogue-source-status.invalid{color:var(--accent-text)}.dialogue-speaker input[readonly]{cursor:default}@media(max-width:600px){.dialogue-mode-row{justify-content:flex-start;padding:15px 13px 0;font-size:10px}.dialogue-source-editor{padding:0 13px 6px}.dialogue-source-editor textarea{font-size:14px;padding:13px;min-height:250px}}
/* Buttons size to content; only deliberate full-width controls expand. */
.connect-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-width:0}.connect-heading>div{flex:1;min-width:0}.connect-heading>.mono-button{width:auto;max-width:100%;flex:0 0 auto;padding:10px 16px;white-space:nowrap}.account-content,.account-card,.connect-card{min-width:0;max-width:100%;box-sizing:border-box}.account-card-title>.mono-button,.preference-row>.mono-button,.form-actions>.mono-button{width:auto;flex-shrink:0}.voice-filter-footer>.mono-button{width:100%}.endpoint-row{min-width:0}.endpoint-row code{min-width:0;overflow-wrap:anywhere}.connect-heading h2{line-height:1.4}.connect-heading p{line-height:1.8;max-width:560px}
dialog:has(#new-project-form){max-width:490px}dialog:has(#new-project-form) .modal-head h2{font-size:22px}dialog:has(#new-project-form) .modal-body>p{font-size:14px;line-height:1.7;margin-bottom:22px}#new-project-form .field label{font-size:12px;margin-bottom:10px}#new-project-form .field input{font-size:15px;padding:13px 14px;min-height:46px}#new-project-form .modal-actions button{font-size:13px;padding:12px 18px}#new-project-form .modal-actions button svg{width:17px;height:17px}
/* A coherent travelling wave instead of independently flickering bars. */
.hero-card:hover .voice-art rect{animation:voice-travel 2.8s ease-in-out infinite alternate!important;animation-delay:var(--wave-delay,0s)!important;transform-box:fill-box;transform-origin:center;opacity:.9}.voice-art svg{transition:filter .4s ease}.hero-card:hover .voice-art svg{filter:drop-shadow(0 0 7px #ff30554d)}@keyframes voice-travel{0%,100%{transform:scaleY(.82)}50%{transform:scaleY(1.12)}}
@media(max-width:650px){.connect-heading{flex-wrap:wrap;gap:16px}.connect-heading>div{flex-basis:100%}.connect-heading>.mono-button{width:auto}.connect-heading h2{font-size:17px}.connect-heading p{font-size:12px}.endpoint-row{flex-wrap:wrap}.endpoint-row code{font-size:10px}dialog:has(#new-project-form) .modal-head h2{font-size:21px}dialog:has(#new-project-form) .modal-body>p{font-size:13px}#new-project-form .modal-actions button{font-size:12px;padding:11px 15px}}
@media(prefers-reduced-motion:reduce){.hero-card:hover .voice-art rect{animation:none!important}}
.updates-button{position:relative;border:1px solid var(--line);border-radius:11px;width:33px;height:33px;display:grid;place-items:center;color:var(--text);background:var(--surface-low);flex-shrink:0;transition:background .2s,border-color .2s}.updates-button>svg{width:18px;height:18px;stroke-width:1.7}.updates-button:hover,.updates-button[aria-expanded="true"]{background:var(--panel2);border-color:var(--subtle)}.updates-dot{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;top:5px;right:5px;box-shadow:0 0 0 2px var(--bg)}.is-auth-screen .updates-button{display:none}.updates-panel{position:fixed;z-index:90;top:73px;right:3.2%;width:430px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 87px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--surface-low);box-shadow:var(--shadow);overflow:hidden}.updates-heading{display:flex;align-items:center;gap:12px;padding:19px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.updates-heading>div{flex:1}.updates-heading h2{font-size:17px;letter-spacing:-.4px}.updates-heading>div>span{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.updates-read-all{font-size:10px;color:var(--muted);white-space:nowrap}.updates-read-all:hover{color:var(--text)}.updates-heading .icon-button{width:28px;height:28px;flex-shrink:0}.updates-heading .icon-button svg{width:16px;height:16px}.updates-feed{padding:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.update-item{padding:17px;border-radius:12px;margin-bottom:5px;background:var(--surface-low)}.update-item.featured-update{background:var(--panel);border:1px solid var(--line)}.update-label{display:flex;align-items:center;gap:8px;margin-bottom:11px;font-size:9px;letter-spacing:.3px;color:var(--muted)}.unread-indicator{width:5px;height:5px;border-radius:50%;background:var(--accent)}.update-title{display:flex;align-items:start;justify-content:space-between;gap:14px;font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.3px;width:100%;text-align:left;color:var(--text)}.update-title svg{width:16px;height:16px;flex-shrink:0;margin-top:3px;color:var(--muted)}.update-item>p{font-size:12px;line-height:1.8;color:var(--muted);margin:11px 0 15px}.update-art{position:relative;overflow:hidden;border:1px solid #ff45652a;border-radius:10px;background:radial-gradient(ellipse at 80% 0,#d9234f66,transparent 65%),linear-gradient(130deg,#270b15,#110d11);height:116px;display:flex;align-items:center;justify-content:center;color:#ff9cb1;gap:18px}.update-art-dialogue{height:142px;gap:10px;padding:22px}.update-art-word{width:44%;padding:12px;border:1px solid #ff8ba533;border-radius:9px;background:#fff05e05;font-size:11px;font-weight:600;transform:translateY(-12px)}.update-art-word:nth-child(2){transform:translateY(12px)}.update-art-word>span{font-size:10px;font-weight:400;color:#c9a7b2;display:block;margin-top:7px}.update-art-dialogue>i{position:absolute;right:17px;top:13px;opacity:.3}.update-art-dialogue>i svg{width:18px;height:18px}.update-art>svg{width:30px;height:30px;stroke-width:1.4}.update-art-bars{display:flex;align-items:center;gap:4px;height:60px}.update-art-bars>i{width:2px;height:var(--bar-height);background:#fc4f76;border-radius:3px;opacity:.65}.update-art-voices{background:radial-gradient(ellipse at 20% 100%,#b52d3f77,transparent 70%),#180d11}.update-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.update-bottom time{font-size:9px;color:var(--subtle)}.update-bottom button{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--accent-text)}.update-bottom svg{width:12px;height:12px}.updates-button:focus-visible,.updates-panel button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:600px){.header-right{gap:9px}.updates-button{width:29px;height:29px;border-radius:9px}.updates-button>svg{width:16px;height:16px}.updates-panel{right:12px;top:65px;max-height:calc(100dvh - 77px);width:390px}.updates-heading{padding:15px}.update-item{padding:14px}.update-title{font-size:15px}.update-item>p{font-size:11px}.updates-heading h2{font-size:16px}.updates-read-all{font-size:9px}}
/* Appearance and language are managed in the profile. */
.header #header-language,.header #theme-toggle{display:none!important}
/* One geometry for the avatar, percentage layer and quota ring in both themes. */
.header #account-button.usage-avatar{width:40px!important;height:40px!important;padding:0!important;margin:0;box-sizing:border-box;position:relative;flex:0 0 40px;line-height:1}.header #account-button.usage-avatar .quota-ring{position:absolute;inset:0!important;display:block;margin:0!important;width:40px!important;height:40px!important;stroke-width:2.3;fill:none;pointer-events:none}.header #account-button.usage-avatar .avatar-initial,.header #account-button.usage-avatar .avatar-percent{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:30px!important;height:30px!important;margin:0!important;padding:0!important;box-sizing:border-box;display:grid!important;place-content:center!important;line-height:1!important;z-index:1}.header #account-button.usage-avatar .avatar-percent{background:var(--panel)!important;color:var(--text)!important;font-weight:650;font-size:10px!important;letter-spacing:-.3px}.header #account-button.usage-avatar .avatar-initial{color:#fff!important}.header #account-button.usage-avatar:hover .avatar-percent,.header #account-button.usage-avatar:focus-visible .avatar-percent{opacity:1}.header #account-button.usage-avatar:hover .avatar-initial{opacity:0}
.account-menu button.menu-item.logout-item{background:rgba(240,42,65,.1);border:1px solid rgba(240,42,65,.14);border-radius:10px;color:var(--accent-text)!important;min-height:40px}.account-menu button.menu-item.logout-item:hover{background:rgba(240,42,65,.2);border-color:rgba(240,42,65,.35)}.account-menu button.menu-item.logout-item>svg:first-child{color:var(--accent-text);width:18px;height:18px}.session-end{background:rgba(240,42,65,.12)!important;border-color:rgba(240,42,65,.3)!important;color:var(--accent-text)!important}.session-end:hover:not(:disabled){background:rgba(240,42,65,.23)!important;border-color:rgba(240,42,65,.5)!important}.session-end:disabled{opacity:.6;cursor:not-allowed}.session-list article>.session-end{margin-left:auto;font-size:10px;padding:8px 12px}.session-list article>div{min-width:0;flex:1}.session-list article{flex-wrap:wrap}.menu-item>svg,.account-tabs button>svg,.security-icon>svg{display:block;flex-shrink:0;aspect-ratio:1;stroke-linecap:round;stroke-linejoin:round}.account-menu button.menu-item>svg:first-child{justify-self:center;align-self:center}.account-menu .menu-account-heading .avatar{display:grid;place-items:center;line-height:1;padding:0;flex-shrink:0}.account-identity .profile-avatar{display:grid;place-items:center;line-height:1;padding:0}
.generate.is-generating{position:relative;isolation:isolate;overflow:visible;min-width:180px;cursor:pointer;box-shadow:0 0 23px #ef23452b,inset 0 1px 0 #ff9bb018}.generation-label{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1;white-space:nowrap}.generation-label>svg{width:16px;height:16px}.generation-label strong{font-size:inherit;font-variant-numeric:tabular-nums;min-width:34px;text-align:right;padding-left:10px;border-left:1px solid #ffb1c13d}.generation-glint{position:absolute;inset:0;overflow:visible;width:100%!important;height:100%!important;pointer-events:none;fill:none;stroke:#fff;stroke-linecap:round;z-index:2}.generation-glint rect{vector-effect:non-scaling-stroke;animation:generation-glint-loop 3s linear infinite;stroke-dashoffset:0}.generation-glint .glint-tail{stroke-width:3;stroke-dasharray:20 80;opacity:.25;filter:blur(2px)}.generation-glint .glint-core{stroke-width:1.6;stroke-dasharray:9 91;filter:drop-shadow(0 0 3px #ffffffbd);opacity:.95}@keyframes generation-glint-loop{to{stroke-dashoffset:-100}}[data-theme="light"] .generate.is-generating{background:linear-gradient(130deg,#c61238,#e93452);color:#fff;border-color:#cc163a}[data-theme="light"] .generate.is-generating .generation-label{color:#fff}[data-theme="light"] .generate.is-generating .generation-label>svg{color:#fff}@media(prefers-reduced-motion:reduce){.generation-glint rect{animation:none!important}}
/* Soft continuous highlight, masked to the rounded border. */
@property --shimmer-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.generation-shimmer{--shimmer-angle:0deg;position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:3;background:conic-gradient(from var(--shimmer-angle),transparent 0deg,transparent 250deg,rgba(255,255,255,.03) 273deg,rgba(255,255,255,.18) 298deg,rgba(255,255,255,.65) 318deg,rgba(255,255,255,.95) 327deg,rgba(255,255,255,.16) 344deg,transparent 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:soft-button-shimmer 3.4s linear infinite;filter:drop-shadow(0 0 3px #ffffff55)}@keyframes soft-button-shimmer{to{--shimmer-angle:360deg}}
.generate.is-generating{border-radius:13px;overflow:visible}.generate.is-generating:hover{transform:none}.generation-label{pointer-events:none}
.account-content{gap:20px}.account-content>.security-card{margin-top:0}.usage-table{font-size:13px}.usage-table th{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.3px}.usage-table td{font-size:13px;color:var(--text);line-height:1.7;padding-top:17px;padding-bottom:17px}.usage-table td:not(:first-child){color:var(--text);opacity:.85}.account-menu button,.account-menu button:hover,.account-menu button:focus,.account-menu .menu-item{transition:none!important;transition-delay:0s!important}.modal-actions>.primary,.modal-actions>.secondary{box-sizing:border-box;min-width:88px!important;width:auto!important;min-height:40px;height:auto!important;flex:0 0 auto;padding:10px 17px!important;line-height:1.5;white-space:nowrap}.modal-actions>.primary{color:var(--accent-text)}.modal-actions>.primary:hover{color:var(--text)}
/* Clip the artwork, never the card's outer border. */
.hero-card{backface-visibility:hidden;isolation:isolate;overflow:hidden;transform-style:flat;border-color:transparent!important}.hero-card:before{content:'';position:absolute;inset:0;border:1px solid #5e303d;border-radius:inherit;pointer-events:none;z-index:5;box-sizing:border-box}.hero-card.featured:before{border-color:#a82b47}.hero-card:hover:before{border-color:#f14767}.hero-card:after{border-radius:inherit;bottom:0}.hero-card .art{border-radius:inherit}.hero-card .card-arrow{z-index:6}.package-card li{line-height:1.6}.account-card{scroll-margin-top:80px}
@media(max-width:600px){html,body{max-width:100%;overflow-x:clip}.header{height:62px;padding:0 14px;gap:8px}.brand{font-size:21px}.header-right{gap:8px}.header .usage-avatar{flex-basis:38px}.studio-page,.page{padding-left:15px;padding-right:15px}.studio-title h1{font-size:27px;line-height:1.15}.studio-title .eyebrow{font-size:8px}.hero-grid{width:calc(100% + 30px);margin-inline:-15px;padding:12px 15px 20px;grid-template-columns:repeat(3,260px);gap:11px}.hero-card,.hero-card:nth-child(2){height:178px;min-width:0;transform:none!important;border-radius:15px}.hero-card h3{font-size:17px}.hero-card p{font-size:10px}.hero-card.featured{height:184px}.hero-grid{align-items:center}.tool-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0;width:100%;margin-bottom:16px}.tool-tabs button{min-width:0!important;width:100%;font-size:9px!important;line-height:1.3;padding:10px 2px!important;display:flex;flex-direction:column;gap:6px!important;justify-content:center;border-radius:12px;white-space:normal}.tool-tabs button svg{width:17px;height:17px}.plan-locked:after{display:none}.editor-top{padding:0 13px}.editor-top>div{min-width:0;max-width:100%}.project-name{max-width:100%;width:230px;font-size:13px}.editor-content{padding:15px 13px 10px}.script-tools{gap:10px;row-gap:12px}.script-tools button{font-size:10px}.script-tools-right{margin-left:0;justify-content:flex-end;flex:1;gap:9px}.script-area{font-size:16px;line-height:1.8;min-height:230px}.editor-meta{font-size:9px;gap:10px;flex-wrap:wrap}.editor-controls{display:flex;flex-wrap:wrap;padding:12px 13px;gap:8px}.editor-controls>.control-pill,.editor-controls>.context-picker-anchor{min-width:0!important;flex:1 1 125px}.editor-controls .control-pill{width:100%;min-width:0!important;font-size:10px;padding:10px 9px}.editor-controls>.generate{flex:1 0 100%;width:100%;min-width:0;margin:4px 0 0;min-height:46px;font-size:13px}.editor-controls>.control-pill.settings-control{flex:0 0 auto;width:auto}.settings-grid{grid-template-columns:1fr!important;gap:19px}.settings-grid .field label{font-size:11px}.settings-grid .select-trigger{font-size:12px;padding:11px;min-height:42px}.settings-grid .field input:not([type=range]){font-size:12px;min-height:42px}.settings-toggles{grid-template-columns:1fr!important;gap:16px}.switch-row{font-size:11px}.tag-intensity button{font-size:10px;padding:7px 11px}.account-menu{position:fixed;top:62px;right:12px;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}.account-menu button.menu-item{font-size:12px;min-height:40px}.account-menu .menu-account-heading h3{font-size:13px}.account-menu .menu-account-heading p{font-size:10px}.account-content{gap:16px;padding:16px 13px}.account-card{padding:17px!important}.account-card-title h2{font-size:16px}.account-identity{gap:13px}.account-identity h3{font-size:15px}.account-identity p{font-size:11px}.preference-row{align-items:flex-start;gap:14px;flex-wrap:wrap}.preference-row h3{font-size:12px}.preference-row p{font-size:11px;line-height:1.7}.preference-row>.secondary{max-width:100%;white-space:normal}.security-row{gap:10px;padding:16px 0}.security-copy{min-width:135px}.security-copy h3{font-size:12px}.security-copy p{font-size:10px}.security-row .secondary{font-size:10px}.security-row>.tag{margin-left:46px}.security-row>.secondary{margin-left:auto}.security-row .icon-button{flex-shrink:0}.session-list article{padding:12px;gap:10px}.session-list h3{font-size:11px}.session-list p{overflow-wrap:anywhere}.usage-table td{font-size:12px;padding:13px 10px}.usage-table th{font-size:10px;padding:12px 10px}.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.usage-table,.keys-table{min-width:540px}.usage-totals{grid-template-columns:1fr!important;gap:10px}.package-grid{gap:15px}.package-card{padding:22px}.package-card li{font-size:12px}.project-list-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:11px;padding:14px}.project-list-item .project-info{min-width:0;grid-column:2 / 4}.project-list-item .project-info h3{font-size:13px}.project-list-item .project-info p{font-size:10px;white-space:normal}.project-list-item .project-status{grid-column:1 / 4;margin:0}.project-list-item .project-download{grid-column:1 / 3}.project-list-item .secondary{padding:9px 10px;font-size:11px}.project-list-item .delete{grid-column:3;justify-self:end}.project-list-item [data-project]{grid-column:1 / 3}.search-row{gap:14px}.search-row .search{width:100%}.filter-tabs{flex-wrap:wrap}.filter-tabs button{font-size:10px;padding:8px 10px}.dialogue-speaker{width:100%;flex-wrap:nowrap}.dialogue-speaker>input{min-width:0;width:auto;flex:1}.dialogue-speaker .control-pill{max-width:150px;font-size:10px}.dialogue-title input{max-width:170px}.dialogue-editor .editor-top>.tag{display:none}.dialogue-editor .editor-controls>.secondary{flex:1}.dialogue-source-editor textarea{min-height:280px}.result-panel{flex-wrap:wrap;padding:14px;gap:12px}.result-info{min-width:0;flex:1}.result-info h3{font-size:12px}.result-panel .waveform{display:none}.result-panel .secondary{flex:1;font-size:11px}.modal-body{padding:20px}.modal-actions{gap:9px}.modal-actions>.primary,.modal-actions>.secondary{font-size:12px;min-height:42px;min-width:84px!important;flex:1 1 auto}.twofa-preview-layout{flex-wrap:wrap}.library-dense .library-card-actions>.secondary{min-width:0}.referral-program-copy h2{font-size:23px}.referral-stat-grid strong{font-size:27px}.ref-link{display:flex;gap:9px}.ref-link input{font-size:10px;min-width:0;width:100%}.ref-link button{width:100%}.updates-panel{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.generation-shimmer{animation:none!important}}
@media(max-width:600px){.result-panel{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px}.result-panel .play-button{grid-column:1;width:36px;height:36px}.result-panel .result-info{grid-column:2;min-width:0}.result-panel .result-info h3{font-size:13px;line-height:1.5}.result-panel .result-info p{font-size:10px;line-height:1.6}.result-panel>.secondary{grid-column:1 / -1;min-width:0;width:100%;min-height:40px;font-size:12px}}
.otp-login-modal{max-width:460px;width:calc(100% - 32px);height:fit-content}.otp-login-modal .modal-head{padding:20px 24px}.otp-login-modal .modal-head h2{font-size:18px}.otp-login-modal .modal-body{padding:22px 28px 27px}.otp-login-intro{text-align:center;margin-bottom:25px}.otp-emblem{width:58px;height:58px;border:1px solid var(--accent-edge);background:radial-gradient(ellipse at 50% 0,#f1314533,transparent 90%),var(--accent-glass);border-radius:18px;display:grid;place-items:center;color:var(--accent-text);margin:0 auto 19px;box-shadow:0 10px 35px #e21b3120}.otp-emblem svg{width:26px;height:26px;stroke-width:1.5}.otp-login-intro .eyebrow{font-size:8px;letter-spacing:1.8px}.otp-login-intro h3{font-size:24px;letter-spacing:-.7px;margin:12px 0}.otp-login-intro p{font-size:12px;line-height:1.8;color:var(--muted);max-width:310px;margin:0 auto}.otp-fieldset>label{font-size:11px;color:var(--muted);display:block;margin-bottom:11px}.otp-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.otp-digits input{min-width:0;width:100%;height:55px;padding:0;text-align:center;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--text);font-size:25px;font-weight:550;line-height:1;caret-color:var(--accent);outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.otp-digits input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glass);background:var(--panel)}.otp-digits.otp-invalid input{border-color:var(--accent);background:var(--accent-glass)}.otp-error{font-size:11px;line-height:1.7;color:var(--accent-text);margin-top:12px}.otp-demo-note{font-size:10px;color:var(--muted);line-height:1.8;margin:15px 0 0}.otp-demo-note code{font-family:inherit;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:1px}.otp-continue{width:100%;min-height:45px;margin-top:23px;font-size:13px;justify-content:center}.otp-continue:disabled{opacity:.4;cursor:not-allowed;transform:none}.otp-back{display:block;margin:15px auto 0;color:var(--muted);font-size:11px;padding:5px}.otp-back:hover{color:var(--text)}#twofa-demo-form .otp-digits input{font-size:23px}.otp-login-modal .modal-body>form{margin:0}@media(max-width:600px){.otp-login-modal .modal-body{padding:20px}.otp-login-modal .modal-head{padding:18px 20px}.otp-login-intro h3{font-size:22px}.otp-digits{gap:6px}.otp-digits input{height:49px;font-size:23px;border-radius:9px}.otp-login-intro p{font-size:12px}.otp-continue{min-width:0!important}.otp-fieldset{width:100%}.otp-demo-note{font-size:10px}.otp-login-modal{max-height:90dvh;overflow:auto}}
.otp-form .otp-back{width:auto;min-width:130px;height:auto;min-height:30px;padding:7px 12px;white-space:nowrap;line-height:1.5;display:block;margin:13px auto 0}
/* Compact three-control row on phones; generation keeps its own row. */
@media(max-width:600px){.editor:not(.dialogue-editor)>.editor-controls{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.92fr);gap:7px;padding:11px 12px 13px;align-items:stretch}.editor:not(.dialogue-editor)>.editor-controls>.control-pill,.editor:not(.dialogue-editor)>.editor-controls>.context-picker-anchor{width:100%;min-width:0!important;max-width:100%;margin:0;flex:initial}.editor:not(.dialogue-editor)>.editor-controls .control-pill{height:35px;min-height:35px;padding:7px 6px;gap:4px;font-size:9px;line-height:1.2;white-space:nowrap;justify-content:center;border-radius:9px}.editor:not(.dialogue-editor)>.editor-controls .voice-control{overflow:hidden;text-overflow:ellipsis;justify-content:flex-start}.editor:not(.dialogue-editor)>.editor-controls .voice-control .mini-avatar{width:19px;height:19px;font-size:8px;flex:0 0 19px}.editor:not(.dialogue-editor)>.editor-controls .control-pill>svg{width:12px;height:12px;flex:0 0 12px}.editor:not(.dialogue-editor)>.editor-controls .control-pill>.chevron{width:8px;height:8px;flex:0 0 8px;margin-left:auto}.editor:not(.dialogue-editor)>.editor-controls .model-badge{font-size:6px;padding:2px 3px;border-radius:3px}.editor:not(.dialogue-editor)>.editor-controls>.generate{grid-column:1 / -1;margin:4px 0 0;min-height:42px;height:42px;width:100%;font-size:12px}.editor:not(.dialogue-editor)>.editor-controls .context-picker-anchor{position:relative}.editor:not(.dialogue-editor)>.editor-controls .context-picker-anchor>.control-pill{width:100%}}
@media(max-width:360px){.editor:not(.dialogue-editor)>.editor-controls{gap:5px;padding-inline:10px}.editor:not(.dialogue-editor)>.editor-controls .control-pill{font-size:8px;padding-inline:5px;gap:3px}.editor:not(.dialogue-editor)>.editor-controls .model-badge{display:none}}
/* OTP feedback follows verification: shake for failure, drawn check for success. */
.otp-error:not([hidden]){animation:otp-error-enter .2s ease-out}.otp-digits.otp-invalid input{box-shadow:0 0 0 1px #ef3b5338;transition:border-color .12s,background .12s}.otp-digits.otp-accepted input{border-color:#35b980;background:rgba(53,185,128,.08);color:var(--text);box-shadow:0 0 0 1px #35b98018;transition:border-color .2s,background .2s}.otp-form[data-otp-state="success"] .otp-continue,.otp-form[data-otp-state="success"] .modal-actions .primary{opacity:1;background:rgba(53,185,128,.12);border-color:#35b98066;color:#64d59d;box-shadow:none}.otp-form[data-otp-state="success"] .otp-back{visibility:hidden}.otp-emblem-success{color:#64d59d;border-color:#35b98066;background:rgba(53,185,128,.1);box-shadow:0 0 30px #35b98020;transition:all .25s}.otp-success-status{display:flex;align-items:center;justify-content:center;gap:9px;margin:15px 0 0;font-size:12px;color:#64d59d;animation:otp-success-enter .25s ease-out}.otp-success-status>svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.otp-success-status circle{stroke-opacity:.4;stroke-dasharray:132;animation:otp-circle-draw .4s ease both}.otp-success-status path{stroke-dasharray:35;stroke-dashoffset:35;animation:otp-check-draw .3s .15s ease-out forwards}[data-theme="light"] .otp-success-status,[data-theme="light"] .otp-emblem-success,[data-theme="light"] .otp-form[data-otp-state="success"] .otp-continue{color:#16734a}@keyframes otp-error-enter{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes otp-success-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes otp-circle-draw{from{stroke-dashoffset:132}to{stroke-dashoffset:0}}@keyframes otp-check-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.otp-error,.otp-success-status,.otp-success-status circle,.otp-success-status path{animation:none!important;stroke-dashoffset:0!important}}
.result-panel>.result-dismiss{width:34px;height:34px;min-width:34px;flex:0 0 34px;color:var(--muted);padding:8px;border-radius:9px}.result-panel>.result-dismiss svg{width:16px;height:16px}.result-panel>.result-dismiss:hover{color:var(--accent-text);border-color:var(--accent-edge);background:var(--accent-glass)}@media(max-width:600px){.result-panel{grid-template-columns:36px minmax(0,1fr) 34px}.result-panel .result-info{grid-column:2;grid-row:1}.result-panel>.result-dismiss{grid-column:3;grid-row:1;align-self:center;padding:8px}.result-panel>.secondary{grid-column:1 / -1}}
[data-theme="light"] dialog.library-dense .library-card-actions>.icon-button,[data-theme="light"] .library-card-actions>.icon-button{background:#fff;border-color:#dadada;color:#555;box-shadow:0 1px 3px #00000008}[data-theme="light"] dialog.library-dense .library-card-actions>.icon-button:hover,[data-theme="light"] .library-card-actions>.icon-button:hover{background:#f5f5f5;border-color:#bdbdbd;color:#222}[data-theme="light"] dialog.library-dense .library-card-actions>.icon-button svg,[data-theme="light"] .library-card-actions>.icon-button svg{color:inherit}
[data-theme="light"] .library-card .favorite{color:#666;background:transparent;border-radius:7px}[data-theme="light"] .library-card .favorite:hover,[data-theme="light"] .library-card .favorite:focus-visible{color:#a51435!important;background:#fbe9ed!important}[data-theme="light"] .library-card .favorite svg{stroke:currentColor;fill:none}[data-theme="light"] .library-card .favorite.selected,[data-theme="light"] .library-card .favorite.selected:hover{color:#bd1740!important}[data-theme="light"] .library-card .favorite.selected svg{fill:#dc28452b;stroke:currentColor}
/* Native checkbox semantics with a rounded, authored visual. Switches keep their own styling. */
input[type="checkbox"]:not(.switch input){-webkit-appearance:none;appearance:none;display:inline-block;box-sizing:border-box;width:18px;height:18px;min-width:18px;padding:0;margin:0;flex:0 0 18px;vertical-align:middle;border:1.5px solid var(--subtle)!important;border-radius:6px;background:var(--field)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}
input[type="checkbox"]:not(.switch input):hover{border-color:var(--accent)!important;background-color:var(--panel2)!important}
input[type="checkbox"]:not(.switch input):checked{border-color:var(--accent)!important;background-color:var(--accent)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m4 9 3.2 3.2L14 5.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;box-shadow:inset 0 1px 0 #ffffff24}
input[type="checkbox"]:not(.switch input):focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 3px var(--accent-glass)}input[type="checkbox"]:not(.switch input):disabled{opacity:.4;cursor:not-allowed}input[type="checkbox"]:not(.switch input):indeterminate{background-color:var(--accent)!important;border-color:var(--accent)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9h8' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")!important}
.page-heading p:empty{display:none}.project-batch-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.project-batch-actions .primary,.project-batch-actions .secondary{min-height:38px;font-size:11px;padding:9px 13px;white-space:nowrap}.project-batch-actions svg{width:14px;height:14px}.batch-panel{border:1px solid var(--accent-edge);border-radius:16px;background:linear-gradient(135deg,var(--accent-glass),transparent 75%),var(--panel);padding:20px;margin:0 0 22px}.batch-heading{display:flex;align-items:center;gap:12px}.batch-heading>div{flex:1}.batch-heading h2{font-size:15px;letter-spacing:-.3px}.batch-heading p{font-size:11px;color:var(--muted);margin-top:4px}.batch-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--accent-edge);border-radius:10px;background:var(--accent-glass);color:var(--accent-text)}.batch-icon svg{width:18px;height:18px}.batch-heading .secondary{padding:8px 12px;font-size:10px}.batch-stop{color:var(--accent-text);border-color:var(--accent-edge);background:var(--accent-glass)}.batch-total-track{height:4px;border-radius:10px;overflow:hidden;background:var(--line);margin:19px 0 13px}.batch-total-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.batch-summary{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.batch-preview-label{margin-left:auto;color:var(--subtle)}.batch-active{display:flex;align-items:center;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}.batch-active strong{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.batch-active b{font-size:12px;min-width:35px;text-align:right;font-variant-numeric:tabular-nums}.batch-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-glass)}.batch-project-status[data-status="running"]{color:var(--accent-text)}.batch-project-status[data-status="done"]{color:var(--text)}.batch-project-status[data-status="error"]{color:var(--accent-text)}@media(max-width:600px){.page-heading:has(.project-batch-actions){align-items:flex-start;gap:18px;flex-direction:column}.project-batch-actions{width:100%;gap:8px}.project-batch-actions button{flex:1;min-width:0;font-size:11px}.batch-panel{padding:15px;margin-bottom:18px}.batch-heading{gap:9px}.batch-heading h2{font-size:14px}.batch-heading .secondary{font-size:9px;padding:8px}.batch-summary{font-size:9px;gap:9px}.batch-preview-label{width:100%;margin-left:0}.batch-active{font-size:11px}}
/* Original card proportions with clearer feature typography. */
.package-card{padding:23px;gap:18px}
.package-name h2{font-size:17px}
.package-price{font-size:38px}
.package-price>span{font-size:11px}
.package-volume>strong{font-size:18px}
.package-volume>span{font-size:12px;margin-top:5px;color:var(--muted)}
.package-card ul{font-size:15px;gap:7px}
.package-card li{align-items:flex-start;line-height:1.4;gap:8px;color:#b7b7b7}
.package-card li>svg{width:15px;height:15px;flex:0 0 15px;margin-top:3px}
.package-card li b{font-size:inherit;font-weight:600;color:var(--text)}
.package-card>button{font-size:13px;min-height:40px;padding:9px 13px}
[data-theme="light"] .package-card li{color:#595959}
@media(max-width:600px){.package-card{padding:22px;gap:18px}.package-card ul,.package-card li,.package-card li b{font-size:14px}.package-card ul{gap:8px}.package-card li{line-height:1.4}}

/* Keep usage history contained as records accumulate. */
.usage-history-scroll{max-height:410px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--subtle) var(--panel)}
.usage-history-scroll::-webkit-scrollbar{width:7px;height:7px}
.usage-history-scroll::-webkit-scrollbar-track{background:var(--panel)}
.usage-history-scroll::-webkit-scrollbar-thumb{background:var(--subtle);border:2px solid var(--panel);border-radius:10px}
.usage-history-scroll thead{position:sticky;top:0;z-index:1;background:var(--panel);box-shadow:0 1px 0 var(--line)}
.usage-history-scroll:focus-visible{outline:2px solid var(--accent-edge);outline-offset:4px;border-radius:5px}
@media(max-width:600px){.usage-history-scroll{max-height:340px}}