:root {
    --ink: #242832;
    --green: #7672e9;
    --green-hover: #625ed4;
    --green-soft: #efefff;
    --muted: #6e7380;
    --line: #e5e6eb;
}

.studio-content {
    width: 100%;
    max-width: 1320px;
    padding-right: 34px;
    padding-left: 34px;
}

.studio-nav-link { font-size: 12px; }
.studio-nav-link.is-active { color: #514dc1; background: #f0efff; }
.studio-nav-link.is-active > svg { color: #7672e9; }
.studio-nav-link:hover { color: #242832; background: #f3f3f7; }
.studio-tab.is-active,
.library-tabs a.is-selected { color: #514dc1; }
.studio-tab.is-active::after { background: #7672e9; }
.library-tabs a:hover { background: #f3f3f7; }
.library-tabs a.is-selected { background: #f0efff; }
.use-case-chip.is-selected { border-color: #bbb8f4; color: #514dc1; background: #f1f0ff; }
.facet-option input:checked + span { border-color: #bbb8f4; color: #514dc1; background: #f1f0ff; }
.voice-tags span { color: #5e5ab3; background: #f1f0ff; }
.demo-play:hover,
.picker-apply,
.picker-pagination span[aria-current] span { border-color: #7672e9; background: #7672e9; }
.picker-apply:hover { border-color: #625ed4; background: #625ed4; }
.studio-nav-link:focus-visible,
.icon-button:focus-visible,
.topbar-cta:focus-visible,
.picker-tab:focus-visible,
.picker-close:focus-visible { outline: 2px solid #7672e9; outline-offset: 2px; }

.page-heading h1 { font-size: 29px; }
.page-heading > div > p:last-child { font-size: 13px; }
.breadcrumbs { font-size: 12px; }
.workspace-name strong { font-size: 13px; }
.workspace-name small,
.sidebar-user small { font-size: 11px; }
.library-toolbar h2 { font-size: 15px; }
.library-toolbar > div:first-child > span,
.result-count { font-size: 11px; }
.voice-card h2 { font-size: 13px; }
.voice-meta { font-size: 9px; }
.voice-description { font-size: 11px; line-height: 1.55; }
.voice-tags span { font-size: 9px; }
.voice-price { font-size: 11px; }
.availability,
.voice-card-footer > a { font-size: 10px; }
.filter-launch,
.sort-control select { font-size: 11px; }
.use-case-chip { font-size: 11px; }
.chip-caption { font-size: 10px; }

.voice-picker {
    width: min(1320px, calc(100vw - 32px));
    height: min(810px, calc(100dvh - 32px));
    border-color: #dedfe6;
    box-shadow: 0 30px 110px #1719223d;
}

.picker-form { grid-template-columns: 320px minmax(0, 1fr); }
.picker-filter-rail { padding-right: 19px; padding-left: 19px; }
.picker-titlebar h2 { font-size: 18px; }
.picker-filter-label,
.picker-facet > summary { font-size: 13px; }
.facet-option span { min-height: 32px; padding-right: 11px; padding-left: 11px; font-size: 11px; }
.picker-search { height: 39px; }
.picker-search input { font-size: 13px; }
.picker-sort select { height: 39px; font-size: 11px; }
.picker-tabs { min-height: 41px; }
.picker-tab { height: 41px; font-size: 12px; }
.picker-list-heading { min-height: 43px; }
.picker-list-heading h3 { font-size: 13px; }
.picker-list-heading > span { font-size: 10px; }
.picker-voice-row { min-height: 66px; grid-template-columns: 40px minmax(190px, 1.4fr) minmax(135px, .85fr) minmax(90px, .55fr) auto; gap: 13px; }
.picker-avatar { width: 38px; height: 38px; }
.picker-voice-name > a { font-size: 13px; }
.picker-voice-name p { font-size: 10px; }
.picker-voice-locale { font-size: 11px; }
.picker-voice-locale small { font-size: 9px; }
.picker-voice-use span { font-size: 9px; }
.picker-voice-price { font-size: 10px; }
.picker-voice-actions .favorite-toggle,
.picker-voice-actions .demo-play { width: 29px; height: 29px; flex-basis: 29px; }
.picker-apply { min-height: 39px; font-size: 11px; }

@media (max-width: 1150px) {
    .studio-content { max-width: 1040px; padding-right: 24px; padding-left: 24px; }
    .picker-form { grid-template-columns: 285px minmax(0, 1fr); }
    .picker-voice-row { grid-template-columns: 36px minmax(150px, 1.3fr) minmax(115px, .75fr) auto; gap: 9px; }
    .picker-voice-use { display: none; }
}

@media (max-width: 760px) {
    .studio-content { max-width: none; padding-right: 17px; padding-left: 17px; }
    .page-heading h1 { font-size: 26px; }
    .page-heading > div > p:last-child { font-size: 12px; }
    .voice-card h2 { font-size: 12px; }
    .voice-meta { font-size: 8px; }
    .voice-description { font-size: 10px; }
    .voice-tags span { font-size: 8px; }
    .voice-picker { width: calc(100vw - 16px); height: calc(100dvh - 16px); }
    .picker-form { grid-template-columns: 1fr; }
    .picker-filter-rail { max-height: 250px; padding: 10px 12px 0; }
    .picker-filter-label,
    .picker-facet > summary { font-size: 11px; }
    .facet-option span { min-height: 28px; padding: 0 8px; font-size: 10px; }
    .picker-results-toolbar { padding: 8px; }
    .picker-search { height: 34px; }
    .picker-search input { font-size: 11px; }
    .picker-tabs { min-height: 34px; }
    .picker-tab { height: 34px; font-size: 10px; }
    .picker-list-heading { min-height: 34px; padding: 0 10px; }
    .picker-list-heading h3 { font-size: 11px; }
    .picker-voice-list { padding: 0 8px; }
    .picker-voice-row { min-height: 54px; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 7px; }
    .picker-avatar { width: 30px; height: 30px; }
    .picker-voice-name > a { font-size: 10px; }
    .picker-voice-name p { font-size: 9px; }
    .picker-voice-locale,
    .picker-voice-use { display: none; }
    .picker-voice-actions .favorite-toggle { display: none; }
    .picker-voice-actions .demo-play { width: 26px; height: 26px; flex-basis: 26px; }
    .picker-voice-price { font-size: 9px; }
}

/* Poczekalnia lektorów */
.waiting-heading { align-items: center; }
.waiting-heading-mark { display: flex; align-items: baseline; gap: 7px; color: #777c88; font-size: 11px; }
.waiting-heading-mark span { color: #5752bd; font-family: var(--mono); font-size: 24px; font-weight: 500; }
.waiting-intro { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 16px; margin: 20px 0 24px; padding: 18px 20px; border: 1px solid #dfdef5; border-radius: 9px; background: linear-gradient(120deg,#f8f7ff,#fff); }
.waiting-intro-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; color: #fff; background: #7672e9; font-size: 21px; box-shadow: 0 9px 18px -9px rgba(81,77,181,.55); }
.waiting-intro h2 { margin: 0 0 4px; font-size: 14px; }
.waiting-intro p { max-width: 720px; margin: 0; color: #727783; font-size: 10px; line-height: 1.6; }
.waiting-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.waiting-card { min-width: 0; overflow: hidden; border: 1px solid #e2e3e9; border-radius: 10px; background: #fff; box-shadow: 0 12px 30px -27px rgba(27,30,39,.4); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.waiting-card:hover { transform: translateY(-3px); border-color: #cac7f3; box-shadow: 0 20px 38px -27px rgba(81,77,181,.48); }
.waiting-card-top { display: flex; align-items: center; gap: 12px; padding: 15px 15px 10px; }
.waiting-avatar { display: grid; width: 58px; height: 58px; flex: 0 0 58px; place-items: center; overflow: hidden; border: 3px solid #fff; border-radius: 50%; color: #5752bd; background: #eeedff; box-shadow: 0 0 0 1px #e4e2f8; font-size: 20px; font-weight: 700; }
.waiting-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; }
.waiting-person { min-width: 0; }
.waiting-person p { margin: 0 0 2px; color: #7773db; font: 8px var(--mono); letter-spacing: .08em; }
.waiting-person h2 { overflow: hidden; margin: 0; font-size: 14px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.waiting-person>span { display: flex; align-items: center; gap: 5px; margin-top: 3px; color: #858a95; font-size: 8px; }
.waiting-person i { width: 5px; height: 5px; border-radius: 50%; background: #64ad7c; }
.waiting-description { min-height: 50px; margin: 0; padding: 4px 15px 12px; color: #6d727e; font-size: 10px; line-height: 1.55; }
.waiting-demo { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 9px; margin: 0 11px; padding: 10px; border-radius: 7px; background: #f6f6fa; }
.waiting-demo button { display: grid; width: 34px; height: 34px; place-items: center; padding: 0; border: 0; border-radius: 50%; color: #fff; background: #7672e9; cursor: pointer; transition: transform .18s ease, background .18s ease; }
.waiting-demo button:hover { transform: scale(1.06); background: #625ed4; }
.waiting-demo button.is-playing { background: #242832; }
.waiting-demo button svg { width: 15px; height: 15px; fill: currentColor; }
.waiting-demo>span { display: flex; min-width: 0; flex-direction: column; }
.waiting-demo strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.waiting-demo small { color: #8b8f99; font-size: 8px; }
.waiting-wave { display: flex; height: 22px; align-items: center; gap: 2px; }
.waiting-wave b { width: 2px; height: 7px; border-radius: 2px; background: #bbb8e8; }
.waiting-wave b:nth-child(2),.waiting-wave b:nth-child(6) { height: 13px; }
.waiting-wave b:nth-child(3),.waiting-wave b:nth-child(5) { height: 19px; }
.waiting-wave b:nth-child(4) { height: 10px; }
.waiting-demo:has(button.is-playing) .waiting-wave b { animation: waiting-wave .7s ease-in-out infinite alternate; }
.waiting-demo:has(button.is-playing) .waiting-wave b:nth-child(2n) { animation-delay: -.35s; }
.waiting-card footer { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: 9px; padding: 0 15px; color: #91959e; font-size: 8px; }
.waiting-card footer a { color: #5752bd; font-size: 9px; font-weight: 650; }
.waiting-card footer a:hover { text-decoration: underline; text-underline-offset: 3px; }
@keyframes waiting-wave { from { transform: scaleY(.55); } to { transform: scaleY(1.18); } }
@media (max-width: 1000px) { .waiting-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) {
    .waiting-intro { grid-template-columns: auto 1fr; padding: 14px; }
    .waiting-intro .primary-action { grid-column: 1/-1; }
    .waiting-grid { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
    .studio-content { padding-right: 12px; padding-left: 12px; }
    .page-heading h1 { font-size: 24px; }
    .picker-titlebar h2 { font-size: 15px; }
    .picker-voice-row { grid-template-columns: 28px minmax(0, 1fr) auto; }
    .picker-avatar { width: 26px; height: 26px; }
    .picker-voice-name > a { font-size: 9px; }
    .picker-voice-name p { font-size: 8px; }
}

body { font-size: 16px; }
.studio-nav-link { font-size: 13px; }
.nav-section-label { font-size: 12px; }
.workspace-name strong,.sidebar-user strong { font-size: 15px; }
.workspace-name small,.sidebar-user small { font-size: 13px; }
.breadcrumbs { font-size: 14px; }
.topbar-help,.topbar-cta { font-size: 12px; }
.page-heading h1 { font-size: 34px; }
.page-heading>div>p:last-child { font-size: 15px; }
.studio-tab { font-size: 14px; }
.voice-search input,.picker-search input,.topbar-global-search input { font-size: 15px; }
.filter-launch,.sort-control select { font-size: 13px; }
.use-case-chip { min-height: 34px; font-size: 13px; }
.chip-caption { font-size: 12px; }
.library-toolbar h2 { font-size: 17px; }
.library-toolbar>div:first-child>span,.result-count { font-size: 13px; }
.voice-grid:not(.is-list-view) .voice-card h2 { font-size: 15px; }
.voice-grid:not(.is-list-view) .voice-meta { font-size: 11px; }
.voice-grid:not(.is-list-view) .voice-description { font-size: 12px; }
.voice-grid:not(.is-list-view) .voice-tags span { font-size: 10px; }
.voice-grid:not(.is-list-view) .voice-price { font-size: 12px; }
.voice-grid:not(.is-list-view) .availability,.voice-grid:not(.is-list-view) .voice-card-footer>a { font-size: 11px; }
.picker-titlebar h2 { font-size: 20px; }
.picker-filter-label,.picker-facet>summary { font-size: 14px; }
.facet-option span { min-height: 35px; font-size: 12px; }
.picker-search { height: 44px; }
.picker-sort select { height: 44px; font-size: 13px; }
.picker-tab { height: 44px; font-size: 14px; }
.picker-list-heading h3 { font-size: 15px; }
.picker-list-heading>span { font-size: 12px; }
.picker-voice-row { min-height: 72px; }
.picker-voice-name>a { font-size: 15px; }
.picker-voice-name p { font-size: 12px; }
.picker-voice-locale { font-size: 13px; }
.picker-voice-locale small { font-size: 11px; }
.picker-voice-use span { font-size: 10px; }
.picker-voice-price { font-size: 12px; }
.picker-apply { min-height: 44px; font-size: 13px; }
.pricing-summary span,.rate-currency { font-size: 11px; }
.pricing-summary strong { font-size: 16px; }
.rate-table th { font-size: 11px; }
.rate-table td,.rate-table td strong { font-size: 13px; }
.rate-table td small { font-size: 11px; }

@media (max-width: 760px) {
    body { font-size: 15px; }
    .studio-nav-link { font-size: 12px; }
    .page-heading h1 { font-size: 28px; }
    .page-heading>div>p:last-child { font-size: 13px; }
    .studio-tab { font-size: 12px; }
    .voice-search input,.picker-search input { font-size: 12px; }
    .use-case-chip { min-height: 31px; font-size: 11px; }
    .voice-grid:not(.is-list-view) .voice-card h2 { font-size: 14px; }
    .voice-grid:not(.is-list-view) .voice-meta { font-size: 10px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 11px; }
    .picker-titlebar h2 { font-size: 17px; }
    .picker-filter-label,.picker-facet>summary { font-size: 12px; }
    .facet-option span { min-height: 30px; font-size: 10px; }
    .picker-tab { font-size: 12px; }
    .picker-voice-name>a { font-size: 12px; }
    .picker-voice-name p { font-size: 10px; }
    .picker-voice-price { font-size: 10px; }
}

@media (max-width: 420px) {
    .page-heading h1 { font-size: 27px; }
    .page-heading>div>p:last-child { font-size: 12px; }
    .voice-grid:not(.is-list-view) .voice-card h2 { font-size: 13px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 10px; }
    .picker-titlebar h2 { font-size: 16px; }
    .picker-filter-label,.picker-facet>summary { font-size: 11px; }
    .facet-option span { font-size: 10px; }
    .picker-voice-name>a { font-size: 11px; }
    .picker-voice-name p { font-size: 9px; }
}

.studio-nav-link { font-size: 14px; }
.workspace-name strong,.sidebar-user strong { font-size: 16px; }
.workspace-name small,.sidebar-user small { font-size: 13px; }
.breadcrumbs { font-size: 14px; }
.topbar-help,.topbar-cta { font-size: 12px; }
.page-heading h1 { font-size: 36px; }
.page-heading>div>p:last-child { font-size: 15px; }
.studio-tab { font-size: 14px; }
.voice-search input,.picker-search input,.topbar-global-search input { font-size: 15px; }
.filter-launch,.sort-control select { font-size: 13px; }
.use-case-chip { font-size: 13px; }
.chip-caption { font-size: 12px; }
.library-toolbar h2 { font-size: 18px; }
.library-toolbar>div:first-child>span,.result-count { font-size: 13px; }
.voice-grid:not(.is-list-view) .voice-card h2 { font-size: 16px; }
.voice-grid:not(.is-list-view) .voice-meta { font-size: 11px; }
.voice-grid:not(.is-list-view) .voice-description { font-size: 13px; }
.voice-grid:not(.is-list-view) .voice-tags span { font-size: 10px; }
.voice-grid:not(.is-list-view) .voice-price { font-size: 13px; }
.voice-grid:not(.is-list-view) .availability,.voice-grid:not(.is-list-view) .voice-card-footer>a { font-size: 11px; }
.voice-card h2 { font-size: 16px; }
.voice-meta { font-size: 11px; }
.voice-description { font-size: 13px; }
.voice-tags span { font-size: 11px; }
.voice-price { font-size: 13px; }
.availability,.voice-card-footer>a { font-size: 12px; }
.picker-titlebar h2 { font-size: 21px; }
.picker-filter-label,.picker-facet>summary { font-size: 15px; }
.facet-option span { min-height: 36px; font-size: 13px; }
.picker-search { height: 46px; }
.picker-sort select { height: 46px; font-size: 14px; }
.picker-tab { height: 46px; font-size: 14px; }
.picker-list-heading h3 { font-size: 16px; }
.picker-list-heading>span { font-size: 12px; }
.picker-voice-row { min-height: 76px; }
.picker-voice-name>a { font-size: 16px; }
.picker-voice-name p { font-size: 12px; }
.picker-voice-locale { font-size: 13px; }
.picker-voice-locale small { font-size: 11px; }
.picker-voice-use span { font-size: 11px; }
.picker-voice-price { font-size: 12px; }
.picker-apply { min-height: 46px; font-size: 14px; }

@media (max-width: 760px) {
    .page-heading h1 { font-size: 30px; }
    .page-heading>div>p:last-child { font-size: 14px; }
    .voice-grid:not(.is-list-view) .voice-card h2 { font-size: 14px; }
    .voice-grid:not(.is-list-view) .voice-meta { font-size: 10px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 11px; }
    .picker-titlebar h2 { font-size: 18px; }
    .picker-filter-label,.picker-facet>summary { font-size: 13px; }
    .facet-option span { min-height: 31px; font-size: 11px; }
    .picker-tab { font-size: 12px; }
    .picker-voice-name>a { font-size: 12px; }
    .picker-voice-name p { font-size: 10px; }
    .picker-voice-price { font-size: 10px; }
}

@media (max-width: 420px) {
    .page-heading h1 { font-size: 28px; }
    .page-heading>div>p:last-child { font-size: 13px; }
    .picker-titlebar h2 { font-size: 16px; }
    .picker-filter-label,.picker-facet>summary { font-size: 12px; }
    .facet-option span { font-size: 10px; }
    .picker-voice-name>a { font-size: 11px; }
    .picker-voice-name p { font-size: 9px; }
}

.voice-grid:not(.is-list-view) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 24px;
}

.voice-grid:not(.is-list-view) .voice-card {
    display: grid;
    min-height: 76px;
    grid-template-columns: minmax(0, 1fr) 118px;
    grid-template-rows: 1fr auto;
    align-items: center;
    gap: 0 9px;
    padding: 8px 3px 5px;
    border: 0;
    border-bottom: 1px solid #ececf1;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.voice-grid:not(.is-list-view) .voice-card:hover {
    border-bottom-color: #d9d7fa;
    background: #fbfaff;
    box-shadow: none;
}

.voice-grid:not(.is-list-view) .voice-card.is-favorite {
    border-bottom-color: #c9c6fa;
}

.voice-grid:not(.is-list-view) .voice-card-main {
    min-width: 0;
    grid-column: 1;
    grid-row: 1 / span 2;
    align-items: center;
    gap: 9px;
}

.voice-grid:not(.is-list-view) .voice-avatar {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 50%;
}

.voice-grid:not(.is-list-view) .voice-card-copy { min-width: 0; }
.voice-grid:not(.is-list-view) .voice-card h2 { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.voice-grid:not(.is-list-view) .voice-meta { margin-bottom: 2px; font-size: 8px; }
.voice-grid:not(.is-list-view) .voice-description { min-height: 0; margin: 2px 0 3px; font-size: 9px; -webkit-line-clamp: 1; }
.voice-grid:not(.is-list-view) .voice-tags { min-height: 15px; }
.voice-grid:not(.is-list-view) .voice-tags span { padding: 1px 5px; font-size: 8px; }
.voice-grid:not(.is-list-view) .voice-card-audio { grid-column: 2; grid-row: 1; align-self: end; gap: 5px; margin: 0; padding: 2px 0 3px; border: 0; }
.voice-grid:not(.is-list-view) .demo-play { width: 24px; height: 24px; flex-basis: 24px; }
.voice-grid:not(.is-list-view) .voice-price { font-size: 9px; }
.voice-grid:not(.is-list-view) .voice-card-footer { grid-column: 2; grid-row: 2; min-height: 21px; justify-content: flex-end; gap: 8px; border: 0; }
.voice-grid:not(.is-list-view) .availability,
.voice-grid:not(.is-list-view) .voice-card-footer > a { font-size: 8px; }

@media (max-width: 1150px) {
    .voice-grid:not(.is-list-view) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
}

@media (max-width: 760px) {
    .voice-grid:not(.is-list-view) { grid-template-columns: 1fr; gap: 0; }
    .voice-grid:not(.is-list-view) .voice-card { min-height: 70px; grid-template-columns: minmax(0, 1fr) 112px; }
    .voice-grid:not(.is-list-view) .voice-card h2 { font-size: 11px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 9px; }
}

@media (max-width: 420px) {
    .voice-grid:not(.is-list-view) .voice-card { grid-template-columns: minmax(0, 1fr) 102px; gap: 0 5px; }
    .voice-grid:not(.is-list-view) .voice-avatar { width: 34px; height: 34px; flex-basis: 34px; }
}

body { font-size: 16px; }
.studio-content { max-width: 1320px; }
.studio-nav-link { min-height: 35px; font-size: 13px; }
.nav-section-label { font-size: 11px; }
.workspace-name strong,.sidebar-user strong { font-size: 14px; }
.workspace-name small,.sidebar-user small { font-size: 12px; }
.breadcrumbs { font-size: 13px; }
.topbar-help,.topbar-cta { font-size: 11px; }
.page-heading h1 { font-size: 32px; }
.page-heading>div>p:last-child { font-size: 14px; }
.studio-tab { font-size: 13px; }
.voice-search input,.picker-search input,.topbar-global-search input { font-size: 14px; }
.filter-launch,.sort-control select { font-size: 12px; }
.use-case-chip { min-height: 32px; font-size: 12px; }
.chip-caption { font-size: 11px; }
.library-toolbar h2 { font-size: 16px; }
.library-toolbar>div:first-child>span,.result-count { font-size: 12px; }
.voice-grid:not(.is-list-view) .voice-card h2 { font-size: 14px; }
.voice-grid:not(.is-list-view) .voice-meta { font-size: 10px; }
.voice-grid:not(.is-list-view) .voice-description { font-size: 11px; }
.voice-grid:not(.is-list-view) .voice-tags span { font-size: 9px; }
.voice-grid:not(.is-list-view) .voice-price { font-size: 11px; }
.voice-grid:not(.is-list-view) .availability,.voice-grid:not(.is-list-view) .voice-card-footer>a { font-size: 10px; }
.voice-card h2 { font-size: 14px; }
.voice-meta { font-size: 10px; }
.voice-description { font-size: 12px; }
.voice-tags span { font-size: 10px; }
.voice-price { font-size: 12px; }
.availability,.voice-card-footer>a { font-size: 11px; }
.picker-titlebar h2 { font-size: 19px; }
.picker-filter-label,.picker-facet>summary { font-size: 14px; }
.facet-option span { min-height: 34px; font-size: 12px; }
.picker-search { height: 42px; }
.picker-sort select { height: 42px; font-size: 12px; }
.picker-tab { height: 43px; font-size: 13px; }
.picker-list-heading h3 { font-size: 14px; }
.picker-list-heading>span { font-size: 11px; }
.picker-voice-row { min-height: 70px; }
.picker-voice-name>a { font-size: 14px; }
.picker-voice-name p { font-size: 11px; }
.picker-voice-locale { font-size: 12px; }
.picker-voice-locale small { font-size: 10px; }
.picker-voice-use span { font-size: 10px; }
.picker-voice-price { font-size: 11px; }
.picker-apply { min-height: 42px; font-size: 12px; }
.pricing-summary span,.rate-currency { font-size: 10px; }
.pricing-summary strong { font-size: 15px; }
.rate-table th { font-size: 10px; }
.rate-table td,.rate-table td strong { font-size: 12px; }
.rate-table td small { font-size: 10px; }

@media (max-width: 1150px) {
    .studio-content { max-width: 1040px; }
}

@media (max-width: 760px) {
    .studio-content { max-width: none; }
    .studio-nav-link { font-size: 12px; }
    .page-heading h1 { font-size: 28px; }
    .page-heading>div>p:last-child { font-size: 13px; }
    .studio-tab { font-size: 12px; }
    .voice-search input,.picker-search input { font-size: 12px; }
    .use-case-chip { min-height: 30px; font-size: 10px; }
    .voice-grid:not(.is-list-view) .voice-card h2 { font-size: 13px; }
    .voice-grid:not(.is-list-view) .voice-meta { font-size: 9px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 10px; }
    .picker-titlebar h2 { font-size: 16px; }
    .picker-filter-label,.picker-facet>summary { font-size: 12px; }
    .facet-option span { min-height: 30px; font-size: 10px; }
    .picker-tab { font-size: 11px; }
    .picker-voice-name>a { font-size: 11px; }
    .picker-voice-name p { font-size: 10px; }
    .picker-voice-price { font-size: 10px; }
}

@media (max-width: 420px) {
    .studio-content { padding-right: 12px; padding-left: 12px; }
    .page-heading h1 { font-size: 26px; }
    .page-heading>div>p:last-child { font-size: 12px; }
    .voice-grid:not(.is-list-view) .voice-card h2 { font-size: 12px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 10px; }
    .picker-voice-name>a { font-size: 10px; }
    .picker-voice-name p { font-size: 9px; }
    .picker-filter-label,.picker-facet>summary { font-size: 11px; }
}

@media (min-width: 1151px) {
    body { font-size: 17px; }
    .studio-nav-link { font-size: 14px; }
    .workspace-name strong,.sidebar-user strong { font-size: 16px; }
    .workspace-name small,.sidebar-user small { font-size: 14px; }
    .breadcrumbs { font-size: 15px; }
    .topbar-help,.topbar-cta { font-size: 13px; }
    .page-heading h1 { font-size: 36px; }
    .page-heading>div>p:last-child { font-size: 16px; }
    .studio-tab { font-size: 15px; }
    .voice-search input,.picker-search input,.topbar-global-search input { font-size: 16px; }
    .filter-launch,.sort-control select { font-size: 14px; }
    .use-case-chip { min-height: 36px; font-size: 14px; }
    .chip-caption { font-size: 13px; }
    .library-toolbar h2 { font-size: 19px; }
    .library-toolbar>div:first-child>span,.result-count { font-size: 14px; }
    .voice-grid:not(.is-list-view) .voice-card h2 { font-size: 17px; }
    .voice-grid:not(.is-list-view) .voice-meta { font-size: 12px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 13px; }
    .voice-grid:not(.is-list-view) .voice-tags span { font-size: 11px; }
    .voice-grid:not(.is-list-view) .voice-price { font-size: 14px; }
    .voice-grid:not(.is-list-view) .availability,.voice-grid:not(.is-list-view) .voice-card-footer>a { font-size: 12px; }
    .picker-titlebar h2 { font-size: 22px; }
    .picker-filter-label,.picker-facet>summary { font-size: 16px; }
    .facet-option span { min-height: 38px; font-size: 14px; }
    .picker-search { height: 48px; }
    .picker-sort select { height: 48px; font-size: 14px; }
    .picker-tab { height: 47px; font-size: 15px; }
    .picker-list-heading h3 { font-size: 17px; }
    .picker-list-heading>span { font-size: 13px; }
    .picker-voice-row { min-height: 80px; }
    .picker-voice-name>a { font-size: 17px; }
    .picker-voice-name p { font-size: 13px; }
    .picker-voice-locale { font-size: 14px; }
    .picker-voice-locale small { font-size: 12px; }
    .picker-voice-use span { font-size: 12px; }
    .picker-voice-price { font-size: 13px; }
    .picker-apply { min-height: 48px; font-size: 14px; }
}

@media (max-width: 1150px) {
    .studio-content { max-width: 1040px; }
}

@media (max-width: 760px) {
    .page-heading h1 { font-size: 30px; }
    .page-heading>div>p:last-child { font-size: 14px; }
    .picker-titlebar h2 { font-size: 18px; }
    .picker-filter-label,.picker-facet>summary { font-size: 13px; }
    .facet-option span { min-height: 32px; font-size: 11px; }
    .picker-tab { font-size: 12px; }
    .picker-voice-name>a { font-size: 12px; }
    .picker-voice-name p { font-size: 10px; }
    .picker-voice-price { font-size: 10px; }
    .voice-grid:not(.is-list-view) .voice-card h2 { font-size: 14px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 11px; }
}

@media (max-width: 420px) {
    .page-heading h1 { font-size: 28px; }
    .picker-titlebar h2 { font-size: 16px; }
    .picker-filter-label,.picker-facet>summary { font-size: 12px; }
    .facet-option span { font-size: 10px; }
    .picker-voice-name>a { font-size: 11px; }
    .picker-voice-name p { font-size: 9px; }
    .voice-grid:not(.is-list-view) .voice-card h2 { font-size: 13px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 10px; }
}

.voice-avatar,.picker-avatar,.profile-avatar { position: relative; }
.verified-badge { position: absolute; right: 0; bottom: 0; z-index: 2; display: grid; width: 18px; height: 18px; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #fff; background: #2fa66e; box-shadow: 0 1px 3px #24283230; }
.verified-badge svg { width: 10px; height: 10px; stroke: #fff; stroke-width: 2.6; }
.picker-avatar .verified-badge { width: 16px; height: 16px; }
.picker-avatar .verified-badge svg { width: 9px; height: 9px; }
.profile-avatar .verified-badge { right: 15px; bottom: 15px; width: 25px; height: 25px; }
.profile-avatar .verified-badge svg { width: 14px; height: 14px; }
.popular-label { display: inline-flex; min-height: 18px; align-items: center; padding: 1px 6px; border: 1px solid #dedcff; border-radius: 4px; color: #5853bb; background: #f3f2ff; font-size: 9px; font-weight: 650; white-space: nowrap; }
.voice-tags .popular-label { padding: 1px 6px; color: #5853bb; background: #f3f2ff; font-size: 9px; }
.picker-voice-name .popular-label { margin-top: 4px; }

.voice-grid:not(.is-list-view) {
    gap: 10px 12px;
}

.voice-grid:not(.is-list-view) .voice-card {
    min-height: 96px;
    padding: 9px 11px 5px;
    border: 1px solid #e5e6ec;
    border-radius: 7px;
    background: #fff;
    transition: border-color .16s ease, background .16s ease;
}

.voice-grid:not(.is-list-view) .voice-card:hover {
    border-color: #c8c5f2;
    background: #fdfdff;
}

.voice-grid:not(.is-list-view) .voice-card.is-favorite {
    border-color: #bdbaf0;
    background: #fbfaff;
}

@media (max-width: 760px) {
    .voice-grid:not(.is-list-view) { gap: 8px; }
    .voice-grid:not(.is-list-view) .voice-card { min-height: 88px; padding: 8px 9px 4px; }
}

.pagination-bar {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 0 8px;
    border-top: 1px solid #e7e8ed;
}

.pagination-summary { margin: 0; color: #626876; font-size: 13px; }
.pagination-controls { display: flex; align-items: center; gap: 5px; }
.pagination-link { display: grid; min-width: 35px; height: 35px; place-items: center; padding: 0 9px; border: 1px solid #e0e2e8; border-radius: 6px; color: #4d5360; background: #fff; font-size: 12px; transition: border-color .14s, color .14s, background .14s; }
.pagination-link svg { width: 15px; height: 15px; }
.pagination-link:hover { border-color: #b9b6ef; color: #514dc1; background: #f8f7ff; }
.pagination-link.is-current { border-color: #7672e9; color: #fff; background: #7672e9; font-weight: 650; }
.pagination-link.is-disabled { color: #b1b4bd; background: #fafafd; cursor: default; }
.pagination-ellipsis { padding: 0 3px; color: #7b808c; font-size: 12px; }
.picker-results .pagination-bar { padding: 10px 15px 13px; border-top: 1px solid #ececf1; }
.picker-results .pagination-summary { font-size: 11px; }
.picker-results .pagination-link { min-width: 29px; height: 29px; border-radius: 5px; font-size: 10px; }
.picker-results .pagination-link svg { width: 13px; height: 13px; }

@media (max-width: 760px) {
    .pagination-bar { gap: 9px; }
    .pagination-summary { font-size: 11px; }
    .pagination-controls { gap: 3px; }
    .pagination-link { min-width: 30px; height: 31px; padding: 0 6px; font-size: 10px; }
}

@media (max-width: 420px) {
    .pagination-bar { align-items: flex-start; flex-direction: column; }
    .pagination-controls { max-width: 100%; flex-wrap: wrap; }
}

.voice-grid:not(.is-list-view) { gap: 12px; }
.voice-grid:not(.is-list-view) .voice-card { position:relative; min-height: 132px; grid-template-columns: minmax(0,1fr); grid-template-rows: 1fr auto; padding: 15px 15px 9px; }
.voice-grid:not(.is-list-view) .voice-card-main { grid-column: 1; grid-row: 1; align-items: flex-start; gap: 12px; }
.voice-grid:not(.is-list-view) .voice-avatar { width: 48px; height: 48px; flex-basis: 48px; }
.voice-grid:not(.is-list-view) .voice-avatar { align-self: center; }
.voice-grid:not(.is-list-view) .voice-card-copy { min-width: 0; flex: 1; }
.voice-grid:not(.is-list-view) .voice-card-title-row { align-items: center; gap: 9px; }
.voice-grid:not(.is-list-view) .voice-card-title-row>div:first-child { min-width: 0; flex: 1; padding-right: 85px; }
.voice-grid:not(.is-list-view) .voice-card h2 { font-size: 15px; }
.voice-grid:not(.is-list-view) .voice-description { margin: 5px 0 6px; font-size: 12px; -webkit-line-clamp: 2; }
.voice-grid:not(.is-list-view) .voice-card-actions { position: absolute; top: 11px; right: 12px; display: flex; align-items: center; gap: 6px; }
.voice-grid:not(.is-list-view) .voice-card-actions .demo-play { width: 44px; height: 44px; flex-basis: 44px; border-radius: 50%; background: #7672e9; }
.voice-grid:not(.is-list-view) .voice-card-actions .demo-play:hover { background: #625ed4; }
.voice-grid:not(.is-list-view) .voice-card-actions .demo-play svg { width: 19px; height: 19px; }
.voice-grid:not(.is-list-view) .voice-card-actions .favorite-toggle { width: 32px; height: 32px; flex-basis: 32px; }
.voice-grid:not(.is-list-view) .voice-audio-engine { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.voice-grid:not(.is-list-view) .voice-card-footer { grid-column: 1; grid-row: 2; min-height: 30px; justify-content: space-between; margin-top: 10px; padding-top: 8px; border-top: 1px solid #eff0f4; }
.voice-grid:not(.is-list-view) .voice-price { font-size: 12px; }
.picker-voice-actions .demo-play { width: 40px; height: 40px; flex-basis: 40px; }
.picker-voice-actions .demo-play svg { width: 17px; height: 17px; }

@media (max-width: 760px) {
    .voice-grid:not(.is-list-view) { gap: 8px; }
    .voice-grid:not(.is-list-view) .voice-card { min-height: 118px; padding: 12px 12px 7px; }
    .voice-grid:not(.is-list-view) .voice-avatar { width: 42px; height: 42px; flex-basis: 42px; }
    .voice-grid:not(.is-list-view) .voice-card h2 { font-size: 13px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 11px; }
    .voice-grid:not(.is-list-view) .voice-card-actions .demo-play { width: 38px; height: 38px; flex-basis: 38px; }
    .picker-voice-actions .demo-play { width: 34px; height: 34px; flex-basis: 34px; }
}

@media (max-width: 420px) {
    .voice-grid:not(.is-list-view) .voice-card { min-height: 116px; padding: 11px 10px 6px; }
    .voice-grid:not(.is-list-view) .voice-avatar { width: 38px; height: 38px; flex-basis: 38px; }
    .voice-grid:not(.is-list-view) .voice-card-title-row>div:first-child { padding-right: 70px; }
    .voice-grid:not(.is-list-view) .voice-card-actions { top: 9px; right: 9px; gap: 3px; }
    .voice-grid:not(.is-list-view) .voice-card-actions .demo-play { width: 35px; height: 35px; flex-basis: 35px; }
    .voice-grid:not(.is-list-view) .voice-card-actions .favorite-toggle { width: 27px; height: 27px; flex-basis: 27px; }
    .voice-grid:not(.is-list-view) .voice-description { font-size: 10px; }
}

.use-case-chips { position: relative; flex-wrap: wrap; overflow: visible; }
.language-picker { position: relative; z-index: 7; flex: 0 0 auto; }
.language-chip { display: flex; min-width: 164px; height: 36px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #e1e2e8; border-radius: 6px; color: #343944; background: #fff; font-size: 13px; cursor: pointer; }
.language-chip:hover,.language-chip[aria-expanded="true"] { border-color: #bab7f1; background: #fdfdff; }
.language-current-flag,.language-option-flag { display: inline-grid; min-width: 25px; flex: 0 0 auto; place-items: center; font-size: 17px; line-height: 1; }
.voice-country-label { display: inline-flex; align-items: center; gap: 4px; }
.voice-card .voice-meta { display: flex; min-height: 16px; flex-wrap: wrap; align-items: center; gap: 0 6px; line-height: 16px; }
.voice-card .voice-country-label,.voice-card .voice-meta-item,.voice-card .voice-meta-divider { display: inline-flex; height: 16px; align-items: center; line-height: 16px; }
.voice-card .voice-country-flag { align-self: center; }
.voice-card .voice-country-flag .country-flag-icon { display: block; }
.voice-tags a { display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 3px; color: #625dad; background: #f1f0ff; font-size: 8px; line-height: 1.4; text-decoration: none; transition: color .15s ease, background .15s ease, box-shadow .15s ease; }
.voice-tags a:hover { color: #fff; background: #7672e9; box-shadow: 0 4px 10px -6px rgba(81,77,181,.65); }
.voice-tags a:focus-visible { outline: 2px solid #7672e9; outline-offset: 2px; }
.voice-grid:not(.is-list-view) .voice-tags a { font-size: 10px; }
.voice-tags a.popular-label { color: #5853bb; background: #f3f2ff; }
.voice-tags a.popular-label:hover { color: #fff; background: #625ed4; }
@media (max-width: 760px) { .voice-grid:not(.is-list-view) .voice-tags a { padding: 1px 5px; font-size: 9px; } }
.voice-country-flag { display: inline-grid; width: 16px; height: 16px; flex: 0 0 16px; place-items: center; overflow: hidden; border-radius: 50%; background: #fff; font-size: 0; line-height: 1; }
.voice-country-flag.is-polish-flag { background: linear-gradient(to bottom, #fff 0 50%, #dc143c 50% 100%); }
.voice-country-flag.is-polish-flag .country-flag-icon { display: none; }
.voice-country-flag .country-flag-icon { width: 16px; height: 16px; max-width: none; border-radius: 0; box-shadow: none; }
.picker-voice-locale .locale-mark { display: grid; width: 25px; height: 22px; min-width: 25px; place-items: center; border: 0; border-radius: 0; color: inherit; background: transparent; font-size: 15px; line-height: 1; }
.profile-country { display: inline-flex; align-items: center; gap: 5px; }
.language-current-name { flex: 1; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.language-chevron { width: 13px; height: 13px; color: #747987; }
.language-menu { position: absolute; top: calc(100% + 6px); left: 0; z-index: 20; display: flex; width: 230px; max-height: min(330px, 55vh); flex-direction: column; gap: 2px; padding: 5px; overflow: auto; border: 1px solid #e2e3e9; border-radius: 7px; background: #fff; box-shadow: 0 12px 30px #24283220; }
.language-menu[hidden] { display: none !important; }
.language-option { display: flex; min-height: 36px; flex: 0 0 auto; align-items: center; gap: 10px; padding: 0 9px; border: 0; border-radius: 5px; color: #3b404a; background: transparent; font-size: 12px; text-align: left; cursor: pointer; }
.language-option:hover { background: #f5f5fa; }
.language-option.is-selected,.language-option[aria-selected="true"] { color: #504bb8; background: #f0efff; }
.language-option:focus-visible { outline: 2px solid #7672e9; outline-offset: -2px; }

@media (max-width: 760px) {
    .use-case-chips { overflow: visible; }
    .language-chip { min-width: 145px; height: 32px; font-size: 11px; }
    .language-current-flag,.language-option-flag { min-width: 22px; font-size: 15px; }
    .voice-country-flag { width: 16px; height: 16px; flex-basis: 16px; }
    .picker-voice-locale .locale-mark { width: 23px; min-width: 23px; font-size: 13px; }
    .language-menu { width: min(230px, calc(100vw - 32px)); max-height: 45vh; }
    .language-option { min-height: 34px; font-size: 11px; }
}

@media (max-width: 420px) {
    .language-chip { min-width: 135px; padding: 0 7px; font-size: 10px; }
    .language-menu { width: min(210px, calc(100vw - 24px)); }
}

.advanced-filter-controls { display: flex; grid-column: 1 / -1; flex-wrap: wrap; align-items: end; gap: 8px; padding: 0 0 11px; }
.toolbar-filter { position: relative; display: grid; min-width: 122px; gap: 4px; color: #626875; font-size: 11px; }
.toolbar-filter select,.toolbar-filter input { width: 100%; height: 34px; padding: 0 9px; border: 1px solid #e1e2e8; border-radius: 5px; color: #343944; background: #fff; font: inherit; font-size: 12px; }
.toolbar-filter select { padding-right: 25px; }
.toolbar-price-filter { width: 128px; min-width: 128px; }
.toolbar-price-filter input { padding-right: 28px; }
.toolbar-price-filter>span { position: absolute; right: 9px; bottom: 9px; color: #8a8e99; font-size: 11px; }
.filter-clear { display: inline-flex; min-height: 34px; align-items: center; padding: 0 5px; color: #6b6f7b; font-size: 11px; text-decoration: underline; text-underline-offset: 2px; }
.toolbar-apply { width: 34px; height: 34px; }
.toolbar-apply svg { width: 15px; height: 15px; }
.sidebar-admin-action { margin-top: auto; padding: 12px 8px 2px; border-top: 1px solid #e9e9ec; }
.sidebar-admin-link { display: flex; min-height: 40px; align-items: center; gap: 10px; padding: 0 11px; border: 1px solid #dedef0; border-radius: 6px; color: #514cb4; background: #f5f4ff; font-size: 12px; font-weight: 650; text-decoration: none; }
.sidebar-admin-link:hover { border-color: #c4c1f2; background: #eeedff; }
.sidebar-admin-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.studio-shell.is-sidebar-collapsed .sidebar-admin-link { justify-content: center; padding: 0; }
.studio-shell.is-sidebar-collapsed .sidebar-admin-label { display: none; }
.voice-grid .voice-avatar { overflow: visible; }
.voice-grid .voice-avatar img { border-radius: inherit; }
.voice-grid .voice-avatar .verified-badge { right: -5px; bottom: -4px; }
.country-flag-icon { display: block; width: 24px; height: 16px; overflow: hidden; border-radius: 2px; box-shadow: 0 0 0 1px #00000012; }
.language-current-flag,.language-option-flag { min-width: 25px; }
.language-current-flag .country-flag-icon,.language-option-flag .country-flag-icon { width: 24px; height: 16px; }
.voice-country-flag .country-flag-icon { width: 16px; height: 16px; }
.profile-country .country-flag-icon { width: 21px; height: 14px; }
.picker-voice-locale .locale-mark .country-flag-icon { width: 24px; height: 16px; }

.admin-page-heading { margin-bottom: 22px; }
.admin-dashboard-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.admin-dashboard-card { position: relative; display: flex; min-height: 138px; flex-direction: column; justify-content: flex-end; gap: 7px; overflow: hidden; padding: 22px; border: 1px solid #e1e2e8; border-radius: 10px; color: #292d37; background: #fff; box-shadow: 0 12px 32px -28px rgba(28,31,43,.45); text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.admin-dashboard-card::before { position: absolute; top: 20px; left: 22px; display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #625dcf; background: #efefff; font: 700 11px var(--mono); content: counter(admin-card, decimal-leading-zero); }
.admin-dashboard-grid { counter-reset: admin-card; }
.admin-dashboard-card { counter-increment: admin-card; }
.admin-dashboard-card::after { position: absolute; top: 27px; right: 22px; color: #8e8af0; font-size: 18px; content: "↗"; transition: transform .2s ease; }
.admin-dashboard-card:hover { transform: translateY(-3px); border-color: #c9c6f4; box-shadow: 0 18px 38px -26px rgba(69,64,155,.5); }
.admin-dashboard-card:hover::after { transform: translate(2px,-2px); }
.admin-dashboard-card strong { display: block; font-size: 15px; line-height: 1.3; }
.admin-dashboard-card span { display: block; color: #777d88; font-size: 11px; line-height: 1.45; }
.admin-dashboard-card:last-child { border-color: #d8d5fb; background: linear-gradient(135deg,#fff 0%,#f5f4ff 100%); }
.admin-dashboard-card:focus-visible { outline: 3px solid rgba(111,107,217,.25); outline-offset: 2px; }
.admin-login-panel,.admin-list-panel,.admin-edit-section { border: 1px solid #e2e3e7; border-radius: 7px; background: #fff; }
.admin-login-panel { width: min(100%, 480px); padding: 22px; }
.admin-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 18px; }
.admin-panel-heading h2,.admin-list-toolbar h2 { margin: 3px 0 0; color: #262a33; font-size: 18px; }
.admin-panel-heading .page-eyebrow { margin: 0; color: #7672e9; font-size: 10px; font-weight: 700; }
.admin-login-form { display: grid; gap: 15px; }
.admin-field { display: grid; gap: 6px; color: #4d525e; font-size: 12px; font-weight: 600; }
.admin-field input:not([type="checkbox"]):not([type="file"]),.admin-field select,.admin-field textarea { width: 100%; min-height: 39px; padding: 9px 10px; border: 1px solid #dfe1e5; border-radius: 5px; color: #252a34; background: #fff; font: inherit; font-weight: 400; }
.admin-field textarea { resize: vertical; }
.admin-field input[type="file"] { max-width: 100%; color: #4d525e; font: inherit; font-weight: 400; }
.admin-field small,.admin-featured-toggle small { color: #777d88; font-size: 11px; font-weight: 400; line-height: 1.45; }
.admin-primary-button,.admin-secondary-button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 0 15px; border: 1px solid #6f6bd9; border-radius: 5px; color: #fff; background: #7672e9; font: inherit; font-size: 12px; font-weight: 650; text-decoration: none; cursor: pointer; }
.admin-primary-button:hover { background: #625dcf; }
.admin-secondary-button { border-color: #dedfe4; color: #464b56; background: #fff; }
.admin-error,.admin-error-summary { color: #a7333c; font-size: 12px; }
.admin-error-summary,.admin-status { margin: 0 0 16px; padding: 12px 14px; border: 1px solid #f0c8ca; border-radius: 5px; background: #fff7f7; }
.admin-error-summary ul { margin: 7px 0 0; padding-left: 19px; }
.admin-status { border-color: #b9ddca; color: #286744; background: #f1faf4; }
.admin-list-panel { padding: 18px; }
.admin-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 15px; }
.admin-list-toolbar h2 { margin: 0; }
.admin-list-toolbar p { margin: 5px 0 0; color: #707681; font-size: 12px; }
.admin-search { display: flex; min-width: min(310px, 100%); }
.admin-search input { min-width: 0; height: 38px; flex: 1; padding: 0 10px; border: 1px solid #dfe1e5; border-right: 0; border-radius: 5px 0 0 5px; font: inherit; font-size: 12px; }
.admin-search button { display: grid; width: 40px; place-items: center; border: 1px solid #dfe1e5; border-radius: 0 5px 5px 0; color: #555b67; background: #fff; cursor: pointer; }
.admin-search svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.admin-table-scroll { overflow-x: auto; }
.admin-voice-table { width: 100%; border-collapse: collapse; text-align: left; }
.admin-voice-table th { padding: 10px; border-bottom: 1px solid #e7e8eb; color: #737984; font-size: 10px; font-weight: 650; text-transform: uppercase; }
.admin-voice-table td { padding: 11px 10px; border-bottom: 1px solid #eff0f2; color: #414651; font-size: 12px; white-space: nowrap; }
.admin-person,.admin-media-current { display: flex; align-items: center; gap: 10px; }
.admin-person-avatar { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; overflow: hidden; border-radius: 50%; color: #504cb4; background: #f0efff; font-size: 14px; font-weight: 700; }
.admin-person-avatar img { width: 100%; height: 100%; object-fit: cover; }
.admin-person strong,.admin-person small,.admin-media-current strong,.admin-media-current small { display: block; }
.admin-person small,.admin-media-current small { margin-top: 3px; color: #858a94; font-size: 10px; }
.admin-featured-state { color: #6c727d; }
.admin-featured-state.is-featured { color: #337a54; font-weight: 650; }
.admin-edit-link { color: #5853c1; font-weight: 650; text-decoration: none; }
.admin-edit-link:hover { text-decoration: underline; }
.admin-row-actions { white-space: nowrap; }
.admin-delete-form { display: inline; margin-left: 14px; }
.admin-delete-button { padding: 0; border: 0; color: #a7333c; background: none; font: inherit; font-size: inherit; font-weight: 650; cursor: pointer; }
.admin-delete-button:hover { text-decoration: underline; }
.admin-muted-note { color: #9aa0ab; }

/* Zamówienia */
.order-success { margin: 0 0 20px; padding: 16px 18px; border: 1px solid #b9ddca; border-radius: 12px; color: #286744; background: #f1faf4; }
.order-success strong { display: block; margin-bottom: 4px; }
.order-success p { margin: 0; font-size: 14px; }
.order-error-summary { margin: 0 0 20px; padding: 14px 16px; border: 1px solid #f0c8ca; border-radius: 12px; color: #a7333c; background: #fff7f7; }
.order-error-summary ul { margin: 8px 0 0; padding-left: 19px; }
.order-form-grid { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 32px; margin-top: 24px; }
.order-voice-card { position: sticky; top: 90px; padding: 24px; border: 1px solid #e3e4ea; border-radius: 18px; background: #fff; text-align: center; box-shadow: 0 12px 30px -24px rgba(27, 30, 39, .35); }
.order-voice-avatar { display: grid; width: 140px; height: 140px; margin: 0 auto 16px; place-items: center; overflow: hidden; border-radius: 50%; color: #514db9; background: linear-gradient(150deg, #eeedff 0%, #e2e0ff 100%); font-family: Georgia, serif; font-size: 52px; }
.order-voice-avatar img { width: 100%; height: 100%; object-fit: cover; }
.order-voice-card h2 { margin: 0 0 6px; font-size: 20px; }
.order-voice-meta { margin: 0 0 8px; color: #727782; font-size: 10px; font-weight: 700; letter-spacing: .6px; }
.order-voice-price { margin: 0 0 16px; color: #30343c; font-size: 14px; font-weight: 650; }
.order-voice-card audio { width: 100%; height: 36px; }
.order-form { display: grid; gap: 24px; }
.order-form-section { padding: 24px; border: 1px solid #e3e4ea; border-radius: 16px; background: #fff; }
.order-form-section h3 { margin: 0 0 16px; color: #242832; font-size: 15px; }
.production-type-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.production-type-option { display: block; cursor: pointer; }
.production-type-option input { position: absolute; opacity: 0; }
.production-type-option span { display: block; padding: 12px 16px; border: 1px solid #e3e4ea; border-radius: 10px; color: #4c515c; font-size: 13px; text-align: center; transition: border-color .2s ease, background-color .2s ease, color .2s ease; }
.production-type-option input:checked + span { border-color: #7672e9; color: #fff; background: #7672e9; }
.production-type-option:hover span { border-color: #7672e9; }
.order-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.order-field { display: grid; gap: 6px; color: #4c515c; font-size: 12px; font-weight: 600; }
.order-field input, .order-field textarea, .order-field select { width: 100%; padding: 10px 12px; border: 1px solid #d5d7de; border-radius: 8px; font: inherit; font-size: 14px; transition: border-color .2s ease, box-shadow .2s ease; }
.order-field input:focus, .order-field textarea:focus, .order-field select:focus { outline: none; border-color: #7672e9; box-shadow: 0 0 0 3px rgba(118, 114, 233, .15); }
.order-field textarea { resize: vertical; }
.order-field-full { grid-column: 1 / -1; }
.order-form-actions { display: flex; justify-content: flex-end; gap: 14px; padding-top: 8px; }
.order-cancel { display: inline-flex; min-height: 44px; align-items: center; padding: 0 18px; border: 1px solid #d5d7de; border-radius: 999px; color: #4c515c; font-size: 13px; font-weight: 600; text-decoration: none; transition: border-color .2s ease; }
.order-cancel:hover { border-color: #7672e9; }
.order-submit { display: inline-flex; min-height: 44px; align-items: center; gap: 10px; padding: 0 24px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #7672e9 0%, #9d8bf5 100%); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; box-shadow: 0 12px 24px -10px rgba(118, 114, 233, .5); transition: transform .2s ease, box-shadow .2s ease; }
.order-submit:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -12px rgba(118, 114, 233, .6); }
.order-submit span { transition: transform .2s ease; }
.order-submit:hover span { transform: translateX(4px); }
.order-cta { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; padding: 0 20px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #514db5 0%, #7672e9 100%); font-size: 13px; font-weight: 700; text-decoration: none; box-shadow: 0 10px 24px -8px rgba(81, 77, 181, .5); transition: transform .2s ease, box-shadow .2s ease; }
.order-cta:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -10px rgba(81, 77, 181, .6); }
.profile-heading-actions { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
.order-row-new { background: #f0efff; }
.order-row-new td:first-child { border-left: 3px solid #7672e9; }
.admin-status-badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.admin-status-new { color: #fff; background: #7672e9; }
.admin-status-confirmed { color: #286744; background: #b9ddca; }
.admin-status-in_progress { color: #8a5a00; background: #ffe9b3; }
.admin-status-done { color: #1f5fbf; background: #b3d7ff; }
.admin-status-cancelled { color: #a7333c; background: #f0c8ca; }
.order-detail-grid { display: grid; gap: 20px; margin-top: 24px; }
.order-detail-list { display: grid; gap: 14px; margin: 0; }
.order-detail-list>div { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 12px; }
.order-detail-list dt { color: #727782; font-size: 12px; font-weight: 600; }
.order-detail-list dd { margin: 0; font-size: 14px; }
.order-script { white-space: pre-wrap; padding: 12px; border-radius: 8px; background: #f5f6f8; font-size: 13px; line-height: 1.6; }
.order-status-form { display: grid; gap: 14px; }
.landing-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; margin-top: 24px; }
.landing-grid-cities { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.landing-card { display: flex; flex-direction: column; gap: 10px; padding: 20px; border: 1px solid #e3e4ea; border-radius: 14px; background: #fff; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.landing-card:hover { transform: translateY(-3px); border-color: #d3d0f5; box-shadow: 0 18px 36px -20px rgba(88, 83, 193, .35); }
.landing-card strong { color: #242832; font-size: 16px; }
.landing-card p { margin: 0; color: #6c727c; font-size: 12px; line-height: 1.5; }
.landing-card span { align-self: flex-end; color: #5853c1; font-size: 16px; }

/* Breadcrumbs */
.breadcrumbs { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; color: #9aa0ab; font-size: 12px; }
.breadcrumbs a { color: #5853c1; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs span { color: #d5d7de; }
.breadcrumbs strong { color: #242832; }

/* Landing voices */
.landing-voices { margin: 32px 0; }
.landing-voices h2 { margin: 0 0 20px; font-size: 22px; }
.landing-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: #5853c1; font-size: 13px; font-weight: 700; text-decoration: none; }
.landing-more:hover { text-decoration: underline; }
.landing-keywords { margin: 0 0 28px; padding: 14px 16px; border-radius: 10px; background: #f5f6f8; color: #6c727c; font-size: 13px; }
.landing-keywords strong { color: #242832; }

/* Kontakt */
.contact-grid { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 32px; margin-top: 28px; }
.contact-info { display: grid; gap: 16px; align-content: start; }
.contact-info-card { padding: 22px; border: 1px solid #e3e4ea; border-radius: 16px; background: #fff; box-shadow: 0 12px 30px -24px rgba(27, 30, 39, .35); }
.contact-info-card h3 { margin: 0 0 8px; font-size: 16px; }
.contact-info-card>p { margin: 0 0 14px; color: #6c727c; font-size: 13px; line-height: 1.6; }
.contact-info-card dl { display: grid; gap: 10px; margin: 0; }
.contact-info-card dl>div { display: flex; justify-content: space-between; gap: 12px; }
.contact-info-card dt { color: #727782; font-size: 12px; font-weight: 600; }
.contact-info-card dd { margin: 0; max-width: 175px; font-size: 13px; text-align: right; overflow-wrap: anywhere; }
.contact-info-card dd a { color: #5853c1; text-decoration: none; }
.contact-hours { display: grid; gap: 4px; }
.contact-hours strong { font-size: 11px; line-height: 1.35; }
.contact-hours strong.is-open { color: #16865a; }
.contact-hours strong.is-closed { color: #b24b4b; }
.contact-form { display: grid; gap: 16px; padding: 24px; border: 1px solid #e3e4ea; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px -24px rgba(27, 30, 39, .35); }

/* Topbar Zamów */
.order-topbar-cta { border-radius: 5px; background: linear-gradient(135deg, #514db5 0%, #7672e9 100%); box-shadow: 0 10px 22px -10px rgba(81, 77, 181, .55); transition: transform .2s ease, box-shadow .2s ease; }
.order-topbar-cta:hover { transform: translateY(-1px); box-shadow: 0 14px 28px -12px rgba(81, 77, 181, .65); }

/* Wybór lektora do zamówienia */
.order-voice-grid { margin-top: 24px; }
.order-voice-card { text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.order-voice-card:hover { transform: translateY(-4px); border-color: #d3d0f5; box-shadow: 0 22px 44px -24px rgba(88, 83, 193, .4); }
.order-select-badge { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 7px 14px; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #514db5 0%, #7672e9 100%); font-size: 11px; font-weight: 700; }
.order-select-badge span { transition: transform .2s ease; }
.order-voice-card:hover .order-select-badge span { transform: translateX(3px); }
.admin-status-read { color: #1f5fbf; background: #b3d7ff; }
.admin-status-replied { color: #286744; background: #b9ddca; }
.admin-status-archived { color: #6c727c; background: #e3e4ea; }

/* Dołącz jako lektor */
.join-grid { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 32px; margin-top: 28px; }
.join-steps { display: grid; gap: 16px; align-content: start; }
.join-step { padding: 20px; border: 1px solid #e3e4ea; border-radius: 14px; background: linear-gradient(180deg, #fff 0%, #fafafc 100%); box-shadow: 0 12px 30px -24px rgba(27, 30, 39, .35); }
.join-step span { display: inline-grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #7672e9 0%, #9d8bf5 100%); font-family: Georgia, serif; font-size: 15px; font-weight: 700; box-shadow: 0 8px 16px -8px rgba(118, 114, 233, .6); }
.join-step h3 { margin: 14px 0 8px; font-size: 15px; }
.join-step p { margin: 0; color: #6c727c; font-size: 12px; line-height: 1.55; }
.join-form { max-width: 520px; }

/* Topbar przyciski */
.topbar-actions { display: flex; align-items: center; gap: 7px; }
.order-topbar-cta { display: inline-flex; min-height: 28px; align-items: center; justify-content: center; gap: 5px; padding: 0 9px; border: 0; border-radius: 5px; color: #fff; background: linear-gradient(135deg, #514db5 0%, #7672e9 100%); font-size: 9px; font-weight: 700; text-decoration: none; box-shadow: 0 7px 16px -10px rgba(81, 77, 181, .55); transition: transform .2s ease, box-shadow .2s ease; white-space: nowrap; }
.order-topbar-cta:hover { transform: translateY(-1px); box-shadow: 0 14px 28px -12px rgba(81, 77, 181, .65); }
.order-topbar-cta span { font-size: 11px; }

@media (max-width: 860px) {
    .order-form-grid { grid-template-columns: 1fr; }
    .order-voice-card { position: static; }
    .order-field-grid { grid-template-columns: 1fr; }
    .profile-heading-actions { align-items: flex-start; }
    .order-detail-list>div { grid-template-columns: 1fr; }
    .landing-grid { grid-template-columns: 1fr; }
    .landing-grid-cities { grid-template-columns: repeat(2, 1fr); }
    .join-grid { grid-template-columns: 1fr; }
    .join-steps { grid-template-columns: 1fr; }
    .topbar-actions { flex-wrap: wrap; gap: 5px; }
    .order-topbar-cta { min-height: 26px; padding: 0 7px; font-size: 8px; }
}

/* Landing pages SEO */
.breadcrumbs { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; color: #9aa0ab; font-size: 12px; }
.breadcrumbs a { color: #5853c1; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs span { color: #d5d7de; }
.breadcrumbs strong { color: #242832; }
.landing-hero { margin-bottom: 24px; }
.landing-keywords { margin: 0 0 28px; padding: 14px 16px; border-radius: 10px; background: #f5f6f8; color: #6c727c; font-size: 13px; }
.landing-keywords strong { color: #242832; }
.landing-voices { margin: 32px 0; }
.landing-voices h2 { margin: 0 0 20px; font-size: 22px; }
.landing-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: #5853c1; font-size: 13px; font-weight: 700; text-decoration: none; }
.landing-more:hover { text-decoration: underline; }
.landing-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; margin-top: 24px; }
.landing-grid-cities { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.landing-card { display: flex; flex-direction: column; gap: 10px; padding: 20px; border: 1px solid #e3e4ea; border-radius: 14px; background: #fff; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.landing-card:hover { transform: translateY(-3px); border-color: #d3d0f5; box-shadow: 0 18px 36px -20px rgba(88, 83, 193, .35); }
.landing-card strong { color: #242832; font-size: 16px; }
.landing-card p { margin: 0; color: #6c727c; font-size: 12px; line-height: 1.5; }
.landing-card span { align-self: flex-end; color: #5853c1; font-size: 16px; }

/* Blog */
.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; margin-top: 28px; }
.blog-grid-small { grid-template-columns: repeat(3, 1fr); }
.blog-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e3e4ea; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px -24px rgba(27, 30, 39, .35); transition: transform .25s ease, box-shadow .25s ease; }
.blog-card:hover { transform: translateY(-5px); box-shadow: 0 24px 48px -26px rgba(27, 30, 39, .45); }
.blog-card-image { display: block; aspect-ratio: 16/9; overflow: hidden; }
.blog-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.blog-card:hover .blog-card-image img { transform: scale(1.05); }
.blog-card-placeholder { display: grid; place-items: center; background: linear-gradient(150deg, #eeedff 0%, #e2e0ff 100%); color: #514db9; font-family: Georgia, serif; font-size: 64px; }
.blog-card-body { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.blog-card-meta { margin: 0 0 10px; color: #9aa0ab; font-size: 11px; font-weight: 600; letter-spacing: .4px; }
.blog-card h2 { margin: 0 0 10px; font-size: 18px; line-height: 1.35; }
.blog-card h2 a, .blog-card h3 a { color: #242832; text-decoration: none; }
.blog-card h2 a:hover, .blog-card h3 a:hover { color: #5853c1; }
.blog-card h3 { margin: 0; font-size: 15px; line-height: 1.35; }
.blog-card p:not(.blog-card-meta) { margin: 0 0 14px; color: #6c727c; font-size: 13px; line-height: 1.6; }
.blog-card-link { margin-top: auto; color: #5853c1; font-size: 12px; font-weight: 700; text-decoration: none; }
.blog-card-link:hover { text-decoration: underline; }
.blog-empty { padding: 60px 24px; border: 1px dashed #d5d7de; border-radius: 14px; color: #6c727c; text-align: center; }
.blog-post { max-width: 760px; margin: 0 auto; }
.blog-post-header { margin-bottom: 28px; text-align: center; }
.blog-post-header h1 { margin: 0 0 14px; font-family: Georgia, serif; font-size: clamp(28px, 4vw, 42px); font-weight: 400; line-height: 1.15; }
.blog-post-excerpt { margin: 0 auto; max-width: 600px; color: #6c727c; font-size: 16px; line-height: 1.65; }
.blog-post-image { margin: 0 0 28px; border-radius: 18px; overflow: hidden; }
.blog-post-image img { width: 100%; height: auto; }
.blog-post-content { font-size: 16px; line-height: 1.75; color: #333; }
.blog-post-content h2 { margin: 36px 0 16px; font-size: 24px; line-height: 1.3; }
.blog-post-content h3 { margin: 28px 0 12px; font-size: 19px; line-height: 1.35; }
.blog-post-content p { margin: 0 0 16px; }
.blog-post-content ul, .blog-post-content ol { margin: 0 0 16px; padding-left: 24px; }
.blog-post-content li { margin-bottom: 8px; }
.blog-post-content a { color: #5853c1; text-decoration: underline; }
.blog-post-content strong { font-weight: 650; }
.blog-post-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 40px; padding-top: 24px; border-top: 1px solid #e3e4ea; }
.blog-post-footer p { margin: 0; color: #6c727c; font-size: 13px; }
.blog-related { margin-top: 48px; }
.blog-related h2 { margin: 0 0 20px; font-size: 22px; }
@media (max-width: 860px) {
    .blog-grid-small { grid-template-columns: 1fr; }
    .blog-post-footer { flex-direction: column; align-items: flex-start; }
}

/* Realizacje — publiczne strony */
.production-category-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin-top: 24px; }
.production-category-card { position: relative; display: flex; min-height: 150px; flex-direction: column; gap: 8px; padding: 22px; border: 1px solid #e3e4ea; border-radius: 16px; background: linear-gradient(180deg, #fff 0%, #fafafc 100%); text-decoration: none; box-shadow: 0 12px 30px -24px rgba(27, 30, 39, .4); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.production-category-card:hover { transform: translateY(-4px); border-color: #d3d0f5; box-shadow: 0 22px 44px -24px rgba(88, 83, 193, .4); }
.production-category-count { color: #7773db; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.production-category-card strong { color: #242832; font-size: 18px; }
.production-category-card small { color: #6c727c; font-size: 12px; line-height: 1.5; }
.production-category-arrow { position: absolute; right: 18px; bottom: 16px; color: #5853c1; font-size: 18px; transition: transform .2s ease; }
.production-category-card:hover .production-category-arrow { transform: translateX(4px); }
.production-empty { padding: 40px 24px; border: 1px dashed #d5d7de; border-radius: 14px; color: #6c727c; text-align: center; }
.production-sibling-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 26px; }
.production-sibling-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid #e3e4ea; border-radius: 999px; color: #4c515c; font-size: 12px; font-weight: 600; text-decoration: none; transition: border-color .2s ease, color .2s ease; }
.production-sibling-nav a span { color: #9aa0ab; font-size: 10px; }
.production-sibling-nav a:hover { border-color: #7672e9; color: #5551bf; }
.production-sibling-nav a.is-active { border-color: #7672e9; color: #fff; background: #7672e9; }
.production-sibling-nav a.is-active span { color: #e2e1ff; }
.production-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.production-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid #e3e4ea; border-radius: 12px; background: #fff; box-shadow: 0 12px 30px -24px rgba(27, 30, 39, .35); transition: transform .25s ease, box-shadow .25s ease; }
.production-card:hover { transform: translateY(-3px); box-shadow: 0 24px 48px -26px rgba(27, 30, 39, .45); }
.production-cover { display: grid; width: 100%; aspect-ratio: 16 / 9; place-items: center; overflow: hidden; border-radius: 0; color: #514db9; background: linear-gradient(150deg, #eeedff 0%, #e2e0ff 100%); font-family: Georgia, serif; font-size: 42px; }
.production-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.production-card:hover .production-cover img { transform: scale(1.035); }
.production-body { display: flex; min-width: 0; flex: 1; flex-direction: column; padding: 13px; }
.production-meta { margin: 0 0 5px; color: #727782; font-size: 8px; font-weight: 700; letter-spacing: .7px; }
.production-body h2 { margin: 0 0 6px; overflow: hidden; font-size: 14px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.production-description { display: -webkit-box; min-height: 31px; margin: 0 0 9px; overflow: hidden; color: #6c727c; font-size: 10px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.production-body audio { display: block; width: 100%; height: 32px; margin-top: auto; margin-bottom: 8px; }
.production-voices { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.production-voices>span { color: #9aa0ab; font-size: 11px; font-weight: 600; }
.production-voices a { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px 5px 5px; border: 1px solid #e3e4ea; border-radius: 999px; color: #4c515c; font-size: 12px; font-weight: 600; text-decoration: none; transition: border-color .2s ease, color .2s ease; }
.production-voices a:hover { border-color: #7672e9; color: #5551bf; }
.production-voices a img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; }
.voice-productions { margin-top: 26px; padding: 22px; border: 1px solid #e3e4ea; border-radius: 16px; background: #fff; }
.voice-productions h2 { margin: 0 0 4px; font-size: 17px; }
.voice-productions>p { margin: 0 0 16px; color: #6c727c; font-size: 12px; }
.voice-production-list { display: grid; gap: 10px; }
.voice-production-list article { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 10px; border: 1px solid #eceef3; border-radius: 12px; }
.voice-production-list .production-thumb { display: grid; width: 52px; height: 52px; place-items: center; overflow: hidden; border-radius: 9px; color: #514db9; background: linear-gradient(150deg, #eeedff 0%, #e2e0ff 100%); font-size: 20px; }
.voice-production-list .production-thumb img { width: 100%; height: 100%; object-fit: cover; }
.voice-production-list strong { display: block; font-size: 13px; }
.voice-production-list small { color: #6c727c; font-size: 11px; }
.voice-production-list audio { width: 220px; height: 34px; }
@media (max-width: 860px) {
    .production-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .voice-production-list article { grid-template-columns: 52px minmax(0, 1fr); }
    .voice-production-list audio { grid-column: 1 / -1; width: 100%; }
}
@media (max-width: 480px) {
    .production-grid { grid-template-columns: 1fr; gap: 12px; }
    .production-cover { aspect-ratio: 2 / 1; }
}
.admin-empty { padding: 25px !important; color: #747985 !important; text-align: center; }
.admin-logout-form { margin-top: 18px; text-align: right; }
.admin-logout-form button { padding: 5px; border: 0; color: #6e727e; background: transparent; font: inherit; font-size: 11px; text-decoration: underline; cursor: pointer; }
.admin-edit-form { display: grid; gap: 14px; }
.admin-edit-section { padding: 18px; }
.admin-field-grid,.admin-media-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.admin-description-field { margin-top: 15px; }
.admin-category-field { margin: 16px 0 0; padding: 0; border: 0; }
.admin-category-field legend { margin-bottom: 9px; color: #4d525e; font-size: 12px; font-weight: 600; }
.admin-category-options { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-category-options label { display: inline-flex; min-height: 32px; align-items: center; gap: 6px; padding: 0 9px; border: 1px solid #e1e2e8; border-radius: 5px; color: #4a4f5b; background: #fff; font-size: 11px; }
.admin-category-options input,.admin-featured-toggle input { accent-color: #7672e9; }
.admin-media-grid { align-items: center; }
.admin-person-avatar.is-large { width: 54px; height: 54px; flex-basis: 54px; }
.admin-audio-icon { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border-radius: 50%; color: #5f5ac8; background: #f0efff; }
.admin-audio-icon svg { width: 18px; height: 18px; fill: currentColor; }
.admin-featured-toggle { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 17px; }
.admin-featured-toggle input { width: 17px; height: 17px; margin: 2px 0 0; }
.admin-featured-toggle strong,.admin-featured-toggle small { display: block; }
.admin-featured-toggle strong { color: #373c47; font-size: 12px; }
.admin-order-field { width: min(100%, 300px); }
.admin-form-actions { display: flex; justify-content: flex-end; gap: 9px; }

@media (max-width: 760px) {
    .admin-dashboard-grid { grid-template-columns: 1fr; }
    .admin-dashboard-card { min-height: 112px; padding: 18px; }
    .admin-dashboard-card::before { top: 17px; left: 18px; }
    .admin-dashboard-card::after { top: 22px; right: 18px; }
    .admin-login-panel,.admin-list-panel,.admin-edit-section { padding: 14px; }
    .admin-list-toolbar { align-items: stretch; flex-direction: column; }
    .admin-search { min-width: 0; }
    .admin-field-grid,.admin-media-grid { grid-template-columns: 1fr; }
    .admin-voice-table th,.admin-voice-table td { padding: 9px 7px; }
}

@media (max-width: 760px) {
    .advanced-filter-controls { gap: 7px; }
    .toolbar-filter { min-width: calc(50% - 4px); flex: 1 1 calc(50% - 4px); font-size: 10px; }
    .toolbar-filter select,.toolbar-filter input { height: 32px; font-size: 11px; }
    .toolbar-price-filter { width: auto; min-width: calc(50% - 4px); }
    .filter-clear { min-height: 32px; }
    .toolbar-apply { width: 32px; height: 32px; }
}

/* Portfolio wideo */
.video-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 24px; }
.video-gallery-card { overflow: hidden; border: 1px solid #e3e4ea; border-radius: 14px; background: #fff; box-shadow: 0 14px 34px -25px rgba(27,30,39,.38); }
.video-gallery-cover { position: relative; display: grid; aspect-ratio: 16/9; place-items: center; overflow: hidden; color: #fff; background: linear-gradient(135deg,#242832,#625ec5); text-decoration: none; }
.video-gallery-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.video-gallery-card:hover .video-gallery-cover img { transform: scale(1.035); }
.video-gallery-cover span { position: absolute; display: grid; width: 48px; height: 48px; place-items: center; padding-left: 3px; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(36,40,50,.72); }
.video-gallery-card>div { padding: 15px; }
.video-gallery-card h2 { margin: 0; font-size: 16px; }
.video-gallery-card h2 a { text-decoration: none; }
.video-card-voices { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.video-card-voices a { display: inline-flex; align-items: center; gap: 7px; color: #5c626d; text-decoration: none; }
.video-card-voices a img,.video-card-voices a>span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; overflow: hidden; border: 2px solid #fff; border-radius: 50%; background: #e7e5ff; box-shadow: 0 0 0 1px #dcd9f4; object-fit: cover; }
.video-card-voices strong { font-size: 11px; }
.video-player { overflow: hidden; width: 100%; max-width: 1100px; aspect-ratio: 16/9; border-radius: 18px; background: #11131a; box-shadow: 0 25px 55px -28px rgba(20,22,30,.55); }
.video-player iframe,.video-player video { display: block; width: 100%; height: 100%; border: 0; object-fit: contain; }
.video-cast { max-width: 1100px; margin-top: 24px; padding: 22px; border: 1px solid #e3e4ea; border-radius: 16px; background: #fff; }
.video-cast h2 { margin: 3px 0 16px; font-size: 19px; }
@media (max-width: 900px) { .video-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) { .video-gallery { grid-template-columns: 1fr; } .video-player { border-radius: 11px; } }

/* Profil lektora i lejek wyceny */
.profile-heading-conversion { align-items: center; gap: 32px; }
.profile-heading-conversion > div:first-child { max-width: 780px; }
.profile-heading-conversion h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.08; }
.profile-heading-conversion > div:first-child > p:last-child { max-width: 760px; font-size: 15px; line-height: 1.65; }
.profile-heading-actions small { max-width: 280px; color: #737985; font-size: 11px; line-height: 1.45; text-align: right; }
.order-cta-primary { min-height: 52px; padding: 0 25px; font-size: 14px; }
.order-cta-primary span,.profile-price-cta span { font-size: 18px; transition: transform .2s ease; }
.order-cta-primary:hover span,.profile-price-cta:hover span { transform: translateX(4px); }

.order-journey { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 22px 0 28px; padding: 0; overflow: hidden; border: 1px solid #dedfe8; border-radius: 14px; background: #fff; list-style: none; }
.order-journey li { position: relative; display: grid; min-height: 76px; grid-template-columns: 36px minmax(0,1fr); align-content: center; column-gap: 10px; padding: 14px 18px; }
.order-journey li + li { border-left: 1px solid #e6e7ed; }
.order-journey li > span { display: grid; width: 34px; height: 34px; grid-row: 1 / 3; place-items: center; border: 1px solid #d9dbe3; border-radius: 50%; color: #747985; font-size: 12px; font-weight: 700; }
.order-journey strong { align-self: end; color: #30343d; font-size: 13px; }
.order-journey small { align-self: start; margin-top: 2px; color: #858a95; font-size: 10px; }
.order-journey .is-active { background: linear-gradient(135deg,#f5f4ff,#fbfaff); }
.order-journey .is-active > span { border-color: #7672e9; color: #fff; background: #7672e9; }
.order-journey .is-complete > span { border-color: #38a873; color: #fff; background: #38a873; }

.profile-workspace-readable { grid-template-columns: minmax(0,1.35fr) minmax(310px,.65fr); align-items: stretch; }
.profile-demo-library { align-items: stretch; }
.profile-demo-library .profile-avatar { min-height: 330px; }
.profile-demo-library .profile-player { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 28px; }
.profile-demo-library .profile-player h2 { margin: 6px 0 20px; font-size: 21px; line-height: 1.3; }
.profile-sample-list { display: grid; gap: 10px; }
.profile-sample { display: grid; grid-template-columns: minmax(130px,1fr) minmax(180px,1.4fr); align-items: center; gap: 14px; padding: 11px 12px; border: 1px solid #e7e8ed; border-radius: 10px; background: #fafafd; }
.profile-sample.is-featured { border-color: #d7d4fa; background: #f7f6ff; }
.profile-sample strong,.profile-sample small { display: block; }
.profile-sample strong { overflow: hidden; color: #282c35; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.profile-sample small { margin-top: 3px; color: #858a95; font-size: 9px; }
.profile-sample audio { width: 100%; height: 34px; }
.profile-facts-readable dt { font-size: 11px; }
.profile-facts-readable dd { font-size: 13px; }
.profile-price-cta { display: flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; margin: 18px; padding: 0 16px; border-radius: 8px; color: #fff; background: #5b57c8; font-size: 12px; font-weight: 700; text-decoration: none; }

.order-page-heading { margin-bottom: 0; }
.order-page-heading h1 { font-size: clamp(28px,4vw,42px); }
.order-page-heading p { max-width: 720px; font-size: 15px; line-height: 1.6; }
.order-form-grid-conversion { grid-template-columns: 330px minmax(0,1fr); align-items: start; }
.order-summary-card { padding: 20px; text-align: left; }
.order-voice-identity { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.order-summary-card .order-voice-avatar { width: 78px; height: 78px; flex: 0 0 78px; margin: 0; font-size: 30px; }
.order-summary-card h2 { margin: 2px 0 5px; font-size: 21px; }
.order-summary-card .page-eyebrow { margin: 0; }
.order-summary-card .order-voice-meta { margin: 0; }
.order-summary-card > audio { width: 100%; height: 36px; }
.order-estimate { margin-top: 18px; padding: 18px; border: 1px solid #d8d5fa; border-radius: 13px; background: linear-gradient(145deg,#f5f4ff,#fff); }
.order-estimate-value { display: block; margin: 5px 0 4px; color: #403ca8; font-size: 25px; line-height: 1.2; }
.order-estimate-meta { margin: 0 0 10px; color: #656a76; font-size: 11px; }
.order-estimate > small { display: block; color: #777d89; font-size: 10px; line-height: 1.5; }
.order-reassurance { display: grid; gap: 7px; margin: 16px 0 0; padding: 0; color: #555b66; font-size: 11px; list-style: none; }
.order-reassurance span { display: inline-grid; width: 17px; height: 17px; margin-right: 6px; place-items: center; border-radius: 50%; color: #fff; background: #38a873; font-size: 9px; }
.order-form-section-highlight { border-color: #d9d6fa; box-shadow: 0 14px 34px -29px rgba(81,77,181,.55); }
.order-section-heading { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 16px; }
.order-section-heading > span { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border-radius: 50%; color: #fff; background: #7672e9; font-size: 11px; font-weight: 700; }
.order-section-heading h3 { margin: 0 0 3px; font-size: 16px; }
.order-section-heading p { margin: 0; color: #7a808b; font-size: 11px; line-height: 1.45; }
.order-field > span small,.order-field > small { color: #9297a1; font-weight: 400; }
.script-counter { display: flex; justify-content: space-between; gap: 16px; margin-top: 8px; color: #858b96; font-size: 10px; }
.order-rate-picker select:disabled { color: #9a9faa; background: #f3f4f6; cursor: not-allowed; }
.order-rate-kind { margin: 0; padding: 0; border: 0; }
.order-rate-kind legend { margin-bottom: 9px; color: #4c515c; font-size: 12px; font-weight: 600; }
.order-rate-kind .production-type-grid { grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); }
.order-rate-reach { margin-top: 16px; }
.order-rate-placeholder { margin: 0; padding: 14px 16px; border: 1px dashed #d7d8e2; border-radius: 10px; color: #777d89; font-size: 13px; text-align: center; }
.selected-rate-card { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 16px; overflow: hidden; border: 1px solid #dfdff0; border-radius: 10px; background: #dfdff0; }
.selected-rate-card[hidden] { display: none; }
.selected-rate-card > div { padding: 13px; background: #f8f8ff; }
.selected-rate-card span { display: block; margin-bottom: 5px; color: #858a95; font-size: 8px; font-weight: 700; letter-spacing: .5px; }
.selected-rate-card strong { color: #343944; font-size: 12px; }
.selected-rate-card > div:last-child strong { color: #4944b6; }
.order-rate-details { display: grid; gap: 6px; margin: 12px 0; }
.order-rate-details[hidden] { display: none; }
.order-rate-details > div { display: flex; justify-content: space-between; gap: 12px; padding-top: 6px; border-top: 1px solid #e6e4fb; font-size: 10px; }
.order-rate-details dt { color: #858a95; }
.order-rate-details dd { margin: 0; color: #454a55; font-weight: 700; text-align: right; }
.order-form-actions-conversion { align-items: center; justify-content: space-between; }
.order-form-actions-conversion > div { display: grid; justify-items: end; gap: 6px; }
.order-form-actions-conversion > div > small { color: #858a95; font-size: 10px; }
.order-form-actions-conversion .order-submit { min-height: 50px; font-size: 13px; }
.admin-estimate-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.admin-estimate-field { padding: 14px; border: 1px solid #e2e3ea; border-radius: 10px; background: #fafafd; }
.admin-estimate-field > span:first-child { min-height: 32px; color: #343944; font-size: 12px; line-height: 1.35; }
.admin-multiplier-input { position: relative; display: block; }
.admin-multiplier-input input { padding-right: 30px; background: #fff; }
.admin-multiplier-input b { position: absolute; top: 50%; right: 11px; color: #6762cf; font-size: 14px; transform: translateY(-50%); pointer-events: none; }
.rate-table-detailed { min-width: 1040px; }
.rate-table-detailed th:nth-child(1) { width: 15%; }
.rate-table-detailed th:nth-child(2) { width: 27%; }
.rate-table-detailed th:nth-child(3),.rate-table-detailed th:nth-child(4) { width: 12%; }
.rate-table-detailed td { vertical-align: top; }
.rate-table-detailed td:nth-child(n+5) { color: #3f3aa8; font-weight: 700; white-space: nowrap; }

@media (max-width: 1050px) {
    .profile-workspace-readable { grid-template-columns: 1fr; }
    .order-form-grid-conversion { grid-template-columns: 290px minmax(0,1fr); gap: 22px; }
    .admin-estimate-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 860px) {
    .profile-heading-conversion { align-items: flex-start; }
    .profile-heading-actions small { text-align: left; }
    .profile-demo-library { grid-template-columns: minmax(180px,.7fr) minmax(0,1.3fr); }
    .order-form-grid-conversion { grid-template-columns: 1fr; }
    .order-summary-card { position: static; }
}
@media (max-width: 640px) {
    .order-journey { grid-template-columns: 1fr; }
    .order-journey li { min-height: 64px; }
    .order-journey li + li { border-top: 1px solid #e6e7ed; border-left: 0; }
    .profile-demo-library { grid-template-columns: 1fr; }
    .profile-demo-library .profile-avatar { min-height: 280px; }
    .profile-demo-library .profile-player { padding: 20px; }
    .profile-sample { grid-template-columns: 1fr; gap: 8px; }
    .profile-heading-conversion h1 { font-size: 32px; }
    .order-cta-primary { width: 100%; justify-content: center; text-align: center; }
    .order-form-section { padding: 19px; }
    .production-type-grid { grid-template-columns: 1fr; }
    .selected-rate-card { grid-template-columns: 1fr; }
    .order-form-actions-conversion { align-items: stretch; flex-direction: column-reverse; }
    .order-form-actions-conversion > div { justify-items: stretch; text-align: center; }
    .order-form-actions-conversion .order-submit,.order-form-actions-conversion .order-cancel { justify-content: center; }
    .admin-estimate-grid { grid-template-columns: 1fr; }
}