:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-elevated:#111;--bg-glass:#000000d9;--bg-glass-hover:#000000f2;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#666;--accent:#fff;--accent-glow:#ffffff26;--accent-dim:#ccc;--border-subtle:#ffffff1a;--border-highlight:#fff3;--hover-subtle:#ffffff0d;--hover-medium:#ffffff1a;--hover-strong:#fff3;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-soft:0 4px 20px #000c;--shadow-glow:0 0 30px #ffffff0d;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.4s ease;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}#canvas-wrapper{z-index:0;background:var(--bg-primary);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}#canvas-wrapper.fill-letterbox{justify-content:center;align-items:center}#canvas-wrapper.fill-stretch #visualizer-canvas{width:100%!important;height:100%!important}#canvas-wrapper.fill-crop{overflow:hidden}#canvas-wrapper.fill-crop #visualizer-canvas{object-fit:cover;min-width:100%;min-height:100%}#visualizer-canvas{z-index:0;background:var(--bg-primary);max-width:100vw;max-height:100vh;transition:filter .1s;display:block;position:relative}#canvas-wrapper.fill-letterbox #visualizer-canvas{max-width:100vw;max-height:100vh;width:auto!important;height:auto!important}#visualizer-canvas.invert-colors{filter:invert()}.output-select{width:100%;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font);cursor:pointer;appearance:none;background:#ffffff0f;margin-top:6px;padding:5px 8px}.output-select:focus{border-color:var(--border-highlight);outline:none}.output-custom-fields{align-items:center;gap:6px;margin-top:8px;display:flex}.output-custom-fields.hidden{display:none}.output-custom-input{width:70px;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font);text-align:center;background:#ffffff0f;padding:4px 6px}.output-custom-input:focus{border-color:var(--border-highlight);outline:none}.output-custom-sep{color:var(--text-muted);font-size:.75rem}.output-apply-btn{color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.72rem;font-family:var(--font);cursor:pointer;white-space:nowrap;background:#ffffff1a;flex:1;padding:4px 8px}.output-apply-btn:hover{background:#ffffff2e}#flash-overlay{z-index:10;pointer-events:none;opacity:0;transition:opacity 50ms,background 50ms;position:fixed;inset:0}#flash-overlay.flash-white{opacity:1;background:#fff}#flash-overlay.flash-black{opacity:1;background:#000}#permission-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.permission-card{background:var(--bg-surface);border:1px solid var(--glass-border);text-align:center;border-radius:24px;width:90%;max-width:400px;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 20px 40px #0006}.permission-icon{margin-bottom:20px;font-size:3rem}.permission-card h3{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.permission-card p{color:var(--text-muted);margin-bottom:24px;line-height:1.6}.permission-steps{text-align:left;background:#ffffff0d;border-radius:12px;margin-bottom:30px;padding:20px}.permission-steps ol{margin:0;padding-left:20px}.permission-steps li{color:var(--text-primary);margin-bottom:10px;font-size:.9rem}.permission-steps strong{color:var(--accent-primary)}#btn-retry-permission{border-radius:12px;width:100%;margin-bottom:12px;padding:14px;font-weight:600}#btn-close-permission{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:10px;font-size:.85rem}#btn-close-permission:hover{color:var(--text-primary)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hidden{display:none!important}body.force-hide-ui #control-bar,body.force-hide-ui #preset-drawer,body.force-hide-ui #keyboard-guide,body.force-hide-ui #toast{opacity:0!important;pointer-events:none!important}body.force-hide-ui,body.controls-hidden{cursor:none!important}#start-screen{z-index:100;background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start-card{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:90%;max-width:660px;box-shadow:var(--shadow-soft);padding:48px 36px;animation:.7s slideUp}.start-logo{margin-bottom:24px}.custom-logo{width:260px;max-width:72vw;height:auto;margin:0 auto 10px;display:block}.logo-icon{filter:drop-shadow(0 0 8px #ffffff4d);width:72px;height:72px;margin-bottom:16px;animation:3s ease-in-out infinite logoPulse}.start-card h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:2.2rem;font-weight:300}.start-subtitle{color:var(--text-secondary);font-size:.9rem}.start-tagline{letter-spacing:.06em;color:var(--text-muted);margin-top:4px;font-size:.72rem;font-style:italic}.start-sources{margin-bottom:24px}.start-sources h2{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:16px;font-size:.8rem;font-weight:500}.start-sources-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.start-grid-divider{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);text-align:center;border-top:1px solid #ffffff14;grid-column:1/-1;margin-top:4px;padding-top:14px;font-size:.8rem;font-weight:500}.source-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);text-align:left;font-family:var(--font);align-items:center;gap:12px;margin-bottom:0;padding:16px;display:flex}.source-btn:hover{background:var(--hover-subtle);border-color:var(--border-highlight);transform:translateY(-1px)}.source-btn:active{transform:translateY(0)}.source-btn--studio{opacity:.75;border-style:dashed}.source-btn--studio:hover{opacity:1;border-style:solid}.source-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:40px;font-size:1.6rem;display:flex}.source-label{font-size:1rem;font-weight:600;display:block}.source-desc{color:var(--text-secondary);margin-top:2px;font-size:.78rem;display:block}.start-hint{color:var(--text-muted);margin-top:8px;font-size:.72rem}#control-bar{z-index:50;transition:opacity var(--transition-slow), transform var(--transition-slow);pointer-events:none;padding:0 16px 16px;position:fixed;bottom:0;left:0;right:0}#control-bar.auto-hidden{opacity:0;transform:translateY(20px)}#control-bar:not(.auto-hidden){opacity:1;transform:translateY(0)}.control-bar-inner{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);pointer-events:auto;align-items:center;gap:8px;padding:10px 16px;display:flex}.preset-info{flex:1;min-width:0}.preset-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);font-size:.82rem;font-weight:500;display:block;overflow:hidden}.preset-label:hover{color:var(--text-primary)}.control-section{align-items:center;gap:4px;display:flex}.transport{gap:2px}.ctrl-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.78rem;font-weight:500;display:flex}.ctrl-btn svg{fill:currentColor;flex-shrink:0;width:20px;height:20px}.ctrl-btn:hover{color:var(--text-primary);background:var(--hover-subtle);border-color:var(--border-subtle)}.ctrl-btn:active{transform:scale(.95)}.ctrl-btn.accent{color:var(--text-primary);background:#ffffff14}.ctrl-btn.accent:hover{color:var(--text-primary);background:#ffffff24}.ctrl-select{appearance:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;outline:none;max-width:150px;padding:8px 12px;font-size:.78rem;font-weight:500}.ctrl-select:hover{color:var(--text-primary);background:var(--hover-subtle);border-color:var(--border-subtle)}.ctrl-select:focus{border-color:var(--border-highlight)}.ctrl-select option{background:var(--bg-elevated);color:var(--text-primary)}.audio-source{border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);gap:4px;padding-left:8px;padding-right:8px}#audio-player{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);pointer-events:auto;margin-top:8px;padding:10px 16px}.player-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}#audio-filename{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px;font-size:.78rem;font-weight:500;overflow:hidden}#audio-time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.72rem}.player-controls{align-items:center;gap:12px;margin-top:8px;display:flex}.seek-bar,.volume-bar{appearance:none;background:var(--bg-elevated);cursor:pointer;width:100%;height:4px;transition:height var(--transition-fast);border-radius:2px;outline:none}.seek-bar:hover,.volume-bar:hover{height:6px}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-primary);cursor:pointer;width:14px;height:14px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 0 8px #ffffff4d}.volume-bar::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-primary);cursor:pointer;width:14px;height:14px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 0 8px #ffffff4d}.seek-bar::-webkit-slider-thumb:hover{transform:scale(1.3)}.volume-bar::-webkit-slider-thumb:hover{transform:scale(1.3)}.seek-bar::-moz-range-thumb{background:var(--text-primary);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #ffffff4d}.volume-bar::-moz-range-thumb{background:var(--text-primary);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #ffffff4d}.volume-bar{flex-shrink:0;width:80px}#preset-drawer{z-index:60;background:var(--bg-glass);border-right:1px solid var(--border-subtle);pointer-events:auto;flex-direction:column;width:360px;max-width:90vw;animation:.3s slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 40px #000c}.drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.drawer-header h3{color:var(--text-primary);font-size:1rem;font-weight:500}.drawer-search{padding:12px 20px}#preset-search{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font);transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-size:.85rem}#preset-search::placeholder{color:var(--text-muted)}#preset-search:focus{border-color:var(--border-highlight);box-shadow:0 0 0 2px #ffffff1a}.drawer-tabs{gap:4px;padding:0 20px 12px;display:flex}.drawer-tab{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex:1;padding:6px;font-size:.75rem;font-weight:500}.drawer-tab:hover{background:var(--hover-subtle);color:var(--text-primary)}.drawer-tab.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.drawer-count{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;padding:0 20px 10px;font-size:.72rem;display:flex}.drawer-count-actions{align-items:center;gap:12px;display:flex}.drawer-link{color:var(--text-secondary);font-family:var(--font);cursor:pointer;text-underline-offset:2px;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:.72rem;text-decoration:underline}.drawer-link:hover{color:var(--text-primary)}.drawer-show-hidden{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.72rem;display:flex}.drawer-show-hidden .switch{width:30px;height:16px}.drawer-show-hidden .switch-track:before{width:10px;height:10px;left:2px}.drawer-show-hidden .switch input:checked+.switch-track:before{width:12px;height:12px;transform:translate(14px,-50%)}.drawer-list{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent;flex:1;padding:0 12px 20px;list-style:none;overflow-y:auto}.drawer-list::-webkit-scrollbar{width:6px}.drawer-list::-webkit-scrollbar-track{background:0 0}.drawer-list::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}.drawer-list li{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:9px 12px;font-size:.8rem;display:flex}.preset-name-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.preset-heart,.preset-hide,.preset-remix,.preset-edit,.preset-delete{opacity:.35;width:16px;height:16px;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0;transform:scale(.9)}.preset-heart{margin-left:8px}.preset-hide,.preset-remix,.preset-delete{margin-left:6px}.preset-heart svg,.preset-hide svg,.preset-remix svg,.preset-edit svg,.preset-delete svg{fill:currentColor;width:100%;height:100%}.drawer-list li:hover{background:var(--hover-subtle);color:var(--text-primary)}.drawer-list li:hover .preset-heart,.drawer-list li:hover .preset-remix,.drawer-list li:hover .preset-edit,.drawer-list li:hover .preset-hide,.drawer-list li:hover .preset-delete{opacity:.85;transform:scale(1)}.drawer-list li:hover .preset-heart:hover{color:#ff3b3b;opacity:1;transform:scale(1.15)}.drawer-list li:hover .preset-hide:hover{color:#ffb84d;opacity:1;transform:scale(1.15)}.drawer-list li:hover .preset-remix:hover,.drawer-list li:hover .preset-edit:hover{color:#7eb8ff;opacity:1;transform:scale(1.15)}.drawer-list li:hover .preset-delete:hover{color:#ff3b3b;opacity:1;transform:scale(1.15)}.drawer-list li.is-favorite .preset-heart{opacity:1;color:#ff3b3b;transform:scale(1)}.drawer-list li.is-hidden .preset-hide{opacity:1;color:#ffb84d;transform:scale(1)}.drawer-list li.is-hidden{opacity:.55}.drawer-list li.is-hidden .preset-name-text{-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.drawer-list li.is-hidden:hover{opacity:.85}.drawer-list li.active{background:var(--hover-medium);color:var(--text-primary);border-left:2px solid var(--text-primary);padding-left:10px}.heart-btn{padding:6px}.heart-btn.is-favorite .icon-heart-outline{display:none}.heart-btn.is-favorite .icon-heart-filled{color:#ff3b3b;filter:drop-shadow(0 0 6px #ff3b3b66);display:block!important}.hide-btn{padding:6px}.hide-btn.is-hidden-preset{color:#ffb84d;filter:drop-shadow(0 0 6px #ffb84d66)}.remix-btn{padding:6px}.remix-btn:hover{color:#7eb8ff;filter:drop-shadow(0 0 6px #7eb8ff66)}#keyboard-guide{z-index:150;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:90%;max-width:700px;box-shadow:var(--shadow-soft);pointer-events:auto;padding:24px;animation:.2s scaleIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.guide-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.guide-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:500}.guide-content{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.guide-col{flex-direction:column;gap:20px;display:flex}.guide-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-size:.75rem;font-weight:600}.guide-row{border-bottom:1px solid var(--hover-subtle);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 0;font-size:.85rem;display:flex}.guide-row:last-child{border-bottom:none}kbd{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px 8px;font-family:monospace;font-size:.75rem;font-weight:600;display:inline-block;box-shadow:0 2px #ffffff1a}.audio-loading-modal{z-index:99999;-webkit-backdrop-filter:blur(6px);background:#000000b8;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.audio-loading-modal.hidden{display:none}.audio-loading-ring{border:3px solid #ffffff1f;border-top-color:#ffffffe0;border-radius:50%;width:52px;height:52px;animation:.75s linear infinite audioLoadingSpin}@keyframes audioLoadingSpin{to{transform:rotate(360deg)}}.audio-loading-text{letter-spacing:.04em;color:#ffffffd1;margin-top:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500}.modal{z-index:200;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:90%;max-width:420px;box-shadow:var(--shadow-soft);padding:24px;animation:.2s scaleIn}.modal-dialog h3{color:var(--text-primary);margin-bottom:10px;font-size:1.05rem;font-weight:500}.modal-dialog p{color:var(--text-secondary);margin-bottom:20px;font-size:.88rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal .primary-btn{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;transition:all var(--transition-fast);padding:9px 18px;font-size:.85rem;font-weight:500}.modal .primary-btn:hover{background:#ffffffe0}.modal .text-btn{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:9px 14px;font-size:.85rem;font-weight:500}.modal .text-btn:hover{color:var(--text-primary);background:var(--hover-subtle);border-color:var(--border-highlight)}.welcome-help-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-family:var(--font);letter-spacing:.02em;transition:all var(--transition-fast);background:0 0;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:10px 20px;font-size:.82rem;font-weight:500;display:inline-flex}.welcome-help-btn svg{opacity:.7;transition:opacity var(--transition-fast)}.welcome-help-btn:hover{color:var(--text-primary);border-color:var(--border-highlight);background:var(--hover-subtle);transform:translateY(-1px)}.welcome-help-btn:hover svg{opacity:1}.welcome-help-btn:active{transform:translateY(0)}.welcome-help-btn:focus-visible{outline:2px solid var(--accent-glow);outline-offset:2px}.welcome-modal{z-index:300}.welcome-dialog{background:var(--bg-glass);border:1px solid var(--border-highlight);border-radius:var(--radius-xl);width:95%;max-width:1000px;max-height:90vh;box-shadow:var(--shadow-soft);flex-direction:column;animation:.2s scaleInStatic;display:flex;overflow:hidden}.welcome-header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(#8b5cf60a 0%,#0000 100%);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.welcome-header h3{background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2px;font-size:1.25rem;font-weight:600}.welcome-subtitle{color:var(--text-muted);font-size:.8rem;font-weight:400}.welcome-body{flex:1;grid-template-columns:220px 1fr;min-height:0;display:grid}.welcome-rail{border-right:1px solid var(--border-subtle);background:#0003;flex-direction:column;padding:12px 0;display:flex;overflow-y:auto}.welcome-rail-search{border:1px solid var(--border-subtle);border-radius:var(--radius);transition:border-color var(--transition-fast);background:#ffffff0a;align-items:center;gap:8px;margin:0 12px 12px;padding:8px 12px;display:flex}.welcome-rail-search:focus-within{border-color:var(--border-highlight);background:#ffffff0f}.welcome-rail-search svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.welcome-rail-search input{color:var(--text-primary);font-size:.85rem;font-family:var(--font);background:0 0;border:none;outline:none;flex:1}.welcome-rail-search input::placeholder{color:var(--text-muted)}.welcome-rail-divider{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);opacity:.8;padding:16px 16px 6px;font-size:.65rem;font-weight:700}.welcome-rail-group{flex-direction:column;padding:0 8px;display:flex}.welcome-rail-btn{text-align:left;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.84rem;font-weight:400;font-family:var(--font);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;display:flex;position:relative}.welcome-rail-btn:hover{background:var(--hover-subtle);color:var(--text-primary)}.welcome-rail-btn.active{color:var(--accent);background:#8b5cf626;font-weight:500}.welcome-rail-btn.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.welcome-rail-btn:focus-visible{outline:2px solid var(--accent-glow);outline-offset:-2px}.rail-icon{text-align:center;flex-shrink:0;width:20px;font-size:1.1em}.welcome-rail-btn.has-children{justify-content:flex-start}.rail-expand{color:var(--text-muted);transition:transform var(--transition-fast);margin-left:auto;font-size:1.1em}.welcome-rail-btn.has-children.expanded .rail-expand{color:var(--accent);transform:rotate(90deg)}.welcome-rail-children{flex-direction:column;padding-left:34px;animation:.2s slideDown;display:none}.welcome-rail-children.expanded{display:flex}.welcome-rail-child{text-align:left;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.78rem;font-weight:400;font-family:var(--font);transition:all var(--transition-fast);background:0 0;border:none;padding:6px 12px}.welcome-rail-child:hover{color:var(--text-primary);background:var(--hover-subtle)}.welcome-rail-child.active{color:var(--accent);background:#8b5cf614;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.welcome-content{scrollbar-width:thin;scrollbar-color:var(--border-highlight) transparent;padding:24px 32px;overflow-y:auto}.welcome-content::-webkit-scrollbar{width:8px}.welcome-content::-webkit-scrollbar-track{background:0 0}.welcome-content::-webkit-scrollbar-thumb{background:var(--border-highlight);border-radius:4px}.welcome-content.search-active .welcome-feature{opacity:.4;transition:opacity .2s}.welcome-content.search-active .welcome-feature.search-match{opacity:1;border-radius:var(--radius);background:#8b5cf60d;margin:0 -16px;padding:14px 16px}.welcome-section{animation:.25s welcomeFadeIn;display:none}.welcome-section.active{display:block}.welcome-section h4{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:16px;font-size:1.25rem;font-weight:600;display:flex}.welcome-section h5{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-top:20px;margin-bottom:12px;font-size:.7rem;font-weight:600}.welcome-section h5:first-child{margin-top:0}.welcome-section p{color:var(--text-secondary);margin-bottom:14px;font-size:.9rem;line-height:1.65}.welcome-section strong{color:var(--text-primary);font-weight:500}.welcome-section em{color:var(--accent);font-style:italic}.welcome-list{margin:0 0 14px;padding:0;list-style:none}.welcome-list li{color:var(--text-secondary);border-bottom:1px solid var(--hover-subtle);padding:8px 0 8px 22px;font-size:.88rem;line-height:1.6;position:relative}.welcome-list li:last-child{border-bottom:none}.welcome-list li:before{content:"";background:var(--accent);opacity:.6;border-radius:50%;width:5px;height:5px;position:absolute;top:16px;left:6px}.welcome-feature{border-bottom:1px solid var(--hover-subtle);padding:16px 0;transition:background .2s}.welcome-feature:last-child{border-bottom:none;padding-bottom:4px}.welcome-feature-title{color:var(--text-primary);letter-spacing:.01em;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.welcome-feature p{margin-bottom:10px}.welcome-feature p:last-child{margin-bottom:0}.welcome-feature.collapsible .welcome-feature-title{cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.welcome-feature.collapsible .welcome-feature-title:after{content:"›";color:var(--text-muted);margin-left:auto;font-size:1.2em;transition:transform .2s}.welcome-feature.collapsible.expanded .welcome-feature-title:after{color:var(--accent);transform:rotate(90deg)}.welcome-feature.collapsible .feature-content{display:none}.welcome-feature.collapsible.expanded .feature-content{animation:.2s slideDown;display:block}.feature-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;margin-left:8px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.feature-badge--new{color:#22c55e;background:#22c55e26}.feature-badge--pro{color:var(--accent);background:#8b5cf626}.welcome-hint{color:var(--text-muted);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:#8b5cf60d;margin:12px 0;padding:10px 14px;font-size:.82rem;font-style:italic}.welcome-note{color:var(--text-muted);margin-top:16px;font-size:.82rem;font-style:italic}.welcome-swatch{vertical-align:-3px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin:0 2px;font-size:.72rem;display:inline-flex}.welcome-swatch--heart{color:#ff3b3b}.welcome-swatch--hide{color:#ffb84d}.welcome-shortcuts{grid-template-columns:1fr 1fr;gap:12px 32px;display:grid}.welcome-shortcut-col .guide-row{padding:4px 0;font-size:.85rem}.welcome-quick-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0;display:grid}.welcome-quick-card{border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;align-items:flex-start;gap:12px;padding:16px;display:flex}.welcome-quick-card:hover{border-color:var(--border-highlight);background:#ffffff0f;transform:translateY(-1px)}.welcome-quick-card-icon{flex-shrink:0;font-size:1.5rem}.welcome-quick-card-title{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;font-weight:500}.welcome-quick-card-desc{color:var(--text-muted);font-size:.78rem;line-height:1.4}@keyframes scaleInStatic{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-search-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.welcome-search-empty-icon{opacity:.5;margin-bottom:12px;font-size:3rem}@media (width<=720px){.welcome-dialog{max-height:95vh}.welcome-body{grid-template-columns:1fr}.welcome-rail{border-right:none;border-bottom:1px solid var(--border-subtle);flex-flow:wrap;gap:4px;max-height:160px;padding:10px;overflow-x:auto}.welcome-rail-divider{display:none}.welcome-rail-group{flex-flow:wrap;padding:0}.welcome-rail-search{width:100%;margin:0 0 8px}.welcome-rail-children{display:none!important}.welcome-rail-btn.has-children .rail-expand{display:none}.welcome-rail-btn,.welcome-rail-child{flex-shrink:0;padding:8px 12px;font-size:.8rem}.welcome-content{padding:20px}.welcome-shortcuts{grid-template-columns:1fr;gap:8px}.welcome-quick-grid{grid-template-columns:1fr}}.dc-import-modal-backdrop{z-index:400;-webkit-backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dc-import-modal-backdrop[hidden]{display:none}.dc-import-modal-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:min(420px,92vw);box-shadow:var(--shadow-soft);flex-direction:column;animation:.18s scaleIn;display:flex;overflow:hidden}.dc-import-modal-header{border-bottom:1px solid var(--border-subtle);padding:18px 20px 14px}.dc-import-modal-title{color:var(--text-primary);font-size:14px;font-weight:600}.dc-import-modal-body{flex-direction:column;gap:14px;max-height:52vh;padding:16px 20px;display:flex;overflow-y:auto}.dc-import-modal-body::-webkit-scrollbar{width:3px}.dc-import-modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.dc-import-modal-section{flex-direction:column;gap:8px;display:flex}.dc-import-modal-section-head{align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.dc-import-modal-success .dc-import-modal-icon{color:#4ade80}.dc-import-modal-failure .dc-import-modal-icon{color:#f87171}.dc-import-modal-success .dc-import-modal-section-head{color:var(--text-primary)}.dc-import-modal-failure .dc-import-modal-section-head{color:#f87171}.dc-import-modal-list{flex-direction:column;gap:3px;margin:0;padding:0 0 0 22px;list-style:none;display:flex}.dc-import-modal-name{color:var(--text-secondary);font-size:12px;line-height:1.45}.dc-import-modal-err{color:#f87171bf;font-style:italic}.dc-import-modal-empty{color:var(--text-secondary);margin:0;font-size:13px}.dc-import-modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;padding:12px 20px 16px;display:flex}.dc-import-modal-ok{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;border:none;padding:8px 22px;font-size:13px;font-weight:500;transition:background .15s}.dc-import-modal-ok:hover{background:#ffffffd9}#toast{z-index:200;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-soft);opacity:0;transition:all var(--transition-normal);pointer-events:none;padding:10px 24px;font-size:.82rem;font-weight:500;position:fixed;top:24px;left:50%;transform:translate(-50%)translateY(-10px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 8px #fff3);transform:scale(1)}50%{filter:drop-shadow(0 0 16px #fff6);transform:scale(1.05)}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.72rem;font-family:var(--font);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;box-shadow:var(--shadow-soft);z-index:100;padding:6px 10px;font-weight:500;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}#btn-close-drawer[data-tooltip]:after{left:auto;right:0;transform:translate(0)translateY(4px)}#btn-close-drawer[data-tooltip]:hover:after{transform:translate(0)translateY(0)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.preset-heart[data-tooltip]:after,.preset-hide[data-tooltip]:after,.preset-remix[data-tooltip]:after,.preset-edit[data-tooltip]:after,.preset-delete[data-tooltip]:after,.preset-export[data-tooltip]:after{padding:4px 8px;font-size:.68rem;transition:opacity 80ms,transform 80ms,visibility 80ms;inset:50% calc(100% + 8px) auto auto;transform:translateY(-50%)translate(4px)}.preset-heart[data-tooltip]:hover:after,.preset-hide[data-tooltip]:hover:after,.preset-remix[data-tooltip]:hover:after,.preset-edit[data-tooltip]:hover:after,.preset-delete[data-tooltip]:hover:after,.preset-export[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.backup-bar{gap:8px;padding:0 20px 12px;display:flex}.backup-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.72rem;font-weight:500;display:inline-flex}.backup-btn:hover:not(:disabled){background:var(--hover-subtle);color:var(--text-primary);border-color:#fff3}.backup-btn:disabled{opacity:.4;cursor:not-allowed}.backup-btn svg{flex-shrink:0;width:14px;height:14px}.preset-export{opacity:.35;width:16px;height:16px;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0;margin-left:6px;transform:scale(.9)}.preset-export svg{fill:currentColor;width:100%;height:100%}.drawer-list li:hover .preset-export{opacity:.85;transform:scale(1)}.drawer-list li:hover .preset-export:hover{color:#6fc2ff;opacity:1;transform:scale(1.15)}.popover{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-soft);z-index:100;transition:all var(--transition-normal);pointer-events:auto;padding:16px;animation:.3s slideInUp;position:absolute;bottom:calc(100% + 12px);right:0;transform:translateY(10px)}.popover.hidden{opacity:0;transform:translateY(20px);pointer-events:none!important}.popover-header{border-bottom:1px solid var(--border-subtle);margin-bottom:16px;padding-bottom:8px}.popover-header h4{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px;font-size:.75rem;font-weight:600}.popover-hint{color:var(--text-secondary);margin:0 0 4px;font-size:.72rem;font-weight:500}.tuning-group label .value-readout{float:right;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.status-dot{background:var(--text-muted);opacity:.4;width:6px;height:6px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:6px;right:6px}.status-dot.active{opacity:1;background:#0f8;box-shadow:0 0 6px #0f8c}.ctrl-btn{position:relative}.vu-meter-container{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:7px;width:100%;height:14px;position:relative;overflow:hidden}.vu-meter-bar{background:linear-gradient(90deg,#0f8 0% 60%,#fc0 80%,#ff3b3b 100%);width:0%;height:100%;transition:width 50ms ease-out;box-shadow:0 0 10px #0f83}.vu-meter-bar.clipping{background:#ff3b3b;animation:.2s step-end infinite vu-clip-flash;box-shadow:0 0 14px #ff3b3bb3}@keyframes vu-clip-flash{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.vu-meter-labels{justify-content:space-between;margin-top:4px;padding:0 2px;display:flex}.vu-meter-labels span{color:var(--text-muted);letter-spacing:.05em;font-size:.6rem;font-weight:700}.signal-status{color:var(--text-muted);transition:color .3s}.signal-status.active{color:#0f8;text-shadow:0 0 5px #00ff8880}.tuning-group{margin-bottom:20px}.tuning-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.72rem;font-weight:500;display:block}.slider-with-icon{align-items:center;gap:10px;display:flex}.slider-with-icon span{font-size:.9rem}.slider-with-icon input{flex:1}.switch-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 2px;display:flex}.switch-row+.switch-row{border-top:1px solid var(--border-subtle)}.switch-row:last-of-type{margin-bottom:16px}.switch-label{color:var(--text-primary);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.78rem;font-weight:500}.switch{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.switch-track{transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;position:absolute;inset:0}.switch-track:before{content:"";background:var(--text-muted);width:14px;height:14px;transition:transform var(--transition-fast), background var(--transition-fast), width var(--transition-fast), height var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 2px #00000080}.switch input:checked+.switch-track{background:var(--text-primary);border-color:var(--text-primary)}.switch input:checked+.switch-track:before{background:var(--bg-primary);width:16px;height:16px;transform:translate(18px,-50%)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent-glow);outline-offset:2px}.switch:hover .switch-track:before{box-shadow:0 0 0 6px #ffffff0f,0 1px 2px #00000080}.switch input:disabled+.switch-track{opacity:.4;cursor:not-allowed}.boost-btn{background:var(--text-primary);width:100%;color:var(--bg-primary);border-radius:var(--radius-md);font-family:var(--font);letter-spacing:.1em;cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px;font-size:.75rem;font-weight:700}.boost-btn:hover{filter:brightness(.9);transform:scale(1.02)}.boost-btn:active{transform:scale(.98)}.boost-btn.active{color:#fff;background:#ff3b3b;box-shadow:0 0 20px #ff3b3b66}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(10px)}}@media (width<=600px){.start-card{padding:32px 24px}.custom-logo{width:220px;max-width:78vw;margin-bottom:8px}.start-card h1{font-size:1.8rem}.start-sources-grid{grid-template-columns:1fr}.control-bar-inner{gap:4px;padding:8px 10px}.preset-info{display:none}.ctrl-btn{padding:6px}.ctrl-btn svg{width:18px;height:18px}.audio-source span{display:none}#preset-drawer{width:100vw;max-width:100vw}.volume-bar{width:50px}}.help-modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.help-modal-backdrop[hidden]{display:none}.help-modal-shell{background:#1a1a1d;border:1px solid #ffffff1a;border-radius:14px;width:100%;max-width:980px;height:calc(100vh - 28px);display:flex;overflow:hidden;box-shadow:0 24px 80px #000000b3}.help-modal-sidebar{background:#111113;border-right:1px solid #ffffff12;flex-direction:column;flex-shrink:0;width:200px;padding:0 0 20px;display:flex;overflow-y:auto}.help-modal-sidebar::-webkit-scrollbar{width:3px}.help-modal-sidebar::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.help-modal-search-wrap{border-bottom:1px solid #ffffff12;flex-shrink:0;padding:14px 12px 10px}#hm-search{color:#ccc;box-sizing:border-box;background:#ffffff12;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}#hm-search:focus{border-color:#a78bfa}#hm-search::placeholder{color:#555}.hm-search-results{padding:8px 0}.hm-search-result{color:#888;cursor:pointer;padding:6px 16px;font-size:12.5px;text-decoration:none;transition:background .1s,color .1s;display:block}.hm-search-result:hover{color:#ccc;background:#ffffff0d}.hm-search-result mark{color:#a78bfa;background:#a78bfa40;border-radius:2px}.hm-no-results{color:#555;padding:10px 16px;font-size:12px}.help-nav-group{margin-bottom:6px}.help-nav-label{letter-spacing:.07em;text-transform:uppercase;color:#555;padding:6px 16px 3px;font-size:9.5px;font-weight:700}.help-nav-link{color:#888;border-left:2px solid #0000;padding:6px 16px;font-size:13px;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:block}.help-nav-link:hover{color:#ccc;background:#ffffff0a}.help-nav-link.active{color:#a78bfa;background:#a78bfa14;border-left-color:#a78bfa}.help-modal-content{flex:1;padding:32px 36px 48px;position:relative;overflow-y:auto}.help-modal-content::-webkit-scrollbar{width:4px}.help-modal-content::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.help-modal-close{float:right;color:#888;cursor:pointer;z-index:10;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:-8px -8px 8px 8px;transition:background .15s,color .15s;display:flex;position:sticky;top:0}.help-modal-close:hover{color:#fff;background:#ffffff26}.hm-section{margin-bottom:48px;scroll-margin-top:12px}.hm-section h2{color:#e8e8ed;border-bottom:1px solid #ffffff12;margin-bottom:14px;padding-bottom:10px;font-size:20px;font-weight:700}.hm-section>p{color:#888;margin-bottom:12px;font-size:13.5px}.hm-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;margin-bottom:10px;padding:12px 16px}.hm-card h4{color:#e8e8ed;margin-bottom:5px;font-size:13px;font-weight:600}.hm-card p{color:#888;font-size:13px}.hm-list{margin:4px 0 0;padding:0;list-style:none}.hm-list li{color:#888;border-bottom:1px solid #ffffff0a;padding:5px 0 5px 14px;font-size:13px;position:relative}.hm-list li:last-child{border-bottom:none}.hm-list li:before{content:"";background:#7c5cc4;border-radius:50%;width:4px;height:4px;position:absolute;top:13px;left:0}.hm-list li strong{color:#e8e8ed}.hm-tip{color:#aaa;background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:13px}.hm-tip strong{color:#a78bfa}.hm-combo{background:#ffffff0a;border:1px solid #ffffff12;border-left:3px solid #a78bfa;border-radius:8px;margin-bottom:10px;padding:12px 16px}.hm-combo h4{color:#a78bfa;margin-bottom:5px;font-size:13px;font-weight:700}.hm-combo p{color:#888;font-size:13px}.hm-table{border-collapse:collapse;width:100%;margin-top:4px;font-size:13px}.hm-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#555;border-bottom:1px solid #ffffff12;padding:7px 10px;font-size:10px;font-weight:700}.hm-table td{color:#888;border-bottom:1px solid #ffffff0a;padding:7px 10px}.hm-table tr:last-child td{border-bottom:none}.hm-table td:first-child{color:#ccc}.hm-table kbd,.hm-list kbd,.hm-card kbd,.hm-tip kbd,.hm-section kbd{color:#ccc;background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11px;display:inline-block}.audio-format-modal{z-index:100000;-webkit-backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.audio-format-modal.hidden{display:none}.audio-format-modal .afm-card{text-align:center;background:#16161a;border:1px solid #ffffff14;border-radius:16px;width:min(380px,100vw - 48px);padding:30px 28px 24px;animation:.18s ease-out afmPop;box-shadow:0 24px 60px #0000008c}@keyframes afmPop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.audio-format-modal .afm-icon{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 16px;font-size:22px;display:flex}.audio-format-modal .afm-title{letter-spacing:.01em;color:#fff;margin-bottom:10px;font-size:17px;font-weight:600}.audio-format-modal .afm-msg{color:#ffffff9e;margin-bottom:18px;font-size:13.5px;line-height:1.5}.audio-format-modal .afm-formats{letter-spacing:.06em;color:#ffffffeb;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;margin-bottom:22px;padding:12px 10px;font-size:13px;font-weight:600}.audio-format-modal .afm-btn{color:#111;cursor:pointer;background:#fff;border:none;border-radius:10px;min-width:130px;padding:11px 22px;font-size:14px;font-weight:600;transition:opacity .15s}.audio-format-modal .afm-btn:hover{opacity:.85}