.studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.studio-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;align-items:end}.studio-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.overlay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:22px 0}.overlay-tile{display:flex;flex-direction:column;min-width:0;transition:transform .18s}.overlay-tile:hover{transform:translateY(-3px)}.overlay-tile .studio-actions{margin-top:auto}.tone-0{background:#fff0b7}.tone-1{background:#d9eee1}.tone-2{background:#ffd8c6}.tone-3{background:#e6eff9}.overlay-tile h2{font-size:1.7rem}.wallet-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.wallet-card p{overflow-wrap:anywhere}.studio-dialog{width:min(860px,calc(100vw - 32px));max-width:860px;max-height:90vh;overflow:auto;border:3px solid #253c32;border-radius:22px;background:#fff9ed;padding:28px;box-shadow:8px 8px 0 #253c32}.studio-dialog::backdrop{background:#173c3280}.overlay-preview{border:2px dashed #173c32;width:100%;height:500px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/24px 24px}.challenge-row{margin:14px 0;padding:14px;border:2px dashed #c1c9bd;border-radius:14px}progress{width:100%;height:22px;accent-color:#e97042}details.panel>summary{cursor:pointer;font-weight:800;padding:8px 0}#content form>section.panel,#content>section.panel{margin-bottom:22px}.studio-actions .button{font-size:.9rem}.field input[type=color]{height:48px;padding:5px}.danger{color:#a52d25}.sidebar{overflow-y:auto}.nav{flex-shrink:0}.support-wishlists{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.support-wishlist{border:2px solid #253c32;border-radius:15px;padding:14px;background:#fff4cf}.support-avatar{width:92px;height:92px;border:3px solid #253c32;border-radius:50%;object-fit:cover}.support-options{margin:16px 0;padding:16px;border:2px dashed #c1c9bd;border-radius:15px}.support-options .media-toggle{align-items:flex-start}.support-options select{max-width:100%}@media(max-width:640px){.studio-dialog{padding:18px}.overlay-grid,.studio-fields{grid-template-columns:1fr}.wallet-card{align-items:flex-start;flex-direction:column}.studio-actions .button{flex:1}.overlay-preview{height:500px}.sidebar{overflow-y:visible}}@media(prefers-reduced-motion:reduce){.overlay-tile{transition:none}.overlay-tile:hover{transform:none}}
#soundboard-files audio{width:100%;max-width:100%}
