.tuner-container.svelte-hqy2pg{position:fixed;inset:0;top:var(--site-header-h, 0px);height:calc(100dvh - var(--site-header-h, 0px));background:#000;color:#fff;font-family:Inter,sans-serif;display:flex;flex-direction:column;overflow:hidden}.gate.svelte-hqy2pg{position:absolute;inset:0;z-index:10;background:#000000d9;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.gate.svelte-hqy2pg h2:where(.svelte-hqy2pg){font-size:2.5rem;letter-spacing:.35em;margin:0;opacity:.9}.gate.svelte-hqy2pg .gate-actions:where(.svelte-hqy2pg){display:flex;gap:1rem}.gate.svelte-hqy2pg .gate-actions:where(.svelte-hqy2pg) .mod-button:where(.svelte-hqy2pg){font-size:1.5rem;padding:.6rem 2rem;background:#000;border:1px solid #999}.gate.svelte-hqy2pg .gate-actions:where(.svelte-hqy2pg) .mod-button:where(.svelte-hqy2pg):hover{border:1px solid #fff}.note-display.svelte-hqy2pg{position:absolute;top:10%;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;pointer-events:none;width:100%;padding:1rem 0}.note-main.svelte-hqy2pg{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:6rem;width:100%}.note-box.svelte-hqy2pg{display:flex;align-items:flex-start;justify-content:center;position:relative;width:10rem;height:6rem}.note-box.svelte-hqy2pg span:where(.svelte-hqy2pg){position:absolute}.note-box.svelte-hqy2pg span:where(.svelte-hqy2pg).octave{top:0;left:.5em;font-size:.4em}.note-box.svelte-hqy2pg span:where(.svelte-hqy2pg).letter{display:inline-block;left:0;transform:translate(25%);min-width:1.2em;text-align:center}.note-box.svelte-hqy2pg span:where(.svelte-hqy2pg).accidental{top:0;right:0;font-size:.6em;margin-top:.2em}.offset.svelte-hqy2pg{font-size:.4em;width:6rem;color:#aaa;font-family:monospace}.offset.svelte-hqy2pg.left{text-align:right}.offset.svelte-hqy2pg.right{text-align:left}.freq-display.svelte-hqy2pg{width:7em;text-align:right;font-size:1.2rem;color:#666;margin-top:-.5rem}.visualizer-wrapper.svelte-hqy2pg{flex:1;width:100%}.offline-bar.svelte-hqy2pg{position:absolute;top:0;left:0;background:#0009;padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem}.offline-bar.svelte-hqy2pg .file-info:where(.svelte-hqy2pg){color:#aaa}.modal-backdrop.svelte-hqy2pg{position:absolute;inset:0;z-index:20;background:#000000b3;display:flex;align-items:center;justify-content:center}.modal.svelte-hqy2pg{background:#000;border:1px solid #fff;padding:2rem;min-width:20rem;max-width:30rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.modal.svelte-hqy2pg h2:where(.svelte-hqy2pg){font-weight:300;font-size:1.4rem;margin:0}.modal.svelte-hqy2pg .limits:where(.svelte-hqy2pg){margin:0}.modal.svelte-hqy2pg .dropzone:where(.svelte-hqy2pg){border:1px dashed #444;padding:3rem 1rem;color:#777;cursor:pointer}.modal.svelte-hqy2pg .dropzone:where(.svelte-hqy2pg):hover{border:1px dashed #999;color:#fff}.modal.svelte-hqy2pg .dropzone:where(.svelte-hqy2pg).drop{border-color:#0ff;color:#0ff}.modal.svelte-hqy2pg .progress:where(.svelte-hqy2pg){height:2px;background:#222}.modal.svelte-hqy2pg .progress:where(.svelte-hqy2pg) div:where(.svelte-hqy2pg){height:100%;background:#cca005;transition:width .15s}.modal.svelte-hqy2pg .error:where(.svelte-hqy2pg){color:#e06c6c;font-size:.8rem;margin:0}.modal.svelte-hqy2pg .close:where(.svelte-hqy2pg){background:none;border:none;color:#888;cursor:pointer;font-size:.75rem;margin-top:.5rem}.modal.svelte-hqy2pg .close:where(.svelte-hqy2pg):hover:not(:disabled){color:#fff}.modal.svelte-hqy2pg .close:where(.svelte-hqy2pg):disabled{opacity:.5}.controls.svelte-hqy2pg{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:linear-gradient(#0009,#000);display:flex;flex-direction:column;align-items:center;z-index:5}.controls.svelte-hqy2pg.collapsed{background:none}.controls.svelte-hqy2pg.collapsed .controls-head:where(.svelte-hqy2pg){width:auto;padding:.5rem 1rem .4rem;background:#000c;border:1px solid #333;border-bottom:none}.controls.svelte-hqy2pg.collapsed .controls-head:where(.svelte-hqy2pg):hover{background:#222;border:1px solid #999;border-bottom:none}.controls.svelte-hqy2pg .controls-head:where(.svelte-hqy2pg){background:none;border:none;color:#fff;cursor:pointer;width:100%;text-align:center;font-size:.75rem;padding:.3rem 0 .1rem;line-height:1;border:1px solid #0000}.controls.svelte-hqy2pg .controls-head:where(.svelte-hqy2pg):hover{background:#fff2;border-top:1px solid #999}.controls.svelte-hqy2pg .controls-body:where(.svelte-hqy2pg){display:flex;flex-direction:column;gap:.4rem;padding:.75rem 1rem 1rem;max-height:40vh;overflow-y:auto}.controls.svelte-hqy2pg .controls-body:where(.svelte-hqy2pg) label:where(.svelte-hqy2pg){display:flex;align-items:center;justify-content:flex-end;gap:1rem;font-size:.8rem;color:#fff;transition:opacity .2s}.controls.svelte-hqy2pg .controls-body:where(.svelte-hqy2pg) .buttons:where(.svelte-hqy2pg){display:flex;margin:.5rem 0;max-width:15em;flex-wrap:wrap}.controls.svelte-hqy2pg .controls-body:where(.svelte-hqy2pg) .buttons:where(.svelte-hqy2pg) button:where(.svelte-hqy2pg){font-weight:300;background:none;border:1px solid #444;color:#666;cursor:pointer;font-size:.8rem;transition:all .2s;width:4em}.controls.svelte-hqy2pg .controls-body:where(.svelte-hqy2pg) .buttons:where(.svelte-hqy2pg) button:where(.svelte-hqy2pg):hover{border-color:#888}.controls.svelte-hqy2pg .controls-body:where(.svelte-hqy2pg) .buttons:where(.svelte-hqy2pg) button:where(.svelte-hqy2pg).active{color:#fff;border-color:#fff;background:#ffffff1a}