.avatars-top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.avatar-global-search{display:flex;align-items:center;gap:8px;width:min(300px,24vw);height:39px;padding:0 12px;border:1px solid #292b30;border-radius:9px;background:#070708}.avatar-global-search span{font-size:21px}.avatar-global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.sync-button{background:#141518}.avatars-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.avatars-heading h2{margin:3px 0;font-size:23px}.avatars-heading p{margin:0;color:var(--muted)}.section-kicker{color:#f59e0b;font-size:10px;font-weight:800;letter-spacing:.14em}.provider-state{display:flex;align-items:center;gap:11px;min-width:220px;padding:10px 12px;border:1px solid #2a2c31;border-radius:12px;background:linear-gradient(145deg,#151619,#0b0c0e)}.provider-logo{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#7457ff,#5031cb);color:#fff;font-weight:850;box-shadow:0 0 18px rgba(105,72,255,.25)}.provider-state div{display:grid}.provider-state small{color:#858a99;font-size:9px;font-weight:800;letter-spacing:.12em}.provider-state strong{font-size:12px}.status-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 10px rgba(239,68,68,.45)}.status-dot.checking,.status-dot.configured{background:#f59e0b;box-shadow:0 0 10px rgba(245,158,11,.45)}.status-dot.connected{background:#10b981;box-shadow:0 0 10px rgba(16,185,129,.5)}.status-dot.error,.status-dot.not-configured{background:#ef4444;box-shadow:0 0 10px rgba(239,68,68,.45)}
.avatar-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.avatar-summary article{display:flex;gap:11px;min-width:0;padding:14px;background:linear-gradient(145deg,#17181b,#0d0e10);border:1px solid #292b30;border-radius:13px}.avatar-summary article>div{min-width:0}.avatar-summary span{display:block;overflow:hidden;color:#b9becb;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.avatar-summary strong{display:block;margin-top:3px;overflow:hidden;color:#fff;font-size:21px;text-overflow:ellipsis;white-space:nowrap}.avatar-summary small{display:block;margin-top:5px;overflow:hidden;color:#7f8492;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.metric-icon,.panel-icon,.config-symbol{display:grid!important;place-items:center;flex:0 0 auto;width:39px;height:39px;border-radius:10px;background:rgba(245,158,11,.13);color:#fbbf24!important;font-size:20px;font-weight:700}.metric-icon.violet,.panel-icon.violet,.config-symbol.violet{background:rgba(139,92,246,.13);color:#a78bfa!important}.metric-icon.green,.panel-icon.green,.config-symbol.green{background:rgba(16,185,129,.13);color:#34d399!important}.metric-icon.red{background:rgba(239,68,68,.12);color:#fb7185!important}.metric-icon.amber,.panel-icon.amber,.config-symbol.amber{background:rgba(245,158,11,.13);color:#fbbf24!important}
.avatar-tabs{display:flex;gap:3px;padding:5px;margin-bottom:12px;overflow-x:auto;border:1px solid #292b30;border-radius:12px;background:#0d0e10}.avatar-tabs button{display:flex;align-items:center;gap:7px;min-width:max-content;padding:9px 14px;border:0;background:transparent;color:#9196a3}.avatar-tabs button:hover{color:#fff}.avatar-tabs button.active{background:#242014;color:#fbbf24;box-shadow:inset 0 0 0 1px rgba(245,158,11,.18)}.avatar-tabs b{display:grid;place-items:center;min-width:19px;height:19px;border-radius:99px;background:#292b30;font-size:10px}.tab-panel{min-height:430px;border:1px solid #292b30;border-radius:13px;background:linear-gradient(145deg,#121316,#090a0c)}.tab-panel[hidden]{display:none}.tab-panel.active{animation:panel-in .18s ease}@keyframes panel-in{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
.avatar-toolbar,.voice-filters,.generation-filters{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(130px,.7fr));gap:8px;padding:14px;border-bottom:1px solid #292b30}.avatar-toolbar input,.avatar-toolbar select,.voice-filters input,.voice-filters select,.generation-filters input,.generation-filters select,.config-card input,.config-card select,.avatar-editor input,.avatar-editor select,.avatar-editor textarea{width:100%;padding:9px 10px;border:1px solid #303238;border-radius:8px;background:#070708;color:var(--text)}.search-field{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #303238;border-radius:8px;background:#070708}.search-field input{padding-left:0;border:0}.search-field input:focus,.avatar-toolbar select:focus,.config-card input:focus,.avatar-editor input:focus,.avatar-editor select:focus,.avatar-editor textarea:focus{outline:1px solid #f59e0b;border-color:#f59e0b}.library-heading,.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #23252a}.library-heading h3,.panel-title h3{margin:0;font-size:16px}.library-heading p,.panel-title p{margin:3px 0 0;color:#858a99;font-size:11px}.library-heading>span{padding:4px 9px;border-radius:99px;background:#24262b;color:#aeb3c0;font-size:10px}.panel-title>div{display:flex;align-items:center;gap:12px}.planned-badge,.offline-badge{padding:4px 8px;border-radius:99px;background:rgba(139,92,246,.13);color:#a78bfa;font-size:9px;font-weight:800;letter-spacing:.08em}.offline-badge{margin-left:auto;background:rgba(239,68,68,.12);color:#fb7185}
.avatar-empty,.connection-placeholder{display:flex;min-height:330px;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center}.empty-orbit{display:grid;place-items:center;width:92px;height:92px;border:1px dashed #3c3f47;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.08),transparent 67%)}.empty-orbit span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#211b0f;color:#fbbf24}.empty-orbit svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.avatar-empty h3,.connection-placeholder h3{margin:17px 0 4px}.avatar-empty p,.connection-placeholder p{max-width:540px;margin:0 0 18px;color:#8d92a0}.avatar-empty>div:last-child{display:flex;gap:8px}.connection-placeholder>span{display:grid;place-items:center;width:62px;height:62px;border-radius:17px;background:linear-gradient(145deg,#7457ff,#4f31c8);font-size:25px;font-weight:850;box-shadow:0 0 28px rgba(105,72,255,.2)}.connection-placeholder.compact{min-height:280px}.voice-filters{grid-template-columns:2fr 1fr 1fr}.generation-filters{grid-template-columns:2fr 1fr 1fr}.table-shell{overflow:auto}.table-shell table{width:100%;border-collapse:collapse}.table-shell th{padding:13px 16px;color:#858a99;font-size:10px;letter-spacing:.07em;text-align:left}.table-shell td{height:220px;padding:16px;border-top:1px solid #25272c;color:#6f7480;text-align:center}.consent-warning{margin:16px;padding:14px 16px;border:1px solid rgba(245,158,11,.28);border-radius:11px;background:rgba(245,158,11,.06)}.consent-warning strong{color:#fbbf24}.consent-warning p{margin:3px 0 0;color:#aca48e}.consent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px 18px}.consent-grid article{padding:18px;border:1px solid #292b30;border-radius:12px;background:#111215}.consent-grid article>span{color:#f59e0b;font-size:10px;font-weight:850;letter-spacing:.12em}.consent-grid h4{margin:10px 0 4px}.consent-grid p{margin:0;color:#898e9b;font-size:12px}
.integration-panel{padding:14px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.config-card{padding:16px;border:1px solid #2a2c31;border-radius:12px;background:linear-gradient(145deg,#17181b,#0e0f11)}.config-card.connection-card,.config-card.scopes-card{grid-column:span 2}.config-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}.provider-logo.large{width:43px;height:43px}.config-head h3{margin:0;font-size:15px}.config-head p{margin:2px 0 0;color:#858a99;font-size:11px}.config-card>label,.form-grid label{display:flex;flex-direction:column;gap:6px;color:#a4a9b5;font-size:11px}.config-card>label>span{margin-left:auto;color:#6f7480;font-size:9px}.secret-field{display:flex;gap:7px}.secret-field input{flex:1}.connection-actions{display:flex;gap:7px;margin-top:12px}.implementation-note{display:flex;flex-direction:column;margin-top:14px;padding:11px 12px;border:1px solid rgba(245,158,11,.2);border-radius:9px;background:rgba(245,158,11,.05)}.implementation-note b{color:#fbbf24;font-size:11px}.implementation-note span{color:#8e939f;font-size:10px}.info-rows{display:grid;gap:1px;margin-bottom:13px;border-radius:9px;overflow:hidden}.info-rows>div{display:flex;justify-content:space-between;padding:9px 10px;background:#0b0c0e;color:#858a99;font-size:11px}.info-rows b{color:#d4d7de}.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-list{display:flex;gap:7px;flex-wrap:wrap}.scope-list span{padding:6px 9px;border:1px solid #333640;border-radius:7px;background:#0c0d0f;color:#b9bec9;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}
.editor-backdrop{position:fixed;inset:0;z-index:60;visibility:hidden;background:rgba(0,0,0,.72);opacity:0;transition:.2s}.editor-backdrop.show{visibility:visible;opacity:1}.avatar-editor{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(720px,94vw);overflow:auto;background:#090a0c;border-left:1px solid #303238;box-shadow:-25px 0 70px rgba(0,0,0,.55);transform:translateX(103%);transition:transform .25s ease}.avatar-editor.open{transform:none}.avatar-editor>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #292b30;background:rgba(9,10,12,.97);backdrop-filter:blur(12px)}.avatar-editor h2{margin:3px 0 0}.avatar-editor header p{margin:3px 0 0;color:#858a99;font-size:11px}.avatar-editor header button{width:38px;height:38px;padding:0;font-size:24px}.avatar-editor form{padding:14px}.avatar-editor details{margin-bottom:10px;border:1px solid #292b30;border-radius:11px;background:#121316}.avatar-editor details[open]{border-color:#3b3526}.avatar-editor summary{padding:13px 14px;cursor:pointer;font-weight:700}.avatar-editor details[open] summary{color:#fbbf24}.avatar-editor .form-grid{padding:2px 14px 15px}.avatar-editor textarea{min-height:72px;resize:vertical}.avatar-editor .full{grid-column:1/-1}.avatar-editor .check{flex-direction:row;align-items:center;align-self:end;min-height:39px}.avatar-editor .check input{width:auto}.upload-placeholder{padding:14px;border:1px dashed #3a3d44;border-radius:9px;background:#0c0d0f}.upload-placeholder span{color:#707581}.avatar-editor footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px}.avatar-editor footer>span{max-width:390px;color:#7e838f;font-size:10px}.avatar-editor footer>div{display:flex;gap:7px}body.modal-open{overflow:hidden}.avatar-toast{position:fixed;right:24px;bottom:24px;z-index:90;max-width:360px;padding:12px 15px;border:1px solid rgba(245,158,11,.35);border-radius:10px;background:#17140d;color:#f6c453;box-shadow:0 15px 45px rgba(0,0,0,.55);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.avatar-toast.show{opacity:1;transform:none}
@media(max-width:1400px){.avatar-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){.avatar-toolbar{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr}.config-card.connection-card,.config-card.scopes-card{grid-column:auto}.consent-grid{grid-template-columns:1fr}.avatars-top-actions .avatar-global-search{display:none}}@media(max-width:760px){.avatars-top-actions .sync-button{display:none}.avatars-heading{align-items:flex-start;flex-direction:column}.provider-state{width:100%}.avatar-summary{grid-template-columns:1fr 1fr}.avatar-toolbar,.voice-filters,.generation-filters,.form-grid.two{grid-template-columns:1fr}.avatar-editor .full{grid-column:auto}.avatar-editor footer{align-items:stretch;flex-direction:column}.avatar-editor footer>div{display:grid}.avatar-empty>div:last-child{flex-direction:column}}@media(max-width:480px){.avatar-summary{grid-template-columns:1fr}.avatar-tabs{border-radius:8px}.integration-panel{padding:8px}}
.catalog-avatar-grid,.saved-avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.avatar-catalog-card{padding:16px;border:1px solid #292b30;border-radius:12px;background:linear-gradient(145deg,#151619,#0c0d0f)}.avatar-catalog-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(139,92,246,.14);color:#a78bfa;font-weight:800}.avatar-catalog-card h3{margin:11px 0 4px}.avatar-catalog-card p,.avatar-catalog-card small{display:block;overflow:hidden;margin:0 0 10px;color:#7f8492;font-size:9px;text-overflow:ellipsis}.avatar-catalog-card button{color:#fbbf24}
.consent-actions{display:flex!important;align-items:center!important;gap:8px}.consent-actions select{min-width:240px;padding:8px 10px;border:1px solid #303238;border-radius:8px;background:#070708;color:var(--text)}
.media-kind-tabs{display:flex;gap:7px;padding:12px 16px;border-bottom:1px solid #25272c;background:#0b0c0e}.media-kind-tabs button{padding:8px 12px;border-color:#303238;background:#121316;color:#9da2ae}.media-kind-tabs button.active{border-color:rgba(245,158,11,.4);background:#251d0e;color:#fbbf24}.avatar-kind-badge{display:inline-flex!important;width:auto!important;height:auto!important;margin-bottom:8px;padding:4px 7px;border-radius:6px!important;background:rgba(139,92,246,.13)!important;color:#b8a5ff!important;font-size:9px!important;letter-spacing:.05em}.consent-actions button:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:800px){.catalog-avatar-grid,.saved-avatar-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.catalog-avatar-grid,.saved-avatar-grid{grid-template-columns:1fr}}
.avatar-media{position:relative;overflow:hidden;margin:-16px -16px 12px;border-radius:11px 11px 0 0;aspect-ratio:16/10;background:#090a0c}.avatar-media img{width:100%;height:100%;object-fit:cover}.avatar-media .media-fallback{display:grid;place-items:center;width:100%;height:100%;color:#6f7480}.avatar-media button{position:absolute;right:9px;bottom:9px;padding:7px 10px;border-color:rgba(255,255,255,.25);background:rgba(8,8,10,.82);color:#fff}.voice-sample{display:flex;align-items:center;gap:8px;margin-top:10px}.voice-sample audio{width:100%;height:34px}.catalog-load-more{grid-column:1/-1;justify-self:center;margin:4px 0 12px}.generation-preview-button{white-space:nowrap}.table-shell td{height:auto;min-height:64px}.media-preview-modal{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78)}.media-preview-modal[hidden]{display:none}.media-preview-dialog{width:min(900px,96vw);max-height:92vh;overflow:auto;border:1px solid #34363d;border-radius:14px;background:#0c0d0f;box-shadow:0 25px 90px rgba(0,0,0,.7)}.media-preview-dialog header{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #292b30}.media-preview-dialog h2{margin:2px 0 0;font-size:17px}.media-preview-dialog header button{width:37px;height:37px;padding:0;font-size:23px}.media-preview-dialog video{display:block;width:100%;max-height:72vh;background:#000;object-fit:contain}