@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");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}
:root{--paper:#faf9fc;--surface:#fff;--text:#23202d;--muted:#797583;--purple:#7951d9;--purple-dark:#6840c4;--purple-light:#f0ebfb;--line:#eae7ef;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--paper);font-synthesis:none;font-family:Manrope Variable,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #b095ed}button:disabled{opacity:.55}img,svg{display:block}h1,h2,h3,p{margin:0}button{border:0}input,textarea,select{min-width:0}input[type=range]{accent-color:var(--purple)}.skip-link{z-index:100;background:#fff;padding:15px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#fffdfef2;height:83px;position:relative}.header-inner{align-items:center;gap:36px;max-width:1320px;height:100%;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:-.9px;white-space:nowrap;align-items:center;font-size:21px;font-weight:850;display:inline-flex}.brand-icon{background:var(--purple);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;margin-right:9px;display:grid}.brand-period{color:var(--purple)}.desktop-nav{align-items:center;gap:27px;height:100%;margin-left:auto;display:flex}.nav-link{color:#85808e;white-space:nowrap;align-items:center;height:100%;font-size:12px;font-weight:650;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--purple)}.nav-link.active:after{content:"";background:var(--purple);border-radius:3px;height:2px;position:absolute;bottom:0;left:0;right:0}.header-end{align-items:center;gap:20px;margin-left:20px;display:flex}.prototype-pill{letter-spacing:.3px;color:#89818f;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.prototype-pill i{background:#a095b3;border-radius:50%;width:5px;height:5px}.header-cta{background:#fff;border:1px solid #ded8e7;border-radius:7px;align-items:center;gap:12px;padding:10px 13px;font-size:11px;font-weight:700;display:flex}.header-cta:hover{background:var(--purple-light)}.mobile-menu-button{display:none!important}.mobile-nav{display:none}.page-container{max-width:1240px;margin:0 auto;padding:0 32px}.hero{justify-content:space-between;align-items:center;gap:30px;padding:49px 0 36px;display:flex}.hero-kicker{letter-spacing:1.75px;color:#82788f;align-items:center;gap:7px;margin-bottom:17px;font-size:9px;font-weight:750;display:flex}.hero-kicker>span{background:var(--purple-light);width:23px;height:23px;color:var(--purple);border-radius:6px;place-items:center;display:grid}.hero h1{letter-spacing:-1.8px;font-size:43px;font-weight:750;line-height:1.19}.hero h1>span{color:var(--purple)}.hero-copy>p{color:#81798a;max-width:600px;margin-top:16px;font-size:12px;line-height:1.85}.hero-features{color:#7d7587;gap:22px;margin-top:21px;font-size:10px;display:flex}.hero-features span{align-items:center;gap:6px;display:flex}.hero-features svg{color:#a99aba}.hero-side{text-align:center;margin-top:15px;padding-right:40px;position:relative}.handwritten-note{color:#a398b5;font-family:Georgia,serif;font-size:22px;font-style:italic;line-height:1.45;display:block;transform:rotate(-7deg)}.hero-side>svg{color:#b9abc9;width:84px;height:64px;margin:3px auto}.hero-side>a{letter-spacing:1.25px;color:#91819e;align-items:center;gap:10px;font-size:8px;display:flex}.studio{background:var(--surface);border:1px solid #e4deed;border-radius:13px;scroll-margin-top:25px;overflow:hidden;box-shadow:0 14px 50px #34204607}.studio-topbar{border-bottom:1px solid var(--line);background:#fdfcfe;justify-content:space-between;align-items:center;height:51px;padding:0 23px;display:flex}.studio-title{align-items:center;gap:9px;font-size:10px;display:flex}.studio-title strong{font-weight:750}.studio-title>span:last-child{color:#a099a8;font-size:10px}.status-dot{background:#9a7fd1;border-radius:50%;width:6px;height:6px}.topbar-divider{background:#e8e2ee;width:1px;height:12px;margin:0 4px}.preview-tag{color:#95869f;white-space:nowrap;background:#f3eff8;border:1px solid #eae3f1;border-radius:4px;padding:4px 7px;font-size:8px}.studio-body{grid-template-columns:295px minmax(0,1fr);display:grid}.studio-sidebar{border-right:1px solid var(--line);background:#fefefe}.control-section{padding:21px 21px 0}.control-label{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;font-weight:750;display:flex}.control-label>span{align-items:center;gap:8px;display:flex}.control-label b{color:#9986b4;background:#f2eef7;border-radius:5px;place-items:center;width:18px;height:18px;font-size:8px;font-weight:600;display:grid}.control-label>svg{color:#aea5b8}.audio-dropzone{text-align:center;background:#faf7ff;border:1px dashed #cfc1e6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:131px;padding:16px 8px;transition:background .15s,border-color .15s;display:flex;position:relative}.audio-dropzone:hover,.audio-dropzone.is-dragging{background:#f2eafa;border-color:#9972d8}.audio-dropzone:focus-within{outline-offset:3px;outline:3px solid #b095ed}.audio-dropzone input,.stem-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-symbol{color:#8c68c6;margin-bottom:3px}.audio-dropzone strong{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:230px;font-size:11px;overflow:hidden}.audio-dropzone>span:not(.upload-symbol){color:#a194b2;font-size:10px}.audio-dropzone u{color:#8c65c1;text-underline-offset:2px;text-decoration-thickness:1px}.audio-dropzone small{color:#aa9eba;margin-top:3px;font-size:8px}.privacy-line{color:#a098a9;justify-content:center;align-items:center;gap:5px;margin-top:9px;font-size:8px;display:flex}.demo-link{color:var(--purple);background:0 0;justify-content:center;align-items:center;gap:6px;margin:12px auto 0;padding:3px;font-size:9px;font-weight:650;display:flex}.demo-link:hover{text-decoration:underline}.demo-link svg:last-child{margin-left:2px}.audio-message{color:#92879e;text-align:center;overflow-wrap:anywhere;margin-top:8px;font-size:9px;line-height:1.6}.audio-message:empty{display:none}.template-section{margin-top:3px;padding-bottom:22px}.editor-tabs{background:#f5f3f8;border-radius:6px;gap:2px;margin-bottom:13px;padding:3px;display:flex}.editor-tabs button{color:#a097ac;background:0 0;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-size:9px;display:flex}.editor-tabs button[aria-selected=true]{color:#695b7e;background:#fff;box-shadow:0 1px 3px #2b0b3810}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 7px;display:grid}.template-choice{text-align:left;background:0 0;min-width:0;padding:0}.template-choice:disabled{opacity:.68}.template-image{border:2px solid #0000;border-radius:5px;display:block;position:relative;overflow:hidden}.template-choice.selected .template-image{border-color:#926ad6}.template-choice:not(:disabled):hover .template-image{border-color:#b395de}.template-thumb{aspect-ratio:1.43;color:#baa0eb;background:#151322;width:100%;display:block;position:relative;overflow:hidden}.thumb-album{background:#2b2040}.thumb-cover{background:url(/artwork/dusk.svg) 50%/cover;width:34%;height:55%;position:absolute;top:12%;left:33%}.mini-bars{align-items:end;gap:2px;height:50%;display:flex;position:absolute;bottom:22%;left:12%;right:12%}.mini-bars i{background:#baa2ef;border-radius:1px;flex:1;min-width:1px}.thumb-album .mini-bars{height:12%;bottom:12%}.thumb-wave svg{width:90%;height:100%;position:absolute;left:5%}.thumb-audiogram{background:#293340}.thumb-audiogram .mini-bars{height:22%;bottom:17%}.thumb-text{color:#ded8ec;text-align:center;letter-spacing:1px;font-size:5px;font-weight:700;position:absolute;top:21%;left:0;right:0}.thumb-orbit{aspect-ratio:1;border:2px dotted #e5b7db;border-radius:50%;width:45%;position:absolute;top:18%;left:27.5%}.thumb-circle .thumb-orbit{border:3px dotted #b99bec;box-shadow:0 0 0 3px #c3a5f222,0 0 15px #c3a5f233}.thumb-radial{background:radial-gradient(circle,#512548,#171120)}.thumb-radial .thumb-orbit{border:5px dashed #d7a0b2;box-shadow:0 0 0 2px #d7a0b222}.thumb-neon{background:radial-gradient(#3a2262,#111220)}.thumb-neon .thumb-orbit{filter:drop-shadow(0 0 5px #8d39ee);border:3px solid #a86bed;border-radius:40% 60% 67% 33%}.thumb-particles{background:#152728}.thumb-stars{text-align:center;letter-spacing:10px;color:#ded5fd;padding-top:5px;font-size:11px;line-height:1.2;display:block}.thumb-vinyl .thumb-orbit{outline-offset:-5px;background:#d3b0ac;border:8px solid #33303d;outline:1px solid #777280;box-shadow:0 0 0 2px #666174}.thumb-grid{background:repeating-linear-gradient(90deg,#0000 0 10%,#745bd477 10% 11%),repeating-linear-gradient(0deg,#0000 0 15%,#745bd477 15% 17%);width:150%;height:130%;position:absolute;top:40%;left:-25%;transform:perspective(28px)rotateX(45deg)}.thumb-retro{background:linear-gradient(#292039,#82355a)}.thumb-retro:before{content:"";aspect-ratio:1;background:#eaba90;border-radius:50%;width:25%;position:absolute;top:12%;left:38%}.template-name{white-space:nowrap;letter-spacing:-.1px;color:#8e829d;margin-top:5px;font-size:7px;line-height:1.3;display:block}.selected .template-name{color:var(--purple);font-weight:700}.template-check{color:#fff;background:#9064d8;border-radius:50%;place-items:center;width:13px;height:13px;display:grid;position:absolute;top:3px;right:3px}.soon-label{letter-spacing:.6px;color:#d8cfe3;background:#16111acc;border-radius:2px;padding:2px 3px;font-size:4px;position:absolute;bottom:3px;right:3px}.template-hint{color:#b0a6bc;text-align:center;margin-top:13px;font-size:7px}.studio-preview{background:linear-gradient(#fff,#fdfcfe);min-width:0;padding:20px 24px}.preview-toolbar{justify-content:space-between;align-items:center;gap:10px;min-height:26px;margin-bottom:13px;display:flex}.preview-toolbar>span:first-child{letter-spacing:1.35px;color:#aaa0b3;align-items:center;gap:5px;font-size:8px;font-weight:650;display:flex}.tiny-dot{background:#a895bd;border-radius:50%;width:4px;height:4px;display:inline-block}.ratio-options{background:#f6f3f9;border:1px solid #eee9f3;border-radius:5px;align-items:center;gap:3px;padding:3px;display:flex}.ratio-options button{color:#a599b1;background:0 0;border-radius:3px;align-items:center;gap:5px;padding:4px 6px;font-size:8px;display:flex}.ratio-options button[aria-pressed=true]{color:#7c668e;background:#fff;box-shadow:0 1px 3px #26083a10}.preview-mat{aspect-ratio:16/10.3;background:#efedf3;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.visual-canvas{isolation:isolate;aspect-ratio:16/9;color:#fff;background:radial-gradient(at 55% 25%,#493058 0,#0000 52%),radial-gradient(at 80% 80%,#352143 0,#0000 40%),#191423;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 35px #14092326}.ratio-9-16 .visual-canvas{aspect-ratio:9/16;width:auto;height:100%}.ratio-1-1 .visual-canvas{aspect-ratio:1;width:auto;height:100%}.canvas-grain{z-index:-1;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.canvas-topline{letter-spacing:1.8px;color:#c9bcd877;justify-content:space-between;font-size:5px;display:flex;position:absolute;top:19px;left:23px;right:23px}.album-composition{flex-direction:column;align-items:center;display:flex;position:absolute;inset:14% 0 15%}.album-sleeve{aspect-ratio:1;flex-shrink:0;width:27%;position:relative}.album-art{z-index:1;background:url(/artwork/dusk.svg) 50%/cover;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 36px #100b1c88}.art-top{letter-spacing:1.7px;color:#ebdcecaa;font-size:4px;position:absolute;top:9%;left:10%}.art-title{letter-spacing:-1.3px;color:#f3dcce;mix-blend-mode:screen;font-family:Georgia,serif;font-size:clamp(18px,3.9vw,47px);font-weight:400;line-height:.8;position:absolute;top:23%;left:10%}.art-title>span{font-family:Arial,sans-serif;font-size:21px;position:absolute;bottom:-4px;right:-27px}.art-bottom{letter-spacing:1px;color:#d7c7d7;font-size:3px;position:absolute;bottom:8%;left:10%}.album-shadow{background:#a785b212;border:1px solid #bca3c91c;position:absolute;inset:6% -5% -6% 5%;transform:rotate(6deg)}.album-caption{text-align:center;width:88%;min-width:0;margin-top:18px}.album-genre{display:none}.album-caption h2{letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;overflow:hidden}.album-caption p{letter-spacing:2px;color:#baaccb;margin-top:7px;font-size:5px}.wave-holder{height:10%;position:absolute;bottom:9%;left:18%;right:18%}.audio-canvas{width:100%;height:100%;display:block}.canvas-bottomline{letter-spacing:1.1px;color:#9786ad;justify-content:space-between;align-items:center;font-size:5px;display:flex;position:absolute;bottom:14px;left:21px;right:21px}.canvas-wordmark{letter-spacing:-.2px;color:#baaccb;font-size:7px;font-weight:600}.ratio-9-16 .album-sleeve{width:63%}.ratio-9-16 .album-composition{top:19%}.ratio-9-16 .album-caption{margin-top:20px}.ratio-9-16 .album-caption h2{font-size:12px}.ratio-9-16 .canvas-topline{letter-spacing:.7px;font-size:4px;left:13px;right:13px}.ratio-9-16 .canvas-bottomline{letter-spacing:.5px;font-size:4px;left:12px;right:12px}.ratio-9-16 .canvas-wordmark{font-size:5px}.ratio-9-16 .wave-holder{bottom:15%;left:12%;right:12%}.ratio-1-1 .album-sleeve{width:45%}.ratio-1-1 .album-composition{top:14%}.visual-bars .wave-holder{height:34%;inset:29% 14% auto}.visual-wave .wave-holder{height:27%;top:30%;left:9%;right:9%}.visual-circle .wave-holder{height:63%;top:12%;left:20%;right:20%}.alternate-title{text-align:center;width:90%;position:absolute;bottom:19%;left:5%}.alternate-title h2{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:500;overflow:hidden}.alternate-title p{letter-spacing:2px;color:#beacd1;margin-top:8px;font-size:6px}.ratio-9-16 .alternate-title h2{font-size:13px}.playback{align-items:center;gap:10px;padding-top:16px;display:flex}.play-button{color:#8660ba;background:#f0e9fa;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.play-button svg{width:12px;height:12px}.play-button:disabled{opacity:.65}.time-label{font-variant-numeric:tabular-nums;color:#9c90a9;font-size:8px}.scrubber{cursor:pointer;width:100%;height:3px;margin:0 2px}.scrubber:disabled{cursor:default;opacity:.45}.icon-button{color:#9b8dac;background:0 0;border-radius:5px;place-items:center;padding:6px;display:grid}.icon-button:hover:not(:disabled){background:#f1ebf8}.restart-button svg{width:12px;height:12px}.preview-caption{color:#a89ab6;justify-content:space-between;gap:10px;padding:14px 0 20px;font-size:8px;display:flex}.preview-caption>span:first-child{color:#94849f;align-items:center;gap:4px;display:flex}.export-panel{border-top:1px solid #eee8f4;justify-content:space-between;align-items:center;gap:15px;padding-top:19px;display:flex}.export-overline{letter-spacing:1.3px;color:#a495b1;font-size:7px}.export-panel h2{margin-top:5px;font-size:13px;font-weight:650}.export-panel p{color:#a195ad;margin-top:7px;font-size:8px;line-height:1.6}.export-button{color:#fff;white-space:nowrap;background:#7851c8;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:13px 17px;font-size:10px;font-weight:650;display:flex}.export-button:disabled{opacity:1;color:#a58fb9;background:#eee7f7}.export-button>span{letter-spacing:.7px;color:#aa91bd;background:#e1d7ec;border-radius:3px;margin-left:3px;padding:3px 4px;font-size:6px}.export-note{color:#b4a7bf;text-align:right;margin-top:10px;font-size:7px}.customize-panel{flex-direction:column;gap:8px;padding-top:5px;display:flex}.customize-panel>label{margin-top:8px;font-size:10px;font-weight:650}.customize-panel input{border:1px solid var(--line);background:#fbf9fd;border-radius:5px;width:100%;padding:11px;font-size:11px}.customize-panel fieldset{border:0;margin:17px 0 0;padding:0}.customize-panel legend{margin-bottom:10px;font-size:10px;font-weight:650}.color-options{gap:9px;display:flex}.color-options button{color:#665977;border:1px solid #e2dbe9;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.color-options button[aria-pressed=true]{outline-offset:2px;outline:2px solid #b19bcf}.customize-note{color:#a396af;margin-top:15px;font-size:9px;line-height:1.7}.studio-underbar{color:#aaa1b1;justify-content:space-between;align-items:center;padding:18px 3px 0;font-size:8px;display:flex}.studio-underbar>span:first-child{align-items:center;gap:6px;display:flex}.steps-section,.related-section{margin-top:75px}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:1.6px;color:#9f8aae;margin-bottom:10px;font-size:8px;font-weight:700}.section-heading h2,.faq-section h2{letter-spacing:-.85px;font-size:25px;font-weight:650;line-height:1.35}.section-description{color:#a294ad;font-size:10px;line-height:1.9}.steps-grid{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.steps-grid article{border-top:1px solid #e4dfec;padding:20px 0 0}.step-top{justify-content:space-between;align-items:center;display:flex}.step-icon{color:#9c7ac8;background:#eee8f8;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.step-top>span:last-child{letter-spacing:-1px;color:#dbd3e5;font-size:22px;font-weight:500}.steps-grid h3{margin-top:18px;font-size:13px;font-weight:700}.steps-grid p{color:#a092ab;max-width:280px;margin-top:9px;font-size:10px;line-height:1.9}.section-caption{color:#a391b0;font-size:9px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.related-card{background:#fff;border:1px solid #e6e0ed;border-radius:10px;padding:23px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.related-card:hover{border-color:#c6b0e4;transform:translateY(-3px);box-shadow:0 8px 18px #54227708}.tool-icon{color:#9a79be;background:#ede5f9;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.tool-color-2{color:#c5a169;background:#f9edde}.tool-color-3{color:#77a698;background:#e5f1ef}.card-arrow{color:#b6a8c2;position:absolute;top:29px;right:23px}.related-card h3{margin-top:20px;font-size:13px;font-weight:650}.related-card p{color:#a195ac;margin-top:8px;font-size:10px;line-height:1.7}.card-status{color:#9b85b0;margin-top:25px;font-size:8px;display:block}.faq-section{border-top:1px solid #e6e0ed;grid-template-columns:1fr 1.5fr;gap:70px;margin:79px 0 85px;padding-top:45px;display:grid}.faq-section>.section-description,.faq-section>div>.section-description{margin-top:12px}.faq-list details{border-bottom:1px solid #e6e0ed}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-size:11px;font-weight:600;list-style:none;display:flex}.faq-list details:first-child summary{padding-top:0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:#a997b7;flex-shrink:0}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{color:#93849f;padding:0 26px 18px 0;font-size:11px;line-height:1.9}.site-footer{border-top:1px solid var(--line);background:#f4f1f8;padding:37px max(32px,50vw - 588px) 20px}.footer-main{justify-content:space-between;gap:30px;padding-bottom:35px;display:flex}.footer-main .brand{font-size:18px}.footer-main .brand-icon{border-radius:7px;width:27px;height:27px}.footer-main p{color:#a298aa;margin-top:12px;font-size:10px}.footer-tools{grid-template-columns:repeat(2,1fr);gap:17px 45px;display:grid}.footer-tools a{color:#97869f;justify-content:space-between;align-items:center;gap:20px;font-size:9px;display:flex}.footer-tools a:hover{color:var(--purple)}.footer-bottom{color:#b0a2bb;border-top:1px solid #e8e1ee;justify-content:space-between;gap:20px;padding-top:19px;font-size:8px;display:flex}.tool-hero{min-height:280px}.tool-hero .hero-copy>p{max-width:590px}.lyric-hero-slogan{color:var(--purple);margin-bottom:4px;font-weight:700;display:block}.tool-hero-decoration{color:#b296d2;background:linear-gradient(135deg,#f3edfc,#e8dff4);border:1px solid #e8e0f1;border-radius:32px;place-items:center;width:170px;height:140px;margin-right:55px;display:grid;position:relative;transform:rotate(9deg);box-shadow:12px 14px #f0ebf6}.tool-hero-decoration>svg:first-child{stroke-width:1px;width:54px;height:54px}.tool-hero-decoration>svg:last-child{box-sizing:content-box;background:#fcfbfd;border:1px solid #e9e0f2;border-radius:12px;width:30px;height:30px;padding:9px;position:absolute;bottom:-12px;right:-10px;transform:rotate(-20deg)}.hero-names h1>span{color:#b28a55}.hero-names .hero-kicker>span{color:#bd965f;background:#f5ebdc}.hero-names .tool-hero-decoration{color:#c2a578;background:linear-gradient(135deg,#f7f0e3,#eddec5);border-color:#eee3d2;box-shadow:12px 14px #f3eee6}.hero-stems h1>span{color:#609c8d}.hero-stems .hero-kicker>span{color:#76a292;background:#e4f0eb}.hero-stems .tool-hero-decoration{color:#84af9d;background:linear-gradient(135deg,#edf7f3,#d9eae4);border-color:#dde9e1;box-shadow:12px 14px #edf3ef}.secondary-workspace{background:#fff;border:1px solid #e5deed;border-radius:13px;grid-template-columns:340px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 14px 50px #34204606}.secondary-controls{border-right:1px solid var(--line);background:#fefdff;min-width:0;padding:28px}.field-label{justify-content:space-between;gap:10px;margin:18px 0 9px;font-size:10px;font-weight:650;display:flex}.field-label>span{color:#a497af;font-weight:400}.secondary-controls textarea,.secondary-controls input:not([type=file]),.secondary-controls select{color:#776785;background:#fcfafe;border:1px solid #e5deed;border-radius:7px;width:100%;padding:12px;font-size:11px;line-height:1.8}.secondary-controls textarea{resize:vertical;min-height:130px;max-height:350px}.field-helper{color:#a997b6;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.field-helper button{color:#a997b6;background:0 0;padding:0;font-size:9px}.spaced-label{margin-top:28px}.form-fieldset{border:0;margin:22px 0 0;padding:0}.form-fieldset legend{margin-bottom:10px;font-size:10px;font-weight:650}.lyric-theme-options{gap:8px;display:flex}.lyric-theme{color:#fff;border:2px solid #0000;border-radius:5px;flex:1;justify-content:center;align-items:center;height:65px;font-size:7px;display:flex;position:relative}.lyric-theme>span{position:absolute;bottom:6px;left:0;right:0}.lyric-theme[aria-pressed=true]{outline-offset:2px;outline:2px solid #ba9cde}.theme-dusk{background:linear-gradient(#21132944,#271f4177),url(/artwork/dusk.svg) 50%/cover}.theme-ink{background:#1b1925}.theme-sage{background:radial-gradient(at 70% 20%,#b9d3ac,#739a8c)}.segmented{background:#f5f1f9;border-radius:6px;gap:5px;padding:4px;display:flex}.segmented button{color:#aa97b8;background:0 0;border-radius:4px;flex:1;padding:8px;font-size:10px}.segmented button[aria-pressed=true]{color:#8e6dae;background:#fff;box-shadow:0 1px 3px #2b0b3810}.local-note{color:#a294ae;margin-top:22px;font-size:9px;line-height:1.85}.optional-ai-panel{border-top:1px solid #ede6f2;margin-top:25px;padding-top:4px}.optional-ai-panel .control-label small{color:#a497af;font-size:9px;font-weight:400}.outline-action{color:#74449d;background:#f7f0fc;border:1px solid #cbb2e7;border-radius:7px;width:100%;min-height:40px;margin-top:12px;padding:9px 12px;font-size:11px;font-weight:650}.outline-action:hover:not(:disabled){background:#eddef8}.outline-action:disabled{opacity:.55;cursor:not-allowed}.secondary-file-input{color:#776785;width:100%;font-size:11px}.lyric-audio-player{width:100%;margin-top:13px;display:block}.secondary-notice{color:#875b98;margin-top:12px;font-size:11px;line-height:1.6}.transcript-result,.lyric-timing{background:#fcf9fe;border:1px solid #ece1f2;border-radius:8px;margin-top:15px;padding:14px}.transcript-result p,.lyric-timing p{color:#6b5978;font-size:11px;line-height:1.6}.transcript-result span{color:#a08bad;margin-top:9px;font-size:10px;display:block}.lyric-timing{max-height:300px;overflow-y:auto}.lyric-timing label{color:#776785;justify-content:space-between;align-items:center;gap:9px;margin:10px 0;font-size:10px;display:flex}.lyric-timing label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lyric-timing label input{flex:0 0 72px;width:72px}.lyric-result,.names-result,.stems-result{min-width:0;padding:25px}.lyric-canvas{aspect-ratio:16/11;color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.lyric-canvas-top{text-align:center;letter-spacing:2px;color:#fff9;font-size:7px;position:absolute;top:25px;left:0;right:0}.lyric-canvas-bottom{text-align:center;letter-spacing:2px;color:#fff8;font-size:7px;position:absolute;bottom:23px;left:0;right:0}.lyric-quote{color:#ffffff0b;font-family:Georgia,serif;font-size:220px;line-height:1;position:absolute;top:25%;left:10%}.lyric-canvas>p{text-align:center;overflow-wrap:anywhere;text-shadow:0 2px 18px #10092355;max-width:500px;max-height:100%;font-family:Georgia,serif;font-size:34px;font-style:italic;line-height:1.45;position:relative;overflow:auto}.lyric-canvas.text-medium>p{font-size:26px}.line-selector{padding:22px 0}.line-selector>div:first-child{color:#a08bad;align-items:center;gap:7px;font-size:10px;display:flex}.line-selector>p{color:#a494ae;margin-top:10px;font-size:10px}.line-chips{flex-wrap:wrap;gap:7px;max-height:95px;margin-top:11px;padding:3px;display:flex;overflow:auto}.line-chips button{color:#b3a4bc;background:#faf7fd;border:1px solid #e9e0f0;border-radius:5px;width:30px;height:28px;font-size:9px}.line-chips button[aria-pressed=true]{color:#8156b8;background:#eee4f9;border-color:#d4bfea}.secondary-export{border-top:1px solid #ede6f2;justify-content:space-between;align-items:center;gap:15px;padding-top:18px;display:flex}.secondary-export>p{color:#a798b3;font-size:9px;line-height:1.7}.mood-options{flex-wrap:wrap;gap:7px;display:flex}.mood-options button{color:#a38eac;background:#fcfafe;border:1px solid #e6e0ed;border-radius:6px;padding:9px 12px;font-size:10px}.mood-options button[aria-pressed=true]{color:#9260b5;background:#f3eafa;border-color:#d4b6e8}.primary-button{background:var(--purple);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:12px 18px;font-size:11px;font-weight:650;display:flex}.primary-button:hover:not(:disabled){background:var(--purple-dark)}.primary-button:disabled{color:#a495a0;opacity:1;background:#e4dedf}.generate-button{width:100%;margin-top:25px}.generate-button>svg:last-child{margin-left:auto}.name-empty{color:#9f7a59;text-align:center;background:#fbf8f2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:20px;display:flex;position:relative;overflow:hidden}.name-orbit{border:1px solid #eee3d3;border-radius:50%;width:280px;height:280px;position:absolute;top:24px;left:calc(50% - 140px);transform:rotate(-30deg)scaleY(.68)}.orbit-two{transform:rotate(30deg)scaleY(.68)}.empty-star{color:#c4a276;z-index:1;background:#fbf8f2;font-size:36px}.name-prompt{letter-spacing:2px;color:#bea78e;z-index:1;margin-top:16px;font-size:7px;line-height:1.6}.name-empty h2{z-index:1;margin-top:14px;font-family:Georgia,serif;font-size:27px;font-style:italic;font-weight:400}.name-empty p{color:#b5a18e;z-index:1;margin-top:12px;font-size:9px}.names-notice{color:#ad99b6;margin-top:20px;font-size:10px;line-height:1.8}.name-list{flex-direction:column;gap:9px;min-height:330px;display:flex}.name-result{background:#faf7fc;border:1px solid #eee7f2;border-radius:7px;align-items:center;gap:13px;min-width:0;padding:12px 16px;display:flex}.name-index{color:#c4b2cc;font-size:9px}.name-result h2{color:#8e719e;overflow-wrap:anywhere;min-width:0;font-family:Georgia,serif;font-size:19px;font-weight:400}.name-result .icon-button{flex-shrink:0;margin-left:auto}.stem-upload{color:#79a795;text-align:center;background:#f7fbf9;border:1px dashed #b8d2c6;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:176px;padding:20px 12px;display:flex;position:relative}.stem-upload strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.stem-upload>span{color:#97b1a5;font-size:9px}.stem-upload:focus-within{outline-offset:4px;outline:3px solid #abcfc0}.coming-notice{color:#90a198;background:#f5f7f6;border-radius:7px;gap:10px;margin:20px 0;padding:15px;display:flex}.coming-notice>svg{flex-shrink:0;margin-top:1px}.coming-notice strong{color:#7f9187;font-size:10px;font-weight:650}.coming-notice p{margin-top:7px;font-size:9px;line-height:1.8}.stems-workspace .primary-button{color:#8eaa9e;background:#e5eeea;width:100%}.stem-tracks{flex-direction:column;gap:14px;padding-top:5px;display:flex}.stem-track{color:#ac8ac6;background:#fbf8ff;border:1px solid #e9e0f0;border-radius:8px;align-items:center;gap:13px;min-width:0;padding:22px 17px;display:flex}.stem-track-icon{background:#eee3f8;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.stem-track-copy{min-width:115px}.stem-track-copy strong{font-size:11px;font-weight:650;display:block}.stem-track-copy span{opacity:.65;margin-top:5px;font-size:8px;display:block}.stem-wave{opacity:.65;align-items:center;gap:2px;width:100%;height:33px;display:flex}.stem-wave i{background:currentColor;border-radius:1px;flex:1;width:2px}.stem-placeholder{letter-spacing:.8px;opacity:.5;margin-left:4px;font-size:6px}.stem-peach{color:#c7a18b;background:#fffaf6;border-color:#f1e5dd}.stem-peach .stem-track-icon{background:#f6e8dd}.stem-mint{color:#8bbaaa;background:#f8fcfa;border-color:#deece6}.stem-mint .stem-track-icon{background:#e1f0e8}.stem-blue{color:#96adc8;background:#f8faff;border-color:#e3eaf3}.stem-blue .stem-track-icon{background:#e4edf8}.stem-result-note{color:#a89ab3;margin-top:20px;font-size:9px;line-height:1.8}.not-found{text-align:center;padding-top:90px;padding-bottom:100px}.not-found>svg{color:var(--purple);margin:0 auto 30px}.not-found h1{letter-spacing:-1px;margin:16px 0;font-size:35px}.not-found>p:not(.eyebrow){color:var(--muted);font-size:13px}.not-found .primary-button{width:fit-content;margin:30px auto 0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1450px){.page-container{max-width:1300px}.studio-body{grid-template-columns:315px minmax(0,1fr)}.studio-preview{padding:22px 30px}.hero{padding-top:55px}.hero h1{font-size:48px}.album-sleeve{width:28%}.album-caption h2{font-size:19px}.template-name{font-size:8px}.preview-mat{aspect-ratio:16/10}.site-footer{padding-left:max(32px,50vw - 618px);padding-right:max(32px,50vw - 618px)}}@media (max-width:1100px){.header-inner{gap:20px;padding:0 28px}.desktop-nav{gap:20px}.header-end{gap:0;margin-left:0}.prototype-pill{display:none}.hero-side{padding-right:15px}.studio-body{grid-template-columns:275px minmax(0,1fr)}.control-section{padding-left:17px;padding-right:17px}.studio-preview{padding:20px}.preview-mat{aspect-ratio:1.4}.album-sleeve{width:29%}.album-caption{margin-top:12px}.album-caption h2{font-size:13px}.art-title{font-size:34px}.export-panel{flex-wrap:wrap;gap:15px}.export-panel .export-button{width:100%}.export-note{text-align:center}.secondary-workspace{grid-template-columns:300px minmax(0,1fr)}.secondary-controls{padding:22px}.stem-track{gap:10px;padding:17px 12px}.stem-track-copy{min-width:99px}.stem-placeholder{display:none}.secondary-export{flex-wrap:wrap}.hero h1{font-size:39px}.tool-hero-decoration{width:135px;height:120px;margin-right:25px}.tool-hero .hero-copy>p{max-width:500px}.faq-section{gap:40px}}@media (max-width:850px){.brand{font-size:19px}.header-inner{padding:0 24px}.desktop-nav{gap:15px}.nav-link{font-size:10px}.header-cta{padding:8px 10px;font-size:9px}.hero h1{font-size:35px}.hero-side{display:none}.studio-body{grid-template-columns:250px minmax(0,1fr)}.studio-preview{padding:17px}.control-section{padding-left:13px;padding-right:13px}.template-name{font-size:6px}.template-grid{gap:10px 5px}.preview-toolbar>span:first-child{letter-spacing:.6px;font-size:7px}.ratio-options button{padding:4px;font-size:7px}.ratio-options button svg{width:10px}.preview-mat{aspect-ratio:1.07}.album-sleeve{width:44%}.art-title{font-size:35px}.album-caption{margin-top:16px}.canvas-topline{letter-spacing:1px;font-size:4px;left:15px;right:15px}.canvas-bottomline{font-size:4px;left:14px;right:14px}.canvas-wordmark{font-size:6px}.preview-caption{flex-wrap:wrap;gap:7px;font-size:7px}.export-panel h2{font-size:12px}.section-heading h2,.faq-section h2{font-size:23px}.steps-grid{gap:22px}.related-card{padding:18px}.related-card h3{font-size:12px}.card-arrow{top:23px;right:18px}.tool-hero h1{font-size:34px}.tool-hero-decoration{display:none}.secondary-workspace{grid-template-columns:260px minmax(0,1fr)}.secondary-controls,.lyric-result,.names-result,.stems-result{padding:20px}.lyric-canvas{aspect-ratio:1;padding:25px}.lyric-canvas>p{font-size:28px}.lyric-canvas.text-medium>p{font-size:23px}.stem-track{flex-wrap:wrap}.stem-wave{height:25px}.stem-track-copy{min-width:0}.name-empty{min-height:340px}.name-empty h2{font-size:25px}.name-result{gap:9px;padding:12px}.name-result h2{font-size:17px}}@media (min-width:681px) and (max-width:850px){.ratio-16-9 .album-sleeve{width:26%}.ratio-16-9 .album-caption{margin-top:10px}}@media (max-width:680px){html{scroll-padding-top:20px}.site-header{height:69px}.header-inner{justify-content:space-between;gap:10px;padding:0 20px}.brand{font-size:20px}.brand-icon{width:29px;height:29px}.desktop-nav,.header-end{display:none}.mobile-menu-button{color:#89789a;display:grid!important}.mobile-nav{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;padding:12px 20px;display:flex;position:absolute;top:68px;left:0;right:0;box-shadow:0 10px 25px #3320450d}.mobile-nav a{color:#8e7e9e;justify-content:space-between;align-items:center;padding:13px 3px;font-size:13px;display:flex}.mobile-nav a[aria-current=page]{color:var(--purple)}.page-container{padding:0 20px}.hero{padding:33px 0 28px}.hero-kicker{letter-spacing:1.35px;margin-bottom:15px;font-size:7px}.hero h1{letter-spacing:-1.2px;font-size:clamp(28px,7.7vw,42px);line-height:1.25}.hero-copy>p{margin-top:14px;font-size:11px;line-height:1.85}.desktop-break{display:none}.hero-features{flex-wrap:wrap;gap:14px;margin-top:18px;font-size:8px}.hero-features svg{width:12px;height:12px}.studio{border-radius:10px}.studio-topbar{height:45px;padding:0 14px}.studio-title{gap:7px;font-size:9px}.studio-title>span:last-child,.topbar-divider{display:none}.preview-tag{padding:4px 6px;font-size:7px}.studio-body{flex-direction:column;display:flex}.studio-sidebar{border:0;display:contents}.upload-section{border-bottom:1px solid var(--line);order:0;padding:18px 16px 13px}.audio-dropzone{min-height:103px;padding:13px}.audio-dropzone .upload-symbol{display:none}.audio-dropzone strong{max-width:100%;font-size:12px}.audio-dropzone>span:not(.upload-symbol){font-size:10px}.audio-dropzone small{font-size:8px}.privacy-line{margin-top:9px;font-size:8px}.demo-link{min-height:26px;margin-top:10px;font-size:10px}.control-label{margin-bottom:12px;font-size:12px}.studio-preview{order:1;padding:15px 16px}.preview-mat{aspect-ratio:16/11}.visual-canvas{aspect-ratio:16/9}.album-composition{top:13%}.album-sleeve{width:28%}.album-caption{margin-top:10px}.album-caption h2{font-size:12px}.album-caption p{letter-spacing:1.4px;margin-top:5px;font-size:4px}.art-title{letter-spacing:-.9px;font-size:28px}.art-title>span{font-size:16px;right:-20px}.art-top{letter-spacing:1px;font-size:2.5px}.art-bottom{font-size:2px}.wave-holder{height:9%;bottom:10%}.canvas-topline{letter-spacing:.8px;font-size:3px;top:12px;left:12px;right:12px}.canvas-bottomline{font-size:3px;bottom:9px;left:11px;right:11px}.canvas-wordmark{font-size:5px}.preview-toolbar{margin-bottom:11px}.preview-toolbar>span:first-child{font-size:7px}.ratio-options{padding:3px}.ratio-options button{min-height:26px;padding:5px 7px;font-size:8px}.ratio-options button svg{width:12px}.playback{gap:8px;padding-top:13px}.play-button{width:33px;height:33px}.time-label{font-size:9px}.scrubber{height:5px}.preview-caption{padding:13px 0;font-size:8px}.preview-caption>span:last-child{font-size:7px}.export-panel{flex-wrap:nowrap;gap:10px;padding-top:13px}.export-panel h2{font-size:11px}.export-panel p{max-width:170px;font-size:8px}.export-panel .export-button{gap:5px;width:auto;padding:11px 10px;font-size:9px}.export-panel .export-button>span{display:none}.export-note{text-align:left;margin-top:12px;font-size:7px}.template-section{border-top:1px solid var(--line);order:2;margin-top:0;padding:18px 16px 22px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 8px}.template-name{white-space:normal;min-height:17px;font-size:6.5px}.template-hint{font-size:8px}.editor-tabs button{padding:10px;font-size:10px}.soon-label{font-size:5px}.customize-panel>label,.customize-panel legend{font-size:11px}.customize-panel input{font-size:13px}.customize-note{font-size:10px}.color-options button{width:32px;height:32px}.studio-underbar{padding-top:14px;font-size:8px;line-height:1.7}.studio-underbar>span:last-child{display:none}.steps-section,.related-section{margin-top:45px}.section-heading{align-items:start;gap:15px;margin-bottom:20px}.section-heading h2,.faq-section h2{letter-spacing:-.8px;font-size:23px}.eyebrow{letter-spacing:1.3px;font-size:7px}.section-heading>.section-description,.section-caption{display:none}.steps-grid{grid-template-columns:1fr;gap:19px}.steps-grid article{min-height:100px;padding:20px 0 0 55px;position:relative}.step-top{display:block;position:absolute;top:20px;bottom:0;left:0}.step-top>span:last-child{letter-spacing:.5px;text-align:center;margin-top:7px;font-size:12px;display:block}.step-icon{border-radius:9px;width:34px;height:34px}.steps-grid h3{margin-top:0;font-size:13px}.steps-grid p{max-width:none;margin-top:7px;font-size:11px;line-height:1.85}.related-grid{grid-template-columns:1fr;gap:12px}.related-card{min-height:113px;padding:21px 21px 21px 75px}.tool-icon{width:36px;height:36px;position:absolute;top:21px;left:19px}.card-arrow{width:16px;top:24px;right:16px}.related-card h3{margin-top:0;padding-right:15px;font-size:13px}.related-card p{margin-top:5px;font-size:10px}.card-status{margin-top:11px;font-size:8px}.faq-section{margin:45px 0 48px;padding-top:32px;display:block}.faq-list{margin-top:26px}.faq-list summary{padding:16px 0;font-size:11px;line-height:1.6}.faq-list details p{padding-right:10px;font-size:11px}.site-footer{padding:28px 20px 20px}.footer-main{padding-bottom:27px;display:block}.footer-tools{gap:16px 28px;margin-top:25px}.footer-tools a{font-size:10px}.footer-bottom{flex-wrap:wrap;gap:10px 15px;font-size:8px;line-height:1.7}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-bottom>span:last-child{margin-left:auto}.tool-hero{min-height:0}.tool-hero h1{font-size:31px}.tool-hero .hero-copy>p{font-size:11px}.secondary-workspace{border-radius:10px;grid-template-columns:1fr}.secondary-controls{border-right:0;border-bottom:1px solid var(--line);padding:22px}.field-label{font-size:11px}.secondary-controls textarea,.secondary-controls input:not([type=file]),.secondary-controls select{font-size:16px}.secondary-controls textarea{font-size:13px;line-height:1.8}.lyric-result,.names-result,.stems-result{padding:20px}.lyric-canvas{aspect-ratio:1.2;padding:30px}.lyric-canvas>p{font-size:30px}.lyric-canvas.text-medium>p{font-size:24px}.lyric-canvas-top,.lyric-canvas-bottom{font-size:6px}.secondary-export{flex-wrap:nowrap}.secondary-export>p{max-width:140px;font-size:8px}.secondary-export .export-button{gap:5px;padding:10px;font-size:9px}.secondary-export .export-button>span{display:none}.form-fieldset legend{font-size:11px}.lyric-theme{height:72px;font-size:8px}.segmented button{min-height:37px;font-size:12px}.local-note{margin-top:17px;font-size:10px}.line-selector>div:first-child{font-size:10px}.line-chips button{min-width:34px;min-height:32px}.mood-options button{min-height:37px;font-size:11px}.primary-button{min-height:45px;font-size:12px}.name-empty{min-height:300px}.name-result{min-height:53px;padding:12px 15px}.name-result h2{font-size:21px}.names-notice{font-size:10px}.stem-track{flex-wrap:nowrap;gap:10px;padding:18px 12px}.stem-wave{height:29px}.stem-track-copy{min-width:95px}.stem-track-copy strong{font-size:10px}.stem-track-copy span{font-size:7px}.stem-track-icon{width:29px;height:29px}.stem-track-icon svg{width:17px}.stem-result-note{font-size:9px}.not-found{padding-top:60px;padding-bottom:70px}.not-found h1{font-size:28px;line-height:1.35}.not-found>p:not(.eyebrow){font-size:12px}.ratio-9-16 .album-sleeve{width:60%}.ratio-9-16 .album-caption{margin-top:13px}.ratio-9-16 .album-caption h2{font-size:9px}.ratio-9-16 .album-caption p{letter-spacing:1px;font-size:3px}.ratio-9-16 .canvas-topline{letter-spacing:.3px;font-size:2.5px;left:8px;right:8px}.ratio-9-16 .canvas-bottomline{font-size:2.5px;left:8px;right:8px}.ratio-9-16 .canvas-wordmark{font-size:3px}.ratio-9-16 .art-title{font-size:23px}.ratio-1-1 .album-sleeve{width:44%}.ratio-1-1 .art-title{font-size:32px}.alternate-title h2{font-size:14px}.alternate-title p{font-size:5px}.ratio-9-16 .alternate-title h2{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spin{animation:none}*{transition:none!important}}.control-label,.audio-dropzone strong{font-size:12px}.audio-dropzone small{color:#867494;font-size:9px}.privacy-line{color:#87768f;font-size:9px}.demo-link{font-size:10px}.template-name{color:#766681;font-size:8px}.template-hint{color:#87758f;font-size:8px}.editor-tabs button{font-size:10px}.preview-toolbar>span:first-child{color:#83718f;font-size:9px}.preview-caption{color:#897695;font-size:9px}.export-panel p{color:#877393;font-size:10px}.export-note{color:#907c9c;font-size:9px}.hero-copy>p{color:#7b7084;font-size:13px}.hero-features{color:#82718e;font-size:11px}.preview-tag{color:#877093}.section-description{color:#897493;font-size:12px}.steps-grid p{color:#877292;font-size:12px}.related-card p{color:#8b7795;font-size:11px}.card-status{color:#8c7498;font-size:10px}.faq-list summary{font-size:12px}.faq-list details p{color:#81708c}.studio-underbar{color:#8f7f98;font-size:10px}.footer-main p,.footer-tools a{color:#887391;font-size:11px}.footer-bottom{color:#95859e;font-size:9px}.local-note{color:#8b7596;font-size:10px}.audio-message{font-size:10px}.error-message{color:#b7424d}.customize-note{color:#8b7596;font-size:10px}@media (max-width:850px){.preview-toolbar>span:first-child{font-size:8px}.template-name{font-size:7px}.hero-features{font-size:10px}}@media (max-width:680px){.hero-copy>p{font-size:12px}.hero-features{font-size:9px}.template-name{font-size:8px}.export-panel p{font-size:9px}.export-note,.preview-caption{font-size:8px}.privacy-line{font-size:9px}.preview-toolbar>span:first-child{font-size:8px}.studio-underbar{font-size:9px}.steps-grid p{font-size:12px}.footer-tools a{font-size:10px}.footer-bottom{font-size:9px}}.album-output-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-error{color:#fff;text-align:center;font-size:14px;position:absolute;inset:25% 10%}.mp4-export-section .export-panel{flex-wrap:wrap;gap:16px}.mp4-export-section .export-button{min-height:44px}.mp4-export-section .export-button:not(:disabled){cursor:pointer;color:#fff;background:#8055ba;box-shadow:0 5px 16px #8055ba25}.mp4-export-section .export-button:not(:disabled):hover{background:#6b419f}.export-cancel,.download-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.export-cancel{color:#69458d;background:#fff;border:1px solid #d9cce5}.export-progress,.export-result{background:#faf7fd;border:1px solid #e6dcef;border-radius:12px;margin-top:18px;padding:18px}.export-progress>span,.export-result-heading,.export-result-heading>span:first-child{align-items:center;gap:8px;display:flex}.export-progress>span{color:#68478b;font-size:12px}.export-progress progress{accent-color:#8055ba;width:100%;height:7px;margin:14px 0 8px}.export-progress small,.export-result p{color:#7b6a88;font-size:11px;line-height:1.6}.export-feedback{margin-top:14px;font-size:12px;line-height:1.6}.export-result-heading{color:#614180;justify-content:space-between;font-size:12px}.export-result video{background:#191423;border-radius:8px;width:100%;max-height:420px;margin:14px 0;display:block}.download-button{color:#fff;background:#8055ba;margin-bottom:10px}.download-button:hover{background:#6b419f}.mp4-export-section .export-note{text-align:left;font-size:11px;line-height:1.6}@media (max-width:680px){.mp4-export-section .export-panel p{max-width:none}.mp4-export-section .export-panel .export-button{width:100%;font-size:12px}.mp4-export-section .export-panel .export-button>span{display:inline}.export-cancel,.download-button{width:100%}.preview-mat.ratio-9-16{aspect-ratio:9/14;max-height:560px}.preview-mat.ratio-1-1{aspect-ratio:1}}.export-tiers{border-top:1px solid var(--border);padding:18px;font-size:13px;line-height:1.6}.export-tiers select{color:#fff;background:#171a26;border:1px solid #454353;border-radius:8px;width:100%;margin:8px 0;padding:10px;display:block}.export-tiers button{margin-right:8px;padding:8px 12px}.export-tiers button:disabled{opacity:.55;cursor:not-allowed}.policy-page{max-width:920px;padding-top:64px;padding-bottom:64px;line-height:1.75}.policy-page h1{margin:16px 0 24px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.15}.policy-page h2{margin:32px 0 12px;font-size:1.35rem}.policy-page p{margin:12px 0}.policy-page a{text-decoration:underline}.policy-page nav,.footer-policies{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.policy-page table{border-collapse:collapse;width:100%}.policy-page th,.policy-page td{text-align:left;vertical-align:top;border-bottom:1px solid #393540;padding:12px}.purchase-actions{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.cookie-settings{z-index:40;color:#fff;background:#201d26;border:1px solid #666;border-radius:8px;padding:8px 12px;font-size:12px;position:fixed;bottom:10px;left:12px}.cookie-banner{z-index:100;color:#fff;background:#201d26;border:1px solid #888;border-radius:12px;max-width:820px;margin:auto;padding:20px;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 8px 40px #0008}.cookie-banner p{margin-bottom:12px;line-height:1.6}.cookie-banner a{text-decoration:underline}.cookie-banner div{flex-wrap:wrap;gap:12px;display:flex}.cookie-banner button{color:#fff;background:#393340;border:1px solid #b9a9d0;border-radius:6px;padding:10px 14px}.studio-sidebar .lyric-timing{min-width:0;max-height:440px;margin:12px}.studio-sidebar .lyric-timing fieldset{border:0;min-width:0;padding:0}.studio-sidebar .lyric-timing textarea{box-sizing:border-box;width:100%;padding:8px}.studio-sidebar .lyric-timing button{min-height:32px}.stems-result audio{width:100%}.stems-workspace input[type=file]{max-width:100%}
:root{--paper:#f8f7fa;--text:#252230;--muted:#625c70;--purple:#7045c7;--purple-dark:#5935a5;--line:#e3dfe9;--border:var(--line)}body{font-size:16px;line-height:1.6}.page-container{max-width:1280px}.site-header{background:#fff;height:76px}.header-inner{gap:24px;max-width:1360px}.desktop-nav{gap:22px}.nav-link,.header-cta{font-size:14px}.nav-link{color:var(--muted)}.header-end{margin-left:0}.prototype-pill{display:none}.header-cta{border-radius:10px;min-height:44px}.hero{gap:32px;padding:36px 0 28px}.tool-hero{min-height:0}.hero h1{letter-spacing:-1.7px;font-size:clamp(32px,3.5vw,46px);line-height:1.15}.hero-copy>p,.tool-hero .hero-copy>p{max-width:680px;color:var(--muted);margin-top:16px;font-size:16px;line-height:1.75}.hero-kicker,.eyebrow{letter-spacing:1.4px;color:var(--muted);font-size:12px}.hero-kicker{margin-bottom:12px}.hero-features{color:var(--muted);flex-wrap:wrap;gap:12px 20px;margin-top:16px;font-size:13px}.hero-side{flex-shrink:0;padding-right:8px}.handwritten-note{color:var(--muted);text-align:left;font-family:inherit;font-size:18px;font-style:normal;font-weight:600;transform:none}.hero-side>svg{height:36px}.hero-side>a{letter-spacing:.5px;min-height:44px;color:var(--purple-dark);font-size:12px}.hero-names h1>span{color:#856027}.hero-stems h1>span{color:#327563}.studio,.secondary-workspace{border-color:var(--line);border-radius:20px;box-shadow:0 12px 40px #21163108}.studio-topbar{background:#fff;gap:12px;height:auto;min-height:58px;padding:14px 24px}.studio-title,.studio-title>span:last-child{font-size:13px}.studio-title>span:last-child{color:var(--muted)}.preview-tag{color:var(--muted);border-radius:6px;font-size:12px}.studio-body{grid-template-columns:340px minmax(0,1fr)}.control-section{padding:24px 20px 0}.control-label{font-size:15px}.control-label b{width:26px;height:26px;color:var(--purple-dark);font-size:12px}.audio-dropzone{border-color:#b8a4d5;border-radius:12px;min-height:148px}.audio-dropzone strong{max-width:100%;font-size:15px}.audio-dropzone>span:not(.upload-symbol){color:var(--muted);font-size:14px}.audio-dropzone small,.privacy-line,.template-hint,.customize-note,.local-note,.audio-message{color:var(--muted);font-size:12px;line-height:1.65}.audio-dropzone u{color:var(--purple-dark)}.privacy-line{align-items:flex-start}.privacy-line svg{flex-shrink:0;margin-top:3px}.demo-link{min-height:44px;margin-top:6px;font-size:14px}.editor-tabs{border-radius:10px;padding:4px}.editor-tabs button{min-height:40px;color:var(--muted);font-size:13px}.editor-tabs button[aria-selected=true]{color:var(--purple-dark);border-radius:7px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.template-image{border-radius:10px}.template-name{white-space:normal;color:var(--muted);margin-top:6px;font-size:12px;line-height:1.5;display:block}.template-choice.selected .template-name{color:var(--purple-dark)}.template-choice.selected .template-image{border-color:var(--purple);box-shadow:0 0 0 2px #7045c719}.template-section{padding-bottom:24px}.studio-preview{background:#fff;padding:20px}.preview-stage{color:#f6f2fc;background:#211a2d;border:1px solid #383044;border-radius:14px;padding:18px}.preview-toolbar{flex-wrap:wrap;gap:12px}.preview-toolbar>span:first-child{color:var(--muted);letter-spacing:1px;font-size:12px}.preview-stage .preview-toolbar>span:first-child{color:#d5c9e7}.preview-stage .ratio-options{background:#31273f;border-color:#514261}.ratio-options button{min-height:36px;color:var(--muted);padding:6px 9px;font-size:12px}.preview-stage .ratio-options button{color:#e0d6ed}.preview-stage .ratio-options button[aria-pressed=true]{color:#38234f;background:#eee6fa}.preview-mat{aspect-ratio:16/10;background:#171220;border-radius:8px}.play-button,.icon-button{min-width:40px;min-height:40px}.preview-stage .play-button{color:#27143b;background:#bba0ec}.preview-stage .icon-button,.preview-stage .time-label{color:#d5c9e7}.preview-stage .icon-button:hover:not(:disabled){background:#40324f}.time-label{font-size:12px}.scrubber{accent-color:#bba0ec;min-width:24px;height:20px}.preview-caption{flex-wrap:wrap;padding-bottom:0;font-size:12px}.preview-stage .preview-caption,.preview-stage .preview-caption>span:first-child{color:#d5c9e7}.export-tiers{border-top:0;padding:22px 0;font-size:14px}.export-tiers select{min-height:48px;color:var(--text);background:#faf9fc;border-color:#b8aec7;padding:12px;font-size:14px}.export-panel{flex-wrap:wrap;align-items:flex-start}.export-panel h2{max-width:36ch;font-size:20px;line-height:1.4}.export-panel p,.export-note,.mp4-export-section .export-note,.export-progress small,.export-result p{color:var(--muted);font-size:13px;line-height:1.65}.export-note{text-align:left}.export-overline{color:var(--muted);font-size:12px}.export-button,.mp4-export-section .export-button,.primary-button,.outline-action,.download-button,.export-cancel{border-radius:10px;min-height:46px;font-size:14px}.export-button>span{color:#4d3865;background:#e9dff5;font-size:12px}.export-button:disabled{color:#746581;background:#ece7f2}.export-tiers button,.credit-account button,.lyric-timing button,.tool-page button{background:var(--purple-light);min-height:44px;color:var(--purple-dark);border-radius:8px;margin:4px 8px 4px 0;padding:10px 14px;font-size:14px}.purchase-actions button{border:1px solid #b8a4d5}.credit-account{padding:16px 0;font-size:14px}.customize-panel>label,.customize-panel legend,.field-label,.form-fieldset legend{color:var(--text);font-size:14px}.customize-panel input,.secondary-controls textarea,.secondary-controls input:not([type=file]),.secondary-controls select,.lyric-timing textarea,.lyric-timing input{color:var(--text);background:#fff;border:1px solid #b8aec7;border-radius:8px;padding:10px 12px;font-size:16px}.secondary-file-input{color:var(--muted);font-size:14px}.secondary-controls{padding:28px}.secondary-workspace{grid-template-columns:360px minmax(0,1fr)}.field-helper,.field-helper button,.optional-ai-panel .control-label small,.secondary-notice,.names-notice,.stem-result-note{color:var(--muted);font-size:13px}.field-label>span{color:var(--muted)}.lyric-timing p,.lyric-timing label,.transcript-result p{color:var(--muted);font-size:13px;line-height:1.65}.studio-sidebar .lyric-timing{margin:20px}.lyric-timing input{max-width:100%}.mood-options button,.segmented button{min-height:40px;color:var(--muted);font-size:13px}.mood-options button[aria-pressed=true],.segmented button[aria-pressed=true]{color:var(--purple-dark);border-color:#9c80c9}.name-empty{border-radius:14px;min-height:360px}.name-prompt,.name-empty p{color:#795737;font-size:13px}.name-empty h2{color:#68492e;font-size:clamp(26px,3vw,36px)}.name-index{color:var(--muted);font-size:13px}.name-result{border-radius:12px}.name-result h2{color:#604777;font-size:20px}.stem-track-copy strong,.stem-upload strong{font-size:15px}.stem-track-copy span,.stem-upload>span,.stem-placeholder{font-size:12px}.stem-track{color:#73518e}.stem-peach{color:#885735}.stem-mint{color:#356b59}.stem-blue{color:#456586}.stem-upload>span,.coming-notice,.coming-notice strong{color:#466858}.coming-notice strong{font-size:14px}.coming-notice p{font-size:13px}.studio-underbar{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.6}.steps-section,.related-section{margin-top:72px}.section-heading{align-items:flex-end;gap:24px}.section-heading h2,.faq-section h2{letter-spacing:-1px;font-size:clamp(25px,2.6vw,34px);line-height:1.3}.section-heading p:not(.eyebrow),.section-description{color:var(--muted);font-size:15px;line-height:1.75}.section-caption{color:var(--muted);font-size:12px}.steps-grid{gap:24px}.steps-grid h3,.related-card h3{font-size:18px;line-height:1.4}.steps-grid p,.related-card p{color:var(--muted);font-size:15px;line-height:1.75}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-card{background:#fff;border-radius:14px;padding:24px}.card-status{color:var(--purple-dark);margin-top:16px;font-size:13px}.reading-section{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:760px;margin:80px auto;padding:40px}.reading-section h2{letter-spacing:-.65px;margin:40px 0 16px;font-size:clamp(23px,2.2vw,29px);line-height:1.35}.reading-section h2:first-child{margin-top:0}.reading-section p{color:#514b5e;margin:16px 0;font-size:16px;line-height:1.85}.reading-section a,.policy-page a{color:var(--purple-dark);text-underline-offset:3px;text-decoration:underline}.faq-section{gap:48px;margin:72px 0}.faq-list summary{gap:16px;padding:22px 0;font-size:16px;line-height:1.55}.faq-list summary svg{flex-shrink:0}.faq-list details p{color:var(--muted);padding-bottom:24px;font-size:15px;line-height:1.8}.policy-page{overflow-wrap:anywhere;max-width:840px;padding-top:56px;padding-bottom:64px;font-size:16px}.policy-page h1{letter-spacing:-1.4px;font-size:clamp(30px,4vw,48px)}.policy-page p,.policy-page li{color:#514b5e;line-height:1.85}.policy-page li{margin:8px 0}.policy-page nav{border-top:1px solid var(--line);padding-top:24px}.pricing-page{max-width:1200px}.pricing-page>p,.pricing-page>ul,.pricing-page>h2{max-width:760px}.pricing-comparison{margin:32px 0 48px}.pricing-comparison thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.pricing-comparison tbody{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pricing-comparison tr{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;padding:28px;display:flex}.pricing-comparison tr:last-child{border:2px solid var(--purple);background:#f2ecfc;box-shadow:0 10px 30px #7045c710}.pricing-comparison td{color:#514b5e;border:0;padding:0;font-size:15px;line-height:1.8;display:block}.pricing-comparison td:first-child{color:var(--text);font-size:17px;font-weight:750}.pricing-comparison td:nth-child(2){letter-spacing:-1px;color:var(--purple-dark);margin:16px 0;font-size:30px;font-weight:800}.pricing-page a[href="/#studio"]{background:var(--purple);color:#fff;border-radius:10px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-flex}.site-footer{background:#efedf3;padding-top:40px;padding-bottom:28px}.footer-main{flex-wrap:wrap}.footer-main p,.footer-tools a,.footer-policies a{color:var(--muted);font-size:14px}.footer-tools{gap:12px 32px}.footer-tools a,.footer-policies a{align-items:center;min-height:36px;display:inline-flex}.footer-policies{gap:4px 24px;margin:0 0 24px}.footer-bottom{color:var(--muted);flex-wrap:wrap;font-size:12px}.cookie-settings{border-color:var(--line);min-height:44px;color:var(--muted);background:#fff;margin:16px auto;padding:10px 16px;font-size:13px;display:block;position:static}.cookie-banner{border-color:#62536f;border-radius:16px;max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto}.cookie-banner p{font-size:14px}.cookie-banner button{min-height:44px;font-size:14px}.tool-page{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:600px;margin:64px auto;padding:32px}.tool-page h1{margin-bottom:20px;font-size:32px;line-height:1.2}.tool-page p{color:var(--muted);margin:16px 0}.not-found>p:not(.eyebrow){font-size:16px}.error-message{color:#ab293b}@media (max-width:1100px){.header-inner{gap:16px;padding:0 24px}.desktop-nav{gap:14px}.nav-link{font-size:13px}.header-end{display:none}.studio-body{grid-template-columns:300px minmax(0,1fr)}.hero-side{display:none}.secondary-workspace{grid-template-columns:310px minmax(0,1fr)}.studio-preview{padding:16px}.preview-stage{padding:14px}.export-panel{flex-direction:column}}@media (max-width:850px){.header-inner{gap:12px;padding:0 20px}.desktop-nav{gap:12px}.nav-link{font-size:12px}.brand{font-size:18px}.studio-body{grid-template-columns:270px minmax(0,1fr)}.control-section{padding-left:16px;padding-right:16px}.preview-stage{padding:12px}.preview-toolbar{flex-direction:column;align-items:flex-start}.secondary-workspace{grid-template-columns:1fr}.secondary-controls{border-right:0;border-bottom:1px solid var(--line)}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-comparison tbody{grid-template-columns:1fr}.pricing-comparison tr{padding:24px}.faq-section{gap:28px}}@media (max-width:680px){.site-header{height:69px}.page-container{padding-left:20px;padding-right:20px}.hero{padding:28px 0 24px}.hero h1{letter-spacing:-1.2px;font-size:clamp(30px,7.8vw,42px)}.hero-copy>p,.tool-hero .hero-copy>p{font-size:15px}.hero-kicker{letter-spacing:.7px;font-size:12px}.hero-features{gap:10px 16px;font-size:12px}.mobile-nav a{color:var(--muted);font-size:15px}.studio,.secondary-workspace{border-radius:14px}.studio-topbar{flex-wrap:wrap;padding:12px 16px}.studio-title{font-size:13px}.preview-tag{font-size:12px}.studio-body{display:flex}.control-section{padding:20px 16px}.audio-dropzone{min-height:132px}.studio-preview{padding:12px}.preview-toolbar{flex-direction:row;align-items:center}.preview-toolbar>span:first-child{font-size:12px}.ratio-options button{min-height:36px;padding:6px}.ratio-options svg{display:none}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.template-name,.template-hint{font-size:12px}.export-panel h2{font-size:19px}.export-tiers{padding:20px 4px}.export-tiers select{font-size:16px}.mp4-export-section .export-panel .export-button{width:100%;font-size:14px}.preview-caption{font-size:12px}.preview-caption>span:last-child{font-size:12px;display:block}.secondary-controls,.names-result,.stems-result{padding:20px}.steps-section,.related-section{margin-top:48px}.reading-section{border-radius:14px;margin:48px 0;padding:24px}.reading-section h2{margin-top:32px}.section-heading{flex-direction:column;align-items:flex-start}.section-heading>.section-description{display:block}.related-grid{grid-template-columns:1fr}.related-card{padding:24px}.faq-section{margin:48px 0}.policy-page{padding-top:36px;padding-bottom:40px}.footer-tools{grid-template-columns:1fr}.footer-main{gap:24px}.footer-bottom{gap:12px}.cookie-banner{padding:20px;bottom:12px;left:12px;right:12px}.cookie-banner div{flex-direction:column}.tool-page{margin:32px 20px;padding:24px}}.stems-workspace .secondary-controls>p{color:var(--muted);margin:16px 0;font-size:14px;line-height:1.8}.stems-workspace input[type=file]{background:#f2f8f5;border:1px dashed #8daa9e;border-radius:10px;width:100%;padding:14px;font-size:13px}.stems-workspace input[type=file]::file-selector-button{color:#315e4e;cursor:pointer;background:#fff;border:1px solid #b5ccbf;border-radius:6px;margin-right:8px;padding:8px 12px}.consent-option{border:1px solid var(--line);color:var(--muted);border-radius:10px;margin:14px 0;padding:16px;font-size:14px;line-height:1.8;display:block}.secondary-controls .consent-option input[type=checkbox]{vertical-align:middle;width:18px;height:18px;accent-color:var(--purple);margin:0 8px 0 0;padding:0;display:inline-block}.stems-empty{text-align:center;color:#38604e;background:radial-gradient(at top,#dceee5,#0000 70%),#f4f9f6;border:1px dashed #94b9a7;border-radius:16px;min-height:300px;margin-top:20px;padding:100px 40px;line-height:1.8}.stems-result>article{border:1px solid var(--line);background:#f4f9f6;border-radius:12px;margin-top:20px;padding:20px}.stems-result>article h3{text-transform:capitalize;margin-bottom:12px}.stems-result>article a{color:var(--purple-dark);font-size:14px;text-decoration:underline}.step-top>span:last-child{color:#756582}.empty-star{color:#856027}.secondary-controls input[type=checkbox]{width:18px;height:18px;accent-color:var(--purple);vertical-align:middle;margin:0 8px 0 0;padding:0;display:inline-block}
:root{--ink:#120e1b;--ink-raised:#1c1629;--ink-line:#2f2741;--on-ink:#f6f2ff;--on-ink-muted:#bdb2d3;--violet-glow:#a98bff;--amber:#ffbe78;--paper:#f6f4fa;--text:#1d1a27;--muted:#5f5870;--purple:#6639e6;--purple-dark:#4f25c4;--purple-light:#efe9fd;--line:#e4dfec;--brand-gradient:linear-gradient(135deg, #6d3df2 0%, #8445e6 55%, #9c44d0 100%);--card-shadow:0 1px 2px #120e1b0d, 0 12px 32px -12px #120e1b1f}html{background:var(--ink)}body{background:var(--paper)}main{z-index:0;position:relative;overflow-x:clip}.site-header{background:var(--ink);color:var(--on-ink);border-bottom:1px solid #ffffff12}.site-header .brand{color:#fff}.brand-icon{background:var(--brand-gradient);box-shadow:0 6px 18px -6px #7b4dffaa}.brand-period{color:var(--amber)}.site-header .nav-link{color:var(--on-ink-muted)}.site-header .nav-link:hover,.site-header .nav-link.active{color:#fff}.site-header .nav-link.active:after{background:linear-gradient(90deg, var(--violet-glow), var(--amber));height:3px}.header-cta{background:var(--brand-gradient);color:#fff;border:0;font-weight:750;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 22px -10px #7b4dffcc}.header-cta:hover{background:var(--brand-gradient);transform:translateY(-1px);box-shadow:0 12px 26px -10px #7b4dffee}.site-header .mobile-menu-button{color:var(--on-ink)}.site-header .mobile-menu-button:hover:not(:disabled){background:#ffffff14}.mobile-nav{background:var(--ink-raised);border-bottom:1px solid var(--ink-line);box-shadow:0 18px 32px -12px #000a}.mobile-nav a,.site-header .mobile-nav a{color:var(--on-ink-muted);border-bottom:1px solid #ffffff0d}.mobile-nav a:last-child{border-bottom:0}.mobile-nav a[aria-current=page],.mobile-nav a:hover{color:#fff}body:has(.page-container>.hero) .site-header{border-bottom-color:#0000}.page-container>.hero{color:var(--on-ink);position:relative}.page-container>.hero:before{content:"";z-index:-1;background:radial-gradient(60% 90% at 12% 0%, #6a3fe633, transparent 70%), radial-gradient(45% 80% at 88% 20%, #ff9f5c24, transparent 70%), linear-gradient(180deg, var(--ink) 0%, #181224 100%);width:100vw;margin-left:-50vw;position:absolute;top:0;bottom:-240px;left:50%}.page-container>.hero:after{content:"";z-index:-1;opacity:.45;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120' viewBox='0 0 240 120'%3E%3Cg fill='%23a98bff' fill-opacity='.22'%3E%3Crect x='2' y='70' width='6' height='50' rx='3'/%3E%3Crect x='14' y='40' width='6' height='80' rx='3'/%3E%3Crect x='26' y='86' width='6' height='34' rx='3'/%3E%3Crect x='38' y='22' width='6' height='98' rx='3'/%3E%3Crect x='50' y='60' width='6' height='60' rx='3'/%3E%3Crect x='62' y='92' width='6' height='28' rx='3'/%3E%3Crect x='74' y='48' width='6' height='72' rx='3'/%3E%3Crect x='86' y='10' width='6' height='110' rx='3'/%3E%3Crect x='98' y='66' width='6' height='54' rx='3'/%3E%3Crect x='110' y='34' width='6' height='86' rx='3'/%3E%3Crect x='122' y='80' width='6' height='40' rx='3'/%3E%3Crect x='134' y='54' width='6' height='66' rx='3'/%3E%3Crect x='146' y='28' width='6' height='92' rx='3'/%3E%3Crect x='158' y='74' width='6' height='46' rx='3'/%3E%3Crect x='170' y='44' width='6' height='76' rx='3'/%3E%3Crect x='182' y='94' width='6' height='26' rx='3'/%3E%3Crect x='194' y='58' width='6' height='62' rx='3'/%3E%3Crect x='206' y='18' width='6' height='102' rx='3'/%3E%3Crect x='218' y='82' width='6' height='38' rx='3'/%3E%3Crect x='230' y='50' width='6' height='70' rx='3'/%3E%3C/g%3E%3C/svg%3E") 0 100%/240px 120px repeat-x;width:min(640px,55vw);height:150px;position:absolute;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.page-container>.hero{padding-top:52px;padding-bottom:40px}.page-container>.hero h1{color:#fff;font-weight:800}.page-container>.hero h1>span{color:#0000;background:linear-gradient(90deg, #c2acff 0%, #e7a6e4 50%, var(--amber) 100%);-webkit-background-clip:text;background-clip:text}.page-container>.hero-names h1>span{color:#0000;background:linear-gradient(90deg,#ffe0a6,#f3ad6b);-webkit-background-clip:text;background-clip:text}.page-container>.hero-stems h1>span{color:#0000;background:linear-gradient(90deg,#8eefc6,#c2f5e0);-webkit-background-clip:text;background-clip:text}.page-container>.hero .hero-copy>p,.page-container>.hero .eyebrow,.page-container>.hero .hero-features{color:var(--on-ink-muted)}.page-container>.hero .hero-kicker{color:#d9cff0}.hero-kicker>span,.hero-names .hero-kicker>span,.hero-stems .hero-kicker>span{color:var(--violet-glow);background:#ffffff14}.hero-names .hero-kicker>span{color:#ffd29a}.hero-stems .hero-kicker>span{color:#8eefc6}.lyric-hero-slogan{color:var(--amber)}.hero-features svg{color:var(--violet-glow)}.hero-side .handwritten-note{color:#ddd3f2}.hero-side>svg{color:#8e7fae}.hero-side>a{color:var(--amber)}.hero-side>a:hover{color:#fff}.tool-hero-decoration,.hero-names .tool-hero-decoration,.hero-stems .tool-hero-decoration{color:var(--violet-glow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#ffffff1f,#ffffff06);border:1px solid #ffffff24;box-shadow:12px 14px #ffffff08,0 24px 48px -16px #0009}.hero-names .tool-hero-decoration{color:#ffd29a}.hero-stems .tool-hero-decoration{color:#8eefc6}.tool-hero-decoration>svg:last-child{background:var(--ink-raised);border-color:var(--ink-line)}.studio,.secondary-workspace{border:1px solid #ffffff1a;border-radius:22px;position:relative;box-shadow:0 0 0 1px #120e1b0f,0 40px 80px -32px #120e1b73,0 12px 28px -12px #120e1b33}.studio-topbar{background:linear-gradient(#fff,#fbfaff)}.status-dot{background:#33d69f;box-shadow:0 0 0 4px #33d69f26}.preview-tag{background:var(--purple-light);color:var(--purple-dark);border-color:#e0d6fb;font-weight:650}.control-label b{background:var(--brand-gradient);color:#fff;border-radius:8px;font-weight:750}.audio-dropzone{background:linear-gradient(#fcfaff,#f4efff);border:1.5px dashed #bba6ee}.audio-dropzone:hover,.audio-dropzone.is-dragging{border-color:var(--purple);background:linear-gradient(#f8f4ff,#ece3ff)}.upload-symbol,.demo-link{color:var(--purple)}.editor-tabs{background:#f1eef7}.editor-tabs button[aria-selected=true]{color:var(--purple-dark);background:#fff;box-shadow:0 1px 3px #120e1b1f}.template-image{transition:border-color .15s,box-shadow .15s,transform .15s}.template-choice:not(:disabled):hover .template-image{border-color:#b9a2f2;transform:translateY(-2px)}.template-choice.selected .template-image{border-color:var(--purple);box-shadow:0 0 0 3px #6639e62e,0 10px 22px -10px #6639e6aa}.preview-stage{background:radial-gradient(80% 60% at 50% 0%, #6a3fe61f, transparent 70%), var(--ink);border-color:var(--ink-line);box-shadow:inset 0 1px #ffffff0d}.preview-stage .play-button{background:var(--brand-gradient);color:#fff;box-shadow:0 6px 18px -6px #7b4dffcc}.preview-stage .ratio-options{background:var(--ink-raised);border-color:var(--ink-line)}.preview-stage .ratio-options button[aria-pressed=true]{color:var(--ink);background:#fff}.export-button:not(:disabled),.mp4-export-section .export-button:not(:disabled){background:var(--brand-gradient);color:#fff;box-shadow:0 10px 24px -12px #6639e6cc}.export-button:not(:disabled):hover,.mp4-export-section .export-button:not(:disabled):hover,.primary-button:hover:not(:disabled){background:var(--brand-gradient);filter:brightness(1.08)}.export-button:not(:disabled)>span{color:#fff;background:#ffffff2e}.primary-button:not(:disabled){background:var(--brand-gradient);color:#fff}.eyebrow,.policy-page .eyebrow{color:var(--purple)}.steps-grid article{border:1px solid var(--line);box-shadow:var(--card-shadow);background:#fff;border-radius:18px;padding:26px 24px 28px}.step-icon{background:var(--brand-gradient);color:#fff;border-radius:12px;width:42px;height:42px}.steps-grid .step-top>span:last-child{color:#0000;background:linear-gradient(135deg,#c9b8f7,#f6c9a2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.steps-grid p{max-width:none}.related-card{border-color:var(--line);box-shadow:var(--card-shadow);border-radius:18px}.related-card:hover{border-color:#c3afef;box-shadow:0 18px 36px -18px #6639e655}.card-status{color:var(--purple);font-weight:700}.reading-section{border-color:var(--line);box-shadow:var(--card-shadow);border-radius:24px}.reading-section h2{color:var(--text)}.faq-section{border-top:0}.faq-list{align-content:start;gap:10px;display:grid}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:14px;padding:0 22px;transition:border-color .15s,box-shadow .15s}.faq-list details:hover{border-color:#cdbdf2}.faq-list details[open]{box-shadow:var(--card-shadow);border-color:#c3afef}.faq-list summary,.faq-list details:first-child summary{padding:18px 0}.faq-list summary svg{background:var(--purple-light);width:26px;height:26px;color:var(--purple);border-radius:50%;padding:5px;transition:transform .2s}.faq-list details p{padding:0 0 20px}.pricing-comparison tr{border-color:var(--line);box-shadow:var(--card-shadow)}.pricing-comparison td:nth-child(2){color:var(--text)}.pricing-comparison tr:last-child{border:1px solid var(--ink-line);background:radial-gradient(90% 70% at 100% 0%, #ff9f5c2e, transparent 70%), radial-gradient(80% 70% at 0% 100%, #6a3fe640, transparent 70%), var(--ink);box-shadow:0 30px 60px -28px #120e1b99}.pricing-comparison tr:last-child td{color:var(--on-ink-muted)}.pricing-comparison tr:last-child td:first-child{color:var(--amber)}.pricing-comparison tr:last-child td:nth-child(2){color:#fff}.pricing-page a[href="/#studio"]{background:var(--brand-gradient);box-shadow:0 10px 24px -12px #6639e6cc}.site-footer{background:var(--ink);color:var(--on-ink);border-top:0}.site-footer .brand{color:#fff}.footer-main p,.footer-tools a,.footer-policies a,.footer-bottom{color:var(--on-ink-muted)}.footer-tools a:hover,.footer-policies a:hover{color:#fff}.footer-tools svg{color:#8e7fae}.footer-bottom{border-top-color:#ffffff14}.cookie-settings{background:var(--ink);width:100%;color:var(--on-ink-muted);border:0;border-top:1px solid #ffffff0d;border-radius:0;margin:0}.cookie-settings:hover{color:#fff}.cookie-banner{background:var(--ink-raised);border-color:var(--ink-line)}.cookie-banner button{background:#ffffff0f;border-color:#ffffff38}.cookie-banner button:hover{background:#ffffff1f}@media (max-width:680px){.page-container>.hero{padding-top:32px;padding-bottom:28px}.page-container>.hero:before{bottom:-160px}.page-container>.hero:after{opacity:.3;width:100%;height:56px}.page-container>.hero h1{font-weight:750}.steps-grid article{padding:22px 20px 24px}.faq-list details{padding:0 18px}}@media (prefers-reduced-motion:reduce){.header-cta,.template-image,.faq-list summary svg{transition:none}}@media (prefers-reduced-motion:no-preference){.brand-icon,.tool-icon,.step-icon,.upload-symbol,.card-arrow,.demo-link>svg,.header-cta>svg,.footer-tools svg{transition:transform .22s cubic-bezier(.2,.7,.3,1)}.header-cta,.primary-button,.export-button,.download-button,.outline-action,.play-button,.editor-tabs button,.ratio-options button{transition:transform .16s,box-shadow .16s}.related-card{transition:transform .22s,box-shadow .22s,border-color .22s}.brand:focus-visible .brand-icon,.related-card:focus-visible .tool-icon,.audio-dropzone:focus-within .upload-symbol{transform:scale(1.1)}.related-card:focus-visible{transform:translateY(-3px)}:is(.header-cta,.primary-button,.export-button,.download-button,.outline-action,.play-button):not(:disabled):active{transform:scale(.97)}:is(.editor-tabs,.ratio-options) button:not(:disabled):active{transform:scale(.96)}.faq-list details[open]>p{animation:.22s ease-out faq-reveal}.page-container>.hero .hero-kicker>span{animation:.45s ease-out icon-arrive}@media (hover:hover) and (pointer:fine){.brand:hover .brand-icon{transform:scale(1.08)rotate(-5deg)}.related-card:hover .tool-icon,.steps-grid article:hover .step-icon{transform:scale(1.12)rotate(-5deg)}.audio-dropzone:not(:has(input:disabled)):hover .upload-symbol{transform:translateY(-3px)scale(1.1)}.related-card:hover .card-arrow,.header-cta:hover>svg,.footer-tools a:hover svg{transform:translate(2px,-2px)}.demo-link:not(:disabled):hover>svg:first-child{transform:scale(1.15)}.demo-link:not(:disabled):hover>svg:last-child{transform:translate(3px)}:is(.primary-button,.export-button,.download-button,.outline-action):not(:disabled):hover{transform:translateY(-2px)}.play-button:not(:disabled):hover{transform:scale(1.08)}:is(.primary-button,.export-button,.download-button,.outline-action,.play-button):not(:disabled):active{transform:scale(.97)}}}@keyframes faq-reveal{0%{opacity:.65;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-arrive{0%{transform:scale(.8)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.header-cta:hover,.related-card:hover,.template-choice:not(:disabled):hover .template-image{transform:none}}