.sample-browser[data-v-5454f405]{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary, #111);border-left:1px solid rgba(255,255,255,.08);overflow:hidden}.sample-browser__header[data-v-5454f405]{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sample-browser__title[data-v-5454f405]{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin-bottom:8px}.sample-browser__search[data-v-5454f405]{width:100%;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:.8125rem;outline:none;transition:border-color .15s ease}.sample-browser__search[data-v-5454f405]:focus{border-color:var(--accent-cue, #00d9ff)}.sample-browser__search[data-v-5454f405]::-moz-placeholder{color:#ffffff4d}.sample-browser__search[data-v-5454f405]::placeholder{color:#ffffff4d}.sample-browser__list[data-v-5454f405]{flex:1;overflow-y:auto;padding:8px 0}.sample-browser__category[data-v-5454f405]{margin-bottom:4px}.sample-browser__category-name[data-v-5454f405]{padding:6px 12px 2px;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffff4d}.sample-browser__pack-btn[data-v-5454f405]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 12px;background:none;border:none;color:#ffffffbf;font-size:.8125rem;cursor:pointer;text-align:left;min-height:32px;transition:background .1s ease,color .1s ease}.sample-browser__pack-btn[data-v-5454f405]:hover,.sample-browser__pack-btn[data-v-5454f405]:focus-visible{background:#00d9ff14;color:#fff;outline:none}.sample-browser__pack-btn[data-v-5454f405]:focus-visible{outline:2px solid var(--accent-cue, #00d9ff);outline-offset:-2px}.sample-browser__pack-count[data-v-5454f405]{font-size:.6875rem;color:#ffffff4d;flex-shrink:0;margin-left:8px}.sample-browser__empty[data-v-5454f405]{padding:16px 12px;font-size:.8125rem;color:#fff6}.sample-browser__list[data-v-5454f405]::-webkit-scrollbar{width:4px}.sample-browser__list[data-v-5454f405]::-webkit-scrollbar-track{background:transparent}.sample-browser__list[data-v-5454f405]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.playground[data-v-afdb55a9]{display:flex;flex-direction:column;height:100dvh;background:var(--bg-primary, #0a0a0a);color:var(--text-primary, #fff);overflow:hidden}.playground__topbar[data-v-afdb55a9]{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;background:var(--bg-secondary, #111);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;gap:12px}.playground__topbar-left[data-v-afdb55a9]{display:flex;align-items:center;gap:8px;min-width:0}.playground__topbar-right[data-v-afdb55a9]{display:flex;align-items:center;gap:8px;flex-shrink:0}.playground__brand[data-v-afdb55a9]{font-weight:700;font-size:.9375rem;color:var(--accent-cue, #00d9ff);text-decoration:none;white-space:nowrap}.playground__subtitle[data-v-afdb55a9]{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em}.playground__pattern-select[data-v-afdb55a9]{padding:6px 10px;background:var(--bg-tertiary, #1a1a1a);border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#fff;font-size:.8125rem;cursor:pointer;min-height:36px;outline:none;transition:border-color .15s ease}.playground__pattern-select[data-v-afdb55a9]:focus-visible{border-color:var(--accent-cue, #00d9ff)}.playground__main[data-v-afdb55a9]{display:flex;flex:1;min-height:0;position:relative}.playground__editor-pane[data-v-afdb55a9]{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.playground__editor-wrapper[data-v-afdb55a9]{flex:1;overflow:hidden;min-height:0}.playground__controls[data-v-afdb55a9]{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-secondary, #111);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;flex-wrap:wrap}.playground__btn[data-v-afdb55a9]{padding:0 20px;height:44px;min-width:80px;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease;letter-spacing:.02em}.playground__btn[data-v-afdb55a9]:active{transform:scale(.97)}.playground__btn--play[data-v-afdb55a9]{background:var(--accent-cue, #00d9ff);color:#000}.playground__btn--play[data-v-afdb55a9]:hover{opacity:.9}.playground__btn--stop[data-v-afdb55a9]{background:var(--accent-master, #ff00ff);color:#000}.playground__btn--stop[data-v-afdb55a9]:hover{opacity:.9}.playground__volume[data-v-afdb55a9]{display:flex;align-items:center;gap:8px;flex:1;max-width:200px}.playground__volume-label[data-v-afdb55a9]{font-size:.75rem;color:#ffffff80;white-space:nowrap}.playground__volume-slider[data-v-afdb55a9]{flex:1;height:4px;accent-color:var(--accent-cue, #00d9ff);cursor:pointer}.playground__hint[data-v-afdb55a9]{font-size:.75rem;color:#ffffff59;font-style:italic}.playground__error[data-v-afdb55a9]{font-size:.75rem;color:#ff6b6b;max-width:400px;white-space:pre-wrap;word-break:break-word}.playground__sample-panel[data-v-afdb55a9]{width:220px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.playground__sample-close[data-v-afdb55a9]{display:none}.playground__cta-banner[data-v-afdb55a9]{padding:10px 16px;background:#00d9ff0f;border-top:1px solid rgba(0,217,255,.15);flex-shrink:0}.playground__cta-text[data-v-afdb55a9]{font-size:.8125rem;color:#ffffffb3;text-align:center;max-width:none}.playground__cta-link[data-v-afdb55a9]{color:var(--accent-cue, #00d9ff);font-weight:600;text-decoration:none}.playground__cta-link[data-v-afdb55a9]:hover{opacity:.85}.sr-only[data-v-afdb55a9]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.playground__overlay[data-v-afdb55a9]{display:none}@media(max-width:600px){.playground__sample-panel[data-v-afdb55a9]{position:fixed;top:0;right:-280px;width:280px;height:100%;z-index:100;background:var(--bg-secondary, #111);transition:right .25s ease;box-shadow:-4px 0 20px #00000080}.playground__sample-panel--open[data-v-afdb55a9]{right:0}.playground__sample-close[data-v-afdb55a9]{display:flex;align-items:center;justify-content:flex-end;padding:10px 12px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.08);color:#fff9;font-size:.8125rem;cursor:pointer;min-height:44px}.playground__sample-toggle--mobile[data-v-afdb55a9]{display:flex;align-items:center;padding:0 12px;height:36px;min-height:36px;background:var(--bg-tertiary, #1a1a1a);border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#fff;font-size:.8125rem;cursor:pointer}.playground__overlay[data-v-afdb55a9]{display:block;position:fixed;inset:0;background:#00000080;z-index:99}.playground__volume[data-v-afdb55a9]{max-width:none;flex:1}}@media(min-width:601px){.playground__sample-toggle--mobile[data-v-afdb55a9]{display:none}}