/* Shared public surface. Authenticated workspaces keep their own styling. */
.page.public-page-shell{--vs-color-bg:#fff;--vs-color-surface:#fff;--vs-color-surface-soft:#f8faff;--vs-color-text:#26364f;--vs-color-text-strong:#182641;--vs-color-text-secondary:#52627a;--vs-color-text-muted:#647087;--vs-color-border:#e4e9f1;--vs-color-control-border:#dbe3ef;--vs-color-primary:#3578e5;--vs-color-primary-hover:#2464cd;--vs-color-primary-soft:#eef5ff;--vs-radius-card:14px;--vs-radius-control:9px;--vs-shadow-card:none;background:var(--vs-color-bg);color:var(--vs-color-text);font-family:Arial,Helvetica,sans-serif;min-height:100vh}
.public-page-shell>main{min-width:0;width:100%;background:var(--vs-color-bg)}
.public-page-shell .content{max-width:1280px;width:100%;margin:0 auto;padding:48px 40px 64px;background:transparent}
.public-page-shell .content.home-content{padding:0;max-width:none}
.public-page-shell .home-public-header{background:var(--vs-color-surface);border:0;border-bottom:1px solid var(--vs-color-border);box-shadow:none;padding:0;position:relative;z-index:30}
.public-page-shell .home-public-header-inner{max-width:1280px;min-height:76px;margin:auto;padding:12px 40px;gap:28px}
.public-page-shell .home-public-brand{font-size:23px;font-weight:750;letter-spacing:-.7px;color:var(--vs-color-text-strong);gap:10px}
.public-page-shell .home-public-brand img{width:34px;height:34px;object-fit:contain}
.public-page-shell .home-public-nav{gap:24px;margin-left:auto}
.public-page-shell .home-public-nav>a,.public-page-shell .home-public-tools summary{font-size:14px;font-weight:400;color:var(--vs-color-text);white-space:nowrap}
.public-page-shell .home-public-tools-links a{font-weight:400}
.public-page-shell .home-public-actions{gap:14px}
.public-page-shell .home-public-login{border:0;background:transparent;font-size:13px;font-weight:600;color:var(--vs-color-text);padding:10px 0}
.public-page-shell .home-public-primary{background:#3578e5;color:#fff;border:1px solid #3578e5;border-radius:9px;padding:12px 15px;font-size:12px;font-weight:600;box-shadow:none}
.public-page-shell .home-public-primary:hover{background:#2464cd}
.public-page-shell .home-public-tools-links,.public-page-shell .home-public-mobile-menu>div{background:var(--vs-color-surface);border:1px solid var(--vs-color-border);border-radius:12px;box-shadow:0 12px 36px #15264a14}
.public-page-shell .site-footer{max-width:1200px;margin:auto;width:calc(100% - 80px);padding:28px 0;border-top:1px solid var(--vs-color-border);background:transparent;color:var(--vs-color-text-muted);font-size:12px}
.public-page-shell a{color:var(--vs-color-primary);text-underline-offset:3px}
.public-page-shell :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #9fc2fb;outline-offset:3px}
.public-page-shell :is(h1,h2,h3){color:var(--vs-color-text-strong);font-weight:700;letter-spacing:-.5px}
.public-page-shell h1{font-size:42px;line-height:1.15;letter-spacing:-1.5px}
.public-page-shell :is(.auth-page,.prices-page,.voice-catalog-page,.blog-page,.stt-home-page,.sfx-page,.audio-editor,.support-page,.legal-page){max-width:1200px;margin:0 auto;padding:0;background:transparent}
.public-page-shell :is(.prices-hero,.catalog-hero,.blog-header,.stt-hero,.sfx-heading,.ae-heading,.legal-header,.support-header){background:transparent;background-image:none;border:0;box-shadow:none;border-radius:0;padding:0 0 32px;margin-bottom:28px;border-bottom:1px solid var(--vs-color-border)}
.public-page-shell :is(.prices-hero,.catalog-hero,.blog-header,.stt-hero,.sfx-heading,.ae-heading) p{color:var(--vs-color-text-muted);font-size:16px;line-height:1.75;max-width:780px}
.public-page-shell :is(.info-card,.package-card,.coefficient-card,.catalog-section,.catalog-voice-card,.voice-card,.blog-card,.stt-card,.sfx-card,.ae-card,.legal-card,.support-card,.state-card){background:var(--vs-color-surface);background-image:none;border:1px solid var(--vs-color-border);border-radius:14px;box-shadow:none}
.public-page-shell :is(.info-card-icon,.auth-top-card-icon,.login-support-icon,.prices-hero-badge){background:var(--vs-color-primary-soft);background-image:none;color:var(--vs-color-primary);box-shadow:none}
.public-page-shell :is(.hero-main-btn,.primary-action-btn,.package-btn,.package-button,.sfx-generate,.stt-primary-btn,.btn-primary){background:#3578e5;background-image:none;border-color:#3578e5;color:#fff;border-radius:9px;box-shadow:none}
.public-page-shell :is(.hero-main-btn,.primary-action-btn,.package-btn,.package-button,.sfx-generate,.stt-primary-btn,.btn-primary):hover{background:#2464cd;border-color:#2464cd}
.public-page-shell :is(.hero-second-btn,.secondary-action-btn,.login-support-button){background:var(--vs-color-surface);background-image:none;color:var(--vs-color-primary);border:1px solid var(--vs-color-control-border);border-radius:9px;box-shadow:none}
.public-page-shell :is(.custom-input,.custom-select,.form-control,.form-select){border:1px solid var(--vs-color-control-border);border-radius:9px;background:var(--vs-color-surface);color:var(--vs-color-text);box-shadow:none;min-height:46px}
.public-page-shell .auth-page{max-width:1040px;padding:24px 0 48px}
.public-page-shell .auth-page:has(.auth-top-cards){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);column-gap:76px;align-items:start}
.public-page-shell .auth-header{grid-column:1;margin:0 0 30px;padding:0}
.public-page-shell .auth-title{font-size:44px;line-height:1.15;letter-spacing:-1.5px;max-width:460px}
.public-page-shell .auth-top-cards{grid-column:1;display:flex;flex-direction:column;gap:26px;margin:0 0 30px}
.public-page-shell .auth-top-card{padding:0;border:0;background:transparent;box-shadow:none;gap:16px}
.public-page-shell .auth-top-card-icon{width:40px;height:40px;border-radius:10px;font-size:20px}
.public-page-shell .auth-top-card-title{font-size:17px;color:var(--vs-color-text-strong);margin-bottom:6px}
.public-page-shell .auth-top-card-text{line-height:1.7;font-size:14px;max-width:360px}
.public-page-shell .login-content{display:contents}
.public-page-shell .auth-form-card{grid-column:2;grid-row:1 / span 4;width:100%;max-width:none;padding:30px;border:1px solid var(--vs-color-border);border-radius:16px;background:var(--vs-color-surface);box-shadow:0 14px 40px #15264a06}
.public-page-shell .auth-page:not(:has(.auth-top-cards)){max-width:620px}
.public-page-shell .auth-page:not(:has(.auth-top-cards)) .auth-title{font-size:36px;max-width:none}
.public-page-shell .custom-label{font-size:13px;color:var(--vs-color-text);font-weight:600;margin-bottom:8px}
.public-page-shell .custom-field-group{margin-bottom:20px}
.public-page-shell .full-width-btn{min-height:46px;font-size:14px}
.public-page-shell .auth-links{gap:12px;margin-top:22px}
.public-page-shell .auth-link{font-size:13px;color:var(--vs-color-primary)}
.public-page-shell .login-support-card{grid-column:1;grid-row:3;max-width:390px;background:var(--vs-color-surface-soft);border:1px solid var(--vs-color-border);border-radius:14px;padding:22px;box-shadow:none}
.public-page-shell .login-support-card h2{font-size:18px}
.public-page-shell .blog-header{margin-bottom:26px}
.public-page-shell .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.public-page-shell .blog-card{overflow:hidden;transition:border-color .15s,transform .15s}
.public-page-shell .blog-card:hover{border-color:#b8cef0;transform:translateY(-3px);box-shadow:none}
.public-page-shell .blog-card :is(h2,h3){font-size:21px;line-height:1.35;letter-spacing:-.4px}
.public-page-shell .blog-card p{font-size:14px;line-height:1.7;color:var(--vs-color-text-muted)}
.public-page-shell .blog-article-page{max-width:820px;margin:0 auto;background:transparent;padding:0}
.public-page-shell .blog-article-page h1{font-size:44px;line-height:1.15;margin:26px 0}
.public-page-shell .blog-article-body{font-size:17px;line-height:1.85;color:var(--vs-color-text)}
.public-page-shell .blog-article-body h2{font-size:28px;margin-top:42px}
.public-page-shell .blog-article-page img{border-radius:14px;max-width:100%}
.public-page-shell .catalog-voice-card{transition:border-color .15s}
.public-page-shell .catalog-voice-card:hover{border-color:#b8cef0;box-shadow:none}
.public-page-shell .legal-page{max-width:900px}
.public-page-shell :is(.legal-card,.legal-section){box-shadow:none}
.public-page-shell .legal-page p{line-height:1.8}
@media(max-width:1100px){.public-page-shell .home-public-header-inner{gap:18px;padding-inline:24px}.public-page-shell .home-public-nav{gap:16px}.public-page-shell .home-public-brand{font-size:20px}.public-page-shell .home-public-actions{gap:10px}.public-page-shell .home-public-primary{font-size:11px;padding:11px}.public-page-shell .auth-page:has(.auth-top-cards){column-gap:40px}}
@media(max-width:900px){.public-page-shell .home-public-nav,.public-page-shell .home-public-actions{display:none}.public-page-shell .home-public-mobile-menu{display:block;margin-left:auto}.public-page-shell .auth-page:has(.auth-top-cards){grid-template-columns:1fr;max-width:580px;gap:0}.public-page-shell .auth-form-card{grid-column:1;grid-row:auto}.public-page-shell .login-support-card{grid-row:auto;margin-top:24px;max-width:none}.public-page-shell .auth-title{max-width:none;font-size:38px}.public-page-shell .auth-top-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.public-page-shell .auth-top-card{display:block}.public-page-shell .auth-top-card-icon{margin-bottom:12px}.public-page-shell .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.public-page-shell .content{padding:30px 20px 44px}.public-page-shell .home-public-header-inner{padding:12px 20px;min-height:68px}.public-page-shell .home-public-brand{font-size:21px}.public-page-shell .site-footer{width:calc(100% - 40px);padding:24px 0}.public-page-shell h1,.public-page-shell .auth-title,.public-page-shell .blog-article-page h1{font-size:33px;letter-spacing:-1px}.public-page-shell .auth-page{padding-top:6px}.public-page-shell .auth-form-card{padding:22px}.public-page-shell .auth-top-card-title{font-size:15px}.public-page-shell .auth-top-card-text{font-size:13px}.public-page-shell .blog-grid{grid-template-columns:1fr}.public-page-shell .blog-article-body{font-size:16px}.public-page-shell .blog-article-body h2{font-size:25px}}
:root[data-bs-theme="dark"] .page.public-page-shell{--vs-color-bg:#111827;--vs-color-surface:#182234;--vs-color-surface-soft:#202d42;--vs-color-text:#dce5f3;--vs-color-text-strong:#f0f4fc;--vs-color-text-secondary:#b3bfd1;--vs-color-text-muted:#a5b3c8;--vs-color-border:#344158;--vs-color-control-border:#43536e;--vs-color-primary:#8bb8ff;--vs-color-primary-soft:#273c5d}
.public-page-shell :is(.stt-home-intro,.stt-home-example,.stt-home-cta){background:transparent;background-image:none;box-shadow:none;border-color:var(--vs-color-border);border-radius:14px}
.public-page-shell .stt-home-intro{padding:0 0 32px;border:0;border-radius:0}
.public-page-shell .stt-home-intro h1{max-width:800px;font-size:44px;letter-spacing:-1.5px}
.public-page-shell :is(.stt-home-card,.stt-home-transcript){background:var(--vs-color-surface);box-shadow:none;border:1px solid var(--vs-color-border);border-radius:14px}
.public-page-shell .stt-home-card-icon{background:var(--vs-color-primary-soft);color:var(--vs-color-primary)}
.public-page-shell .stt-home-primary-action{background:#3578e5;border-radius:9px;color:#fff;box-shadow:none}
@media(max-width:600px){.public-page-shell .stt-home-intro h1{font-size:33px}}
@media(min-width:901px){.public-page-shell .home-public-nav,.public-page-shell .home-public-actions{display:flex}.public-page-shell .home-public-mobile-menu{display:none}}
.public-page-shell .catalog-section{padding:26px;margin-bottom:24px}
.public-page-shell .catalog-search{border-radius:10px;box-shadow:none;border:1px solid var(--vs-color-control-border);background:var(--vs-color-surface)}
.public-page-shell :is(.support-new-card,.support-threads,.support-chat){border:1px solid var(--vs-color-border);border-radius:14px;box-shadow:none;background:var(--vs-color-surface)}
.public-page-shell .support-btn{background:#3578e5;color:#fff;border-radius:9px}
.public-page-shell :is(.blog-tags a,.blog-article-tags a){font-weight:500;font-size:13px;border-color:var(--vs-color-border);background:var(--vs-color-surface);color:var(--vs-color-text-secondary)}
.public-page-shell :is(.blog-tags a.active,.blog-tags a:hover,.blog-article-tags a:hover){background:var(--vs-color-primary-soft);border-color:#b8cef0;color:var(--vs-color-primary)}
.public-page-shell .blog-card-tag{background:var(--vs-color-primary-soft);color:var(--vs-color-primary)}
.public-page-shell .blog-header{max-width:none}
.public-page-shell .audio-editor :is(.ae-library-play,.ae-source-play,.ae-wave-play,.ae-preview-play){background:#3578e5;background-image:none;box-shadow:none}
.public-page-shell .blog-image-unavailable{display:flex;align-items:center;justify-content:center;background:var(--vs-color-surface-soft);color:var(--vs-color-text-muted)}
.public-page-shell .blog-image-unavailable .bi{font-size:42px;color:var(--vs-color-primary);opacity:.6}
.public-page-shell .content :is(h1,h2,h3){font-weight:700}
.public-page-shell .content :is(.catalog-hero,.prices-hero,.sfx-heading,.ae-heading)>h1,.public-page-shell .sfx-heading h1,.public-page-shell .ae-heading h1{font-size:42px;line-height:1.15;letter-spacing:-1.4px}
.public-page-shell :is(.privacy-page,.deletion-page){max-width:900px;padding:0;margin:0 auto;background:transparent}
.public-page-shell :is(.privacy-card,.deletion-page section){background:var(--vs-color-surface);border:1px solid var(--vs-color-border);border-radius:14px;box-shadow:none}
.public-page-shell :is(.privacy-page,.legal-page,.deletion-page){overflow-wrap:anywhere}
.public-page-shell .deletion-button{background:#3578e5;color:#fff;border-radius:9px}
@media(max-width:600px){.public-page-shell .content :is(.catalog-hero,.prices-hero,.sfx-heading,.ae-heading)>h1,.public-page-shell .sfx-heading h1,.public-page-shell .ae-heading h1{font-size:33px;letter-spacing:-1px}.public-page-shell :is(.privacy-card,.legal-card){padding:22px}.public-page-shell :is(.privacy-card,.legal-card) h1{font-size:28px;line-height:1.2}}
.public-page-shell .auth-header{grid-row:1}

/* Prices follow the homepage's flat cards and payment hierarchy. */
.public-page-shell .prices-page :is(.info-card,.prices-examples-card,.prices-note-card,.prices-seo-card,.state-card,.package-card,.example-box){background:var(--vs-color-surface);border:1px solid var(--vs-color-border);border-radius:14px;box-shadow:none;padding:26px;min-width:0}
.public-page-shell .prices-page :is(.prices-examples-card,.prices-note-card,.prices-seo-card,.prices-packages-section){margin-bottom:32px}
.public-page-shell .prices-page .section-title{font-size:25px;font-weight:700;line-height:1.25;margin-bottom:24px}
.public-page-shell .prices-page :is(.info-card-text,.example-text,.prices-note-text,.seo-text){font-size:15px;line-height:1.75;color:var(--vs-color-text-muted)}
.public-page-shell .prices-page .prices-note-text+.prices-note-text{margin-top:12px}
.public-page-shell .prices-page .info-card-icon{width:42px;height:42px;border-radius:10px;background:var(--vs-color-primary-soft);color:var(--vs-color-primary)}
.public-page-shell .prices-page .info-card-title{font-size:16px;color:var(--vs-color-text-strong);font-weight:600}
.public-page-shell .prices-page .example-value{font-size:24px;font-weight:700;color:var(--vs-color-text-strong)}
.public-page-shell .prices-page .packages-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:12px}
.public-page-shell .prices-page .package-card{position:relative;gap:0}
.public-page-shell .prices-page .package-card-featured{border:2px solid var(--vs-color-primary);padding:25px;background:var(--vs-color-primary-soft)}
.public-page-shell .prices-page .package-best-label{position:absolute;top:-14px;right:20px;background:#3578e5;color:#fff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.3}
.public-page-shell .prices-page .package-top{display:block}
.public-page-shell .prices-page .package-amount-label{font-size:13px;color:var(--vs-color-text-muted)}
.public-page-shell .prices-page .package-price{font-size:36px;font-weight:700;letter-spacing:-1px;line-height:1.15;margin:12px 0;color:var(--vs-color-text-strong)}
.public-page-shell .prices-page .package-price span{font-size:25px;font-weight:500;color:var(--vs-color-text-muted)}
.public-page-shell .prices-page .package-credit{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-height:44px;font-size:13px;color:var(--vs-color-text-muted)}
.public-page-shell .prices-page .package-credit strong{color:var(--vs-color-text);font-weight:600}
.public-page-shell .prices-page .package-bonus{margin-left:auto;padding:5px 7px;border-radius:5px;background:var(--vs-color-primary-soft);color:var(--vs-color-primary);font-size:12px;font-weight:400}
.public-page-shell .prices-page .package-capacity-label{font-size:13px;line-height:1.6;color:var(--vs-color-text-muted);margin:20px 0 9px}
.public-page-shell .prices-page :is(.package-models,.coefficients-list){gap:0;margin-bottom:24px}
.public-page-shell .prices-page :is(.package-model-row,.coefficient-item){flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border:0;border-bottom:1px solid var(--vs-color-border);border-radius:0;background:transparent}
.public-page-shell .prices-page :is(.package-model-name,.coefficient-name){font-size:14px;font-weight:400;color:var(--vs-color-text-muted);flex-shrink:0}
.public-page-shell .prices-page :is(.package-model-value,.coefficient-value){font-size:14px;font-weight:600;color:var(--vs-color-text);white-space:normal;text-align:right;line-height:1.5}
.public-page-shell .prices-page .coefficient-value{flex-wrap:wrap;justify-content:flex-end}
.public-page-shell .prices-page :is(.hero-main-btn,.hero-second-btn,.package-btn){border:1px solid var(--vs-color-border);border-radius:8px;font-size:14px;font-weight:600;padding:13px 17px;line-height:1.25;box-shadow:none}
.public-page-shell .prices-page :is(.hero-main-btn,.package-btn){background:#3578e5;border-color:#3578e5;color:#fff}
.public-page-shell .prices-page :is(.hero-main-btn,.package-btn):hover{background:#2464cd;border-color:#2464cd;transform:none}
.public-page-shell .prices-page .hero-second-btn{background:var(--vs-color-surface);color:var(--vs-color-primary)}
.public-page-shell .prices-page .prices-faq{padding:0;border:0}
.public-page-shell .prices-page .prices-faq details{border:1px solid var(--vs-color-border);border-radius:12px;padding:20px 22px;margin-bottom:10px;background:var(--vs-color-surface)}
.public-page-shell .prices-page .prices-faq summary{font-size:15px;font-weight:500;color:var(--vs-color-text-strong)}
@media(max-width:1000px){.public-page-shell .prices-page .packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.public-page-shell .prices-page .packages-grid,.public-page-shell .prices-page .examples-grid,.public-page-shell .prices-page .prices-info-grid{grid-template-columns:1fr;gap:20px}.public-page-shell .prices-page :is(.info-card,.prices-examples-card,.prices-note-card,.prices-seo-card,.package-card){padding:22px}.public-page-shell .prices-page .package-card-featured{padding:21px}.public-page-shell .prices-page .prices-faq{padding:0}.public-page-shell .prices-page .section-title{font-size:23px}}
.public-page-shell .auth-top-cards{grid-row:2}
.public-page-shell .confirm-page{max-width:700px;margin:12px auto 40px;padding:0}
.public-page-shell :is(.confirm-top-card,.confirm-main-card){border:1px solid var(--vs-color-border);border-radius:14px;background:var(--vs-color-surface);box-shadow:none}
.public-page-shell .confirm-top-card{margin-bottom:20px;background:var(--vs-color-surface-soft)}
.public-page-shell .confirm-top-card-icon{background:var(--vs-color-primary-soft);color:var(--vs-color-primary)}
.public-page-shell .confirm-btn-primary,.public-page-shell .not-found-btn{background:#3578e5;background-image:none;color:#fff;box-shadow:none;border-radius:9px}
.public-page-shell .confirm-btn-secondary{background:var(--vs-color-surface);color:var(--vs-color-primary);border:1px solid var(--vs-color-control-border);border-radius:9px}
.public-page-shell .not-found-page{padding:70px 20px;background:transparent}

/* Checkbox facets alongside the voice library. */
.voice-catalog-page .catalog-hero{background:transparent;background-image:none;border:0;border-bottom:1px solid var(--vs-color-border);border-radius:0;box-shadow:none;padding:0 0 32px;margin-bottom:28px;color:var(--vs-color-text-strong)}
.voice-catalog-page .catalog-hero h1{font-weight:700;color:var(--vs-color-text-strong)}
.voice-catalog-page .catalog-hero p{max-width:780px;font-size:16px;line-height:1.75;color:var(--vs-color-text-muted)}
.voice-catalog-page .catalog-search{border-radius:10px;box-shadow:none;border:1px solid var(--vs-color-control-border);background:var(--vs-color-surface)}
.voice-catalog-page .catalog-search input{background:transparent;color:var(--vs-color-text-strong)}
.voice-catalog-page .catalog-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
.voice-catalog-page .catalog-filter-panel{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--vs-color-border);border-radius:14px;background:var(--vs-color-surface);padding:22px;scrollbar-width:thin}
.voice-catalog-page .catalog-filter-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;line-height:1.4;margin:0;color:var(--vs-color-text-strong)}
.voice-catalog-page .catalog-filter-count{margin-left:auto;background:var(--vs-color-primary-soft);color:var(--vs-color-primary);padding:2px 8px;border-radius:6px;font-size:13px;font-weight:500}
.voice-catalog-page .catalog-filter-hint{font-size:13px;line-height:1.6;color:var(--vs-color-text-muted);margin:12px 0 8px}
.voice-catalog-page .catalog-filter-reset{padding:4px 0;background:none;border:0;color:var(--vs-color-primary);font-size:13px;cursor:pointer;margin-bottom:18px}
.voice-catalog-page .catalog-filter-reset:disabled{color:var(--vs-color-text-muted);opacity:.6;cursor:default}
.voice-catalog-page .catalog-filter-group{border-top:1px solid var(--vs-color-border);padding:16px 0}
.voice-catalog-page .catalog-filter-group>summary{font-size:15px;font-weight:600;cursor:pointer;color:var(--vs-color-text-strong)}
.voice-catalog-page .catalog-filter-options{display:grid;gap:3px;margin-top:12px;max-height:280px;overflow-y:auto;scrollbar-width:thin}
.voice-catalog-page .catalog-filter-option-row{display:flex;align-items:center;gap:5px}
.voice-catalog-page .catalog-filter-option{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:8px 0;margin:0;font-size:14px;line-height:1.45;cursor:pointer;color:var(--vs-color-text)}
.voice-catalog-page .catalog-filter-option input{appearance:auto;width:17px;height:17px;margin:0;flex:0 0 17px;accent-color:#3578e5;cursor:pointer}
.voice-catalog-page .catalog-filter-option span{overflow-wrap:anywhere}
.voice-catalog-page .catalog-filter-option small{margin-left:auto;font-size:12px;color:var(--vs-color-text-muted);font-variant-numeric:tabular-nums}
.voice-catalog-page .catalog-filter-route{font-size:14px;padding:5px;color:var(--vs-color-text-muted);text-decoration:none}
.voice-catalog-page .catalog-results{min-width:0}
.voice-catalog-page .catalog-results .catalog-back{margin:0 0 18px}
.voice-catalog-page .catalog-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;font-size:15px;color:var(--vs-color-text-muted)}
.voice-catalog-page .catalog-results-toolbar strong{font-weight:600;color:var(--vs-color-text-strong)}
.voice-catalog-page .catalog-sort{display:flex;align-items:center;gap:10px;font-size:13px}

.voice-catalog-page .catalog-selected-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.voice-catalog-page .catalog-selected-filters button{display:inline-flex;align-items:center;gap:12px;background:var(--vs-color-primary-soft);color:var(--vs-color-primary);border:1px solid var(--vs-color-border);border-radius:8px;font-size:13px;padding:8px 10px;cursor:pointer}
.voice-catalog-page .catalog-selected-filters button span{font-size:18px;line-height:1}
.voice-catalog-page .catalog-workspace .catalog-voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.voice-catalog-page .catalog-workspace .catalog-voice-card{padding:22px;min-height:280px}
.voice-catalog-page .catalog-workspace .catalog-voice-card h3{font-size:20px;font-weight:600;line-height:1.4}
.voice-catalog-page .catalog-workspace :is(.catalog-model,.catalog-folder,.catalog-description-toggle){font-weight:500}
.voice-catalog-page .catalog-workspace .catalog-description{font-size:15px;line-height:1.7}
.voice-catalog-page .catalog-workspace .catalog-card-tags a{font-weight:400}
.voice-catalog-page .catalog-filter-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:26px;font-size:14px}
.voice-catalog-page .catalog-filter-pagination button{border:1px solid var(--vs-color-border);background:var(--vs-color-surface);color:var(--vs-color-primary);border-radius:8px;padding:10px 16px;cursor:pointer}
.voice-catalog-page .catalog-filter-pagination button:disabled{opacity:.45;cursor:default}
.voice-catalog-page .catalog-filter-mobile-toggle{display:none}
@media(max-width:1000px){.voice-catalog-page .catalog-workspace{grid-template-columns:230px minmax(0,1fr);gap:20px}.voice-catalog-page .catalog-filter-panel{padding:18px}.voice-catalog-page .catalog-workspace .catalog-voice-grid{grid-template-columns:1fr}}
@media(max-width:760px){.voice-catalog-page .catalog-workspace{grid-template-columns:1fr;gap:22px}.voice-catalog-page .catalog-filter-panel{position:static;max-height:none;overflow:visible;padding:16px 18px}.voice-catalog-page .catalog-filter-desktop-title{display:none}.voice-catalog-page .catalog-filter-mobile-toggle{display:flex;width:100%;background:none;border:0;padding:0;cursor:pointer}.voice-catalog-page .catalog-filter-body{display:none}.voice-catalog-page .catalog-filter-body.is-expanded{display:block}.voice-catalog-page .catalog-filter-options{max-height:220px}.voice-catalog-page .catalog-results-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.voice-catalog-page .catalog-sort{width:100%;justify-content:space-between}.voice-catalog-page .catalog-filter-pagination{gap:10px}.voice-catalog-page .catalog-filter-pagination button{padding:10px 12px}}
.voice-catalog-page .catalog-workspace .catalog-play-button{background:#3578e5;box-shadow:none}
.voice-catalog-page .catalog-workspace .catalog-player-preview{background:var(--vs-color-surface-soft);border-color:var(--vs-color-border);box-shadow:none;border-radius:10px}
.voice-catalog-page .catalog-workspace .catalog-wave-meta{font-size:12px;font-weight:400}
.voice-catalog-page .catalog-workspace .catalog-voice-card{border:1px solid var(--vs-color-border);border-radius:14px;background:var(--vs-color-surface);box-shadow:none}
.voice-catalog-page .catalog-workspace .catalog-card-tags span.current{background:var(--vs-color-primary-soft);color:var(--vs-color-primary);border:1px solid var(--vs-color-control-border);font-weight:500}.catalog-tags-toggle{margin-bottom:12px}

.voice-catalog-page .catalog-sort{margin-left:auto;gap:12px;font-size:14px}
.voice-catalog-page .catalog-sort-picker{position:relative;min-width:220px}
.voice-catalog-page .catalog-sort-picker[open]{z-index:35}
.voice-catalog-page .catalog-sort-picker>summary{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;padding:12px 16px;list-style:none;cursor:pointer;background:var(--vs-color-surface);border:1px solid var(--vs-color-control-border);border-radius:10px;color:var(--vs-color-text);font-size:14px;font-weight:400}
.voice-catalog-page .catalog-sort-picker>summary::-webkit-details-marker{display:none}
.voice-catalog-page .catalog-sort-picker>summary .bi{font-size:12px;color:var(--vs-color-text-muted);transition:transform .15s}
.voice-catalog-page .catalog-sort-picker[open]>summary{border-color:var(--vs-color-primary);box-shadow:0 0 0 3px var(--vs-color-primary-soft)}
.voice-catalog-page .catalog-sort-picker[open]>summary .bi{transform:rotate(180deg)}
.voice-catalog-page .catalog-sort-dismiss{position:fixed;inset:0;z-index:1;border:0;background:transparent;cursor:default}
.voice-catalog-page .catalog-sort-options{position:absolute;z-index:2;top:calc(100% + 8px);right:0;width:260px;max-width:calc(100vw - 40px);padding:6px;background:var(--vs-color-surface);border:1px solid var(--vs-color-border);border-radius:12px;box-shadow:0 12px 32px #15264a18}
.voice-catalog-page .catalog-sort-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;width:100%;padding:12px;border:0;border-radius:7px;background:transparent;text-align:left;color:var(--vs-color-text);font-size:14px;font-weight:400;cursor:pointer}
.voice-catalog-page .catalog-sort-option:hover,.voice-catalog-page .catalog-sort-option.is-selected{background:var(--vs-color-primary-soft);color:var(--vs-color-primary)}
.voice-catalog-page .catalog-sort-picker :is(summary,button):focus-visible{outline:2px solid var(--vs-color-primary);outline-offset:2px}
@media(max-width:760px){.voice-catalog-page .catalog-sort-picker{min-width:0;width:min(240px,100%);flex:1;max-width:240px}.voice-catalog-page .catalog-sort-options{width:100%}}