:root{--ps-bg:#101113;--ps-surface:#1a1b1e;--ps-input:#101114;--ps-ink:#e7d4af;--ps-muted:#b1a58e;--ps-accent:#ebbc68;--ps-border:#b58c4d66;--ps-button-ink:#241b0b;--ps-radius:18px;color-scheme:dark}
:root[data-appearance=midnightBlue]{--ps-bg:#0a1221;--ps-surface:#142136;--ps-input:#0d1727;--ps-border:#d6b47666}
:root[data-appearance=animalIsland]{--ps-bg:#f8f8f0;--ps-surface:#f7f3df;--ps-input:#fffdf4;--ps-ink:#795027;--ps-muted:#725d42;--ps-accent:#19c8b9;--ps-border:#c4b89e;--ps-button-ink:#163d35;--ps-radius:22px;color-scheme:light}
body[data-appearance]{background-color:var(--ps-bg);color:var(--ps-ink)}
.list-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px;margin:18px 0;border:1px solid var(--ps-border);border-radius:var(--ps-radius);background:var(--ps-surface);color:var(--ps-ink);font:14px/1.5 system-ui,sans-serif}
.list-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.list-navigation label{display:flex;align-items:center;gap:8px}.list-navigation input{width:72px}.list-navigation button,.list-navigation select,.list-navigation input{border:1px solid var(--ps-border);border-radius:12px;padding:9px 12px;min-height:44px;background:var(--ps-input);color:var(--ps-ink);font:inherit}.list-navigation button:disabled{opacity:.4;cursor:not-allowed}.list-range{color:var(--ps-muted)}
#survey-panel,#survey-launcher{color:var(--ps-ink)!important;border-color:var(--ps-border)!important;background:var(--ps-surface)!important;border-radius:var(--ps-radius)!important}#survey-panel h2,#survey-panel h3,#survey-panel label,#survey-panel .survey-eyebrow,#survey-feedback{color:var(--ps-ink)!important}#survey-panel .survey-intro,#survey-panel .survey-origin,#survey-panel .survey-hint,#survey-counter{color:var(--ps-muted)!important}#survey-panel input,#survey-panel select,#survey-panel textarea,#survey-panel button,#survey-panel .survey-attachment{background:var(--ps-input)!important;color:var(--ps-ink)!important;border-color:var(--ps-border)!important}#survey-panel .survey-primary{background:var(--ps-accent)!important;color:var(--ps-button-ink)!important}#survey-panel .survey-submit-row{background:var(--ps-surface)!important}
body[data-appearance] .admin-sidebar,body[data-appearance] .admin-header,:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) .panel,:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) .card,:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) dialog{background:var(--ps-surface)!important;border-color:var(--ps-border)!important;color:var(--ps-ink)!important}:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) input,:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) select,:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) textarea,:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) table{background:var(--ps-input)!important;color:var(--ps-ink)!important;border-color:var(--ps-border)!important}:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) a,:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) h1,:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) h2,:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) h3{color:var(--ps-ink)!important}:is(body.admin-console[data-appearance],body[data-appearance] .admin-console) button:where(:not(#petCompanion *)){border-color:var(--ps-border)!important;background:var(--ps-accent)!important;color:var(--ps-button-ink)!important}body[data-appearance] .admin-sidebar a[aria-current=page]{background:var(--ps-accent)!important;color:var(--ps-button-ink)!important}
@media(max-width:700px){.list-navigation{width:100%}.list-footer{padding:12px}.list-navigation label{flex-wrap:wrap}}

body[data-appearance]{--admin-bg:var(--ps-bg);--admin-surface:var(--ps-surface);--admin-text:var(--ps-ink);--admin-muted:var(--ps-muted);--admin-gold:var(--ps-accent);--admin-line:var(--ps-border);--bg:var(--ps-bg);--surface:var(--ps-surface);--ink:var(--ps-ink);--muted:var(--ps-muted);--gold:var(--ps-accent);--line:var(--ps-border)}
body.classic-open .workspace,body.classic-open .generate-footer,body.classic-open #results,body.classic-open .studio-shortcuts{display:none!important}

body[data-appearance] .library-option,body[data-appearance] .library-form{background:var(--ps-surface)!important;color:var(--ps-ink)!important;border-color:var(--ps-border)!important}.list-tools{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.list-tools input{flex:1;min-width:160px}.list-tools input,.list-tools select{background:var(--ps-input);color:var(--ps-ink);border:1px solid var(--ps-border);border-radius:12px;padding:12px}

/* Center primary pagination; jump uses Enter and page size stays inline. */
.list-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:14px 18px}.list-range{justify-self:start}.list-navigation{justify-self:center;justify-content:center;flex-wrap:nowrap;width:auto}.list-navigation>span{white-space:nowrap}.list-options{display:flex;align-items:center;justify-content:flex-end;gap:14px;justify-self:end}.list-options label{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;margin:0;font:inherit}.list-options input,.list-options select{border:1px solid var(--ps-border);border-radius:12px;padding:9px 12px;min-height:44px;background:var(--ps-input);color:var(--ps-ink);font:inherit;margin:0}.list-options input{width:64px}.list-options select{width:auto;min-width:76px}.list-navigation button{white-space:nowrap;margin:0}.list-options input:disabled{opacity:.4}
@media(max-width:1100px){.list-footer{grid-template-columns:1fr 1fr}.list-navigation{grid-column:1/-1;grid-row:2}.list-options{grid-column:2;grid-row:1}.list-range{grid-row:1}}
@media(max-width:650px){.list-footer{grid-template-columns:1fr;padding:12px}.list-range{grid-column:1;justify-self:center}.list-navigation{grid-column:1;grid-row:2}.list-options{grid-column:1;grid-row:3;justify-self:center;flex-wrap:wrap;justify-content:center}.list-options label{flex-wrap:nowrap}}

/* Keep shared pager labels inline inside social screens and dialogs. */
.list-footer .list-options label{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin:0;white-space:nowrap}
.list-footer .list-options label input,.list-footer .list-options label select{display:inline-block;width:auto;margin:0;box-sizing:border-box;min-height:44px;padding:9px 12px}
.list-footer .list-options label input{width:64px}
.list-footer .list-options label select{width:76px;min-width:76px}

/* Embedded pickers follow their actual container width, independently of viewport. */
.list-footer[data-list-layout]{min-width:0;max-width:100%;box-sizing:border-box}
.list-footer[data-list-layout]>*{min-width:0}
.list-footer[data-list-layout=wide]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.list-footer[data-list-layout=wide] .list-range{grid-column:1;grid-row:1;justify-self:start}
.list-footer[data-list-layout=wide] .list-navigation{grid-column:2;grid-row:1;justify-self:center}
.list-footer[data-list-layout=wide] .list-options{grid-column:3;grid-row:1;justify-self:end}
.list-footer[data-list-layout=medium]{grid-template-columns:minmax(0,1fr) auto}
.list-footer[data-list-layout=medium] .list-range{grid-column:1;grid-row:1;justify-self:start}
.list-footer[data-list-layout=medium] .list-options{grid-column:2;grid-row:1;justify-self:end}
.list-footer[data-list-layout=medium] .list-navigation{grid-column:1/-1;grid-row:2;justify-self:center}
.list-footer[data-list-layout=compact]{grid-template-columns:minmax(0,1fr);padding:12px}
.list-footer[data-list-layout=compact] .list-range{grid-column:1;grid-row:1;justify-self:center;text-align:center}
.list-footer[data-list-layout=compact] .list-navigation{grid-column:1;grid-row:2;justify-self:center;flex-wrap:wrap;max-width:100%}
.list-footer[data-list-layout=compact] .list-options{grid-column:1;grid-row:3;justify-self:stretch;justify-content:center;flex-wrap:wrap;max-width:100%}
.list-footer[data-list-layout=compact] .list-options label{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
.list-footer[data-list-layout=compact] .list-options input,.list-footer[data-list-layout=compact] .list-options select{flex-shrink:0}
/* Selected removable friend chips must not inherit gold-on-gold button styling. */
.tag-selected button.tag-chip{background:var(--ps-input);color:var(--ps-ink);border-color:var(--ps-border);max-width:100%;overflow-wrap:anywhere}