.cr-avatar.frame-graphite{--look-art:url("look-frames/graphite-1.svg");--look-edge:#afbdd0}
.cr-avatar.frame-graphite-2{--look-art:url("look-frames/graphite-2.svg");--look-edge:#afbdd0}
.cr-avatar.frame-graphite-3{--look-art:url("look-frames/graphite-3.svg");--look-edge:#afbdd0}
.cr-avatar.frame-graphite-4{--look-art:url("look-frames/graphite-4.svg");--look-edge:#afbdd0}
.cr-avatar.frame-spectrum{--look-art:url("look-frames/spectrum-1.svg");--look-edge:#a7c3fb}
.cr-avatar.frame-spectrum-2{--look-art:url("look-frames/spectrum-2.svg");--look-edge:#a7c3fb}
.cr-avatar.frame-spectrum-3{--look-art:url("look-frames/spectrum-3.svg");--look-edge:#a7c3fb}
.cr-avatar.frame-spectrum-4{--look-art:url("look-frames/spectrum-4.svg");--look-edge:#a7c3fb}
.cr-avatar.frame-impulse{--look-art:url("look-frames/impulse-1.svg");--look-edge:#8ed8c5}
.cr-avatar.frame-impulse-2{--look-art:url("look-frames/impulse-2.svg");--look-edge:#8ed8c5}
.cr-avatar.frame-impulse-3{--look-art:url("look-frames/impulse-3.svg");--look-edge:#8ed8c5}
.cr-avatar.frame-impulse-4{--look-art:url("look-frames/impulse-4.svg");--look-edge:#8ed8c5}
.cr-avatar.frame-eclipse{--look-art:url("look-frames/eclipse-1.svg");--look-edge:#d4b794}
.cr-avatar.frame-eclipse-2{--look-art:url("look-frames/eclipse-2.svg");--look-edge:#d4b794}
.cr-avatar.frame-eclipse-3{--look-art:url("look-frames/eclipse-3.svg");--look-edge:#d4b794}
.cr-avatar.frame-eclipse-4{--look-art:url("look-frames/eclipse-4.svg");--look-edge:#d4b794}
.cr-avatar.frame-scholar{--look-art:url("look-frames/scholar-1.svg");--look-edge:#b3a0ef}
.cr-avatar.frame-scholar-2{--look-art:url("look-frames/scholar-2.svg");--look-edge:#b3a0ef}
.cr-avatar.frame-scholar-3{--look-art:url("look-frames/scholar-3.svg");--look-edge:#b3a0ef}
.cr-avatar.frame-scholar-4{--look-art:url("look-frames/scholar-4.svg");--look-edge:#b3a0ef}
.cr-avatar.frame-author-1{--look-art:url("look-frames/author-1.svg");--look-edge:#85bfc3}
.cr-avatar.frame-author-2{--look-art:url("look-frames/author-2.svg");--look-edge:#85bfc3}
.cr-avatar.frame-author-3{--look-art:url("look-frames/author-3.svg");--look-edge:#85bfc3}
.cr-avatar.frame-author-4{--look-art:url("look-frames/author-4.svg");--look-edge:#85bfc3}
.cr-avatar.frame-patron-1{--look-art:url("look-frames/patron-1.svg");--look-edge:#c3c9d2}
.cr-avatar.frame-patron-2{--look-art:url("look-frames/patron-2.svg");--look-edge:#c3c9d2}
.cr-avatar.frame-patron-3{--look-art:url("look-frames/patron-3.svg");--look-edge:#c3c9d2}
.cr-avatar.frame-patron-4{--look-art:url("look-frames/patron-4.svg");--look-edge:#c3c9d2}
.cr-avatar.frame-circle-1{--look-art:url("look-frames/circle-1.svg");--look-edge:#9cd8be}
.cr-avatar.frame-circle-2{--look-art:url("look-frames/circle-2.svg");--look-edge:#9cd8be}
.cr-avatar.frame-circle-3{--look-art:url("look-frames/circle-3.svg");--look-edge:#9cd8be}

/* Preserve the round portrait and the existing materials; ornament fits its own box. */
.cr-avatar.look-crafted{background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible;padding:8%!important}
.cr-avatar.look-crafted .cr-photo{background:#111825;border:1px solid #75849b66;box-sizing:border-box}
.cr-avatar[style]{isolation:isolate}
.cr-avatar.look-crafted .cr-rim{inset:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--look-art,none) center/contain no-repeat!important;clip-path:none!important;transform:none!important;animation:none!important;filter:none!important}
.cr-avatar.look-crafted .cr-rim::before,.cr-avatar.look-crafted .cr-rim::after{display:none!important}
/* Use em-sized padding, not parent-relative percentage, in every host. */
.cr-avatar.look-crafted{padding:calc(var(--cr-size)*.11)!important}
.cr-avatar.effect-mist .cr-light{inset:0;border:0;background:none;box-shadow:0 0 8px 2px #92b9e54a,inset 0 0 5px #acd1ed33;animation:cr-mist 7s ease-in-out infinite}
.cr-avatar.effect-comet .cr-light{inset:-2px;border:0;background:conic-gradient(transparent 65%,#9dd8fb11 78%,#aad9fa99 95%,#fff 99%,transparent);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:cr-turn 8s linear infinite;filter:drop-shadow(0 0 2px #93c6f7)}
.look-chat-preview{display:block!important}.look-chat-preview .cr-avatar{--cr-size:46px}
.look-current{padding:18px 24px;gap:24px}.look-current h2{font-size:18px}.look-current .look-sample{flex:none}
.look-current .look-sample .cr-avatar{--cr-size:94px}
.look-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;position:sticky;top:0;z-index:5;background:var(--surface);padding:7px;border-radius:14px}
.look-tabs button{padding:12px 8px;font-size:15px}.look-source-filter,.look-availability{display:flex;gap:7px;overflow:auto;padding:12px 0;scrollbar-width:thin}
.look-source-filter button,.look-availability button{white-space:nowrap;padding:9px 13px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--muted);font-size:12px}
.look-source-filter button[aria-pressed=true],.look-availability button[aria-pressed=true]{background:var(--tint);color:var(--text);border-color:var(--accent)}
.look-browser-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.look-browser-layout .look-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.look-browser-layout .look-detail{display:block;margin:0;position:sticky;top:65px;padding:20px}
.look-browser-layout .look-detail>div{min-width:0}.look-browser-layout .look-evolution{margin-top:18px}
.look-item>small{color:var(--muted);font-size:11px}.look-item .look-sample.small .cr-avatar{--cr-size:82px}.look-item .look-sample>strong{margin-top:7px}
.look-item{padding:18px 10px;gap:7px;min-width:0}.look-item>span{font-size:11px}.look-item>b{font-size:13px}
.look-item[data-slot="frame"] .look-sample>strong,.look-item[data-slot="effect"] .look-sample>strong{display:none}.look-item .look-sample{padding:8px 0}.look-item>span{line-height:1.5;min-height:18px}
.look-browser-layout .look-stages button{padding:9px}.look-browser-layout .look-stages small{display:none}.look-empty{color:var(--muted);padding:30px 0}
.look-dismiss{display:none}.look-head-photo{font-size:12px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}
@media(max-width:760px){.look-browser-layout{display:block}.look-browser-layout .look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.look-current{padding:14px;gap:12px;margin-bottom:14px;flex-direction:row;align-items:center}.look-current>div:last-child{min-width:0}.look-current h2{font-size:15px}.look-current .look-sample .cr-avatar{--cr-size:78px}.look-current .look-equipped{gap:3px}.look-equipped>span{font-size:10px;padding:3px 5px}.look-heading p,.look-current .look-kicker{display:none}.look-tabs{top:0}.look-item .look-sample.small .cr-avatar{--cr-size:86px}.look-browser-layout .look-detail{display:none}.look-browser-layout.detail-open .look-detail{display:block;position:fixed;inset:8px 8px 72px;z-index:60;overflow:auto;background:var(--surface);border:1px solid var(--line);box-shadow:0 0 0 100vmax #070b1599;border-radius:20px;padding:20px}.look-dismiss{display:block;position:sticky;top:0;margin-left:auto;z-index:2;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 14px}.look-browser-layout .look-detail .look-sample .cr-avatar{--cr-size:110px}}
@media(prefers-reduced-motion:reduce){.cr-avatar .cr-light,.cr-avatar .cr-light:before,.cr-avatar .cr-light:after{animation:none!important}}

.look-detail .primary,.look-detail a.btn{display:block;box-sizing:border-box;width:100%;margin-top:12px;text-align:center}.look-detail>div>small{display:block;margin-top:12px;line-height:1.5}