.bass-panel{margin-top:28px;border:1px solid #62684d;border-top:3px solid #d29b54;border-radius:6px;padding:22px;background:linear-gradient(120deg,#303725,#192015);color:#d9dfc8;box-shadow:0 8px 20px #0003}.bass-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.bass-heading h2{font:600 33px 'Barlow Condensed',sans-serif;letter-spacing:2px;margin:5px 0 0;color:#ded5a8}.bass-heading h2 span{font:14px monospace;color:#bc9861;margin-left:8px}.bass-power{display:flex;align-items:center;gap:9px;font-size:15px}.bass-power input,.bass-accent input{accent-color:#e89d54;width:18px;height:18px}.bass-compose{display:grid;grid-template-columns:.65fr 1.2fr .9fr 1.2fr 1.4fr auto;gap:15px;align-items:end}.bass-panel label{font:12px 'Barlow Condensed',sans-serif;letter-spacing:.8px}.bass-panel select{display:block;width:100%;border:1px solid #67754e;background:#172011;color:#dfe1c8;padding:9px 7px;margin-top:6px;border-radius:3px;font:13px 'DM Sans',sans-serif;min-width:0}.bass-density input{display:block;width:100%;margin:18px 0 9px;accent-color:#d1a15a}.bass-density output{float:right;font:12px monospace}.bass-generate{display:flex;gap:7px;align-items:center}.bass-generate button{padding:10px 13px;background:#d39c56;color:#232d18;border:1px solid #edc98a;border-radius:3px;font-weight:600;font-size:14px;white-space:nowrap}.bass-generate #bass-undo{background:none;color:#c2caa9;border-color:#69734f}.bass-tone{display:flex;align-items:center;gap:27px;border-top:1px solid #576043;border-bottom:1px solid #576043;margin:22px 0;padding:17px 0}.bass-tone>label{min-width:145px}#bass-knobs,#duck-knobs{display:flex;gap:20px;flex:1}.bass-panel .knob-wrap{margin-top:0;min-width:53px}.bass-panel .knob-label{font-size:12px}.bass-panel .knob-value{font-size:11px}.duck-section{padding-left:25px;border-left:1px solid #6d734f;min-width:200px}.duck-section .section-label{margin-bottom:10px;color:#e1b979}.duck-hint{display:block;font-size:11px;color:#b5be9c;margin-top:6px}.bass-steps{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:7px}.bass-step{display:flex;flex-direction:column;align-items:center;gap:9px;background:#1e2917;border:1px solid #5c6b45;border-radius:3px;padding:9px 3px;color:#d2d8b9;min-width:0;position:relative}.bass-step>small{font:10px monospace;color:#a1ae87}.bass-step>strong{font:17px 'Barlow Condensed',sans-serif}.bass-step.rest>strong{font-size:12px;color:#82906e}.bass-step:not(.rest){border-bottom:3px solid #d39c56;background:#3e4a2c}.bass-step.selected{outline:2px solid #dbb376;outline-offset:2px}.bass-step.current{box-shadow:inset 0 0 0 2px #f9e4a2;background:#71603b}.bass-step.accent:after{content:'•';position:absolute;right:5px;top:3px;color:#f4bb6c}.bass-step:disabled{opacity:.3}.bass-editor{display:flex;align-items:center;gap:17px;margin-top:21px;flex-wrap:wrap}.bass-editor>strong{font:13px monospace;color:#dfb779}.bass-editor>label{min-width:95px}.bass-editor .bass-accent{display:flex;gap:5px;align-items:center;font:13px 'DM Sans',sans-serif;min-width:0}.bass-editor button{background:none;color:#d6cba5;border-bottom:1px solid #8a8861;font-size:13px;padding:5px 0}.bass-editor>span{margin-left:auto;font-size:12px;color:#a3b18c}.bass-footnote{font-size:12px;color:#a7b38f;line-height:1.65;margin:18px 0 0}.sample-source{margin-top:auto!important;transform:translateY(8px)}.voice{padding-bottom:10px}.sample-slot .slot-copy{overflow:hidden}.slot-actions button:disabled{opacity:.35}.sample-busy{opacity:.7;pointer-events:none}#sample-slots .slot-actions{flex-wrap:wrap}.sample-note{max-width:70ch}.bass-panel .bass-power{font:15px 'DM Sans',sans-serif;letter-spacing:0}
@media(max-width:1100px){.bass-compose{grid-template-columns:repeat(4,1fr)}.bass-density{grid-column:1/3}.bass-generate{grid-column:3/5;justify-content:end}.bass-tone{gap:15px}#bass-knobs,#duck-knobs{gap:10px}.duck-section{padding-left:15px;min-width:170px}.bass-tone>label{min-width:120px}.bass-panel .knob-wrap{min-width:45px}.bass-steps{gap:5px}.bass-step>strong{font-size:16px}}
@media(max-width:800px){.bass-panel{padding:18px 14px}.bass-tone{flex-wrap:wrap}.bass-tone>label{width:100%}#bass-knobs{justify-content:space-around;flex:1}.duck-section{min-width:170px}.bass-steps{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px 7px}.bass-editor{gap:14px}.bass-editor>span{width:100%;margin:0}.bass-footnote{font-size:12px}}
@media(max-width:500px){.bass-compose{grid-template-columns:1fr 1fr;gap:14px}.bass-density{grid-column:1}.bass-generate{grid-column:2;flex-wrap:wrap}.bass-generate button{font-size:12px;padding:9px}.bass-heading h2{font-size:29px}.bass-heading .eyebrow{font-size:9px}.bass-tone{gap:22px}.duck-section{padding-left:0;padding-top:16px;border-left:0;border-top:1px solid #69754f;width:100%;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.duck-section .section-label{max-width:70px}.duck-hint{width:100%}#duck-knobs{flex:none;gap:25px}.bass-editor>strong{width:100%}.bass-editor{gap:12px}.bass-editor>label{min-width:80px}}

.bass-panel[hidden]{display:none!important}