.studio-panel.sheet{height:min(94dvh,900px);max-height:94dvh;background:#F7F5E9;color:#28483B;display:flex;flex-direction:column;overflow:hidden}
.studio-panel .sheet-head{padding:12px 16px 10px;flex:none;align-items:center}.studio-panel .sheet-head h2{font-size:22px;line-height:1.25;margin:0}.studio-panel .close-sheet{width:44px;height:44px;flex:none;background:#e7efdf;color:#28483b}.studio-panel .sheet-content{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;padding:0}
.studio-wallet{display:flex;gap:10px;flex-wrap:wrap;padding:8px 16px 12px;flex:none}.studio-wallet>span{display:flex;gap:5px;align-items:center;padding:6px 10px;background:#fffef7;border:1px solid #d4dfca;border-radius:24px;font-size:13px}.studio-wallet svg,.studio-wallet img{width:22px;height:22px}.studio-wallet b{font-size:15px}
.studio-tabs{display:flex;gap:4px;margin:0 16px 10px;padding:4px;background:#e7efdf;border-radius:14px;flex:none}.studio-tabs button{min-width:0;flex:1;min-height:44px;background:none;border-radius:10px;color:#28483b;font-size:16px}.studio-tabs button[aria-selected=true]{background:#326c54;color:#fffef7;box-shadow:0 2px 4px #28483b18}
.studio-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:0;padding:0 16px calc(20px + env(safe-area-inset-bottom,0px));flex:1;scrollbar-width:thin}
.studio-row{display:flex;align-items:center;gap:12px;border:1px solid #dbe2d0;background:#fffef7;border-radius:16px;padding:12px;margin:0 0 10px}.studio-row>svg{width:84px;max-width:29%;height:88px;flex:none;background:#e7efdf;border-radius:12px}.studio-row>div{min-width:0;flex:1}.studio-row h3{font-size:16px;line-height:1.4;margin:0 0 4px}.studio-row p,.studio-caption{font-size:14px;line-height:1.5;color:#5e6f5b;margin:4px 0 8px}.studio-row .studio-level{font-size:13px}.studio-level>span{margin-left:4px;color:#326c54;font-size:12px;letter-spacing:1px}
.studio-button{min-width:44px;min-height:44px;border-radius:10px;padding:10px 12px;background:#326c54;color:#fffef7;font-size:14px;line-height:1.4;transition:transform .17s,background .17s;white-space:normal}.studio-button.secondary{background:#e7efdf;color:#28483b}.studio-button:disabled{opacity:1;background:#eceee2;color:#5e6f5b;cursor:default}.studio-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-badge{display:inline-block;font-size:12px;color:#326c54;border-radius:7px;background:#e7efdf;padding:3px 6px;font-weight:650;vertical-align:middle}
.studio-note{background:#e7efdf;border-radius:12px;padding:12px;margin:0 0 12px;font-size:13px;color:#28483b;line-height:1.6}.studio-note summary{cursor:pointer;min-height:30px;display:list-item}.studio-note p{margin:8px 0}.studio-caption{margin:0 0 12px}.studio-preview{height:150px;background:#e7efdf;border:1px solid #d4dfca;border-radius:16px;overflow:hidden;display:grid;place-items:center}.studio-preview img{width:100%;height:100%;object-fit:contain}.studio-preview span{font-size:13px;text-align:center;padding:16px}
.studio-slots{display:flex;flex-wrap:wrap;gap:4px 12px;margin:8px 0;color:#28483b;font-size:12px;line-height:1.5}.studio-outfit-action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;min-height:44px;margin:0 0 10px}.studio-outfit-action b{font-size:14px}.studio-outfit-action small{font-size:13px;color:#5e6f5b}.studio-filter{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.studio-filter .studio-button:disabled{background:#326c54;color:#fffef7}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-item{border:1.5px solid #d4dfca;border-radius:14px;background:#fffef7;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;color:#28483b;min-width:0}.studio-item>svg{width:100%;max-width:112px;height:82px;background:#e7efdf;border-radius:10px}.studio-item b{font-size:15px;line-height:1.4}.studio-item small{font-size:12px;color:#5e6f5b}.studio-item.selected{outline:2px solid #bc9950;outline-offset:-3px}.studio-item.equipped{border-color:#326c54}.studio-item.equipped small{color:#326c54;font-weight:750}.studio-collection{margin-top:14px;padding:12px;background:#e7efdf;border-radius:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-collection b{font-size:14px}.studio-collection small{font-size:12px;line-height:1.5;width:100%;color:#5e6f5b}.studio-upgraded{animation:studio-upgrade .48s ease-out}.studio-gentle .studio-upgraded{animation:none;border-color:#b99a5c}@keyframes studio-upgrade{0%{box-shadow:0 0 0 3px #e7c86e;transform:scale(.98)}40%{transform:scale(1.015)}100%{box-shadow:0 0 0 0 transparent;transform:scale(1)}}
@media(max-height:640px){.studio-preview{height:130px}.studio-panel .sheet-head{padding-block:8px}.studio-wallet{padding-block:4px 8px}.studio-tabs{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.studio-upgraded{animation:none}.studio-button{transition:none}}