/* Avatar studio: the result stays visible while one compact palette changes. */
#device-host .pd-avatar-studio {overflow:hidden}
.pd-avatar-studio .pd-avatar-hero {flex:none;display:flex;align-items:center;flex-direction:column;gap:10px;padding:6px 20px 16px;background:radial-gradient(ellipse at 50% 35%,#34202a22,transparent 65%)}
.pd-avatar-stage {display:grid;place-items:center;width:164px;height:164px;position:relative}
.pd-avatar-stage:before {content:'';position:absolute;inset:0;border-radius:50%;border:1px solid #ffffff08;pointer-events:none}
.pd-avatar-live {position:relative;width:148px;height:148px;display:block;flex:none}
.pd-avatar-live-surface {display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background-size:cover;box-shadow:0 8px 24px #0006,inset 0 0 0 1px #ffffff15}
.pd-avatar-3d {width:100%;height:100%;display:block}
.pd-avatar-caption {display:flex;flex-direction:column;gap:4px;align-items:center;line-height:1.3}
.pd-avatar-caption strong {font-size:var(--pd-type-caption);font-weight:400;color:#e8ebef}
.pd-avatar-caption>span {font-size:var(--pd-type-caption);color:#89939f}
.pd-avatar-studio .pd-avatar-options {flex:none;padding:0 20px 16px;border-radius:0}
.pd-avatar-kinds {display:grid;grid-auto-flow:column;grid-auto-columns:58px;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;padding:3px 2px 7px;scroll-snap-type:x proximity}
.pd-avatar-kinds button {scroll-snap-align:start}
.pd-avatar-kinds button {display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;border:0;background:transparent;color:#89929f;padding:0;cursor:pointer;font:400 var(--pd-type-caption)/16px 'Golos Text',sans-serif}
.pd-avatar-kinds button>span {position:relative;display:flex;align-items:center;justify-content:center;width:100%!important;max-width:52px;height:auto!important;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff16;background:#111419;box-sizing:border-box;transition:background-color .16s,border-color .16s}
.pd-avatar-kinds button img {width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}
.pd-avatar-kinds .pd-own-photo img {object-fit:cover}
.pd-avatar-kinds button b {display:block;font-size:var(--pd-type-caption);font-weight:400;white-space:nowrap;line-height:16px}
.pd-avatar-kinds button[aria-pressed="true"] {color:#f1f3f6}
.pd-avatar-kinds button[aria-pressed="true"]>span {border-color:#ed3348;box-shadow:0 0 0 3px #ec293b12;background:#24171b}
.pd-avatar-workspace {display:flex;flex-direction:column;flex:1;min-height:0;background:#0c0e11;border-top:1px solid #ffffff0b;border-radius:22px 22px 0 0;padding-top:12px}
.pd-avatar-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 20px;padding:4px;background:#07090b;border:1px solid #ffffff0a;border-radius:14px;flex:none}
.pd-avatar-tabs button {display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:10px;min-height:40px;padding:6px 4px;background:transparent;color:#8e98a5;font:400 var(--pd-type-caption)/16px 'Golos Text',sans-serif;cursor:pointer;transition:background-color .16s,color .16s}
.pd-avatar-tabs button[aria-pressed="true"] {background:#2b171d;border-color:#a3455540;color:#fff}
.pd-avatar-tabs button>span {font-size:var(--pd-type-caption);color:#fb97a5}
.pd-avatar-panel {flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 20px;scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}
.pd-avatar-panel-heading {display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.pd-avatar-panel h3 {font:400 var(--pd-type-caption)/16px 'Golos Text',sans-serif;letter-spacing:0!important;text-transform:none!important;margin:0;color:#dbe0e6}
.pd-avatar-panel-heading>span {font-size:var(--pd-type-caption);color:#85909e}
.pd-material-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}
.pd-material-grid button {position:relative;min-width:0;display:flex;align-items:center;flex-direction:column;gap:6px;min-height:94px;padding:6px 4px 9px;border:1px solid #ffffff0c;border-radius:13px;background:#111419;color:#9da7b5;font:400 var(--pd-type-caption)/16px 'Golos Text',sans-serif;cursor:pointer;transition:border-color .16s,background-color .16s}
.pd-material-grid button[aria-pressed="true"] {border-color:#ed3348;background:#29171c;color:#fff}
.pd-material-grid button[aria-pressed="true"]:after {content:'';position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:#f45a6f}
.pd-material-grid img {display:block;width:100%;height:58px;object-fit:contain}
.pd-background-tabs {display:flex;gap:6px;margin:0 0 16px}
.pd-background-tabs button {font:400 var(--pd-type-caption)/16px 'Golos Text',sans-serif;min-height:36px;padding:8px 12px;color:#929dab;background:transparent;border:1px solid #ffffff10;border-radius:20px;cursor:pointer}
.pd-background-tabs button[aria-pressed="true"] {color:#f0f2f5;background:#ffffff07;border-color:#ffffff32}
.pd-background-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;padding:3px}
.pd-background-grid button {display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0;border:0;background:none;color:#98a3b1;font:400 var(--pd-type-caption)/16px 'Golos Text',sans-serif;cursor:pointer}
.pd-background-swatch {width:56px!important;height:56px!important;box-sizing:border-box;border-radius:50%;border:1px solid #ffffff18;background-size:cover;display:grid;place-items:center}
.pd-background-grid button[aria-pressed="true"] {color:#fff}
.pd-background-grid button[aria-pressed="true"] .pd-background-swatch {outline:2px solid #ed3348;outline-offset:3px}
.pd-background-grid svg {filter:drop-shadow(0 1px 2px #000)}
.pd-avatar-studio .pd-frame-grid {gap:8px}
.pd-avatar-studio .pd-frame-grid button {min-height:114px;padding:14px 5px 10px;gap:12px;font-size:var(--pd-type-caption)}
.pd-avatar-studio .pd-frame-grid-empty {grid-template-columns:1fr}
.pd-avatar-studio .pd-frame-grid-empty button {flex-direction:row;justify-content:flex-start;gap:18px;min-height:82px;padding:14px 18px;font-size:var(--pd-type-caption)}
.pd-avatar-frame-note {font:400 var(--pd-type-caption)/16px 'Golos Text',sans-serif;color:#8995a4;margin:18px 4px 0}
.pd-avatar-kinds button b {font-size:var(--pd-type-caption)}
.pd-avatar-studio button:focus-visible {outline:2px solid #ff788a;outline-offset:3px}
.pd-avatar-empty {display:flex;flex-direction:column;align-items:center;padding:14px 12px;text-align:center;color:#717d8c;gap:12px}
.pd-avatar-empty h3 {font-size:var(--pd-type-label);color:#dce1e7}
.pd-avatar-empty p {font:400 var(--pd-type-caption)/16px 'Golos Text',sans-serif;color:#929dab;margin:0;max-width:280px}
#device-host .pd-avatar-studio footer {flex:none;padding:12px 20px 28px;background:#0c0e11;border-top:1px solid #ffffff0a}
#device-host .pd-avatar-studio footer button {font-weight:700;font-size:var(--pd-type-label)}
.pd-avatar-error {margin:0;padding:8px 20px;color:#ff9aab;background:#0c0e11;font:400 var(--pd-type-caption)/16px 'Golos Text',sans-serif}
@media(max-height:760px) {
 .pd-avatar-studio .pd-avatar-hero {gap:6px;padding:0 20px 12px}
 .pd-avatar-stage {width:128px;height:128px}
 .pd-avatar-stage>.pd-avatar-live,.pd-avatar-stage>span {width:120px!important;height:120px!important}
 .pd-avatar-studio .pd-avatar-options {padding-bottom:12px}
 .pd-avatar-kinds button>span {width:44px!important;height:44px!important}
}
@media(prefers-reduced-motion:reduce) {.pd-avatar-studio button {transition:none!important}}
/* PokerDot atelier: generous hero, quiet controls and readable material tiles. */
#device-host .pd-avatar-studio{background:#090b0e;color:#eef0f4}
.pd-avatar-studio .pd-avatar-hero{position:relative;gap:8px;padding:12px 22px 15px;background:radial-gradient(ellipse 70% 100% at 50% 30%,#38414a30,transparent 75%)}
.pd-avatar-studio .pd-avatar-stage{width:194px;height:194px}
.pd-avatar-studio .pd-avatar-stage>.pd-avatar-live,.pd-avatar-studio .pd-avatar-stage>span{width:180px!important;height:180px!important}
.pd-avatar-studio .pd-avatar-stage:before{inset:-2px;border-color:#ffffff0b}
.pd-avatar-live-surface{background-color:#15191e;box-shadow:0 20px 40px #0008,inset 0 0 0 1px #ffffff18}
.pd-avatar-3d{touch-action:none;cursor:grab}.pd-avatar-3d:active{cursor:grabbing}
.pd-avatar-caption strong{font:700 var(--pd-type-title)/24px 'Play',sans-serif;letter-spacing:-.015em;color:#eef0f4}
.pd-avatar-caption>span{font-size:var(--pd-type-caption);color:#8994a2}
.pd-avatar-studio .pd-avatar-options{padding:0 18px 10px}
.pd-avatar-kinds{grid-auto-columns:58px;gap:10px;padding:4px 3px 8px;scrollbar-width:none;mask-image:linear-gradient(to right,#000 94%,transparent)}
.pd-avatar-kinds button>span{max-width:48px;border-radius:15px;background:linear-gradient(145deg,#1c2027,#111317);border-color:#ffffff0e}
.pd-avatar-kinds button img{border-radius:14px}
.pd-avatar-kinds button[aria-pressed=true]>span{border-color:#f34752;background:#32181e;box-shadow:0 0 0 3px #e9233210}
.pd-avatar-kinds .pd-own-photo{order:10}
.pd-avatar-kinds button b{font-size:var(--pd-type-caption)}
.pd-avatar-workspace{border-radius:22px 22px 0 0;background:#101216;border-top:1px solid #ffffff0d;padding-top:4px}
.pd-avatar-tabs{margin:0 18px;padding:0;gap:18px;border:0;border-bottom:1px solid #ffffff0b;background:transparent;border-radius:0}
.pd-avatar-tabs button{position:relative;border:0;border-radius:0;min-height:46px;font-size:var(--pd-type-caption);padding:5px 0;background:none!important;color:#909aa8}
.pd-avatar-tabs button[aria-pressed=true]{color:#fff}
.pd-avatar-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:12%;right:12%;height:2px;background:#f04451;border-radius:2px;box-shadow:0 0 9px #ed354333}
.pd-avatar-panel{padding:14px 18px 24px}
.pd-avatar-panel-heading{margin-bottom:12px}
.pd-avatar-panel h3{font-size:var(--pd-type-caption);color:#abb5c2}
.pd-avatar-panel-heading>span{font-size:var(--pd-type-caption);color:#778493}
.pd-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.pd-material-grid button{min-height:117px;padding:8px 5px 11px;gap:6px;border:1px solid #ffffff0b;background:radial-gradient(ellipse at 50% 20%,#29313b70,transparent 80%),#171a20;border-radius:15px;color:#b3bcc9;font-size:var(--pd-type-caption)}
.pd-material-grid img{height:77px;filter:drop-shadow(0 7px 5px #0007)}
.pd-material-grid button[aria-pressed=true]{background:radial-gradient(ellipse at 50% 15%,#61303b60,transparent 80%),#22181e;border-color:#e83949;color:#fff}
.pd-material-grid button[aria-pressed=true]:after{display:none}
.pd-avatar-selected{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#ee3546;color:#fff;font:700 var(--pd-type-caption)/16px 'Golos Text',sans-serif;font-style:normal}
#device-host .pd-avatar-studio footer{padding:12px 18px 26px;background:#101216;border-top:1px solid #ffffff09;box-shadow:0 -10px 20px #101216ba}
#device-host .pd-avatar-studio footer button{border-radius:26px;background:linear-gradient(#eb3542,#ca0819);font:700 var(--pd-type-caption)/16px 'Golos Text',sans-serif;letter-spacing:.07em;text-transform:uppercase;height:48px}
#device-host .pd-avatar-studio footer button:disabled{opacity:.45;cursor:wait}
.pd-avatar-studio .pd-frame-grid-empty button{background:#171a20}
.pd-avatar-background-note{font-size:var(--pd-type-caption);color:#8895a5}
@media(max-height:740px){
 .pd-avatar-studio .pd-avatar-hero{padding-top:8px;padding-bottom:12px;gap:5px}
 .pd-avatar-studio .pd-avatar-stage{width:158px;height:158px}
 .pd-avatar-studio .pd-avatar-stage>.pd-avatar-live,.pd-avatar-studio .pd-avatar-stage>span{width:146px!important;height:146px!important}
 .pd-avatar-caption strong{font-size:var(--pd-type-body)}
}

/* Avatar background collection: readable mobile swatches. */
.pd-background-tabs button{font-size:var(--pd-type-caption);min-height:40px;flex:1}
.pd-background-grid{gap:18px 12px}
.pd-background-grid button{font-size:var(--pd-type-caption);line-height:16px;color:#b9c0cb}
.pd-background-swatch{width:82px!important;height:82px!important;box-shadow:inset 0 0 0 1px #ffffff0a,0 5px 18px #0004}

/* Frame library: large touch controls above the existing scrolling grid. */
.pd-frame-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 14px}.pd-frame-search input,.pd-frame-search select{width:100%;min-width:0;min-height:44px;border:1px solid #ffffff21;border-radius:11px;padding:10px 12px;background:#171b22;color:#edf0f6;font:400 var(--pd-type-label)/20px var(--cm-font-ui,'Golos Text',sans-serif);color-scheme:dark}.pd-frame-search input::placeholder{color:#8d97a7}.pd-frame-search input:focus-visible,.pd-frame-search select:focus-visible{outline:2px solid #ff4054;outline-offset:2px}

/* Static PNG artwork: foreground and saved composite use identical placement. */
.pd-avatar-art{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.pd-avatar-caption>span{font-size:var(--pd-type-caption);line-height:1.4}
.pd-avatar-kinds button b{font-size:var(--pd-type-caption)}
.pd-avatar-tabs button{font-size:var(--pd-type-label)}
.pd-avatar-panel h3{font-size:var(--pd-type-label)}
.pd-avatar-panel-heading>span{font-size:var(--pd-type-caption)}
.pd-avatar-studio .pd-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pd-avatar-studio .pd-material-grid button{min-height:152px;font-size:var(--pd-type-label);line-height:20px;padding:8px 8px 12px}
.pd-avatar-studio .pd-material-grid img{height:112px;filter:none}