:root{--bg-dark: #05070a;--panel-bg: #0b0f17;--text: #e6f1ff;--muted: #8aa2c1;--neon-green: #00ff9c;--neon-cyan: #00e5ff;--neon-magenta: #ff4fd8;--neon-orange: #ff9770;--danger: #ff3864;--border: #1e2a44}.playground[data-astro-cid-fsstvwvp]{min-height:100vh;background:radial-gradient(ellipse at top,#0d1525,#05070a 70%);padding:2rem 1rem}.playground-container[data-astro-cid-fsstvwvp]{max-width:1100px;margin:0 auto}.playground-header[data-astro-cid-fsstvwvp]{text-align:center;margin-bottom:2rem}.playground-title[data-astro-cid-fsstvwvp]{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,var(--neon-orange),var(--neon-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.playground-subtitle[data-astro-cid-fsstvwvp]{color:var(--muted);font-family:monospace;margin-top:.5rem}.playground-grid[data-astro-cid-fsstvwvp]{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}.panel[data-astro-cid-fsstvwvp]{background:linear-gradient(180deg,var(--panel-bg),#070b12);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.panel-header[data-astro-cid-fsstvwvp]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px dashed var(--border)}.panel-title[data-astro-cid-fsstvwvp]{font-size:1rem;font-weight:700;color:var(--neon-cyan);margin:0;display:flex;align-items:center;gap:.5rem}.beat-layers[data-astro-cid-fsstvwvp]{margin-bottom:1.5rem}.layer[data-astro-cid-fsstvwvp]{background:#0000004d;border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:.75rem;transition:all .2s}.layer[data-astro-cid-fsstvwvp]:hover{border-color:var(--neon-cyan)}.layer[data-astro-cid-fsstvwvp].active{border-color:var(--neon-green);background:#00ff9c0d;animation:layerPulse .5s ease-in-out infinite alternate}@keyframes layerPulse{0%{box-shadow:0 0 5px #00ff9c4d,inset 0 0 10px #00ff9c0d}to{box-shadow:0 0 15px #00ff9c80,inset 0 0 20px #00ff9c1a}}.transport-btn[data-astro-cid-fsstvwvp].play.playing{animation:transportPulse .5s ease-in-out infinite alternate}@keyframes transportPulse{0%{box-shadow:0 0 10px #00ff9c66}to{box-shadow:0 0 25px #00ff9ccc}}.beat-indicator[data-astro-cid-fsstvwvp]{display:flex;gap:4px;margin-top:.5rem}.beat-step[data-astro-cid-fsstvwvp]{width:12px;height:4px;background:#ffffff1a;border-radius:2px;transition:background .1s}.beat-step[data-astro-cid-fsstvwvp].active{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.layer-header[data-astro-cid-fsstvwvp]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.layer-name[data-astro-cid-fsstvwvp]{display:flex;align-items:center;gap:.5rem}.layer-icon[data-astro-cid-fsstvwvp]{font-size:1.25rem}.layer-label[data-astro-cid-fsstvwvp]{color:var(--text);font-weight:600;font-size:.9rem}.layer-source[data-astro-cid-fsstvwvp]{font-size:.7rem;color:var(--muted);background:#ffffff0d;padding:.2rem .5rem;border-radius:10px}.layer-controls[data-astro-cid-fsstvwvp]{display:flex;gap:.5rem}.layer-btn[data-astro-cid-fsstvwvp]{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:#0000004d;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s}.layer-btn[data-astro-cid-fsstvwvp]:hover{background:#ffffff1a;color:var(--text)}.layer-btn[data-astro-cid-fsstvwvp].play{border-color:var(--neon-green);color:var(--neon-green)}.layer-btn[data-astro-cid-fsstvwvp].play.playing{background:var(--neon-green);color:#000}.layer-btn[data-astro-cid-fsstvwvp].mute.muted{background:var(--danger);border-color:var(--danger);color:#fff}.layer-btn[data-astro-cid-fsstvwvp].delete{border-color:var(--danger);color:var(--danger)}.layer-volume[data-astro-cid-fsstvwvp]{display:flex;align-items:center;gap:.75rem}.volume-label[data-astro-cid-fsstvwvp]{font-size:.75rem;color:var(--muted);width:50px}.volume-slider[data-astro-cid-fsstvwvp]{flex:1;height:6px;-webkit-appearance:none;background:#ffffff1a;border-radius:3px}.volume-slider[data-astro-cid-fsstvwvp]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--neon-cyan);border-radius:50%;cursor:pointer}.volume-value[data-astro-cid-fsstvwvp]{font-size:.75rem;color:var(--neon-cyan);width:35px;text-align:right}.add-layer-btn[data-astro-cid-fsstvwvp]{width:100%;padding:.75rem;background:#70d6ff1a;border:2px dashed rgba(112,214,255,.3);border-radius:10px;color:var(--neon-cyan);font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-layer-btn[data-astro-cid-fsstvwvp]:hover{background:#70d6ff26;border-color:var(--neon-cyan)}.source-popup[data-astro-cid-fsstvwvp]{position:fixed;inset:0;background:#000000d9;display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem}.source-popup[data-astro-cid-fsstvwvp].active{display:flex}.source-popup-content[data-astro-cid-fsstvwvp]{background:var(--panel-bg);border:1px solid var(--border);border-radius:16px;padding:1.5rem;max-width:500px;width:100%}.source-popup-header[data-astro-cid-fsstvwvp]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.source-popup-title[data-astro-cid-fsstvwvp]{font-size:1.1rem;font-weight:700;color:var(--text);margin:0}.source-popup-close[data-astro-cid-fsstvwvp]{background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer}.source-options[data-astro-cid-fsstvwvp]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.source-option[data-astro-cid-fsstvwvp]{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:1.25rem;text-align:center;cursor:pointer;transition:all .2s}.source-option[data-astro-cid-fsstvwvp]:hover{border-color:var(--neon-cyan);background:#70d6ff0d}.source-option-icon[data-astro-cid-fsstvwvp]{font-size:2rem;margin-bottom:.5rem}.source-option-name[data-astro-cid-fsstvwvp]{color:var(--text);font-weight:600;font-size:.9rem;margin-bottom:.25rem}.source-option-desc[data-astro-cid-fsstvwvp]{color:var(--muted);font-size:.75rem}.transport-panel[data-astro-cid-fsstvwvp]{margin-bottom:1.5rem}.transport-controls[data-astro-cid-fsstvwvp]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.transport-btn[data-astro-cid-fsstvwvp]{width:50px;height:50px;border-radius:50%;border:2px solid;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s}.transport-btn[data-astro-cid-fsstvwvp].play{border-color:var(--neon-green);color:var(--neon-green);width:64px;height:64px;font-size:1.5rem}.transport-btn[data-astro-cid-fsstvwvp].play:hover{background:#00ff9c33}.transport-btn[data-astro-cid-fsstvwvp].play.playing{background:var(--neon-green);color:#000}.transport-btn[data-astro-cid-fsstvwvp].stop{border-color:var(--danger);color:var(--danger)}.transport-btn[data-astro-cid-fsstvwvp].stop:hover{background:#ff386433}.transport-btn[data-astro-cid-fsstvwvp].record{border-color:var(--neon-orange);color:var(--neon-orange)}.transport-btn[data-astro-cid-fsstvwvp].record:hover{background:#ff977033}.transport-btn[data-astro-cid-fsstvwvp].record.recording{background:#ff32324d;border-color:#ff3232;color:#ff3232;animation:record-pulse 1s ease-in-out infinite}@keyframes record-pulse{0%,to{box-shadow:0 0 5px #ff32324d}50%{box-shadow:0 0 15px #ff323299}}.recording-indicator[data-astro-cid-fsstvwvp]{display:none;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ff32321a;border:1px solid rgba(255,50,50,.3);border-radius:8px;margin-top:.5rem}.recording-indicator[data-astro-cid-fsstvwvp].active{display:flex}.recording-dot[data-astro-cid-fsstvwvp]{width:10px;height:10px;border-radius:50%;background:#ff3232;animation:record-pulse 1s ease-in-out infinite}.recording-time[data-astro-cid-fsstvwvp]{color:#ff3232;font-family:monospace;font-size:.9rem}.recording-stop[data-astro-cid-fsstvwvp]{background:#ff3232;color:#fff;border:none;padding:.3rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem}.export-modal-overlay[data-astro-cid-fsstvwvp]{display:none;position:fixed;inset:0;background:#000000b3;z-index:1000;align-items:center;justify-content:center}.export-modal-overlay[data-astro-cid-fsstvwvp].active{display:flex}.export-modal[data-astro-cid-fsstvwvp]{background:#0b0f17;border:1px solid #1a2035;border-radius:12px;padding:1.5rem;width:90%;max-width:420px}.export-modal[data-astro-cid-fsstvwvp] h3[data-astro-cid-fsstvwvp]{color:#fff;margin:0 0 1rem}.export-modal[data-astro-cid-fsstvwvp] .option-group[data-astro-cid-fsstvwvp]{margin-bottom:1rem}.export-modal[data-astro-cid-fsstvwvp] label[data-astro-cid-fsstvwvp]{display:block;color:#888;font-size:.85rem;margin-bottom:.4rem}.export-modal[data-astro-cid-fsstvwvp] select[data-astro-cid-fsstvwvp],.export-modal[data-astro-cid-fsstvwvp] input[data-astro-cid-fsstvwvp]{width:100%;background:#0f1520;border:1px solid #1a2035;color:#fff;padding:.5rem;border-radius:6px;font-size:.9rem}.export-modal[data-astro-cid-fsstvwvp] .btn-row[data-astro-cid-fsstvwvp]{display:flex;gap:.5rem;margin-top:1rem}.export-modal[data-astro-cid-fsstvwvp] .btn-export[data-astro-cid-fsstvwvp]{flex:1;padding:.6rem;background:linear-gradient(135deg,#00e5ff,#00ff9c);color:#0b0f17;border:none;border-radius:6px;font-weight:600;cursor:pointer}.export-modal[data-astro-cid-fsstvwvp] .btn-cancel[data-astro-cid-fsstvwvp]{padding:.6rem 1rem;background:transparent;border:1px solid #333;color:#888;border-radius:6px;cursor:pointer}.export-progress[data-astro-cid-fsstvwvp]{margin-top:.75rem;display:none}.export-progress[data-astro-cid-fsstvwvp].active{display:block}.export-progress-bar[data-astro-cid-fsstvwvp]{height:4px;background:#1a2035;border-radius:2px;overflow:hidden}.export-progress-fill[data-astro-cid-fsstvwvp]{height:100%;background:#00e5ff;width:0;transition:width .3s}.export-progress-text[data-astro-cid-fsstvwvp]{color:#00e5ff;font-size:.8rem;margin-top:.25rem}.battle-choice-overlay[data-astro-cid-fsstvwvp]{display:none;position:fixed;inset:0;background:#000000b3;z-index:1000;align-items:center;justify-content:center}.battle-choice-overlay[data-astro-cid-fsstvwvp].active{display:flex}.battle-choice-modal[data-astro-cid-fsstvwvp]{background:#0b0f17;border:1px solid #1a2035;border-radius:12px;padding:1.5rem;width:90%;max-width:400px;text-align:center}.battle-choice-modal[data-astro-cid-fsstvwvp] h3[data-astro-cid-fsstvwvp]{color:#fff;margin:0 0 .5rem}.battle-choice-modal[data-astro-cid-fsstvwvp] p[data-astro-cid-fsstvwvp]{color:#888;margin:0 0 1.25rem;font-size:.9rem}.battle-choice-btn[data-astro-cid-fsstvwvp]{display:block;width:100%;padding:.9rem;margin-bottom:.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.battle-choice-btn[data-astro-cid-fsstvwvp].primary{background:linear-gradient(135deg,#00e5ff,#00ff9c);color:#0b0f17}.battle-choice-btn[data-astro-cid-fsstvwvp].secondary{background:#00e5ff1a;border:1px solid rgba(0,229,255,.3);color:#00e5ff}.battle-choice-btn[data-astro-cid-fsstvwvp].ghost{background:transparent;color:#666;border:1px solid #333}.battle-choice-btn[data-astro-cid-fsstvwvp]:hover{transform:translateY(-1px)}.bpm-control[data-astro-cid-fsstvwvp]{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#0000004d;border-radius:10px}.bpm-label[data-astro-cid-fsstvwvp]{color:var(--muted);font-size:.8rem;text-transform:uppercase}.bpm-value[data-astro-cid-fsstvwvp]{font-size:2rem;font-weight:700;font-family:monospace;color:var(--neon-orange);min-width:80px;text-align:center}.bpm-adjust[data-astro-cid-fsstvwvp]{display:flex;flex-direction:column;gap:.25rem}.bpm-btn[data-astro-cid-fsstvwvp]{width:28px;height:20px;border:1px solid var(--border);background:#ffffff0d;color:var(--muted);border-radius:4px;cursor:pointer;font-size:.7rem}.bpm-btn[data-astro-cid-fsstvwvp]:hover{background:#ffffff1a;color:var(--text)}.presets-panel[data-astro-cid-fsstvwvp]{margin-bottom:1.5rem}.preset-item[data-astro-cid-fsstvwvp]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0003;border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.preset-item[data-astro-cid-fsstvwvp]:hover{border-color:var(--neon-cyan)}.preset-icon[data-astro-cid-fsstvwvp]{font-size:1.25rem}.preset-info[data-astro-cid-fsstvwvp]{flex:1}.preset-name[data-astro-cid-fsstvwvp]{color:var(--text);font-size:.9rem;font-weight:600}.preset-meta[data-astro-cid-fsstvwvp]{color:var(--muted);font-size:.75rem}.preset-load-btn[data-astro-cid-fsstvwvp]{padding:.4rem .75rem;background:var(--neon-cyan);border:none;border-radius:6px;color:#000;font-size:.75rem;font-weight:700;cursor:pointer}.save-preset-row[data-astro-cid-fsstvwvp]{display:flex;gap:.5rem;margin-top:.75rem}.save-preset-input[data-astro-cid-fsstvwvp]{flex:1;padding:.6rem;background:#0006;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem}.save-preset-input[data-astro-cid-fsstvwvp]:focus{outline:none;border-color:var(--neon-green)}.save-preset-btn[data-astro-cid-fsstvwvp]{padding:.6rem 1rem;background:var(--neon-green);border:none;border-radius:6px;color:#000;font-weight:700;font-size:.85rem;cursor:pointer}.actions-panel[data-astro-cid-fsstvwvp]{display:flex;flex-direction:column;gap:.75rem}.action-btn[data-astro-cid-fsstvwvp]{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn[data-astro-cid-fsstvwvp].primary{background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));border:none;color:#000}.action-btn[data-astro-cid-fsstvwvp].primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c4d}.action-btn[data-astro-cid-fsstvwvp].secondary{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan)}.action-btn[data-astro-cid-fsstvwvp].secondary:hover{background:#00e5ff1a}.beat-selector[data-astro-cid-fsstvwvp]{max-height:300px;overflow-y:auto;margin-top:1rem}.beat-grid[data-astro-cid-fsstvwvp]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.beat-item[data-astro-cid-fsstvwvp]{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s}.beat-item[data-astro-cid-fsstvwvp]:hover{border-color:var(--neon-cyan)}.beat-item[data-astro-cid-fsstvwvp].selected{border-color:var(--neon-green);background:#00ff9c1a}.beat-item-name[data-astro-cid-fsstvwvp]{color:var(--text);font-size:.85rem;margin-bottom:.25rem}.beat-item-meta[data-astro-cid-fsstvwvp]{color:var(--muted);font-size:.7rem}.instrument-palette[data-astro-cid-fsstvwvp]{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:#0000004d;border-radius:10px;margin-bottom:1rem}.instrument-palette-header[data-astro-cid-fsstvwvp]{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.palette-title[data-astro-cid-fsstvwvp]{color:var(--neon-cyan);font-size:.85rem;font-weight:600}.palette-category[data-astro-cid-fsstvwvp]{width:100%;margin-top:.5rem}.palette-category-name[data-astro-cid-fsstvwvp]{font-size:.7rem;color:var(--muted);text-transform:uppercase;margin-bottom:.35rem}.instrument-icon[data-astro-cid-fsstvwvp]{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;cursor:grab;transition:all .2s;font-size:1.2rem}.instrument-icon[data-astro-cid-fsstvwvp]:hover{background:#00e5ff1a;border-color:var(--neon-cyan);transform:scale(1.05)}.instrument-icon[data-astro-cid-fsstvwvp]:active{cursor:grabbing}.instrument-icon[data-astro-cid-fsstvwvp].dragging{opacity:.5;transform:scale(.95)}.instrument-icon-label[data-astro-cid-fsstvwvp]{font-size:.55rem;color:var(--muted);margin-top:2px;text-transform:uppercase}.strudel-layer[data-astro-cid-fsstvwvp]{background:linear-gradient(135deg,#00e5ff0d,#ff4fd80d);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:.75rem}.strudel-layer[data-astro-cid-fsstvwvp].playing{border-color:var(--neon-green);box-shadow:0 0 15px #00ff9c33}.layer-pattern-display[data-astro-cid-fsstvwvp]{display:flex;flex-wrap:wrap;gap:.35rem;min-height:50px;padding:.75rem;background:#0006;border-radius:8px;border:2px dashed rgba(255,255,255,.1);margin-top:.75rem}.layer-pattern-display[data-astro-cid-fsstvwvp].drop-target{border-color:var(--neon-cyan);background:#00e5ff1a}.pattern-element[data-astro-cid-fsstvwvp]{display:flex;align-items:center;gap:.25rem;padding:.35rem .5rem;background:#00e5ff26;border:1px solid rgba(0,229,255,.3);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.pattern-element[data-astro-cid-fsstvwvp]:hover{background:#ff386433;border-color:var(--danger)}.pattern-element[data-astro-cid-fsstvwvp] .remove-btn[data-astro-cid-fsstvwvp]{font-size:.7rem;color:var(--muted);margin-left:.25rem}.pattern-element[data-astro-cid-fsstvwvp]:hover .remove-btn[data-astro-cid-fsstvwvp]{color:var(--danger)}.pattern-code[data-astro-cid-fsstvwvp]{font-family:monospace;font-size:.75rem;color:var(--neon-green);background:#00000080;padding:.5rem;border-radius:6px;margin-top:.5rem;overflow-x:auto;white-space:nowrap}.genre-presets[data-astro-cid-fsstvwvp]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;margin-bottom:1rem}.genre-preset-btn[data-astro-cid-fsstvwvp]{padding:.6rem .5rem;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.8rem;cursor:pointer;transition:all .2s;text-align:center}.genre-preset-btn[data-astro-cid-fsstvwvp]:hover{border-color:var(--neon-cyan);background:#00e5ff1a}.genre-preset-btn[data-astro-cid-fsstvwvp].active{border-color:var(--neon-green);background:#00ff9c26;color:var(--neon-green)}.genre-preset-btn[data-astro-cid-fsstvwvp] .emoji[data-astro-cid-fsstvwvp]{display:block;font-size:1.2rem;margin-bottom:.25rem}.layer-controls-row[data-astro-cid-fsstvwvp]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.75rem}.layer-effect-btn[data-astro-cid-fsstvwvp]{padding:.35rem .6rem;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:.7rem;cursor:pointer;transition:all .2s}.layer-effect-btn[data-astro-cid-fsstvwvp]:hover{border-color:var(--neon-magenta);color:var(--neon-magenta)}.layer-effect-btn[data-astro-cid-fsstvwvp].active{background:#ff4fd833;border-color:var(--neon-magenta);color:var(--neon-magenta)}.sample-loading-indicator[data-astro-cid-fsstvwvp]{position:fixed;top:0;left:0;right:0;display:none;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#00e5ff26,#00ff9c26);border-bottom:1px solid rgba(0,229,255,.3);z-index:1000;transition:opacity .3s}.loading-spinner[data-astro-cid-fsstvwvp]{width:20px;height:20px;border:2px solid rgba(0,229,255,.3);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text[data-astro-cid-fsstvwvp]{color:var(--neon-cyan);font-size:.85rem;font-weight:600;font-family:monospace}.loading-bar[data-astro-cid-fsstvwvp]{width:150px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.loading-progress[data-astro-cid-fsstvwvp]{height:100%;width:0%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-green));border-radius:3px;transition:width .2s}.samples-ready-badge[data-astro-cid-fsstvwvp]{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:#00ff9c26;border:1px solid rgba(0,255,156,.3);border-radius:12px;font-size:.7rem;color:var(--neon-green)}.samples-ready-badge[data-astro-cid-fsstvwvp].loading{background:#ff977026;border-color:#ff97704d;color:var(--neon-orange)}.samples-ready-badge[data-astro-cid-fsstvwvp] .dot[data-astro-cid-fsstvwvp]{width:6px;height:6px;border-radius:50%;background:currentColor}.instrument-icon[data-astro-cid-fsstvwvp].upload-trigger{border-style:dashed;border-color:var(--neon-orange);color:var(--neon-orange);cursor:pointer}.instrument-icon[data-astro-cid-fsstvwvp].upload-trigger:hover{background:#ff977026;border-color:var(--neon-orange)}.instrument-icon[data-astro-cid-fsstvwvp].user-sample{border-color:var(--neon-magenta);position:relative}.instrument-icon[data-astro-cid-fsstvwvp].user-sample:hover{border-color:var(--neon-magenta);background:#ff4fd826}.instrument-icon[data-astro-cid-fsstvwvp].user-sample .sample-remove[data-astro-cid-fsstvwvp]{position:absolute;top:-5px;right:-5px;width:14px;height:14px;background:var(--danger);border-radius:50%;font-size:.6rem;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer}.instrument-icon[data-astro-cid-fsstvwvp].user-sample:hover .sample-remove[data-astro-cid-fsstvwvp]{display:flex}@media(max-width:800px){.playground-grid[data-astro-cid-fsstvwvp]{grid-template-columns:1fr}.sample-loading-indicator[data-astro-cid-fsstvwvp]{flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.loading-bar[data-astro-cid-fsstvwvp]{width:100%;order:3}}