.sv-sampler{margin:0 0 42px;max-width:100%;color:#203f40;background:#e7ede7;border:1px solid #bccdc7;border-radius:4px;overflow:hidden}
.sv-sampler .sv-sampler-player{padding:clamp(18px,3vw,34px)}
.sv-sampler .sv-sampler-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sv-sampler .sv-sampler-eyebrow{font:400 11px/1.5 system-ui,sans-serif;letter-spacing:.2em;margin:0 0 6px;color:#526e6d}
.sv-sampler .sv-sampler-heading :is(h2,h3){font:400 clamp(25px,3vw,36px)/1.25 Georgia,serif;margin:0;color:#203f40}
.sv-sampler :is(button,input){font:inherit;box-sizing:border-box;max-width:100%}
.sv-sampler button{cursor:pointer;border:1px solid #a4bbb3;background:#fffdf8;color:#203f40;border-radius:3px;padding:9px 14px;line-height:1.4}
.sv-sampler button:hover{border-color:#203f40;background:#f6faf5}
.sv-sampler button:focus-visible,.sv-sampler input:focus-visible{outline:3px solid #ab8149;outline-offset:3px}
.sv-sampler button:disabled{cursor:default;opacity:.6}
.sv-sampler .sv-sampler-info{font-size:13px;background:transparent;border:0;border-bottom:1px solid #748f87;border-radius:0;padding:3px 0}
.sv-sampler .sv-sampler-summary{font-size:17px;line-height:1.6;margin:18px 0 4px;color:#203f40}
.sv-sampler :is(.sv-sampler-recording,.sv-sampler-help,.sv-sampler-status){font-size:13px;line-height:1.65;color:#506a69;margin:6px 0 16px}
.sv-sampler .sv-sampler-help{padding:12px 15px;background:#ffffff80;border-left:3px solid #8caca0}
.sv-sampler .sv-sampler-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 8px;font-size:14px}
.sv-sampler .sv-sampler-start{background:#203f40;color:#fff;border-color:#203f40}
.sv-sampler .sv-sampler-start:hover{background:#305655;color:#fff}
.sv-sampler .sv-sampler-volume{display:flex;align-items:center;gap:8px;margin:0}
.sv-sampler .sv-sampler-volume input{width:100px;accent-color:#315e58;padding:0;min-height:30px}
.sv-sampler button[aria-pressed=true]{background:#d0e0d5;border-color:#507c69}
.sv-sampler .sv-sampler-pads{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:12px;margin-top:20px}
.sv-sampler .sv-sampler-pad{touch-action:none;user-select:none;min-height:100px;padding:15px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:1px solid #a4bbb3;background:linear-gradient(145deg,#fffef9,#dcece7);box-shadow:0 3px 0 #b8cec4;transition:background .12s,box-shadow .12s}
.sv-sampler .sv-sampler-pad:disabled{opacity:.75}
.sv-sampler .sv-sampler-pad-label{font-size:22px;line-height:1.2;font-weight:600;color:#203f40}
.sv-sampler .sv-sampler-pad-hz{font-size:12px;line-height:1.4;color:#526e6d}
.sv-sampler .sv-sampler-pad.is-playing{background:#bbd9cd;border-color:#315e58;box-shadow:0 0 0 2px #315e58}
.sv-sampler .sv-sampler-single{grid-template-columns:minmax(100px,170px)}
@media(max-width:480px){.sv-sampler .sv-sampler-pads{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sv-sampler .sv-sampler-single{grid-template-columns:minmax(100px,170px)}.sv-sampler .sv-sampler-pad{min-height:82px}.sv-sampler .sv-sampler-toolbar{gap:10px}.sv-sampler .sv-sampler-toolbar button{font-size:13px;padding:9px 11px}.sv-sampler .sv-sampler-volume{font-size:13px}.sv-sampler .sv-sampler-summary{font-size:15px}}
.sv-sampler-listen{margin:18px 0 24px;border:0;border-top:1px solid #cbd8cf;border-bottom:1px solid #cbd8cf;background:transparent;border-radius:0;padding:18px 0}
.sv-sampler .sv-listen-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.sv-sampler .sv-listen-button{font-size:16px;padding:9px 18px;min-width:112px;background:#203f40;color:#fff;border-color:#203f40}
.sv-sampler .sv-listen-button:hover{background:#305655;color:#fff}
.sv-sampler .sv-listen-button span{font-size:13px;margin-right:6px}
.sv-sampler .sv-listen-online{font-size:15px;line-height:1.7;color:#506a69}
.sv-sampler .sv-listen-online a{color:#203f40;text-decoration:underline;text-underline-offset:3px}
.sv-sampler :is(.sv-listen-selection,.sv-listen-status,.sv-listen-source){font-size:12px;line-height:1.6;margin:9px 0 0;color:#506a69}
.sv-sampler .sv-listen-source{font-size:11px;margin-top:3px}
.sv-sampler .sv-sampler-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.sv-sampler .sv-sampler-controls label{display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.5;color:#203f40;min-width:0}
.sv-sampler .sv-sampler-controls .sv-sampler-instrument{grid-column:1/-1}
.sv-sampler .sv-sampler-controls :is(select,input){width:100%;min-width:0;max-width:100%;border:1px solid #9eb7ac;background:#fffdf8;color:#203f40;padding:9px 12px;font:inherit;font-size:16px;border-radius:3px;min-height:44px}
.sv-sampler .sv-sampler-controls :disabled{opacity:.6}
.sv-sampler .sv-sampler-product-link{font-size:14px;color:#203f40;text-underline-offset:3px}
.sv-sampler-full{margin:0 0 35px}
@media(max-width:480px){.sv-sampler .sv-sampler-controls{gap:12px}.sv-sampler .sv-sampler-controls :is(select,input){padding:8px;font-size:14px}.sv-sampler .sv-sampler-controls label{font-size:13px}.sv-sampler .sv-listen-online{font-size:14px}}