@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{color-scheme:light;--font-body: "Space Mono", "Courier New", monospace;--font-size-base: 16px;--font-size-sm: .95rem;--font-size-md: 1rem;--font-size-lg: 1.1rem;--line-height-base: 1.55;--font-weight-regular: 400;--font-weight-semibold: 700;--color-text: #122027;--color-text-muted: #2e3b42;--color-bg: #f0f4f8;--color-surface: #fef7ec;--color-surface-strong: #0f2027;--color-surface-strong-text: #fef7ec;--color-border: #e2c9a5;--color-border-strong: #cfae86;--color-accent: #e76f51;--color-accent-strong: #2a9d8f;--color-input: #f8e9d3;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--space-xs: .35rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--shadow-soft: 0 18px 28px rgba(15, 32, 39, .16);--shadow-card: 0 24px 40px rgba(15, 32, 39, .2);--shadow-input: 0 10px 20px rgba(15, 32, 39, .12);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-regular);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 20%,#f8e9d3,#fef7ec 30%,#f0f4f8 70%),linear-gradient(130deg,#fffc,#f8e9d3e6);color:var(--color-text)}body:before,body:after{content:"";position:fixed;inset:-20% -10% auto auto;width:60vw;height:60vw;background:radial-gradient(circle,rgba(231,111,81,.35),transparent 70%);filter:blur(10px);z-index:0;transform:rotate(-8deg)}body:after{inset:auto auto -25% -15%;background:radial-gradient(circle,rgba(42,157,143,.35),transparent 70%);transform:rotate(12deg)}.bg-texture{position:fixed;inset:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(18,32,39,.08) 0,rgba(18,32,39,.08) 1px,transparent 1px,transparent 30px),repeating-linear-gradient(90deg,rgba(18,32,39,.08) 0,rgba(18,32,39,.08) 1px,transparent 1px,transparent 30px);opacity:.35;z-index:0;pointer-events:none}a{color:inherit;text-decoration:none}#app{max-width:1400px;margin:0 auto;padding:calc(var(--space-xl) + var(--space-sm)) var(--space-lg) var(--space-xl);position:relative;z-index:1}.app-shell{display:grid;gap:var(--space-lg)}.nav{padding:var(--space-md) calc(var(--space-md) + var(--space-xs));background:var(--color-surface-strong);color:var(--color-surface-strong-text);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.nav-title{font-size:var(--font-size-lg);letter-spacing:.05em;text-transform:uppercase}.app-content{display:grid;gap:var(--space-lg)}.panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:calc(var(--space-md) + var(--space-sm)) var(--space-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.panel h2{font-size:var(--font-size-md);margin:0 0 var(--space-md);text-transform:uppercase;letter-spacing:.08em}button,select,input{font-family:inherit;font-size:var(--font-size-sm)}.app-header[data-v-05fc0f19]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:var(--space-sm)}.app-header h1[data-v-05fc0f19]{margin:0;font-size:clamp(2rem,3vw,3rem);letter-spacing:.04em}.app-header p[data-v-05fc0f19]{margin:0;max-width:640px;color:var(--color-text-muted);line-height:1.5}.checkbox-toggle[data-v-7300ee22]{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.85rem;white-space:nowrap;color:var(--color-text)}.checkbox-toggle input:disabled+span[data-v-7300ee22]{opacity:.6}.dropdown-select[data-v-ee22fc53]{width:100%;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-input);color:var(--color-text)}.dropdown-select[data-v-ee22fc53]:disabled{opacity:.6;cursor:not-allowed}.generator-form[data-v-8005bdda]{display:grid;gap:var(--space-md)}.field-group[data-v-8005bdda]{display:grid;gap:var(--space-sm)}.group-title[data-v-8005bdda]{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.field-grid[data-v-8005bdda]{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field[data-v-8005bdda]{display:grid;gap:.4rem}.field-row[data-v-8005bdda]{display:flex;gap:var(--space-sm);align-items:center}.field-label[data-v-8005bdda]{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.field-checkbox[data-v-8005bdda]{grid-auto-flow:column;align-items:center;justify-content:start;gap:var(--space-sm)}.field-with-hint[data-v-8005bdda]{display:inline-flex;align-items:center;gap:var(--space-xs)}.hint[data-v-8005bdda]{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:50%;border:1px solid var(--color-border-strong);color:var(--color-text-muted);font-size:.75rem;cursor:help;position:relative}.hint[data-v-8005bdda]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + .5rem);transform:translate(-50%);background:var(--color-surface-strong);color:var(--color-surface-strong-text);padding:.5rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow-soft);transition:opacity .15s ease;z-index:10}.hint[data-v-8005bdda]:hover:after,.hint[data-v-8005bdda]:focus-visible:after{opacity:1}.range-field[data-v-8005bdda]{gap:var(--space-sm)}.range-controls[data-v-8005bdda]{display:flex;align-items:center;gap:var(--space-sm)}.range-separator[data-v-8005bdda]{font-size:.85rem;color:var(--color-text-muted)}.preset-grid[data-v-8005bdda]{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.preset-button[data-v-8005bdda]{padding:.55rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-input);color:var(--color-text);font-weight:600;cursor:pointer}.generate-actions[data-v-8005bdda]{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.generate-button[data-v-8005bdda],.reroll-button[data-v-8005bdda]{justify-self:start;padding:.6rem 1.1rem;border-radius:var(--radius-pill);border:none;font-weight:600;cursor:pointer}.generate-button[data-v-8005bdda]{background:var(--color-accent);color:#1a1a1a}.reroll-button[data-v-8005bdda]{background:var(--color-input);color:var(--color-text);border:1px solid var(--color-border-strong)}.chord-card[data-v-f4c47567]{display:grid;gap:.75rem;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card)}.chord-title[data-v-f4c47567]{font-size:1.1rem;font-weight:600}.chord-details[data-v-f4c47567]{font-size:1rem;display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.chord-notes[data-v-f4c47567]{font-weight:500}.chord-scale[data-v-f4c47567]{font-size:.85rem;color:var(--color-text-muted);padding:.25rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-input);cursor:pointer}.chord-scale.inactive[data-v-f4c47567]{opacity:.7}.chord-meta[data-v-f4c47567]{font-size:.85rem;color:var(--color-text-muted)}.chord-actions[data-v-f4c47567]{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.chord-play[data-v-f4c47567]{justify-self:start;padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-input);color:var(--color-text);cursor:pointer}.chord-arp[data-v-f4c47567]{padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);cursor:pointer}.chord-placeholder[data-v-f4c47567]{margin:0;color:var(--color-text-muted);font-size:.95rem}.progression-display[data-v-89985655]{display:grid;gap:var(--space-md)}.progression-controls[data-v-89985655]{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.progression-actions[data-v-89985655]{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.progression-button[data-v-89985655]{padding:.55rem 1rem;border-radius:var(--radius-pill);border:none;font-weight:600;background:var(--color-accent);color:#1a1a1a;cursor:pointer}.progression-button.ghost[data-v-89985655]{background:var(--color-input);color:var(--color-text);border:1px solid var(--color-border-strong)}.progression-grid[data-v-89985655]{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.progression-card[data-v-89985655]{display:grid;gap:.5rem;padding:.9rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-input)}.progression-card.active[data-v-89985655]{border-color:var(--color-accent-strong);box-shadow:0 0 16px #f1b46866}.progression-header[data-v-89985655]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.progression-title[data-v-89985655]{font-weight:600}.lock-button[data-v-89985655]{padding:.2rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);font-size:.75rem;cursor:pointer}.progression-notes[data-v-89985655]{font-size:.9rem;color:var(--color-text-muted)}.progression-meta[data-v-89985655]{font-size:.75rem;color:var(--color-text-muted)}.progression-row[data-v-89985655]{display:flex;gap:var(--space-xs)}.progression-empty[data-v-89985655]{margin:0;color:var(--color-text-muted)}.piano-keyboard[data-v-4b4c8dca]{display:grid;gap:var(--space-sm)}.keyboard-frame[data-v-4b4c8dca]{position:relative;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-input);padding:var(--space-sm);box-shadow:var(--shadow-soft)}.white-keys[data-v-4b4c8dca]{position:relative;display:flex;gap:2px;height:140px}.key[data-v-4b4c8dca]{transition:background .12s ease,box-shadow .12s ease;border-radius:0 0 .35rem .35rem}.key-white[data-v-4b4c8dca]{flex:1;background:#ecebe3;border:1px solid rgba(0,0,0,.15)}.key-black[data-v-4b4c8dca]{position:absolute;top:0;height:60%;background:var(--color-surface-strong);border:1px solid var(--color-border-strong);z-index:2}.key-active-primary[data-v-4b4c8dca]{background:var(--color-accent);box-shadow:0 0 12px #d8a15d99}.key-active-secondary[data-v-4b4c8dca]{background:var(--color-accent-strong);box-shadow:0 0 12px #f1b4688c}.keyboard-legend[data-v-4b4c8dca]{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:.8rem;color:var(--color-text-muted)}