[data-qmerch-sound-lab]{--qsl-bg: #020617;--qsl-a: #22d3ee;--qsl-b: #d946ef;--qsl-c: #10b981;--qsl-ink: #ffffff;--qsl-panel: rgba(255,255,255,.1);--qsl-grid: rgba(255,255,255,.07);--qsl-pulse: 0;display:block;color:var(--qsl-ink);background:linear-gradient(135deg,rgba(34,211,238,.14),transparent 32%),linear-gradient(225deg,rgba(16,185,129,.1),transparent 38%),var(--qsl-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;isolation:isolate}[data-qmerch-sound-lab] *,[data-qmerch-sound-lab] *:before,[data-qmerch-sound-lab] *:after{box-sizing:border-box}[data-qmerch-sound-lab] button,[data-qmerch-sound-lab] input,[data-qmerch-sound-lab] select{font:inherit}.qsl-section-host{width:100%;margin:0;padding:0;overflow:hidden;background:#020617}.qsl-shell{max-width:1500px;margin:0 auto;padding:24px}.qsl-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.qsl-badge{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--qsl-a);background:#ffffff1a;color:var(--qsl-ink);border-radius:999px;padding:6px 12px;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qsl-title{margin:12px 0 8px;font-size:56px;line-height:.94;letter-spacing:0;font-weight:950;color:var(--qsl-ink)}.qsl-subtitle{margin:0;max-width:860px;color:#ffffffc7;font-size:16px;line-height:1.6}.qsl-actions,.qsl-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.qsl-button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 15px;font-weight:850;color:#020617;transition:transform .12s,filter .12s,opacity .12s;text-decoration:none;min-height:42px}.qsl-button:disabled{opacity:.45;cursor:not-allowed}.qsl-button:hover{filter:brightness(1.08)}.qsl-button:active{transform:scale(.98)}.qsl-button-primary{background:var(--qsl-a)}.qsl-button-pink{background:var(--qsl-b);color:#fff}.qsl-button-secondary{background:#ffffff24;color:var(--qsl-ink);border:1px solid rgba(255,255,255,.14)}.qsl-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(410px,.9fr);gap:18px}.qsl-workspace{grid-template-columns:minmax(150px,180px) minmax(0,1.4fr) minmax(330px,.72fr);align-items:start}.qsl-left,.qsl-side{display:grid;gap:18px;align-content:start}.qsl-card{border:1px solid rgba(255,255,255,.12);background:var(--qsl-panel);border-radius:8px;box-shadow:0 30px 80px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.qsl-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;border-radius:8px}.qsl-guide div{display:grid;gap:3px}.qsl-guide span{color:#cbd5e1;font-size:13px}.qsl-idea-rail{display:grid;gap:8px;padding:10px;position:sticky;top:12px}.qsl-rail-button{width:100%;border:1px solid rgba(255,255,255,.12);background:#ffffff13;color:var(--qsl-ink);border-radius:8px;padding:10px;display:grid;gap:3px;text-align:left;font-weight:900;cursor:pointer;min-height:70px}.qsl-rail-button span{color:#94a3b8;font-size:11px;font-weight:700;line-height:1.35}.qsl-rail-primary{background:#d946ef38;border-color:#d946ef6b}.qsl-now-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.qsl-panel-help{margin:-6px 0 13px;color:#cbd5e1;font-size:12px;line-height:1.5}.qsl-now-grid span,.qsl-now-grid strong{border:1px solid rgba(255,255,255,.1);background:#00000029;border-radius:8px;padding:9px;min-width:0}.qsl-scene-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;padding:10px}.qsl-scene-heading,.qsl-scene{display:grid;gap:5px;min-width:0}.qsl-scene-heading{grid-column:1 / -1}.qsl-scene-heading span,.qsl-scene span{color:#94a3b8;font-size:11px;line-height:1.35}.qsl-midi-connect{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.1);background:#00000029;border-radius:8px}.qsl-midi-connect .qsl-small{margin-top:4px}.qsl-stage{position:relative;height:560px;-webkit-user-select:none;user-select:none;background:#0206175c;overflow:hidden}.qsl-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--qsl-grid) 1px,transparent 1px),linear-gradient(90deg,var(--qsl-grid) 1px,transparent 1px);background-size:48px 48px;transform:scale(calc(1 + var(--qsl-pulse) * .025))}.qsl-aurora{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(135deg,transparent,var(--qsl-a),transparent,var(--qsl-b),transparent);animation:qsl-drift 18s ease-in-out infinite alternate;opacity:calc(.12 + var(--qsl-pulse) * .16)}@keyframes qsl-drift{0%{transform:translate(-4%,-4%) rotate(0)}to{transform:translate(4%,4%) rotate(8deg)}}.qsl-orb{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:12px;font-weight:950;display:flex;align-items:center;justify-content:center;cursor:grab;outline:none;transition:scale .12s,opacity .12s,box-shadow .12s,background .12s;transform:translate(-50%,-50%);touch-action:none}.qsl-orb-on{background:linear-gradient(135deg,var(--qsl-a),var(--qsl-b));box-shadow:0 0 30px var(--qsl-b);opacity:1;scale:1}.qsl-orb-imported{box-shadow:0 0 0 3px var(--qsl-c),0 0 30px var(--qsl-b)}.qsl-orb-off{background:#94a3b840;opacity:.34;scale:.72}.qsl-orb-live{background:var(--qsl-a);box-shadow:0 0 68px var(--qsl-a);border-color:#fffffff2;scale:1.46;opacity:1}.qsl-muted-stage .qsl-orb-on,.qsl-muted-stage .qsl-orb-imported{filter:grayscale(1);opacity:.45}.qsl-status{position:absolute;left:18px;right:18px;bottom:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.12);background:#020617c7;border-radius:8px;padding:15px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.qsl-status-main{margin:0;font-size:14px;font-weight:850;color:var(--qsl-ink)}.qsl-status-help{margin:7px 0 0;color:#94a3b8;font-size:12px}.qsl-step-readout{color:var(--qsl-a);font-size:14px;font-weight:800}.qsl-panel{padding:18px}.qsl-panel-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:950;margin-bottom:14px;color:var(--qsl-ink)}.qsl-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qsl-field{color:#fffc;font-size:13px;display:grid;gap:5px}.qsl-select,.qsl-file{width:100%;border:1px solid rgba(255,255,255,.14);background:#0f172a;color:#fff;border-radius:8px;padding:8px 9px}.qsl-slider{margin-top:13px;display:block;color:#fffc;font-size:13px}.qsl-slider-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.qsl-slider strong{color:var(--qsl-a)}.qsl-slider input{width:100%;accent-color:var(--qsl-a)}.qsl-toggles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.qsl-toggle{border:1px solid rgba(255,255,255,.13);background:#ffffff14;border-radius:8px;padding:9px;color:var(--qsl-ink);font-weight:800;cursor:pointer}.qsl-toggle-on{background:#22d3ee47;box-shadow:0 0 20px #22d3ee38}.qsl-locks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.qsl-lock{border:1px solid rgba(255,255,255,.13);background:#ffffff12;color:var(--qsl-ink);border-radius:8px;padding:8px;font-size:12px;font-weight:800;cursor:pointer}.qsl-lock-on{background:#facc1547;box-shadow:0 0 16px #facc1538}.qsl-table-wrap{max-height:210px;overflow:auto;border:1px solid rgba(255,255,255,.1);background:#00000040;border-radius:8px}.qsl-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--qsl-ink)}.qsl-table th{position:sticky;top:0;background:#0f172a;color:#cbd5e1;text-align:left;padding:8px}.qsl-table td{padding:8px;border-top:1px solid rgba(255,255,255,.06)}.live-row{background:#22d3ee2e}.muted-row{opacity:.35}.qsl-note,.qsl-small{color:#94a3b8;font-size:12px;line-height:1.55;margin:10px 0 0}.qsl-drum-grid{display:grid;gap:7px;margin-top:10px}.qsl-drum-row{display:grid;grid-template-columns:110px repeat(16,1fr);gap:4px;align-items:center}.qsl-drum-name{font-size:11px;color:#cbd5e1;text-transform:uppercase}.qsl-drum-select{margin-top:4px;width:100%;border:1px solid rgba(255,255,255,.14);background:#0f172a;color:#fff;border-radius:8px;padding:4px;font-size:10px;text-transform:none}.qsl-step{aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff12;cursor:pointer;min-width:0}.qsl-step-on{background:var(--qsl-a);box-shadow:0 0 14px var(--qsl-a)}.qsl-step-live{outline:2px solid var(--qsl-b)}.qsl-roll{display:grid;gap:3px;overflow:auto;margin-top:12px}.qsl-roll-note{font-size:11px;color:#cbd5e1;display:flex;align-items:center;justify-content:flex-end;padding-right:6px}.qsl-roll-cell{min-width:22px;aspect-ratio:1.4;border:1px solid rgba(255,255,255,.1);background:#ffffff0e;border-radius:6px;cursor:pointer}.qsl-roll-cell-on{background:linear-gradient(135deg,var(--qsl-a),var(--qsl-b));box-shadow:0 0 14px var(--qsl-a)}.qsl-roll-cell-rec{outline:2px solid var(--qsl-c)}.qsl-pad{position:relative;height:180px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff14,#ffffff05);cursor:crosshair;touch-action:none}.qsl-pad:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px}.qsl-pad-dot{position:absolute;left:calc(var(--mx) * 100%);top:calc(var(--my) * 100%);width:34px;height:34px;border-radius:999px;background:var(--qsl-c);box-shadow:0 0 34px var(--qsl-c);transform:translate(-50%,-50%);pointer-events:none}.qsl-keyboard{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:10px}.qsl-key{border:1px solid rgba(255,255,255,.14);background:#ffffff17;color:var(--qsl-ink);border-radius:8px;padding:8px 4px;cursor:pointer;font-size:11px}.qsl-midi-status{margin-top:8px;font-size:12px;color:#cbd5e1}.qsl-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.qsl-slot,.qsl-arrange-card{border:1px solid rgba(255,255,255,.14);background:#ffffff14;border-radius:8px;padding:8px;color:var(--qsl-ink)}.qsl-arrange-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.qsl-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 8px;font-size:11px;color:#cbd5e1;background:#ffffff0f}@media(max-width:1280px){.qsl-workspace{grid-template-columns:minmax(130px,160px) minmax(0,1fr) minmax(300px,.62fr)}.qsl-shell{padding:20px}.qsl-title{font-size:48px}}@media(max-width:1120px){.qsl-header{align-items:flex-start;flex-direction:column}.qsl-main,.qsl-workspace{grid-template-columns:1fr}.qsl-idea-rail{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.qsl-rail-button{min-height:62px}.qsl-stage{height:540px}.qsl-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.qsl-inspector>.qsl-card{min-width:0}}@media(max-width:660px){.qsl-shell{padding:14px}.qsl-title{font-size:42px}.qsl-button{width:100%}.qsl-guide{align-items:stretch;flex-direction:column}.qsl-idea-rail,.qsl-grid2,.qsl-toggles,.qsl-locks,.qsl-arrange-grid{grid-template-columns:1fr}.qsl-scene-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.qsl-inspector,.qsl-midi-connect{grid-template-columns:1fr}.qsl-actions,.qsl-row{display:grid;grid-template-columns:1fr;width:100%}.qsl-stage{height:min(480px,85vh)}.qsl-status{left:10px;right:10px;bottom:10px}.qsl-drum-row{grid-template-columns:88px repeat(8,1fr)}.qsl-drum-row .qsl-step:nth-of-type(n+10){display:none}.qsl-keyboard{grid-template-columns:repeat(4,1fr)}.qsl-slots{grid-template-columns:1fr 1fr}}.qsl-volume-block{margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#ffffff0e}.qsl-panel-subtitle{font-size:12px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:var(--qsl-a);margin-bottom:4px}.qsl-morph-options{grid-template-columns:repeat(3,1fr);margin-top:12px}@media(max-width:720px){.qsl-morph-options{grid-template-columns:1fr}}.qsl-section-group{display:contents}.qsl-section-toggle{display:none}.qsl-pad-readout{margin-top:8px;color:#cbd5e1;font-size:12px;font-weight:800;text-align:center}.qsl-pad-active .qsl-pad-dot{scale:1.18;box-shadow:0 0 48px var(--qsl-c),0 0 0 8px #ffffff14}@media(max-width:1120px){.qsl-section-group{display:block;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;background:#ffffff0b}.qsl-section-toggle{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;padding:13px 14px;background:#ffffff14;color:var(--qsl-ink);font-weight:950;text-align:left;cursor:pointer}.qsl-section-icon{color:var(--qsl-a);font-size:22px;line-height:1}.qsl-section-body{display:none;padding:10px}.qsl-section-open>.qsl-section-body{display:grid;gap:10px}.qsl-section-body>.qsl-card{box-shadow:none}}@media(max-width:660px){.qsl-idea-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.qsl-rail-button{min-height:52px;padding:9px}.qsl-rail-button span{display:none}.qsl-section-toggle{position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.qsl-section-body{padding:8px}.qsl-pad{height:210px}}.qsl-tabs{position:sticky;top:0;z-index:30;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;margin:0 0 12px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#020617f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 32px #00000047}.qsl-tab{flex:0 0 auto;min-height:42px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 14px;background:#ffffff12;color:#cbd5e1;font-weight:900;cursor:pointer;white-space:nowrap}.qsl-tab-active,.qsl-tab[aria-selected=true]{border-color:var(--qsl-a);background:#22d3ee33;color:var(--qsl-ink);box-shadow:0 0 20px #22d3ee29}.qsl-workspace{display:block!important}.qsl-playground,.qsl-inspector{display:contents!important}.qsl-section-group{display:block!important;margin:0}.qsl-section-group[hidden],.qsl-section-toggle{display:none!important}.qsl-section-body{display:contents!important}.qsl-section-heading{margin:0 0 10px;color:var(--qsl-a);font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.qsl-idea-rail{position:static!important;display:flex!important;grid-template-columns:none!important;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;margin-bottom:12px;padding:8px;scrollbar-width:thin}.qsl-rail-button{flex:0 0 auto;width:auto;min-width:112px;min-height:44px;padding:9px 12px;text-align:center}.qsl-rail-button span{display:none}.qsl-topbar{display:flex!important;flex-wrap:nowrap!important;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.qsl-topbar .qsl-button{flex:0 0 auto;width:auto!important}@media(max-width:660px){.qsl-shell{padding:10px}.qsl-title{font-size:34px}.qsl-subtitle{font-size:14px;line-height:1.45}.qsl-tabs{margin-left:-2px;margin-right:-2px;padding:8px}.qsl-tab{min-height:40px;padding:8px 12px;font-size:13px}.qsl-idea-rail{margin-bottom:10px}.qsl-rail-button{min-width:104px}.qsl-stage{height:min(430px,72vh)}.qsl-section-heading{margin-top:2px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/qmerch-sound-lab.css.map */