*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--color-bg, #2e3440);color:var(--color-text, #eceff4);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}html{--nord0: #2e3440;--nord1: #3b4252;--nord2: #434c5e;--nord3: #4c566a;--nord4: #d8dee9;--nord5: #e5e9f0;--nord6: #eceff4;--nord7: #8fbcbb;--nord8: #88c0d0;--nord9: #81a1c1;--nord10: #5e81ac;--nord11: #bf616a;--nord12: #d08770;--nord13: #ebcb8b;--nord14: #a3be8c;--nord15: #b48ead}html[data-theme=nord-violet]{--color-bg: #1c1628;--color-bg-elevated: #2a2238;--color-surface: #322a42;--color-surface-card: linear-gradient(165deg, #3a304d 0%, #221c2e 100%);--color-border: #5a4d72;--color-border-strong: #7b6a9a;--color-text: #ece8f4;--color-text-muted: #b4aac8;--color-accent: #c9a8e8;--color-accent-strong: #9d7ccf;--color-primary-end: #6b4d9a;--color-danger: var(--nord11);--color-danger-bg: #3a2832;--gradient-primary: linear-gradient(165deg, #9d7ccf, #5a3d82);--gradient-play: radial-gradient(circle at 35% 30%, #b894e6, #2a2238);--color-tab-inactive-bg: #2a2238;--color-tab-inactive-text: #d8d0ea;--color-tab-active-bg: #42355a;--color-tab-active-border: #9d7ccf;--color-input-bg: #1a1424;--color-focus: #c9a8e8;--color-hint: #7d7194;--color-title: #d4b8f0;--color-dashed-add: #6b5c82;--color-play-icon: #ece8f4}html[data-theme=nord-honey]{--color-bg: #221a12;--color-bg-elevated: #332a1c;--color-surface: #3d3224;--color-surface-card: linear-gradient(165deg, #45382a 0%, #1e1810 100%);--color-border: #6b5c45;--color-border-strong: #9a8258;--color-text: #f4ebe0;--color-text-muted: #c4b5a0;--color-accent: #e4b04a;--color-accent-strong: #c99230;--color-primary-end: #8f6622;--color-danger: #c45a4a;--color-danger-bg: #3a2824;--gradient-primary: linear-gradient(165deg, #d4a03c, #7a5520);--gradient-play: radial-gradient(circle at 35% 30%, #e8bc5c, #332a1c);--color-tab-inactive-bg: #332a1c;--color-tab-inactive-text: #ead9c4;--color-tab-active-bg: #4d3f28;--color-tab-active-border: #d4a03c;--color-input-bg: #1a140e;--color-focus: #e4b04a;--color-hint: #8a7a66;--color-title: #f0cc7a;--color-dashed-add: #7a6a52;--color-play-icon: #f4ebe0}html[data-theme=nord-glade]{--color-bg: #1e2622;--color-bg-elevated: #2a332e;--color-surface: #2f3a34;--color-surface-card: linear-gradient(165deg, #334239 0%, #222a26 100%);--color-border: #4a5c52;--color-border-strong: #5f7a6a;--color-text: #eceff4;--color-text-muted: #a8b5ad;--color-accent: #8fbcbb;--color-accent-strong: #7dae8f;--color-primary-end: #3d5c47;--color-danger: var(--nord11);--color-danger-bg: #3a2f30;--gradient-primary: linear-gradient(165deg, #6fa87e, #2d4a38);--gradient-play: radial-gradient(circle at 35% 30%, #6fa87e, #243028);--color-tab-inactive-bg: #2a332e;--color-tab-inactive-text: #d2e0d8;--color-tab-active-bg: #354a3e;--color-tab-active-border: #7dae8f;--color-input-bg: #222b26;--color-focus: #8fbcbb;--color-hint: #6d7f74;--color-title: #a3be8c;--color-dashed-add: #5a6b62;--color-play-icon: var(--nord6)}html[data-theme=nord-aurora]{--color-bg: var(--nord0);--color-bg-elevated: #3a3545;--color-surface: #383145;--color-surface-card: linear-gradient(165deg, #3d3652 0%, #2f2a3d 100%);--color-border: #5c5472;--color-border-strong: var(--nord15);--color-text: var(--nord6);--color-text-muted: #c8c0dc;--color-accent: var(--nord14);--color-accent-strong: var(--nord15);--color-primary-end: var(--nord12);--color-danger: var(--nord11);--color-danger-bg: #3d2f36;--gradient-primary: linear-gradient(165deg, var(--nord15), var(--nord10));--gradient-play: radial-gradient(circle at 35% 30%, var(--nord15), var(--nord1));--color-tab-inactive-bg: var(--nord1);--color-tab-inactive-text: #ddd4ee;--color-tab-active-bg: #4a3f5e;--color-tab-active-border: var(--nord15);--color-input-bg: #2f283c;--color-focus: var(--nord8);--color-hint: #8f879f;--color-title: var(--nord13);--color-dashed-add: #6d6580;--color-play-icon: var(--nord6)}html[data-theme=nord-day]{--color-bg: var(--nord5);--color-bg-elevated: var(--nord6);--color-surface: #f2f4f8;--color-surface-card: linear-gradient(165deg, #ffffff 0%, var(--nord5) 100%);--color-border: #c5cdd9;--color-border-strong: var(--nord3);--color-text: var(--nord0);--color-text-muted: var(--nord3);--color-accent: var(--nord10);--color-accent-strong: #4a6d9a;--color-primary-end: var(--nord10);--color-danger: #a54d55;--color-danger-bg: #f0d6d8;--gradient-primary: linear-gradient(165deg, var(--nord8), var(--nord10));--gradient-play: radial-gradient(circle at 35% 30%, var(--nord8), var(--nord4));--color-tab-inactive-bg: var(--nord4);--color-tab-inactive-text: var(--nord1);--color-tab-active-bg: #dce3ef;--color-tab-active-border: var(--nord10);--color-input-bg: #ffffff;--color-focus: var(--nord10);--color-hint: #7b8496;--color-title: var(--nord10);--color-dashed-add: #9aa5b8;--color-play-icon: var(--nord0)}.app{min-height:100%;padding:1rem 1.25rem 2rem;max-width:1400px;margin:0 auto}.main-layout{display:grid;grid-template-columns:min(17.75rem,34vw) 1fr;gap:1rem 1.35rem;align-items:start}.workspace{min-width:0}.add-sounds-sidebar{position:sticky;top:.75rem;padding:.95rem .9rem 1rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-tab-inactive-bg);box-shadow:inset 0 1px #ffffff0a}.add-sounds-title{margin:0 0 .45rem;font-size:1.02rem;font-weight:650;color:var(--color-title)}.add-sounds-lead{margin:0 0 .65rem;font-size:.8rem;line-height:1.45;color:var(--color-text-muted)}.add-sounds-drop-zone{display:flex;align-items:center;justify-content:center;min-height:7.5rem;margin-bottom:.75rem;padding:.75rem;border-radius:10px;border:2px dashed var(--color-dashed-add);background:#0000001f}.add-sounds-drop-label{font-size:.88rem;font-weight:600;color:var(--color-text-muted);text-align:center}.add-sounds-buttons{display:flex;flex-direction:column;gap:.45rem}.add-sounds-btn-full{width:100%;justify-content:center}@media(max-width:720px){.main-layout{grid-template-columns:1fr}.add-sounds-sidebar{position:static}}.app.shell{display:flex;align-items:center;justify-content:center}.loading-msg{color:var(--color-text-muted);font-size:1.1rem}.top-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.app-title{margin:0;font-size:1.35rem;font-weight:650;letter-spacing:-.02em;color:var(--color-title)}.set-name-row{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px}.set-name-row label,.theme-row label{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.set-name-input{flex:1;max-width:280px;padding:.45rem .65rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text)}.set-name-input:focus{outline:2px solid var(--color-focus);outline-offset:1px}.theme-row{display:flex;align-items:center;gap:.5rem}.theme-select{padding:.45rem .65rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text);min-width:9.5rem}.theme-select:focus{outline:2px solid var(--color-focus);outline-offset:1px}.top-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.undo-banner{margin:-.2rem 0 .9rem;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);display:flex;align-items:center;justify-content:space-between;gap:.6rem}.undo-btn{padding:.28rem .7rem;font-size:.8rem}.btn{padding:.5rem 1rem;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.9rem}.btn.primary{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary-end)}.btn.primary:hover{filter:brightness(1.06)}.btn.secondary{background:var(--color-tab-inactive-bg);color:var(--color-tab-inactive-text);border-color:var(--color-border)}.btn.secondary:hover{filter:brightness(1.08)}.set-tabs{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.set-tabs-scroll{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;flex:1;min-width:0}.set-tab-wrap{display:inline-flex;align-items:center;gap:.15rem}.set-tab{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-tab-inactive-bg);color:var(--color-tab-inactive-text);font-size:.88rem}.set-tab:hover{filter:brightness(1.06)}.set-tab.active{background:var(--color-tab-active-bg);border-color:var(--color-tab-active-border);color:var(--color-text)}.set-tab-delete{width:1.5rem;height:1.5rem;padding:0;line-height:1;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:1.1rem}.set-tab-delete:hover{color:var(--color-danger);background:var(--color-danger-bg)}.set-add{padding:.4rem .75rem;border-radius:8px;border:1px dashed var(--color-dashed-add);background:transparent;color:var(--color-text-muted);font-size:.85rem;flex-shrink:0}.set-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.hint{margin:0 0 1rem;font-size:.82rem;color:var(--color-hint);max-width:52rem;line-height:1.45}.hint-toggle{background:none;border:none;padding:0;margin:0;font:inherit;font-size:inherit;color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer;vertical-align:baseline}.hint-toggle:hover{color:var(--color-accent-strong)}.hint-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.hint-rest{display:block;margin-top:.35em}.hint-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;padding:.08em .35em;border-radius:4px;background:var(--color-input-bg);color:var(--color-text)}.pad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.pad-cell{position:relative;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto auto auto auto;gap:.35rem .25rem;align-items:start;padding:.6rem .5rem .55rem;border-radius:12px;background:var(--color-surface-card);border:1px solid var(--color-border)}.pad-loading{opacity:.65}.pad-play{grid-column:1;grid-row:1;width:100%;aspect-ratio:1;max-height:72px;border-radius:10px;border:1px solid var(--color-border-strong);background:var(--gradient-play);display:flex;align-items:center;justify-content:center}.pad-play:hover:not(:disabled){border-color:var(--color-accent);filter:brightness(1.06)}.pad-play-inner{width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent var(--pad-play-triangle, var(--color-play-icon));margin-left:4px}.pad-play-inner--pause{width:16px;height:16px;margin-left:0;border:none;background:linear-gradient(to right,var(--pad-play-triangle, var(--color-play-icon)) 0 38%,transparent 38% 62%,var(--pad-play-triangle, var(--color-play-icon)) 62% 100%)}.pad-play--tagged:hover:not(:disabled){filter:brightness(1.08) saturate(1.05)}.pad-play--frost:hover:not(:disabled){filter:brightness(1.07) saturate(1.04)}.pad-title{grid-column:1 / -1;grid-row:3;width:100%;padding:.35rem .4rem;border-radius:6px;border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text);font-size:.8rem}.pad-volume-row{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.3rem}.pad-volume-label{font-size:.68rem;color:var(--color-text-muted)}.pad-volume-slider{width:100%}.pad-volume-value{min-width:2.2rem;text-align:right;font-size:.68rem;color:var(--color-text-muted)}.pad-tags-block{grid-column:1 / -1;grid-row:5;display:flex;flex-direction:column;gap:.4rem;margin-top:.1rem}.pad-progress-block{grid-column:1 / -1;grid-row:4;display:flex;flex-direction:column;gap:.2rem}.pad-progress-meta{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--color-text-muted)}.pad-progress-track{width:100%;height:.32rem;border-radius:999px;overflow:hidden;background:var(--color-input-bg);border:1px solid var(--color-border)}.pad-progress-fill{height:100%;background:var(--color-accent);transition:width 60ms linear}.pad-tags{display:flex;flex-wrap:wrap;gap:.3rem;min-height:0}.tag-chip{display:inline-flex;align-items:center;gap:.15rem;max-width:100%;padding:.12rem .28rem .12rem .45rem;border-radius:999px;border:1px solid;font-size:.72rem;font-weight:600;line-height:1.2}.tag-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem}.tag-chip-remove{flex-shrink:0;width:1.15rem;height:1.15rem;padding:0;margin:0;border:none;border-radius:50%;background:transparent;color:inherit;font-size:.85rem;line-height:1;cursor:pointer;opacity:.75}.tag-chip-remove:hover{opacity:1;background:#0000001f}html[data-theme=nord-day] .tag-chip-remove:hover{background:#0000000f}.pad-tag-select-row{display:flex;align-items:center;gap:.45rem}.pad-tag-select-label{flex-shrink:0;font-size:.72rem;color:var(--color-text-muted);font-weight:600}.pad-tag-select{flex:1;min-width:0;padding:.32rem .45rem;border-radius:6px;border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text);font-size:.75rem}.pad-tag-select:focus{outline:2px solid var(--color-focus);outline-offset:0}.pad-tag-select:disabled{cursor:not-allowed;opacity:.65}.options-panel{margin-bottom:1rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-elevated);overflow:hidden}.options-summary{padding:.55rem .85rem;font-weight:650;font-size:.9rem;color:var(--color-text);cursor:pointer;list-style:none}.options-summary::-webkit-details-marker{display:none}.options-summary:before{content:"▸ ";color:var(--color-accent)}.options-panel[open] .options-summary:before{content:"▾ "}.options-body{padding:0 .85rem .85rem;border-top:1px solid var(--color-border)}.options-data-notice{margin:.65rem 0 1rem;font-size:.82rem;line-height:1.5;color:var(--color-hint)}.options-backup-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem}.options-heading{margin:.75rem 0 .35rem;font-size:.95rem;color:var(--color-title)}.options-desc{margin:0 0 .65rem;font-size:.82rem;color:var(--color-hint);line-height:1.45}.options-add-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:.75rem}.options-tag-input{flex:1;min-width:160px;padding:.4rem .55rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text);font-size:.85rem}.options-tag-input:focus{outline:2px solid var(--color-focus);outline-offset:0}.options-add-btn{flex-shrink:0}.options-empty{margin:0;font-size:.82rem;color:var(--color-text-muted)}.options-tag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:14rem;overflow-y:auto}.options-tag-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .45rem;border-radius:8px;background:var(--color-surface-card);border:1px solid var(--color-border)}.options-tag-pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;border:1px solid;font-size:.8rem;font-weight:600;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.options-tag-delete{flex-shrink:0;padding:.3rem .55rem;border-radius:6px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:.78rem;font-weight:600}.options-tag-delete:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-bg)}.pad-drag{grid-column:2;grid-row:1;align-self:start;padding:.2rem .35rem;cursor:grab;color:var(--color-text-muted);font-size:.75rem;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;touch-action:none}.pad-drag:active{cursor:grabbing}.pad-remove{grid-column:3;grid-row:1;align-self:start;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:1rem;line-height:1}.pad-remove:hover{color:var(--color-danger);background:var(--color-danger-bg)}.empty{margin-top:1.5rem;text-align:center;color:var(--color-text-muted);font-size:.95rem}.copy-library-panel{margin-top:.65rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-elevated);overflow:hidden}.copy-library-summary{display:block;width:100%;padding:.55rem .85rem;border:none;border-bottom:1px solid transparent;background:transparent;text-align:left;font:inherit;font-weight:650;font-size:.9rem;color:var(--color-text);cursor:pointer}.copy-library-summary:before{content:"▸ ";color:var(--color-accent)}.copy-library-panel--open .copy-library-summary{border-bottom-color:var(--color-border)}.copy-library-panel--open .copy-library-summary:before{content:"▾ "}.copy-library-summary:hover{filter:brightness(1.04)}.copy-library-summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.copy-library-body{padding:0 .85rem .85rem}.copy-library-lead{margin:.65rem 0 .75rem;font-size:.78rem;line-height:1.45;color:var(--color-hint)}.copy-library-empty{margin:0;font-size:.8rem;color:var(--color-text-muted);line-height:1.45}.copy-library-scroll{max-height:14rem;overflow-y:auto;margin-bottom:.65rem;display:flex;flex-direction:column;gap:.55rem}.copy-library-set-block{border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface-card);overflow:hidden}.copy-library-set-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border-bottom:1px solid var(--color-border);background:var(--color-tab-inactive-bg)}.copy-library-set-name{font-size:.78rem;font-weight:650;color:var(--color-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-library-select-all{flex-shrink:0;padding:.2rem .45rem;border-radius:6px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:.68rem;font-weight:600;cursor:pointer}.copy-library-select-all:hover{color:var(--color-accent);border-color:var(--color-accent)}.copy-library-list{list-style:none;margin:0;padding:.25rem 0}.copy-library-row{display:flex;align-items:center;gap:.45rem;padding:.28rem .5rem;font-size:.78rem;color:var(--color-text);cursor:pointer}.copy-library-row:hover{background:#0000000f}html[data-theme=nord-day] .copy-library-row:hover{background:#0000000a}.copy-library-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:.95rem;height:.95rem;margin:0;flex-shrink:0;border-radius:6px;border:1px solid var(--color-border);background:var(--color-input-bg);cursor:pointer;vertical-align:middle;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.copy-library-row input[type=checkbox]:hover{border-color:var(--color-accent)}.copy-library-row input[type=checkbox]:checked{border-color:var(--color-accent);background-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6.2 5 8.7 9.5 3.3'/%3E%3C/svg%3E");background-size:.65rem;background-position:center;background-repeat:no-repeat}.copy-library-row input[type=checkbox]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.copy-library-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-library-add-btn{margin-top:.15rem}