.wardrobe-page{min-height:100svh;background:#eee9dd;color:#173542}.studio-top{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 clamp(16px,4vw,48px);border-bottom:1px solid #d9d2c4;background:#f8f5ec}.studio-top .door-control{position:relative}.studio-top h1{margin:0;font:700 19px Georgia,serif;letter-spacing:-.02em}.studio-shell{display:grid;grid-template-areas:"preview editor";grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:clamp(20px,3vw,36px);align-items:start;max-width:1320px;margin:0 auto;padding:clamp(20px,3vw,36px) clamp(16px,4vw,48px) 48px}.studio-preview{position:sticky;top:20px;grid-area:preview;min-width:0}.studio-stage{position:relative;height:clamp(380px,calc(100svh - 240px),720px);overflow:hidden;border:1px solid #d7d0c1;border-radius:18px;background:radial-gradient(ellipse at 50% 40%,#faf8ef,#e8e2d5);box-shadow:0 14px 40px #1b394018}.studio-stage canvas{cursor:grab}.studio-stage canvas:active{cursor:grabbing}.studio-avatar-controls[hidden],.studio-avatar-credit[hidden],.studio-motion-note[hidden]{display:none}.studio-avatar-controls{display:grid;gap:10px;margin-top:14px}.studio-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.studio-chips-label{width:52px;color:#6b7a73;font-size:12px;font-weight:700}.studio-chips button{padding:8px 15px;border:1px solid #d6d5c8;border-radius:20px;background:#f9f7f1;color:#40594f;font-size:12px}.studio-chips button[aria-pressed=true]{border-color:#315e4d;background:#315e4d;color:#fffdf8}.studio-avatar-credit{margin:12px 0 0;color:#77827c;font-size:10px;line-height:1.7}.studio-avatar-credit a{color:inherit}.studio-editor{display:grid;gap:14px;grid-area:editor;min-width:0}.studio-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #dbd2c1;border-radius:14px;background:#e6dfd1}.studio-tabs button{min-height:40px;border:0;border-radius:10px;background:transparent;color:#65716c;font-size:13px;font-weight:700}.studio-tabs button[aria-pressed=true]{background:#fffdf8;box-shadow:0 3px 10px #30403018;color:#315e4d}.studio-list-summary,.studio-motion-note{margin:0;color:#6f7a70;font-size:11px;line-height:1.5}.studio-motion-note{margin-top:12px}.studio-list-summary{margin-top:-4px}.studio-items{display:grid;gap:8px}.studio-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;min-width:0;padding:10px;border:1px solid #dcd3c2;border-radius:14px;background:#fffdf8;color:#263f49;text-align:left;transition:border-color .18s,box-shadow .18s}.studio-item:hover{border-color:#89aa96;box-shadow:0 6px 18px #1d3b3518}.studio-item[aria-pressed=true]{border-color:#3e8068;background:#f4f9f0;box-shadow:inset 0 0 0 1px #3e8068}.studio-item-art{display:block;height:58px;border-radius:9px;background:linear-gradient(135deg,#ece7db,#f8f5eb)}.studio-item-art img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:contain}.studio-item strong{min-width:0;font-size:14px}.studio-items-avatars{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.studio-items-avatars .studio-item{grid-template-columns:minmax(0,1fr);gap:8px;align-content:start;padding:0;border:0;border-radius:4px;background:transparent;box-shadow:none;text-align:center}.studio-items-avatars .studio-item-art{aspect-ratio:1;height:auto;overflow:hidden;border:3px solid #b6a789;border-radius:4px;background:radial-gradient(ellipse at 50% 28%,#e8dfca,#bcbda9);box-shadow:0 2px 5px #3e3b2820,inset 0 0 0 1px #f6edda}.studio-items-avatars .studio-item-art img{object-fit:cover;object-position:center bottom}.studio-items-avatars .studio-item:hover .studio-item-art{border-color:#8d836c}.studio-items-avatars .studio-item[aria-pressed=true] .studio-item-art{border-color:#3e8068;box-shadow:0 0 0 2px #eee9dd,0 0 0 4px #3e8068}.studio-items-avatars .studio-item strong{font-size:13px;line-height:1.5}.studio-items-avatars .studio-item[aria-pressed=true] strong{color:#315e4d}.studio-text-button{justify-self:start;padding:3px 0;border:0;background:none;color:#386b56;font-size:12px;font-weight:700}.studio-text-button:hover{text-decoration:underline}.studio-top a:focus-visible,.studio-shell button:focus-visible{outline:2px solid #3b7f6d;outline-offset:3px}@media(max-width:960px){.studio-shell{grid-template-areas:"preview" "editor";grid-template-columns:minmax(0,1fr);max-width:720px}.studio-preview{position:static}.studio-stage{height:clamp(320px,62vw,460px)}}@media(max-width:540px){.studio-items-avatars{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.studio-top{min-height:56px}.studio-shell{gap:18px;padding:16px 16px 40px}.studio-stage{height:320px;border-radius:14px}}