.character-workbench{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1fr);gap:42px;align-items:start}.character-scene{position:sticky;top:125px;min-height:660px;isolation:isolate;padding-top:14px;text-align:center}.character-scene:before{content:'';position:absolute;inset:60px -12px 70px;background:radial-gradient(ellipse,#36a7ff24,transparent 62%);z-index:-1}.character-codename{font-family:var(--display);font-style:italic;font-size:clamp(24px,3vw,42px);font-weight:900;color:var(--yellow);letter-spacing:-.03em;overflow-wrap:anywhere}.character-scene #custom-character-stage{height:510px;position:relative;z-index:2}.character-scene svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 16px #0008)}.character-preview-tools{position:relative;z-index:3;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.character-floor{position:absolute;left:8%;right:8%;bottom:103px;height:85px;border:1px solid #36a7ff4d;border-radius:50%;transform:rotateX(45deg);background:radial-gradient(ellipse,#36a7ff1b,transparent 70%)}.character-step-tabs{display:flex;gap:7px;margin-bottom:24px}.character-step-tabs button{flex:1;border:1px solid #ffffff30;color:#cbd2e0;background:#0d1320;padding:13px 7px;font-family:var(--cond);font-size:13px;cursor:pointer}.character-step-tabs button[aria-selected=true]{background:var(--yellow);color:#080b11;border-color:var(--yellow);font-weight:900}.character-controls{background:linear-gradient(150deg,#131a27e8,#080c13ee);border:1px solid #ffffff24;border-radius:14px;padding:22px;margin-top:28px}.character-controls h2{font-family:var(--display);font-size:38px;margin:0 0 10px}.character-controls p{color:#c8d0dc;line-height:1.6}.character-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.character-controls label{display:grid;gap:7px;font-weight:700;font-size:13px}.character-controls input,.character-controls select{color:#f5f8ff;background:#0a1019;border:1px solid #ffffff40;border-radius:7px;padding:11px;width:100%;min-height:46px}.character-controls input[type=color]{padding:5px;height:46px}.character-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.character-after-save{margin-top:25px;display:flex;gap:10px;flex-wrap:wrap}.character-card-summary{border-left:3px solid var(--yellow);padding:15px;margin-top:20px}.wardrobe-showroom{margin-top:60px;padding-top:30px;border-top:1px solid #ffffff20}.wardrobe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.wardrobe-item{padding:15px;border-radius:12px;background:#111723;border:1px solid #ffffff26;display:flex;flex-direction:column;gap:9px}.wardrobe-item h3{font-family:var(--cond);font-size:23px;margin:0}.wardrobe-item p{font-size:12px;color:#c8d0dc;line-height:1.5;flex:1}.wardrobe-preview{height:235px;background:radial-gradient(ellipse,#36a7ff14,transparent)}.wardrobe-preview svg{height:100%;width:100%}.wardrobe-item .btn{font-size:12px;min-height:40px}.wardrobe-item button:disabled{opacity:.45;cursor:not-allowed}.mini-custom-avatar{width:100%;height:220px}.mini-custom-avatar svg{width:100%;height:100%}.custom-directory-avatar{height:130px;width:90px}.custom-directory-avatar svg{height:100%;width:100%}.character-controls :focus-visible,.character-step-tabs :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media(max-width:1000px){.wardrobe-grid{grid-template-columns:repeat(3,1fr)}.character-workbench{gap:20px}}@media(max-width:720px){.character-workbench{grid-template-columns:1fr;gap:0}.character-scene{position:relative;top:auto;min-height:490px}.character-scene #custom-character-stage{height:370px}.character-controls{margin-top:18px;padding:17px}.character-floor{bottom:83px}.character-step-tabs button{font-size:11px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-preview{height:190px}.character-actions .btn{flex:1}.character-after-save .btn{font-size:12px}.character-fields{gap:12px}}@media(prefers-reduced-motion:reduce){.wrestler-body{animation:none!important}}
/* The student's live 3D studio uses one canvas for previews and wardrobe captures. */
.student-3d-canvas{display:block;width:100%;height:100%;touch-action:pan-y;outline:none;cursor:grab;border-radius:12px}.student-3d-canvas:active{cursor:grabbing}.student-3d-canvas:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.character-turn-tip{margin:-8px 0 12px;font:800 10px var(--sans);letter-spacing:.08em;color:#8dacc9}.wardrobe-preview img{display:block;width:100%;height:100%;object-fit:contain}.character-scene:has(.student-3d-canvas) .character-floor{bottom:113px}.character-controls input[type=color]{cursor:pointer}.character-scene:has(.student-3d-canvas){min-height:685px}
@media(max-width:720px){.character-scene:has(.student-3d-canvas){min-height:510px}.character-turn-tip{font-size:9px}.character-scene:has(.student-3d-canvas) .character-floor{bottom:92px}}