.ce-editor-modes{display:flex;gap:4px;margin-left:18px;padding:4px;border:1px solid var(--ce-line);background:#080d0a}
.ce-editor-mode{position:relative;min-width:102px;padding:9px 13px;border:0;background:transparent;color:#868d82;font-size:9px;font-weight:900;letter-spacing:.13em;cursor:pointer}
.ce-editor-mode[aria-pressed=true]{color:#18160f;background:linear-gradient(180deg,#f0ce77,#b88934);box-shadow:0 0 18px rgba(213,168,77,.18)}
.ce-editor-mode em{margin-left:5px;padding:2px 4px;border:1px solid currentColor;font-style:normal;font-size:7px;letter-spacing:.08em}
.ce-avatar[data-editor-mode="2d"]{background:#080b09}.ce-avatar[data-editor-mode="3d"]{background:#050806}
.ce-avatar .ce-preview-host{position:absolute;inset:0;z-index:1}
.c2d-preview,.c2d-stage{width:100%;height:100%}.c2d-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#3a2f27,#0b0d0b 68%)}
.c2d-body{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;filter:saturate(.78) contrast(1.07);transform:scale(1.12);transition:filter .25s,opacity .25s,transform .35s}
.c2d-stage[data-body-variant="2"] .c2d-body{transform:scale(1.04);filter:saturate(.7) contrast(1.12)}
.c2d-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.48),transparent 24%,transparent 74%,rgba(0,0,0,.52)),linear-gradient(0deg,rgba(3,6,4,.76),transparent 36%);pointer-events:none}
.c2d-portrait-cut{position:absolute;top:15px;right:14px;width:54px;height:68px;border:1px solid rgba(238,204,119,.56);background:linear-gradient(145deg,rgba(213,168,77,.18),rgba(5,8,6,.65));box-shadow:0 8px 24px rgba(0,0,0,.4)}
.c2d-portrait-cut::before{content:'PORTRAIT';position:absolute;right:4px;bottom:4px;color:#ead29a;font-size:6px;letter-spacing:.12em}
.c2d-equipment-readout{position:absolute;left:13px;right:13px;bottom:12px;padding:9px 10px;border-left:2px solid #d5a84d;background:linear-gradient(90deg,rgba(4,8,5,.92),rgba(4,8,5,.56));text-shadow:0 1px 2px #000}
.c2d-equipment-readout small,.c2d-equipment-readout b,.c2d-equipment-readout span{display:block}.c2d-equipment-readout small{color:#c8a55b;font-size:7px;letter-spacing:.14em}.c2d-equipment-readout b{margin-top:3px;color:#eee6d4;font:600 10px var(--ce-serif)}.c2d-equipment-readout span{margin-top:3px;color:#aeb3a7;font-size:7px;text-transform:uppercase}
.c2d-load{position:absolute;inset:0;display:none;place-content:center;justify-items:center;gap:8px;background:rgba(4,8,6,.84);color:#d8bd79;font-size:8px;letter-spacing:.15em}.c2d-stage.is-loading .c2d-load{display:grid}.c2d-load i{width:24px;height:24px;border:2px solid rgba(213,168,77,.2);border-top-color:#e4bf64;border-radius:50%;animation:c2d-spin .8s linear infinite}.c2d-stage.is-error .c2d-body{opacity:.18}
@keyframes c2d-spin{to{transform:rotate(360deg)}}
.ce-appearance-intro{grid-column:1/-1;margin:-4px 0 1px;color:var(--ce-muted);font-size:10px;line-height:1.55}
.ce-body-library{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ce-body-card{position:relative;display:grid;grid-template-columns:54px 1fr;align-items:center;min-height:76px;padding:8px;border:1px solid var(--ce-line);background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(0,0,0,.15));color:var(--ce-ink);text-align:left;cursor:pointer;overflow:hidden}
.ce-body-card img{width:54px;height:58px;object-fit:cover;object-position:50% 15%;filter:saturate(.6)}.ce-body-card span{padding-left:10px;min-width:0}.ce-body-card b,.ce-body-card small{display:block}.ce-body-card b{overflow:hidden;color:#e8dec8;font:600 10px var(--ce-serif);text-overflow:ellipsis;white-space:nowrap}.ce-body-card small{margin-top:5px;color:#91998e;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.ce-body-card[aria-pressed=true]{border-color:#d5a84d;background:linear-gradient(135deg,rgba(213,168,77,.17),rgba(0,0,0,.12));box-shadow:inset 3px 0 #e8c46b}.ce-body-card[aria-pressed=true] img{filter:saturate(.85)}
.ce-portrait-row{grid-column:1/-1;display:flex;gap:8px}.ce-portrait-card{width:62px;height:72px;border:1px solid var(--ce-line);background:radial-gradient(circle at 50% 30%,#4b3a2c,#0c100d 68%);color:#cab779;font:700 9px var(--ce-serif);cursor:pointer}.ce-portrait-card[aria-pressed=true]{border-color:#e4c269;box-shadow:0 0 0 2px rgba(213,168,77,.18)}
.ce-cosmetic-groups{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ce-cosmetic-group{min-width:0;padding:10px;border:1px solid var(--ce-line);background:rgba(0,0,0,.12)}.ce-cosmetic-group>span{display:block;margin-bottom:8px;color:#b7baae;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ce-cosmetic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ce-cosmetic{display:grid;place-items:center;min-height:45px;padding:4px;border:1px solid rgba(218,204,166,.14);background:#101611;color:#9fa79b;cursor:pointer}.ce-cosmetic b{font:500 19px var(--ce-serif)}.ce-cosmetic small{max-width:100%;overflow:hidden;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.ce-cosmetic[aria-pressed=true]{border-color:#d5a84d;color:#edcf82;background:rgba(213,168,77,.1)}
.ce-beta-note{grid-column:1/-1;padding:11px 12px;border-left:2px solid #d5a84d;background:rgba(213,168,77,.07);color:#aeb4a8;font-size:9px;line-height:1.5}.ce-beta-note b{color:#e3c36f;letter-spacing:.12em}
@media(max-width:760px){.ce-editor-modes{order:3;width:100%;margin:8px 0 0}.ce-editor-mode{flex:1}.ce-cosmetic-groups{grid-template-columns:1fr}.ce-body-library{grid-template-columns:1fr}.c2d-equipment-readout{display:none}}
@media(prefers-reduced-motion:reduce){.c2d-load i{animation:none}}