*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:var(--font-size-base)/1.6 var(--font-family);letter-spacing:var(--letter-spacing-normal)}a{color:var(--accent)}a:hover{color:var(--waveform-line)}.wrap{width:100%;max-width:920px;margin:0 auto;padding:0 16px}.site-header{border-bottom:var(--border) solid var(--line);background:var(--panel)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);min-height:56px;flex-wrap:wrap}.brand{color:var(--text);font-size:var(--font-size-large);font-weight:700;letter-spacing:var(--letter-spacing-wide);text-decoration:none}.site-nav{display:flex;gap:16px;flex-wrap:wrap}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}main{flex:1;padding:40px 0 56px}h1{font-size:30px;line-height:1.25;letter-spacing:var(--letter-spacing-normal);margin-bottom:16px}h2{font-size:var(--font-size-large);letter-spacing:var(--letter-spacing-wide);margin:40px 0 12px}h3{font-size:15px;margin:24px 0 8px}p,li{color:var(--text)}p+p{margin-top:10px}ul,ol{padding-left:20px;display:grid;gap:6px}.lead{color:var(--muted);font-size:15px;max-width:680px}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height);padding:0 18px;border:var(--border) solid var(--line);border-radius:var(--radius-sm);background:var(--sand);color:var(--sand-ink);box-shadow:var(--shadow);font-weight:700;letter-spacing:var(--letter-spacing-wide);text-decoration:none}.button:hover{color:var(--sand-ink);background:var(--btn)}.button.accent{background:var(--accent);color:var(--accent-ink)}.actions{display:flex;gap:var(--gap);flex-wrap:wrap;margin-top:24px}.steps{counter-reset:step;list-style:none;padding:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap)}.steps li,.card{background:var(--panel);border:var(--border) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);padding:16px}.steps li:before{counter-increment:step;content:counter(step);display:block;color:var(--accent);font-size:var(--font-size-large);font-weight:700}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap)}.price{font-size:28px;font-weight:700;margin:6px 0 2px}.card ul{margin-top:12px}.card.pro{border-color:var(--accent)}.plans+p{margin-top:16px}.note{margin-top:24px;padding:12px 16px;border-left:var(--border-thick) solid var(--warning);background:var(--inset);border-radius:var(--radius-xs)}.legal{max-width:760px}.legal h2{margin-top:32px}.legal p,.legal li{line-height:1.7}.placeholder{background:var(--warning);color:var(--sand-ink);padding:0 4px;border-radius:3px}.site-footer{border-top:var(--border) solid var(--line);background:var(--panel);padding:20px 0;color:var(--muted);font-size:var(--font-size-small)}.site-footer .wrap{display:grid;gap:8px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}:root{color-scheme:dark;--bg: #0a1315;--panel: #121e21;--inset: #1a292d;--well: #071012;--key: #223439;--key-hover: #2b4148;--key-pressed: #1c2b2f;--drum-fill: #3f6f66;--drum-fill-pressed: #2f544d;--text: #f0e7d7;--muted: #87a1a4;--accent: #66bba9;--accent-ink: #0a1315;--sand: #f0e7d7;--sand-ink: #0a1315;--btn: #dbd2c2;--btn-ink: #0a1315;--sub: #c4846d;--sub-ink: #0a1315;--danger: #ff7b5c;--danger-text: #9e3f2c;--warning: #d9a55b;--line: #000000;--row-border: #2c3f44;--row-active: #2f544d;--waveform-bg: var(--well);--waveform-line: #a9d6cb;--waveform-trim-inactive: rgba(7, 16, 18, .78);--waveform-handle: var(--accent);--border: 2px;--border-thick: 3px;--shadow: 2px 2px 0 var(--line);--shadow-thick: 3px 3px 0 var(--line);--gap: 12px;--button-height: 34px;--row-height: 28px;--volume-height: 26px;--waveform-min: 56px;--font-family: "Courier New", monospace;--font-size-small: 11px;--font-size-base: 13px;--font-size-large: 18px;--letter-spacing-normal: .5px;--letter-spacing-wide: 2px;--transition-fast: .2s ease;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 24px;--editor-chrome: 326px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{min-height:100%;background:var(--bg)}body{font-family:var(--font-family);background:var(--bg);color:var(--text);font-weight:700;font-size:var(--font-size-base);line-height:1.3;min-height:100dvh}button,input,select,textarea{font:inherit}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,.browser-content:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.main-container{display:grid;grid-template-columns:minmax(580px,1.3fr) minmax(500px,1fr);gap:var(--gap);height:max(600px,100dvh);padding:var(--gap)}.panel{background:var(--panel);border:var(--border-thick) solid var(--line);border-radius:var(--radius-xxl);box-shadow:var(--shadow-thick);padding:var(--gap);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.panel-header{background:var(--sand);color:var(--sand-ink);height:32px;margin:calc(-1 * var(--gap)) calc(-1 * var(--gap)) 8px;padding:0 var(--gap);border-bottom:var(--border-thick) solid var(--line);border-radius:var(--radius-xl) var(--radius-xl) 0 0;font-size:var(--font-size-large);line-height:1.2;letter-spacing:var(--letter-spacing-wide);display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap}.editor-panel{container-type:size}.top-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);margin-bottom:8px;flex-shrink:0}.waveform-area{background:var(--waveform-bg);border:var(--border) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);position:relative;overflow:hidden;flex:3 1 var(--waveform-min);min-height:var(--waveform-min);margin-bottom:8px}#waveform,#trimOverlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#trimOverlay{pointer-events:none;z-index:2}#playhead{position:absolute;top:0;width:2px;height:100%;background:var(--accent);z-index:5;pointer-events:none;display:none}.sample-name{position:absolute;top:6px;right:15px;z-index:10;max-width:calc(100% - 30px);font-size:var(--font-size-small);color:var(--accent);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.5);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.trim-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:8px;flex:.25 0 var(--row-height);margin-bottom:8px}.trim-end{display:flex;align-items:center;gap:8px;min-width:0}.trim-field{position:relative;display:block;flex:1;min-width:0;height:var(--row-height)}.trim-field>span{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:var(--font-size-small);color:var(--muted);pointer-events:none}.trim-field input{width:100%;height:100%;background:var(--well);border:var(--border) solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);color:var(--text);padding:0 calc(12px + 3ch);font:inherit;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.trim-field input::-webkit-outer-spin-button,.trim-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.trim-field input:disabled{color:var(--muted)}.trim-end .small-button{height:var(--row-height)}.small-button{border:var(--border) solid var(--line);border-radius:var(--radius-xs);background:var(--inset);color:var(--text);padding:4px 6px;font:inherit;font-size:var(--font-size-small);box-shadow:var(--shadow);cursor:pointer;white-space:nowrap;flex-shrink:0}.small-button:hover:not(:disabled){background:var(--key-hover)}.small-button:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.small-button:disabled{opacity:.5;cursor:default}.time-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:8px;margin-bottom:8px;flex:.25 0 auto}.time-box{background:var(--inset);border:var(--border) solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);height:var(--row-height);padding:0 4px;color:var(--muted);white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:center}.time-box>span{margin-left:1ch;color:var(--text)}.time-box.over-capacity>span{color:var(--danger)}.volume-control{display:grid;grid-template-columns:auto minmax(40px,1fr) auto auto;gap:6px;align-items:center;align-content:end;flex:.25 0 var(--volume-height)}.volume-control>span{color:var(--sand)}#volumeValue{display:inline-block;width:4ch;text-align:right}.normalize-button{min-width:88px}.normalize-button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.normalize-button[aria-pressed=true]:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sand);border:var(--border) solid var(--line);border-radius:10px;box-shadow:var(--shadow);height:20px;width:100%;min-width:0;margin:0}.volume-slider:focus{outline:none}.volume-slider:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--inset);border:var(--border) solid var(--line);border-radius:10px;box-shadow:var(--shadow);cursor:pointer}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:var(--inset);border:var(--border) solid var(--line);border-radius:10px;box-shadow:var(--shadow);cursor:pointer}.action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:end;gap:8px;margin:12px 0;flex:.25 0 auto}.banks-grid{--bank-side: max(120px, min((100cqw - var(--gap)) / 2 - 4px, 100cqh - var(--editor-chrome)));--cell-icon: clamp(10px, calc(var(--bank-side) * .045), 18px);display:grid;grid-template-columns:repeat(2,calc(var(--bank-side) + 4px));justify-content:center;align-content:end;gap:var(--gap);flex:.25 0 auto;margin-bottom:2px}.bank-panel{background:var(--well);border:var(--border) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-width:0;align-self:start;transition:border-color var(--transition-fast)}.bank-panel.navigation-active{border-color:var(--accent)}.bank-header{background:var(--sub);color:var(--sub-ink);border-bottom:var(--border) solid var(--line);height:30px;padding:0 5px;text-transform:uppercase;white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bank-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(4px,calc(var(--bank-side) * .018),10px);padding:clamp(6px,calc(var(--bank-side) * .024),14px);aspect-ratio:1;width:100%}.bank-cell{position:relative;display:grid;min-width:0;min-height:0}.cell-clear{position:absolute;top:0;right:0;padding:9%;border:0;background:transparent;color:var(--text);display:flex;cursor:pointer;opacity:0;z-index:1}.cell-clear[hidden]{display:none}.cell-clear svg{width:var(--cell-icon);height:var(--cell-icon)}.bank-cell:hover .cell-clear:not(:disabled),.cell-clear:focus-visible{opacity:1}.cell-clear:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.bank-button.has-sample:not(.locked)+.cell-clear{color:var(--accent-ink)}.bank-button{aspect-ratio:1;width:100%;min-width:0;min-height:0;place-self:center;background:var(--key);color:var(--text);border:var(--border) solid var(--line);border-radius:clamp(8px,calc(var(--bank-side) * .048),20px);box-shadow:var(--shadow);font-family:var(--font-family);font-weight:700;font-size:clamp(13px,calc(var(--bank-side) * .072),40px);line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform .08s ease;position:relative;overflow:hidden;isolation:isolate}.bank-button:focus{outline:none}.bank-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bank-button:hover:not(:disabled){background:var(--key-hover)}.bank-button:active:not(:disabled){background:var(--key-pressed);box-shadow:none;transform:translateY(2px)}.bank-button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}.bank-button.has-sample{background:var(--accent);color:var(--accent-ink)}.bank-button.has-sample:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.bank-button.has-sample:active:not(:disabled){background:var(--accent);filter:brightness(.85)}.bank-button.active.has-sample{border-color:var(--sand)}.bank-9:before,.bank-10:before,.bank-11:before,.bank-12:before,.bank-13:before,.bank-14:before,.bank-15:before,.bank-16:before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--bank-fill-height, 0%);background:var(--drum-fill);transition:height var(--transition-fast);z-index:-1;pointer-events:none}.bank-button:active:not(:disabled):before{background:var(--drum-fill-pressed)}.bank-button.drop-target{outline:3px dashed var(--accent);outline-offset:2px}.bank-button:disabled{opacity:.4;cursor:default}.bank-button.locked{background:var(--inset);color:var(--muted);box-shadow:none;opacity:.6}.bank-button.locked:hover:not(:disabled){background:var(--inset);color:var(--text);border-color:var(--sand);opacity:1}.bank-button.locked:active:not(:disabled){background:var(--inset);transform:none}.bank-button.locked.active{box-shadow:inset 0 0 0 1px var(--line);opacity:.85}.bank-button.locked.has-sample,.bank-button.locked.has-sample:hover:not(:disabled){background:var(--drum-fill);color:var(--accent-ink);opacity:.7;filter:none}.bank-button.locked:after{content:"";position:absolute;top:9%;right:9%;width:var(--cell-icon);aspect-ratio:1;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5'/%3E%3Cpath d='M5.5 7V5a2.5 2.5 0 0 1 5 0v2'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5'/%3E%3Cpath d='M5.5 7V5a2.5 2.5 0 0 1 5 0v2'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none}.deck-header,.library-header{justify-content:space-between;gap:8px;padding:0 var(--radius-xl)}.deck-header .brand-home{color:inherit;text-decoration:none;cursor:pointer}.deck-header .brand-home:hover{color:inherit;text-decoration:underline}.account-chips{display:flex;align-items:center;gap:6px}.account-chips,.deck-header .chip{font-size:var(--font-size-small);letter-spacing:.6px}.chip{display:inline-flex;align-items:center;height:22px;box-sizing:border-box;padding:0 8px;border:var(--border) solid var(--line);border-radius:var(--radius-xs);background:var(--bg);color:var(--text);font:inherit;line-height:1;white-space:nowrap;cursor:pointer}.chip:hover{filter:brightness(1.1)}.chip:active{transform:translate(1px,1px)}.chip-accent{background:var(--accent);color:var(--accent-ink)}.chip.quota-empty{color:var(--danger)}.chip-danger{background:var(--btn);color:var(--danger-text)}.chip.pro-ending{opacity:.7}#signInForm{display:inline-flex;align-items:center;gap:6px;margin:0}#signInEmail{width:168px;height:22px;padding:0 8px;border:var(--border) solid var(--line);border-radius:var(--radius-xs);background:var(--bg);color:var(--text);font:inherit;letter-spacing:.4px}#signInEmail:focus{outline:none}#signInEmail::placeholder{color:var(--muted);opacity:1}.upgrade-offer{position:fixed;z-index:50;width:252px;background:var(--panel);border:var(--border-thick) solid var(--line);border-radius:var(--radius-lg);box-shadow:4px 4px 0 var(--line);overflow:hidden}.upgrade-offer-header{background:var(--sand);color:var(--sand-ink);border-bottom:var(--border-thick) solid var(--line);padding:6px 10px;letter-spacing:1px;display:flex;justify-content:space-between}.upgrade-offer-body{padding:10px;display:flex;flex-direction:column;gap:10px}.upgrade-offer-body p{line-height:1.45}.upgrade-offer-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.upgrade-offer-buttons .btn{font-size:12px}.library-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-bottom:8px;flex-shrink:0}.browser-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1 1 180px;min-height:120px}.browser-panel{border:var(--border) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.browser-header{background:var(--sub);color:var(--sub-ink);border-bottom:var(--border) solid var(--line);height:28px;padding:0 4px;white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.browser-path{background:var(--inset);border-bottom:var(--border) solid var(--line);height:32px;padding:4px 6px;font-size:var(--font-size-small);color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;line-height:20px}.browser-content{background:var(--inset);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px;overscroll-behavior:contain;scrollbar-gutter:stable}.browser-item{padding:calc(8px / 3);color:var(--text);border-bottom:1px solid var(--row-border);cursor:pointer;display:flex;align-items:center;gap:5px;min-height:28px;overflow:hidden;white-space:nowrap;user-select:none;-webkit-user-select:none}.browser-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.browser-item:hover{background:var(--key-hover);color:var(--accent)}.browser-item.active{background:var(--row-active);color:var(--text)}.browser-item.cloud{color:var(--accent)}.browser-item.cloud.locked{color:var(--muted);opacity:.7}.browser-item>span:first-child{flex:1}.item-note{flex:none;font-size:var(--font-size-small);color:var(--muted)}.browser-item.cloud .item-note,.item-note.confirm{color:var(--accent)}.item-note.danger{color:var(--danger)}.item-action{flex:none;display:flex;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer;opacity:0}.item-action svg{width:14px;height:14px}.item-upload{color:var(--accent)}.browser-item:hover .item-action,.item-action:focus-visible{opacity:1}.browser-item.new-folder{color:var(--accent);border-bottom-style:dashed}.browser-item.drop-target{outline:2px dashed var(--accent);outline-offset:-2px}.browser-item.folder:before,.browser-item.file:before,.browser-item.project:before,.browser-item.cloud:before{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--row-icon) center / contain no-repeat;mask:var(--row-icon) center / contain no-repeat}.browser-item.folder{--row-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5h4l1.5 1.5h5.5v6.5h-11z'/%3E%3C/svg%3E")}.browser-item.file{--row-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7v2M5.5 5v6M8 3v10M10.5 5v6M13 7v2'/%3E%3C/svg%3E")}.browser-item.project{--row-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 2.5h7l3 3v8H3zM10 2.5v3h3M5.5 9h5M5.5 11.5h3'/%3E%3C/svg%3E")}.browser-item.cloud{--row-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5h7a3 3 0 0 0 .4-5.97A4 4 0 0 0 4.2 7.6a2.5 2.5 0 0 0 .3 4.9z'/%3E%3C/svg%3E")}.browser-empty{color:var(--muted);font-size:var(--font-size-small);line-height:1.6}.transfer-box{background:var(--well);border:var(--border) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:0 10px 10px;margin-top:10px;flex:0 0 150px;min-height:150px;min-width:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}.transfer-title{background:var(--sub);color:var(--sub-ink);margin:0 -10px;padding:8px 10px;border-bottom:var(--border) solid var(--line);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}#statusMessage{flex:1;min-height:0;overflow:auto;overflow-wrap:anywhere;line-height:1.5;scrollbar-width:thin}#statusMessage.error{color:var(--danger)}#statusMessage.success{color:var(--accent)}#statusMessage.warning{color:var(--warning)}#jobProgress{width:100%;height:16px;accent-color:var(--accent);flex-shrink:0}.btn{min-height:var(--button-height);min-width:0;padding:4px 8px;line-height:1.2;background:var(--btn);color:var(--btn-ink);border:var(--border) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);font-family:var(--font-family);font-weight:700;font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:filter var(--transition-fast),transform .08s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.btn:hover{filter:brightness(1.06)}.btn:active{box-shadow:none;transform:translate(1px,1px)}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled,.btn.disabled{opacity:.4;cursor:not-allowed;filter:none}.btn:disabled:active,.btn.disabled:active{box-shadow:var(--shadow);transform:none}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-danger{color:var(--danger-text)}a.btn{text-decoration:none}.btn-transfer{background:var(--sand);color:var(--sand-ink)}.btn-stop,.btn-pitch.pitch-x2{background:var(--sub);color:var(--sub-ink)}.btn-pitch.pitch-x4{background:var(--accent);color:var(--accent-ink)}.browser-content::-webkit-scrollbar{width:4px}.browser-content::-webkit-scrollbar-track{background:var(--inset)}.browser-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}@media(max-width:1115px){.main-container{grid-template-columns:minmax(0,1fr);height:auto;max-width:760px;margin:0 auto}.editor-panel{container-type:inline-size}.waveform-area{flex:0 0 auto;height:120px}.banks-grid{--bank-side: calc((100cqw - var(--gap)) / 2 - 4px)}.library-panel{height:max(560px,85dvh)}}@media(max-width:600px){:root{--gap: 8px}.main-container{padding:8px}.action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.library-buttons{grid-template-columns:minmax(0,1fr);gap:8px}.banks-grid{--bank-side: min(100cqw - 4px, 420px);grid-template-columns:calc(var(--bank-side) + 4px)}.browser-panels{grid-template-columns:minmax(0,1fr);flex:none}.browser-panel{min-height:180px}.library-panel{height:auto}}@media(prefers-reduced-motion:reduce){.btn,.bank-button,.bank-button:before,.bank-panel{transition:none}}.site-root{min-height:100dvh;display:flex;flex-direction:column;line-height:1.6;letter-spacing:var(--letter-spacing-normal);font-weight:400}.site-root>main{flex:1}