@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Source+Sans+3:wght@400;600&family=JetBrains+Mono:wght@400;500&display=swap";.page[data-v-cbbe2ba4]{width:100%;max-width:720px;display:flex;flex-direction:column;gap:32px}.hero[data-v-cbbe2ba4]{text-align:center}.eyebrow[data-v-cbbe2ba4]{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--brass);margin:0 0 12px}.title[data-v-cbbe2ba4]{font-family:var(--font-display);font-size:clamp(48px,9vw,76px);font-weight:600;margin:0;color:var(--ivory);letter-spacing:-.01em}.subtitle[data-v-cbbe2ba4]{max-width:520px;margin:14px auto 0;color:var(--ivory-dim);line-height:1.55;font-size:15px}.keys[data-v-cbbe2ba4]{display:block;width:100%;max-width:420px;height:24px;margin:28px auto 0;border-radius:3px;overflow:hidden}.card[data-v-cbbe2ba4]{background:var(--panel);border:1px solid var(--hairline);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:18px}.dropzone[data-v-cbbe2ba4]{border:1.5px dashed var(--hairline);border-radius:10px;padding:28px 20px;text-align:center;transition:border-color .15s ease,background .15s ease}.dropzone.has-file[data-v-cbbe2ba4]{border-color:var(--brass);background:#c9a24b0f}.dropzone.busy[data-v-cbbe2ba4]{opacity:.6}.dropzone-label[data-v-cbbe2ba4]{display:flex;flex-direction:column;gap:6px;cursor:pointer}.dropzone-label input[data-v-cbbe2ba4]{display:none}.dropzone-label strong[data-v-cbbe2ba4]{font-size:16px;color:var(--ivory)}.dropzone-label span[data-v-cbbe2ba4]{font-size:13px;color:var(--ivory-dim)}.advanced-toggle[data-v-cbbe2ba4]{display:flex;justify-content:flex-end}.link-button[data-v-cbbe2ba4]{background:none;border:none;color:var(--ivory-dim);font-size:13px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.link-button[data-v-cbbe2ba4]:hover{color:var(--brass-bright)}.advanced-panel[data-v-cbbe2ba4]{background:var(--panel-raised);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.field-label[data-v-cbbe2ba4]{font-size:12px;color:var(--ivory-dim);font-family:var(--font-mono)}.text-input[data-v-cbbe2ba4]{background:var(--ebony);border:1px solid var(--hairline);border-radius:6px;padding:10px 12px;color:var(--ivory);font-family:var(--font-mono);font-size:13px}.hint[data-v-cbbe2ba4]{font-size:12px;color:var(--ivory-dim);margin:4px 0 0;line-height:1.5}.hint code[data-v-cbbe2ba4]{color:var(--brass-bright);font-family:var(--font-mono)}.primary-button[data-v-cbbe2ba4]{background:var(--brass);color:var(--ebony);border:none;border-radius:8px;padding:14px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease}.primary-button[data-v-cbbe2ba4]:hover:not(:disabled){background:var(--brass-bright)}.primary-button[data-v-cbbe2ba4]:active:not(:disabled){transform:scale(.99)}.primary-button[data-v-cbbe2ba4]:disabled{background:var(--panel-raised);color:var(--ivory-dim);cursor:not-allowed}.progress-block[data-v-cbbe2ba4]{display:flex;flex-direction:column;gap:10px}.piano-progress[data-v-cbbe2ba4]{height:10px;border-radius:5px;background:var(--panel-raised);overflow:hidden}.piano-progress-fill[data-v-cbbe2ba4]{height:100%;background:linear-gradient(90deg,var(--brass),var(--brass-bright));transition:width .2s ease}.stage-label[data-v-cbbe2ba4]{font-family:var(--font-mono);font-size:12px;color:var(--ivory-dim);margin:0}.log[data-v-cbbe2ba4]{background:var(--ebony);border-radius:8px;padding:12px 14px;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--ivory-dim);max-height:220px;overflow-y:auto;white-space:pre-wrap;margin:0}.error-block[data-v-cbbe2ba4]{background:#c65b4e1f;border:1px solid rgba(198,91,78,.4);border-radius:8px;padding:14px 16px;color:var(--red)}.error-block strong[data-v-cbbe2ba4]{display:block;margin-bottom:4px}.result-block[data-v-cbbe2ba4]{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--hairline);padding-top:18px}.result-stats[data-v-cbbe2ba4]{display:flex;gap:32px}.result-stats>div[data-v-cbbe2ba4]{display:flex;flex-direction:column}.stat-value[data-v-cbbe2ba4]{font-family:var(--font-display);font-size:28px;color:var(--brass-bright)}.stat-label[data-v-cbbe2ba4]{font-size:12px;color:var(--ivory-dim)}.download-button[data-v-cbbe2ba4]{display:inline-block;text-align:center;background:var(--green);color:var(--ebony);border-radius:8px;padding:12px 20px;font-weight:600;text-decoration:none}.foot[data-v-cbbe2ba4]{text-align:center;color:var(--ivory-dim);font-size:12px;line-height:1.6;max-width:560px;margin:0 auto}.copyright[data-v-cbbe2ba4]{margin-top:8px;font-weight:500}:root{--ink: #141311;--panel: #1c1a17;--panel-raised: #24211d;--ivory: #f4efe4;--ivory-dim: #b7b0a1;--ebony: #0d0c0b;--brass: #c9a24b;--brass-bright: #e6c274;--red: #c65b4e;--green: #7fae6a;--hairline: rgba(244, 239, 228, .12);--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink);color:var(--ivory);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;justify-content:center;padding:48px 20px 80px}a{color:var(--brass-bright)}::selection{background:var(--brass);color:var(--ebony)}:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}