:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--bg-elevated:#0c0c0e;--surface:#141417;--surface-strong:#1c1c1f;--surface-elevated:#222226;--text:#fafafa;--text-secondary:#a1a1aa;--muted:#71717a;--accent:#a5b4fc;--accent-strong:#818cf8;--accent-muted:#818cf826;--accent-glow:#818cf833;--danger:#f87171;--border:#27272a;--border-subtle:#18181b;--shadow:#0006;--gradient-accent:linear-gradient(135deg,#4f46e5 0%,#6366f1 50%,#818cf8 100%);--gradient-landing:radial-gradient(800px 400px at 10% -10%,#8caaff24,transparent 60%),radial-gradient(700px 500px at 90% 10%,#4fd1c52e,transparent 65%),radial-gradient(500px 500px at 50% 115%,#f472b61a,transparent 55%);--gradient-surface-subtle:linear-gradient(180deg,#ffffff08 0%,transparent 100%);--font-sans:var(--font-inter,ui-sans-serif),system-ui,-apple-system,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(2.25rem,5vw,3.5rem);--text-3xl:clamp(2.5rem,6vw,4rem);--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--shadow-sm:0 2px 8px var(--shadow);--shadow-md:0 12px 24px var(--shadow);--shadow-lg:0 24px 40px #00000059;--focus-ring:0 0 0 2px var(--border),0 0 0 3px #818cf84d;--hover-surface:#ffffff0a;--active-surface:#ffffff0f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}a{color:inherit;text-decoration:none}main{min-height:100vh;position:relative}main:after{content:"";pointer-events:none;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");position:fixed;inset:0}.page{gap:var(--space-8);padding:var(--space-6);flex-direction:column;display:flex}.page.landing{gap:var(--space-16);padding:var(--space-8)var(--space-6)}.app-page{max-width:900px;margin:0 auto}.app-workspace{max-width:1280px;margin:0 auto}.surface{background:var(--surface);border:1px solid var(--border);padding:var(--space-6);border-radius:20px;box-shadow:0 0 0 1px #ffffff05,0 4px 24px -4px #0000004d}.surface-strong{background:var(--surface-strong)}.section-title{font-size:var(--text-xl);letter-spacing:-.02em;margin:0 0 var(--space-4);color:var(--text);font-weight:700}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;padding:0}.grid{gap:var(--space-4);display:grid}.row{gap:var(--space-3);flex-wrap:wrap;display:flex}.badge{font-size:var(--text-xs);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-strong);font-weight:500}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--gradient-accent);color:#fff;font-size:var(--text-sm);cursor:pointer;box-shadow:none;border:1px solid #fff3;padding:12px 20px;font-weight:600;transition:border-color .15s,opacity .15s;display:inline-flex}.button:hover{border-color:#ffffff59}.button:focus-visible{box-shadow:var(--focus-ring);outline:none}.button.secondary{color:var(--text);border:1px solid var(--border);background:0 0}.button.secondary:hover{background:var(--hover-surface);border-color:#fff3}.button.secondary:active{background:var(--active-surface)}.button.ghost{color:var(--accent);background:0 0;border:1px solid #0000}.button.ghost:hover{background:var(--hover-surface);border-color:var(--border)}.button.ghost:active{background:var(--active-surface)}.button:disabled{opacity:.6;cursor:not-allowed}.icon-btn-muted{border-radius:var(--radius-md);color:var(--muted);justify-content:center;align-items:center;padding:8px;transition:color .15s,background .15s;display:inline-flex}.icon-btn-muted:hover{color:var(--text-secondary);background:var(--hover-surface)}.icon-btn-muted:focus-visible{box-shadow:var(--focus-ring);outline:none}.input,.select,.textarea{background:var(--bg-elevated);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);padding:12px 14px;transition:border-color .15s,box-shadow .15s}.input:hover,.select:hover,.textarea:hover{border-color:#ffffff26}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-strong);box-shadow:var(--focus-ring);outline:none}.textarea{resize:vertical;min-height:140px}.input-tooltip-icon{background-color:var(--hover-surface);width:16px;height:16px;color:var(--muted);font-size:var(--text-xs);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.input-tooltip{padding:var(--space-2)var(--space-3);color:var(--text);font-size:var(--text-sm);border-radius:var(--radius-sm);white-space:normal;word-break:break-word;z-index:100;pointer-events:none;border:1px solid var(--border);text-transform:none;background-color:#000000e6;max-width:min(280px,100vw - 24px);position:fixed}.helper{font-size:var(--text-sm);color:var(--muted)}.error{color:var(--danger);font-size:var(--text-sm)}.blank-selected-chip{padding:var(--space-3);background:var(--accent-muted);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.blank-selected-code{padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);background:#818cf833;border:1px solid #818cf866}.variation-option{text-align:left;cursor:pointer;padding:var(--space-4);font-size:var(--text-base);background:var(--surface-strong);border:1px solid var(--border-subtle)}.variation-option:hover{background:var(--accent-muted);border-color:#818cf859}.variation-option-index{color:var(--accent-strong);margin-right:var(--space-2)}.lyric-editor-container{width:100%;min-height:420px;padding:var(--space-6);font-size:var(--text-base);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);white-space:pre-wrap;word-wrap:break-word;outline:none;font-family:inherit;line-height:1.8;transition:border-color .15s,box-shadow .15s}.lyric-editor-container:focus{border-color:var(--accent-strong);box-shadow:var(--focus-ring)}.blank-highlight{border-radius:var(--radius-sm);cursor:pointer;border:1px solid;padding:2px 4px;transition:all .2s;display:inline-block}.blank-highlight:hover{opacity:.9}.blank-highlight.selected{opacity:1;box-shadow:0 0 8px}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.lyric-editor-helper{margin-top:var(--space-3);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.lyric-editor-helper-text{font-size:var(--text-sm);margin:0}.lyric-editor-helper-accent{color:var(--accent-strong)}.blank-code{background:var(--accent-muted);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);color:var(--accent);font-size:.9em}.ideation-idea{text-align:left;padding:var(--space-3);border-radius:var(--radius-md);color:inherit;cursor:pointer;background:#00000040;border:1px solid #ffffff1a;transition:border-color .2s,background .2s}.ideation-idea-selected{border-color:var(--accent-strong);background:var(--accent-muted)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-6);z-index:50;background:#000c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{width:min(520px,100%);margin:var(--space-6)0;max-height:calc(100vh - 48px);overflow-y:auto}.modal-body{margin-top:var(--space-4)}.card{background:var(--surface-strong);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);transition:background .2s,border-color .2s}.card:hover{background:var(--surface-elevated);border-color:var(--border)}.card-pinned{background:var(--surface-elevated)}.project-card{position:relative}.project-card-main{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0;display:block}.project-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.project-card-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.project-card-delete{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:opacity .15s,color .15s,background .15s;display:inline-flex}.project-card:hover .project-card-delete,.project-card-delete:hover,.project-card-delete:focus-visible{opacity:1}.project-card-delete:hover{color:var(--danger);background:#f871711f}.project-card-delete:focus-visible{box-shadow:var(--focus-ring);outline:none}.list{gap:var(--space-3);flex-direction:column;display:flex}.divider{background:var(--border);border:none;height:1px}.desktop-two-columns{gap:var(--space-4);grid-template-columns:1fr;display:grid}.landing{min-height:100vh;padding:var(--space-12)var(--space-8);padding-bottom:var(--space-16);background:var(--bg);position:relative;overflow:hidden}.landing:before{content:"";pointer-events:none;background:var(--gradient-landing);position:absolute;inset:0}.landing:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(120deg,#ffffff08 0%,#0000 60%);position:absolute;inset:0}.hero{z-index:1;gap:var(--space-12);align-items:center;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-card{background:var(--surface);border:1px solid var(--border);padding:var(--space-8);border-radius:24px;position:relative;box-shadow:0 4px 24px -4px #0000004d}.eyebrow{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 var(--space-3);font-weight:600}.hero-title{font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.025em;margin:0 0 var(--space-4);color:var(--text)}.hero-subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:36ch;margin:0}.hero-actions{margin-top:var(--space-6);align-items:center;gap:var(--space-3);display:flex}.hero-stats{gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);display:flex}.stat{gap:var(--space-1);flex-direction:column;display:flex}.stat span{font-size:var(--text-2xl);color:var(--text);font-weight:700}.stat p{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-weight:500}.hero-preview{justify-content:center;align-items:flex-start;display:flex}.preview-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;padding:var(--space-6);border-radius:20px;box-shadow:0 0 0 1px #ffffff05,0 20px 40px -15px #0006}.preview-block{background:var(--surface-strong);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4)0}.preview-title{font-size:var(--text-sm);margin:0 0 var(--space-2);color:var(--text);font-weight:600}.preview-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.7}.preview-grid{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.preview-option{background:var(--accent-muted);border-radius:var(--radius-full);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--accent);border:1px solid #818cf84d;font-weight:500}.feature-section,.steps-section{z-index:1;max-width:1200px;margin:0 auto;position:relative}.feature-section.surface,.steps-section.surface{background:var(--surface);border:1px solid var(--border)}.feature-grid,.steps-grid{gap:var(--space-6);margin-top:var(--space-6);display:grid}.feature-card,.step-card{background:var(--surface-strong);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color .2s,background .2s}.feature-card:hover,.step-card:hover{border-color:var(--border);background:var(--surface-elevated)}.feature-card h3,.step-card h3{margin:0 0 var(--space-2);font-size:var(--text-base);color:var(--text);font-weight:600}.step-index{font-size:var(--text-xs);letter-spacing:.15em;color:var(--accent-strong);margin-bottom:var(--space-2);font-weight:600;display:block}.cta-section{z-index:1;max-width:1200px;margin:0 auto;position:relative}.cta-card{gap:var(--space-6);padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;display:flex;box-shadow:0 4px 24px -4px #0000004d}.cta-card h2{font-size:var(--text-xl);margin:0 0 var(--space-2);color:var(--text);font-weight:700}.fade-up{opacity:0;animation:.6s forwards fadeUp;transform:translateY(12px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.desktop-two-columns{grid-template-columns:repeat(2,1fr)}.hero,.feature-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-card{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:1024px){.workspace{grid-template-columns:1fr 2fr 1.3fr;align-items:start;gap:24px;display:grid}.feature-grid,.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2fe1ab3d-module__-T-KAq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2fe1ab3d-module__-T-KAq__variable{--font-inter:"Inter","Inter Fallback"}