.sound-studio{padding:26px;border:1px solid var(--border,#d9ded6);border-radius:18px;background:var(--card,rgba(255,255,255,.4));margin-bottom:28px}
.sound-studio-top,.sound-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.sound-studio h3{margin:0 0 6px;font-size:21px}.sound-studio p{margin:0;color:var(--muted,#758071);font-size:13px;line-height:1.8}.sound-studio-top .setting{border:0;padding:0;min-width:136px;gap:16px}
.sound-packs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.sound-pack{position:relative;text-align:left;padding:18px 14px 15px!important;border-radius:12px!important;background:transparent!important;border:1px solid var(--border,#d9ded6)!important;color:inherit;transition:transform .2s,border-color .2s,background .2s;min-width:0}.sound-pack:hover{transform:translateY(-3px)}.sound-pack[aria-pressed=true]{border-color:var(--accent,#4e7055)!important;background:var(--soft,rgba(102,130,91,.1))!important;box-shadow:inset 0 0 0 1px var(--accent,#4e7055)}.sound-pack[aria-pressed=true]:after{content:'✓';position:absolute;top:10px;right:11px;color:var(--accent,#4e7055)}
.sound-pack b{display:block;font-size:17px;margin-top:13px;font-weight:600}.sound-pack small{display:block;font-size:10px;letter-spacing:.12em;opacity:.6;margin-top:5px}.sound-pack .switch-note{display:block;font-size:12px;margin-top:10px;opacity:.75;line-height:1.6}.switch-shape{display:block;width:28px;height:26px;border:1px solid currentColor;border-radius:6px;transform:rotate(-9deg);color:var(--switch,#91a095);box-shadow:3px 4px 0 color-mix(in srgb,currentColor 20%,transparent)}.switch-shape:after{content:'';display:block;width:11px;height:10px;border:2px solid currentColor;margin:5px auto;border-radius:2px}
.sound-controls{border-top:1px solid var(--border,#d9ded6);padding-top:19px}.sound-volume{display:flex;align-items:center;gap:14px;font-size:13px;flex:1;max-width:450px}.sound-volume input{accent-color:var(--accent,#4e7055);min-width:80px;flex:1}.sound-volume output{font-variant-numeric:tabular-nums;min-width:36px}.sound-try{display:block;margin-top:18px;font-size:13px}.sound-try input{display:block;margin-top:8px;width:100%;padding:13px 16px;background:transparent;color:inherit;border:1px dashed var(--border,#cbd2c8);border-radius:10px;font:inherit}.sound-status{min-height:24px;margin-top:12px!important}.sound-credit{font-size:11px!important;opacity:.7}.sound-credit a{color:inherit;text-underline-offset:3px}
body[data-theme=inkstorm] .sound-studio{background:rgba(250,245,231,.83);border-radius:3px;border-color:rgba(28,30,24,.2)}body[data-theme=inkstorm] .sound-pack{border-radius:3px!important}body[data-theme=night] .sound-studio{background:rgba(15,28,43,.7)}
@media(max-width:1100px){.sound-packs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.sound-studio{padding:18px}.sound-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sound-pack:last-child{grid-column:span 2}.sound-controls{gap:16px}.sound-volume{width:100%;max-width:none;flex-basis:100%}}