.instruments-page{min-height:100vh;background:#050505;color:#e2e2e2;font-family:Inter,sans-serif;padding-bottom:2rem}.instruments-header{padding:2rem 1.5rem 1rem;max-width:1400px;margin:0 auto}.instruments-title{font-family:Montserrat,sans-serif;font-weight:700;font-size:2rem;letter-spacing:-.03em;color:#e2e2e2;margin:0}.instruments-subtitle{font-size:.875rem;color:#e2e2e299;margin:.25rem 0 0;font-weight:500}.instruments-tabs{display:flex;gap:0;max-width:1400px;margin:0 auto;padding:0 1.5rem;border-bottom:1px solid rgba(226,226,226,.08)}.instruments-tab{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:none;color:#e2e2e266;font-family:Montserrat,sans-serif;font-weight:700;font-size:.8125rem;letter-spacing:-.03em;cursor:pointer;transition:color .2s cubic-bezier(.4,0,.2,1);min-height:44px;white-space:nowrap}.instruments-tab:hover{color:#e2e2e2b3}.instruments-tab--active{color:#d4af37}.instruments-tab-icon{width:16px;height:16px}.instruments-tab-indicator{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d4af37;border-radius:2px 2px 0 0;animation:tabIndicator .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes tabIndicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.instruments-content{max-width:1400px;margin:0 auto;padding:1.5rem}.instruments-tab-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.skeleton-card{height:120px;border-radius:8px;background:linear-gradient(90deg,#e2e2e208 25%,#e2e2e20f,#e2e2e208 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out 5}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.library-tab{display:flex;flex-direction:column;gap:1rem}.library-toolbar{display:flex;align-items:center;gap:.75rem}.library-search{position:relative;flex:1;max-width:400px}.library-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#e2e2e24d;pointer-events:none}.library-search-input{width:100%;padding:.625rem .75rem .625rem 2.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e2e2e2;font-family:Inter,sans-serif;font-size:.8125rem;outline:none;transition:border-color .2s;min-height:44px}.library-search-input:focus{border-color:#d4af37;outline:2px solid rgba(212,175,55,.15);outline-offset:-1px}.library-search-input::-moz-placeholder{color:#e2e2e240}.library-search-input::placeholder{color:#e2e2e240}.library-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:6px;background:#ffffff0f;color:#e2e2e266;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.library-search-clear:hover{background:#ffffff1a;color:#e2e2e2}.library-count{font-family:Inter,sans-serif;font-weight:500;font-size:.75rem;color:#e2e2e24d;white-space:nowrap}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.library-skeleton-card{height:88px;border-radius:8px;background:linear-gradient(90deg,#e2e2e208 25%,#e2e2e20f,#e2e2e208 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out 5}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.library-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.library-empty-title{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.125rem;color:#e2e2e2;margin:0 0 .5rem}.library-empty-text{font-size:.8125rem;color:#e2e2e266;margin:0;max-width:300px}.category-filter{display:flex;gap:.375rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.25rem 0}.category-filter::-webkit-scrollbar{display:none}.category-pill{padding:.5rem .875rem;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#e2e2e266;font-family:Inter,sans-serif;font-weight:500;font-size:.75rem;cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-height:44px;display:flex;align-items:center}.category-pill:hover{background:#ffffff0f;color:#e2e2e2b3}.category-pill--active{background:#d4af371f;border-color:#d4af3740;color:#d4af37}.inst-card{position:relative;border-radius:8px;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);overflow:hidden;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);contain:layout style}.inst-card:hover{background:#ffffff12;border-color:#d4af3726;transform:translateY(-1px)}.inst-card:active{border-color:#d4af374d;background:#ffffff17;transform:none}.inst-card:focus-visible{outline:2px solid #D4AF37;outline-offset:2px}.inst-card-accent{position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(to bottom,#d4af37,#b8860b);opacity:.6}.inst-card-body{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem .875rem 1.25rem}.inst-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;background:#ffffff0f}.inst-card-info{flex:1;min-width:0}.inst-card-name{font-family:Inter,sans-serif;font-weight:600;font-size:.8125rem;color:#e2e2e2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inst-card-meta{display:flex;align-items:center;gap:.375rem;margin-top:.25rem}.inst-card-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;border-radius:4px;background:#e2e2e214;color:#e2e2e280}.inst-card-badge--synth{background:#a78bfa1f;color:#a78bfa}.inst-card-badge--premium{background:linear-gradient(135deg,#d4af3726,#b8860b1a);color:#d4af37}.inst-card-category{font-size:.6875rem;color:#e2e2e24d}.inst-card-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;filter:url(#asset-icon-alpha)}.inst-card-manage{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e2e2e273;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s,color .15s;flex-shrink:0}.inst-card-manage:hover{background:#d4af371f;color:#d4af37}.inst-card:hover .inst-card-manage,.inst-card:focus-within .inst-card-manage{opacity:1}.inst-card-play-overlay{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#d4af371a;color:#d4af3766;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inst-card:hover .inst-card-play-overlay,.inst-card:focus-visible .inst-card-play-overlay{opacity:1}.synth-builder{display:flex;flex-direction:column;gap:1rem}.sb-topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.sb-presets{flex:1;min-width:150px;max-width:250px}.sb-persistence{display:flex;align-items:center;gap:.375rem;flex:2;min-width:280px}.sb-persistence-select{flex:1;min-width:150px;padding:.5rem 2rem .5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e2e2e2;font-family:Inter,sans-serif;font-size:.8125rem;min-height:44px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(226,226,226,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.sb-persistence-select:focus{border-color:#d4af37;outline:2px solid rgba(212,175,55,.15);outline-offset:-1px}.sb-persistence-select option{background:#1a1a1a}.sb-action-btn:disabled,.sb-persistence-select:disabled{opacity:.4;cursor:not-allowed}.sb-preset-select{width:100%;padding:.5rem 2rem .5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e2e2e2;font-family:Inter,sans-serif;font-size:.8125rem;min-height:44px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(226,226,226,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.sb-preset-select:focus{border-color:#d4af37;outline:2px solid rgba(212,175,55,.15);outline-offset:-1px}.sb-preset-select option{background:#1a1a1a}.sb-actions{display:flex;gap:.375rem;align-items:center}.sb-action-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#ffffff08;color:#e2e2e266;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background-color .15s,color .15s}.sb-action-btn:hover{background:#ffffff14;color:#e2e2e2}.sb-mode-btn{padding:.375rem .875rem;border:1px solid rgba(212,175,55,.2);border-radius:8px;background:#d4af370f;color:#d4af37;font-family:Inter,sans-serif;font-weight:600;font-size:.75rem;cursor:pointer;transition:background-color .15s,color .15s;min-height:44px;white-space:nowrap}.sb-mode-btn:hover{background:#d4af371f}.sb-mode-btn--active{background:#d4af3726}.sb-mode-segmented{display:inline-flex;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden;background:#ffffff05}.sb-mode-seg{padding:.375rem .75rem;border:none;background:none;color:#e2e2e266;font-family:Inter,sans-serif;font-weight:600;font-size:.75rem;cursor:pointer;min-height:44px;transition:background-color .15s,color .15s}.sb-mode-seg:hover{background:#ffffff0a;color:#e2e2e2b3}.sb-mode-seg--active{background:#d4af371f;color:#d4af37}.sb-layout{display:grid;grid-template-columns:1fr 320px;gap:1rem}.sb-controls{min-width:0}.sb-preview{display:flex;flex-direction:column;gap:.75rem}.sb-keyboard-dock{position:fixed;left:50%;bottom:.75rem;transform:translate(-50%);width:min(320px,calc(100vw - 3rem));z-index:10001;pointer-events:none}.sb-keyboard-dock>*{pointer-events:auto}.sb-keyboard-dock .mini-kb{background:#0b0b0b;box-shadow:0 -8px 24px #00000080}.synth-builder{padding-bottom:200px}.sb-ai-gen{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:12px;border:1px solid rgba(167,139,250,.22);background:linear-gradient(135deg,#a78bfa14,#d4af370a)}.sb-ai-gen-row{display:flex;align-items:center;gap:.5rem}.sb-ai-gen-icon{width:18px;height:18px;color:#a78bfa;flex-shrink:0}.sb-ai-gen-input{flex:1;min-width:0;min-height:44px;padding:.5rem .75rem;border-radius:8px;background:#0000004d;border:1px solid rgba(255,255,255,.08);color:#e2e2e2;font-family:Inter,sans-serif;font-size:.8125rem;outline:none;transition:border-color .15s}.sb-ai-gen-input:focus{border-color:#a78bfa;outline:2px solid rgba(167,139,250,.15);outline-offset:-1px}.sb-ai-gen-input::-moz-placeholder{color:#e2e2e24d}.sb-ai-gen-input::placeholder{color:#e2e2e24d}.sb-ai-gen-btn{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;min-height:44px;padding:0 .875rem;border-radius:8px;border:1px solid rgba(167,139,250,.35);background:#a78bfa29;color:#a78bfa;font-family:Inter,sans-serif;font-weight:700;font-size:.75rem;cursor:pointer;transition:background-color .15s}.sb-ai-gen-btn:hover:not(:disabled){background:#a78bfa42}.sb-ai-gen-btn:disabled{opacity:.45;cursor:not-allowed}.sb-ai-gen-btn-icon{width:14px;height:14px}.sb-ai-gen-spin{width:14px;height:14px;animation:sb-ai-spin .8s linear infinite}@keyframes sb-ai-spin{to{transform:rotate(360deg)}}.sb-ai-gen-examples{display:flex;flex-wrap:wrap;gap:.375rem}.sb-ai-gen-chip{padding:.3rem .625rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e2e2e28c;font-family:Inter,sans-serif;font-size:.6875rem;cursor:pointer;transition:background-color .15s,color .15s}.sb-ai-gen-chip:hover:not(:disabled){background:#a78bfa24;color:#a78bfa}.sb-ai-gen-chip:disabled{opacity:.4;cursor:not-allowed}.sb-ai-gen-error{font-size:.6875rem;color:hsl(var(--destructive))}.sb-ai-gen--collapsed{padding:.5rem .75rem}.sb-ai-gen--collapsed .sb-ai-gen-examples,.sb-ai-gen--collapsed .sb-ai-gen-error{display:none}.sb-ai-gen-collapse-hint{font-family:Inter,sans-serif;font-size:.6875rem;color:#e2e2e266;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-overflow-wrapper{position:relative}.sb-overflow-menu{position:absolute;right:0;top:calc(100% + .25rem);min-width:160px;z-index:100;background:#1a1a1afa;border:1px solid rgba(212,175,55,.15);border-radius:8px;padding:.25rem;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;gap:.125rem}.sb-overflow-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border-radius:6px;border:none;background:none;color:#e2e2e2b3;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;min-height:40px;text-align:left;width:100%;transition:background-color .15s,color .15s}.sb-overflow-item:hover{background:#ffffff0f;color:#e2e2e2}.sb-overflow-item:disabled{opacity:.35;cursor:not-allowed}.sb-overflow-item-icon{width:16px;height:16px;flex-shrink:0}.sb-curve-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:44px;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(212,175,55,.16);background:#d4af370a;color:#e2e2e299;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s}.sb-curve-toggle:hover{background:#d4af3714;color:#e2e2e2}.sb-curve-toggle--active{background:#d4af371f;color:#d4af37;border-color:#d4af374d}.synth-usage-guide--dismissed{display:none}.synth-usage-dismiss{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:6px;border:none;background:#ffffff0f;color:#e2e2e266;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.synth-usage-dismiss:hover{background:#ffffff1f;color:#e2e2e2}.sb-simple-stack{display:grid;gap:1rem}.sb-macros{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1rem;justify-items:center;padding:2rem 1rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.sb-expert{display:flex;flex-direction:column;gap:.5rem}.sb-section{border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;overflow:hidden;contain:layout style}.sb-section-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;cursor:pointer;min-height:44px;transition:background .15s}.sb-section-header:hover{background:#ffffff08}.sb-section-icon{font-size:.875rem;width:16px;height:16px;color:#e2e2e280}.sb-section-label{font-family:Montserrat,sans-serif;font-weight:700;font-size:.75rem;color:#e2e2e2;letter-spacing:-.03em;flex:1}.sb-section-chevron{width:14px;height:14px;color:#e2e2e24d;transition:transform .2s cubic-bezier(.4,0,.2,1)}.sb-section-chevron--open{transform:rotate(180deg)}.sb-section-content{padding:.5rem .875rem .875rem;display:flex;flex-direction:column;gap:.625rem}.sb-param-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sb-select-label{font-family:Inter,sans-serif;font-weight:500;font-size:.6875rem;color:#e2e2e2a6;text-transform:uppercase;letter-spacing:.05em}.sb-select{padding:.375rem 1.5rem .375rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e2e2e2;font-family:Inter,sans-serif;font-size:.75rem;min-height:32px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='rgba(226,226,226,0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .375rem center}.sb-select:focus{border-color:#d4af37;outline:2px solid rgba(212,175,55,.15);outline-offset:-1px}.sb-select option{background:#1a1a1a}.sb-wave-selector{display:flex;gap:.25rem;background:#0003;padding:.25rem;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.sb-wave-btn{background:none;border:none;border-radius:4px;padding:.5rem;min-width:36px;min-height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,box-shadow .15s}.sb-wave-btn:hover{background:#ffffff0d}.sb-wave-btn--active{background:#d4af371a;box-shadow:inset 0 0 0 1px #d4af374d}.sb-coming-soon{display:flex;flex-direction:column;gap:.25rem;padding:.625rem .5rem;border-radius:6px;border:1px dashed rgba(255,255,255,.06);background:#ffffff03;text-align:center}.sb-coming-soon-label{font-family:Inter,sans-serif;font-weight:700;font-size:.5625rem;color:#d4af3766;text-transform:uppercase;letter-spacing:.1em}.sb-coming-soon-list{font-family:Inter,sans-serif;font-size:.625rem;color:#e2e2e233}.synth-usage-guide{border-radius:12px;border:1px solid rgba(212,175,55,.16);background:linear-gradient(135deg,#d4af3714,#ffffff06);padding:.875rem}.synth-usage-heading{display:flex;gap:.75rem;align-items:flex-start}.synth-usage-icon{width:18px;height:18px;color:#d4af37;flex-shrink:0;margin-top:2px}.synth-usage-heading h2{margin:0;font-family:Montserrat,sans-serif;font-size:.875rem;color:#e2e2e2}.synth-usage-heading p{margin:.2rem 0 0;font-size:.75rem;color:#e2e2e280;line-height:1.4}.synth-usage-steps{display:grid;gap:.5rem;margin-top:.75rem}.synth-usage-step{display:flex;gap:.625rem;padding:.625rem;border-radius:8px;background:#0000003d;border:1px solid rgba(255,255,255,.06)}.synth-usage-step-icon{width:15px;height:15px;color:#d4af37bf;flex-shrink:0;margin-top:2px}.synth-usage-step h3{margin:0;font-size:.75rem;color:#e2e2e2;font-weight:800}.synth-usage-step p{margin:.15rem 0 0;font-size:.6875rem;color:#e2e2e273;line-height:1.4}.synth-curve-editor{display:grid;gap:.75rem;padding:.875rem;border-radius:14px;border:1px solid rgba(212,175,55,.14);background:radial-gradient(circle at top left,rgba(212,175,55,.09),transparent 42%),#ffffff06}.synth-curve-editor--compact{padding:1rem}.synth-curve-toolbar{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.synth-curve-title{display:block;font-size:.75rem;font-weight:900;color:#e2e2e2;text-transform:uppercase;letter-spacing:.06em}.synth-curve-hint,.synth-curve-footer{margin:.2rem 0 0;font-size:.6875rem;color:#e2e2e280;line-height:1.45}.synth-curve-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.synth-curve-enable,.synth-curve-chip,.synth-curve-icon-btn{min-height:36px;padding:0 .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e2e2e29e;font-size:.72rem;font-weight:850;cursor:pointer}.synth-curve-chip:hover,.synth-curve-icon-btn:hover{background:#ffffff14;color:#e2e2e2}.synth-curve-icon-btn{width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.synth-curve-icon-btn:disabled{opacity:.35;cursor:not-allowed}.synth-curve-icon{width:14px;height:14px}.synth-curve-enable--on{border-color:#d4af3761;background:#d4af3724;color:#d4af37}.synth-curve-canvas{width:100%;height:170px;touch-action:none;cursor:crosshair;border-radius:14px}.synth-curve-bg{fill:#00000052;stroke:#ffffff1a}.synth-curve-grid{stroke:#fff1;stroke-width:1}.synth-curve-line{fill:none;stroke:#d4af37;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.synth-curve-point{fill:#050505;stroke:#d4af37;stroke-width:2.5;cursor:grab}.synth-curve-point--active{fill:#d4af37;stroke:#fff2bc}.synth-curve-move{stroke:#ffffffbf;stroke-width:1.2;pointer-events:none}.synth-curve-sliders{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.synth-curve-inline-icon{width:12px;height:12px;display:inline;vertical-align:-2px;color:#d4af37}.synth-viz{border-radius:8px;overflow:hidden;background:#050505;border:1px solid rgba(255,255,255,.06)}.synth-viz--collapsed{cursor:pointer}.synth-viz--collapsed .synth-viz-canvas{display:none}.synth-viz-collapse-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;font-family:Inter,sans-serif;font-size:.6875rem;color:#e2e2e280;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .15s}.synth-viz-collapse-bar:hover{background:#ffffff08}.synth-viz-header{display:flex;gap:0;padding:.375rem .5rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.synth-viz-btn{padding:.25rem .625rem;border:none;border-radius:4px;background:none;color:#e2e2e24d;font-family:Inter,sans-serif;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .15s,color .15s;min-height:28px;padding:.5rem .625rem}.synth-viz-btn:hover{color:#e2e2e299}.synth-viz-btn--active{background:#d4af371a;color:#d4af37}.synth-viz-canvas{display:block;width:100%;height:120px}.mini-kb{border-radius:8px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.mini-kb-controls{display:flex;align-items:center;justify-content:space-between;padding:.375rem .625rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.mini-kb-octave{display:flex;align-items:center;gap:.25rem}.mini-kb-octave-label{font-family:Inter,sans-serif;font-weight:600;font-size:.6875rem;color:#e2e2e280;min-width:24px;text-align:center}.mini-kb-ctrl-btn{width:28px;height:28px;border:none;border-radius:8px;background:#ffffff0d;color:#e2e2e266;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s;min-width:44px;min-height:44px;padding:0}.mini-kb-ctrl-btn:hover{background:#ffffff1a;color:#e2e2e2}.mini-kb-sustain{padding:.25rem .625rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:none;color:#e2e2e24d;font-family:Inter,sans-serif;font-weight:700;font-size:.5625rem;letter-spacing:.1em;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;min-height:28px}.mini-kb-sustain--on{background:#d4af371f;border-color:#d4af374d;color:#d4af37}.mini-kb-stop{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(226,226,226,.15);color:#e2e2e299;border-radius:8px}.mini-kb-stop:hover{background:#d4af371a;border-color:#d4af37;color:#d4af37}.mini-kb-keys{position:relative;display:flex;height:120px;padding:0}.mini-kb-white{flex:1;background:#f5f5f5;border:none;border-right:1px solid rgba(0,0,0,.08);border-radius:0 0 8px 8px;cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:background .05s}.mini-kb-white:last-of-type{border-right:none}.mini-kb-white--active,.mini-kb-white:active{background:#fff;border-bottom:3px solid #D4AF37}.mini-kb-key-label{font-family:Inter,sans-serif;font-size:.5rem;font-weight:500;color:#0003;pointer-events:none}.mini-kb-black{position:absolute;width:8%;height:52%;background:#121212;border:none;border-radius:0 0 6px 6px;cursor:pointer;z-index:2;transform:translate(-50%);transition:background .05s;box-shadow:none}.mini-kb-black--active,.mini-kb-black:active{background:#222;border-bottom:3px solid #D4AF37}.adsr-viz{display:block;border-radius:4px;background:#ffffff05}.adsr-label{font-family:Inter,sans-serif;font-size:8px;font-weight:500;fill:#e2e2e233}.rknob{display:flex;flex-direction:column;align-items:center;gap:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rknob-dial{position:relative;width:80px;height:80px;cursor:grab}.rknob-dial:active{cursor:grabbing}.rknob-svg{width:100%;height:100%}.rknob-a11y{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:grab;margin:0}.rknob-a11y:focus-visible+.rknob-svg,.rknob-a11y:focus-visible~.rknob-svg{outline:2px solid #D4AF37;outline-offset:2px;border-radius:50%}.rknob-value{font-family:Inter,sans-serif;font-weight:600;font-size:.75rem;color:#d4af37;text-align:center}.rknob-label{font-family:Inter,sans-serif;font-weight:500;font-size:.625rem;color:#e2e2e299;text-transform:uppercase;letter-spacing:.05em;text-align:center}.pslider{display:flex;flex-direction:column;gap:.375rem}.pslider-header{display:flex;justify-content:space-between;align-items:baseline}.pslider-label{font-family:Inter,sans-serif;font-weight:500;font-size:.6875rem;color:#e2e2e280;text-transform:uppercase;letter-spacing:.05em}.pslider-value{font-family:Inter,sans-serif;font-weight:500;font-size:.6875rem;color:#d4af37;min-width:2.5rem;text-align:right}.pslider-track{position:relative;height:6px;background:#1a1a1a;border-radius:3px;cursor:pointer;padding:19px 0;margin:-19px 0;background-clip:content-box}.pslider-fill{position:absolute;top:19px;left:0;height:6px;border-radius:3px;background:linear-gradient(90deg,#b8860b,#d4af37);pointer-events:none}.pslider-handle{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#71717a,#3f3f46);border:2px solid #D4AF37;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 2px 8px #0006}.pslider-track:active .pslider-handle{outline:3px solid rgba(212,175,55,.15);outline-offset:1px}.ai-studio-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.ai-studio-icon{width:48px;height:48px;color:#d4af37;opacity:.4}.ai-studio-title{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.25rem;color:#e2e2e2;letter-spacing:-.03em;margin:1rem 0 .5rem}.ai-studio-desc{color:#e2e2e266;font-size:.8125rem;max-width:340px;text-align:center;line-height:1.5}.sb-radix-trigger{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;min-height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e2e2e2;font-family:Inter,sans-serif;font-size:.75rem;cursor:pointer;gap:.25rem;outline:none;box-shadow:none}.sb-radix-trigger:focus-visible{outline:2px solid #D4AF37;outline-offset:-1px}.sb-radix-trigger--wide{flex:1;min-width:150px;min-height:44px;padding:.5rem .75rem;font-size:.8125rem}.sb-trigger-label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e2e2e2}.sb-radix-content{background:#1a1a1af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(212,175,55,.15);border-radius:8px;padding:.25rem;color:#e2e2e2;font-family:Inter,sans-serif;font-size:.8125rem;box-shadow:0 8px 32px #00000080}.sb-radix-content [role=option]{padding:.5rem .625rem .5rem 1.75rem;border-radius:6px;cursor:pointer;font-size:.8125rem;color:#e2e2e2b3;outline:none}.sb-radix-content [role=option]:focus,.sb-radix-content [role=option][data-highlighted]{background:#ffffff0f;color:#e2e2e2}.sb-radix-content [role=option][data-state=checked]{color:#d4af37}.sb-radix-group-label{padding:.375rem .625rem;font-family:Montserrat,sans-serif;font-weight:700;font-size:.625rem;letter-spacing:.05em;text-transform:uppercase;color:#e2e2e24d}.sb-radix-group-label--gold{color:#d4af3780}.sb-action-icon{width:16px;height:16px}.synth-name-toast{display:flex;align-items:center;gap:.5rem;width:min(360px,calc(100vw - 2rem));padding:.75rem;border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:0 18px 42px #00000073}.synth-name-toast--confirm{gap:.75rem}.synth-name-toast-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.synth-name-toast-input{flex:1;min-width:0;min-height:40px;padding:.5rem .625rem;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--input));background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,sans-serif;font-size:.875rem;outline:none}.synth-name-toast-input::-moz-selection{background:hsl(var(--brand-gold) / .35);color:hsl(var(--foreground))}.synth-name-toast-input::selection{background:hsl(var(--brand-gold) / .35);color:hsl(var(--foreground))}.synth-name-toast-input:focus-visible,.synth-name-toast-action:focus-visible,.synth-name-toast-danger:focus-visible,.synth-name-toast-secondary:focus-visible{outline:2px solid hsl(var(--brand-gold));outline-offset:2px}.synth-name-toast-action{width:40px;height:40px;border-radius:calc(var(--radius) - 2px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,color .15s}.synth-name-toast-action--confirm{border:1px solid hsl(var(--brand-gold) / .45);background:hsl(var(--brand-gold) / .14);color:hsl(var(--brand-gold))}.synth-name-toast-action--confirm:hover{background:hsl(var(--brand-gold) / .22)}.synth-name-toast-action--cancel{border:1px solid hsl(var(--border));background:hsl(var(--secondary));color:hsl(var(--muted-foreground))}.synth-name-toast-action--cancel:hover{color:hsl(var(--foreground));background:hsl(var(--accent))}.synth-name-toast-icon{width:16px;height:16px}.synth-name-toast-message{flex:1;min-width:0;font-family:Inter,sans-serif;font-size:.875rem;color:hsl(var(--foreground))}.synth-name-toast-danger,.synth-name-toast-secondary{min-height:40px;padding:0 .75rem;border-radius:calc(var(--radius) - 2px);font-family:Inter,sans-serif;font-size:.8125rem;font-weight:700;cursor:pointer}.synth-name-toast-danger{border:1px solid hsl(var(--destructive) / .45);background:hsl(var(--destructive) / .12);color:hsl(var(--destructive))}.synth-name-toast-secondary{border:1px solid hsl(var(--border));background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.inst-card--playing{border-color:#d4af3759;animation:cardPulse 1.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes cardPulse{0%,to{border-color:#d4af3759}50%{border-color:#d4af3726}}@media (max-width: 767px){.instruments-header{padding:1.25rem 1rem .75rem}.instruments-title{font-size:1.5rem}.instruments-tabs{padding:0 1rem}.instruments-tab{padding:.625rem .75rem;font-size:.75rem}.instruments-content{padding:1rem}.instruments-tab-skeleton,.library-grid{grid-template-columns:1fr}.library-search{max-width:none}.mini-kb-controls{flex-wrap:wrap;gap:.375rem}.mini-kb-sustain{padding:.25rem .5rem;font-size:.5rem}.sb-topbar{flex-direction:column;align-items:stretch;gap:.5rem}.sb-persistence{width:100%;min-width:0}.sb-actions{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:.375rem}.sb-actions .sb-action-btn--secondary{display:none}.sb-overflow-btn{display:flex!important}.sb-mode-segmented{flex:1;min-width:min(100%,220px)}.sb-mode-seg{flex:1}.sb-layout{grid-template-columns:1fr}.sb-preview{min-width:0}.sb-keyboard-dock{width:calc(100vw - 2rem);bottom:.5rem}.synth-builder{padding-bottom:190px}.sb-macros{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem;padding:1rem .5rem}.synth-curve-toolbar{flex-direction:column}.synth-curve-actions{width:100%}.synth-curve-sliders{grid-template-columns:1fr}}@media (max-width: 360px){.mini-kb-controls{flex-wrap:wrap}.mini-kb-octave{flex-basis:100%;justify-content:center}.mini-kb-keys{height:100px}}@media (min-width: 768px) and (max-width: 1023px){.instruments-tab-skeleton{grid-template-columns:repeat(2,1fr)}.library-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sb-layout{grid-template-columns:1fr 280px}}@media (min-width: 768px){.sb-actions .sb-action-btn--secondary{display:flex}.sb-overflow-btn{display:none!important}}@media (prefers-reduced-motion: reduce){.skeleton-card,.library-skeleton-card{animation:none}.instruments-tab-indicator{animation:none;transform:scaleX(1)}.inst-card,.category-pill{transition:none}}