:root{--ink:#1d1d30;--muted:#79798b;--purple:#7856e9;--purple-dark:#6540d5;--line:#ebebf2;--soft:#f7f6fb;--green:#3eab85;--radius:20px;--shadow:0 15px 55px #30245b0a;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans',sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #aa94f7;outline-offset:4px}input,select{min-width:0}img{max-width:100%;display:block}p{line-height:1.75;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}button{color:inherit}svg{width:22px;height:22px}::selection{background:#e5ddff}.hidden{display:none!important}.skip-link{position:absolute;top:-60px;left:20px;padding:12px;background:var(--purple);color:white;z-index:99}.skip-link:focus{top:10px}.site-header{height:86px;max-width:1336px;padding:0 44px;margin:auto;display:flex;align-items:center;gap:44px;border-bottom:1px solid #f3f2f7;background:#ffffffed;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:780;letter-spacing:-.9px;white-space:nowrap}.brand-light{font-weight:420;color:#85849b;margin:0 1px}.brand-ai{font-size:10px;letter-spacing:.4px;background:#eee9ff;color:var(--purple);padding:4px 5px;border-radius:5px;vertical-align:middle;margin-left:6px}.brand-mark{height:30px;width:31px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-19deg)}.brand-mark i{display:block;width:5px;border-radius:5px;background:#9272f4;height:20px}.brand-mark i:nth-child(1){height:15px;background:#bfadfa}.brand-mark i:nth-child(2){height:30px;background:#7754e5}.brand-mark i:nth-child(3){height:23px;background:#9d83ed}.brand-mark i:nth-child(4){height:12px;background:#70cbd9}.site-header nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:550;margin:auto}.site-header nav a:hover,.site-header nav a.active{color:var(--purple)}.nav-actions{display:flex;align-items:center;gap:21px}.free-label{font-size:12px;white-space:nowrap;color:#77788a;display:flex;align-items:center;gap:7px}.free-label>span,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#59bc92}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--purple);border:1px solid transparent;color:#fff;font-weight:620;border-radius:9px;padding:14px 22px;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:var(--purple-dark);box-shadow:0 5px 18px #7454e32b;transform:translateY(-1px)}.button span:last-child{font-size:19px;font-weight:400}.button-small{padding:10px 17px;font-size:12px;gap:13px;border-radius:8px}.button-large{padding:16px 27px;font-size:15px;min-height:55px;border-radius:11px}.button-outline,.button-ghost{background:#fff;border-color:#e6e4ed;color:var(--ink);box-shadow:none}.button-ghost{border:0;background:transparent}.button-outline:hover,.button-ghost:hover{background:#f9f7ff;color:var(--purple)}.icon-button{border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:white;font-size:20px;color:#727184}.mobile-menu{display:none}.hero{padding:60px 24px 0;text-align:center;position:relative;isolation:isolate}.hero-halo{position:absolute;inset:0 0 -400px;z-index:-1;background:radial-gradient(ellipse at 50% 80%,#ede7ff83,transparent 58%);pointer-events:none}.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:650;letter-spacing:1.1px;color:#746393;background:#f6f3fe;border:1px solid #eae4fb;padding:7px 13px;border-radius:100px}.eyebrow-pill span{font-size:14px;color:#9b7bed}.hero h1{font-size:clamp(48px,5.2vw,75px);line-height:1.12;letter-spacing:-3.8px;font-weight:760;margin:24px 0 21px;position:relative;display:inline-block}.gradient-text{background:linear-gradient(95deg,#7757e7 10%,#a074e6 80%,#ae7ce2);background-clip:text;color:transparent}.hero-spark{position:absolute;right:-66px;top:23px;font-size:65px;color:#b49be9;transform:rotate(10deg);font-weight:300}.hero-description{font-size:16px;line-height:1.85;margin-bottom:25px;color:#7a798d}.hero-buttons{display:flex;justify-content:center;gap:11px}.play-small{font-size:10px!important;border:1px solid #c3bfd0;border-radius:50%;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding-left:2px;color:#6c657d}.hero-checks{display:flex;justify-content:center;gap:24px;margin:18px 0 0;color:#93909e;font-size:11px}.hero-checks span::first-letter{color:#9380bf}.showcase{width:min(1050px,calc(100% - 100px));margin:56px auto 0;position:relative;padding:0 45px 25px;isolation:isolate}.showcase-glow{position:absolute;inset:0 -110px -10px;z-index:-1;background:radial-gradient(ellipse,#ddcaff5c,transparent 67%)}.showcase-browser{border:1px solid #e4deec;border-radius:17px;background:#fff;box-shadow:0 30px 70px #72609517,0 4px 20px #30294a06;overflow:hidden}.browser-top{height:39px;background:#fcfbfe;border-bottom:1px solid #edeaf2;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.browser-top>span{font-size:8px;letter-spacing:1.4px;font-weight:600;color:#a39aaf}.traffic-lights{display:flex;gap:5px}.traffic-lights i{width:6px;height:6px;background:#e1dbe8;border-radius:50%}.traffic-lights i:first-child{background:#e9aeb4}.traffic-lights i:nth-child(2){background:#efddb0}.traffic-lights i:nth-child(3){background:#b8d9c2}.mock-studio{height:378px;display:flex;position:relative}.mock-sidebar{width:69px;flex-shrink:0;border-right:1px solid #edeaf3;padding:17px 5px;background:#fdfcfe}.mock-tab{display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 0;color:#a1a0ae;font-size:19px;border-radius:7px;margin-bottom:8px}.mock-tab span{font-size:8px;font-weight:550}.mock-tab.selected{color:var(--purple);background:#f0eaff}.mock-template-panel{width:222px;flex-shrink:0;padding:22px 18px;border-right:1px solid #edeaf3}.mini-heading{font-size:12px;font-weight:650;display:flex;justify-content:space-between;margin-bottom:16px}.mini-heading span{color:#a084e5}.mock-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-tile{height:74px;border-radius:7px;position:relative;border:2px solid transparent}.mini-tile.selected{border-color:#9376eb;box-shadow:0 0 0 2px #eee6ff}.mini-tile>span{position:absolute;bottom:7px;left:8px;color:#f9f7fd;font-size:8px;font-weight:500}.tile-night{background:#273138 url('/static/nightfall-preview.webp') center 65%/cover}.tile-aurora{background:radial-gradient(at 75% 80%,#30a4b9,transparent 65%),linear-gradient(130deg,#36264f,#7255bb 65%,#266876)}.tile-midnight{background:radial-gradient(at 40% 10%,#484769,transparent 60%),#111927}.tile-sunset{background:linear-gradient(145deg,#a579ae,#d6a0ac 60%,#efc0a3)}.mini-label{font-size:7px;letter-spacing:1px;color:#9c98a8;font-weight:650;margin-top:17px;margin-bottom:10px}.color-dots{display:flex;gap:10px}.color-dots i{width:16px;height:16px;border-radius:50%;display:block}.purple{background:#a48be6}.gold{background:#f2cc93}.mint{background:#87d2c0}.pink{background:#dfa0c3}.mini-ratios{display:flex;gap:7px;font-size:8px;color:#858090}.mini-ratios span{border:1px solid #e7e2ee;border-radius:4px;padding:6px}.mini-ratios .selected{border-color:#cab6f8;background:#f6f1ff;color:var(--purple)}.mock-toggles{display:flex;justify-content:space-between;font-size:8px;margin-top:18px;color:#817a8e}.mock-toggles i{width:20px;height:11px;border-radius:20px;background:#a38adc;position:relative}.mock-toggles i:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:white;right:2px;top:2px}.mock-canvas{flex:1;background:radial-gradient(at 50% 45%,#f2eefb,#f8f7fc 70%);display:flex;align-items:center;flex-direction:column;justify-content:center;padding:10px 20px;position:relative}.mock-phone{height:320px;aspect-ratio:9/16;background:#202d34;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #23223929;position:relative}.mock-phone>img{width:100%;height:100%;object-fit:cover}.preview-play{position:absolute;top:43%;left:36%;width:50px;height:50px;border:1px solid #ffffff65;border-radius:50%;background:#ffffff20;backdrop-filter:blur(8px);color:#fff;font-size:15px;padding-left:8px;box-shadow:0 3px 20px #0003}.mock-preview-label{font-size:6px;font-weight:500;color:#a19bac;letter-spacing:1.4px;margin-top:12px;display:flex;align-items:center;gap:5px}.mock-preview-label i{width:4px;height:4px;border-radius:50%;background:#ad94dd}.mock-caption-badge{position:absolute;right:-10px;top:120px;background:#fff;box-shadow:0 9px 25px #4a3b6910;border:1px solid #f0e9f8;border-radius:10px;display:flex;align-items:center;gap:9px;padding:12px 14px}.mock-caption-badge>span{font-size:22px;color:#a67ee6}.mock-caption-badge strong{display:block;font-size:10px}.mock-caption-badge small{display:block;font-size:7px;color:#a39bac;margin-top:5px}.mock-timeline{height:56px;display:flex;align-items:center;gap:15px;padding:0 18px;border-top:1px solid #eeeaf3;color:#968da7;font-size:8px}.timeline-play{font-size:9px}.waveform{flex:1;display:flex;align-items:center;justify-content:space-between;background:#f5f0ff;padding:7px 8px;height:34px;border-radius:5px;position:relative}.waveform:after{content:'';position:absolute;left:42%;height:43px;top:-5px;width:1px;background:#9972ed}.waveform i{height:var(--h);max-height:25px;display:block;width:3px;border-radius:3px;background:#b5a0e7}.floating-file,.floating-export{position:absolute;display:flex;align-items:center;gap:11px;border:1px solid #eae5f2;background:#fffffff5;box-shadow:0 7px 30px #5247670e;border-radius:12px;z-index:2;padding:13px 15px}.floating-file{left:-14px;top:81px;transform:rotate(-5deg)}.file-icon{width:35px;height:38px;border-radius:8px;background:#f0eaff;color:#9a78dc;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.floating-file strong,.floating-export strong{display:block;font-size:10px;font-weight:600}.floating-file div>span,.floating-export small{display:block;font-size:8px;color:#a39cad;margin-top:6px}.file-check{color:#67b798;background:#eef9f2;border-radius:50%;padding:3px;font-size:10px}.floating-export{right:-13px;bottom:77px;transform:rotate(4deg)}.floating-export>span:first-child{color:#9676d7;background:#f2ebff;padding:7px 11px;border-radius:9px;font-size:22px}.export-tick{color:#67b798;margin-left:10px;font-size:13px}.formats-strip{max-width:970px;margin:30px auto 0;padding:0 24px;display:flex;justify-content:center;align-items:center;gap:24px;color:#b1aebc;font-size:10px}.formats-strip>span:first-child{letter-spacing:1.1px;font-size:8px;font-weight:650}.formats-strip b{font-size:14px;color:#9b97a7;font-weight:650;letter-spacing:-.4px}.format-divider{height:17px;width:1px;background:#ddd8e5}.section{max-width:1168px;padding:86px 35px;margin:auto}.section-heading{text-align:center;margin-bottom:41px}.eyebrow{display:block;color:#9583b0;font-size:9px;letter-spacing:1.6px;font-weight:680;margin-bottom:15px}.section-heading h2,.feature-copy h2,.faq-section h2{font-size:40px;line-height:1.18;letter-spacing:-1.8px;font-weight:690;margin:0 0 16px}.section-heading p{margin:0;font-size:14px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:37px}.step-art{height:178px;border-radius:13px;display:flex;justify-content:center;align-items:center;position:relative}.upload-art{background:#f4f0ff}.upload-outline{border:1.5px dashed #cbbbe9;width:198px;height:127px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:29px;color:#a38dc9;border-radius:9px}.upload-outline>span{font-size:10px;color:#8b76a8;margin:5px 0 10px}.upload-outline>div{display:flex;gap:6px}.upload-outline b{font-weight:500;font-size:7px;background:white;color:#9d87bc;padding:3px 7px;border-radius:3px}.customize-art{background:#eef6f8}.swatch-card{width:191px;padding:18px 22px;background:#fff;border:1px solid #e4ecee;box-shadow:0 5px 20px #57666b08;border-radius:9px;transform:rotate(-3deg)}.swatch-text{font-size:21px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.swatch-text em{color:#aa8ee3;font-style:normal}.swatches{display:flex;gap:8px;margin:17px 0 12px}.swatches i{width:15px;height:15px;border-radius:50%;background:#b39ae5}.swatches i:nth-child(2){background:#83bdc4}.swatches i:nth-child(3){background:#e4b99b}.swatches i:nth-child(4){background:#e6b1cd}.swatch-line{width:112px;height:4px;border-radius:10px;background:#eee9f6}.cursor-arrow{font-size:43px;position:absolute;bottom:15px;right:58px;color:#9d80cc;filter:drop-shadow(2px 2px 0 white);transform:rotate(8deg)}.export-art{background:#fcf2e9}.export-document{background:#fffaf5;border:1px solid #f0dfcd;border-radius:10px;width:165px;padding:13px 15px;display:flex;flex-direction:column;align-items:center;transform:rotate(3deg)}.export-document>span{background:#ead0b6;color:#fff;width:34px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:13px}.export-document>b{font-weight:550;font-size:10px;margin:10px 0}.export-document>div{color:#b0a18e;background:#f5f2e7;padding:5px 12px;border-radius:5px;font-size:8px}.export-document i{font-style:normal;color:#85a078;margin-left:8px}.step-title{display:flex;align-items:center;gap:10px;margin:22px 0 9px}.step-title>span{font-size:10px;color:#a393bd;background:#f2edf9;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.step-title h3{font-size:19px;letter-spacing:-.5px;margin:0;font-weight:650}.steps-grid article>p{font-size:13px;line-height:1.8;margin:0;color:#8b8595}.templates-section{background:#f9f8fc;border-top:1px solid #f1eef7;border-bottom:1px solid #f1eef7}.section-heading.split{display:flex;align-items:flex-end;justify-content:space-between;text-align:left;gap:30px}.section-heading.split p{font-size:13px;line-height:1.9}.section-heading.split h2{margin-bottom:0}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.template-card{display:block;border:1px solid #eae6f0;background:#fff;border-radius:13px;overflow:hidden;transition:transform .25s,box-shadow .25s}.template-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #74638318}.template-art{height:284px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.template-night{background:linear-gradient(#0e141844,#11191c66),url('/static/nightfall-preview.webp') center/cover}.template-aurora{background:radial-gradient(ellipse at 80% 75%,#338999a8,transparent 65%),radial-gradient(ellipse at 10% 10%,#b493d4,transparent 70%),#574574}.template-midnight{background:radial-gradient(at 10% 15%,#494557,transparent 70%),#19202f}.template-sunset{background:radial-gradient(at 85% 80%,#e4b89d,transparent 70%),linear-gradient(135deg,#bd9ba9,#b47e96)}.template-tag{position:absolute;top:16px;left:15px;font-size:6px;letter-spacing:1px;font-weight:650;color:#ffffffb0;border:1px solid #ffffff30;background:#ffffff0c;padding:5px 7px;border-radius:4px}.template-lyric{font-size:23px;line-height:1.5;font-weight:550;letter-spacing:-.8px;color:#fff;position:relative}.template-lyric em{font-style:normal;color:#ffd6a4}.template-aurora .template-lyric em{color:#c5b5ff}.template-sunset .template-lyric em{color:#ffe1c7}.decor-wave{position:absolute;bottom:41px;color:#ffffff90;font-size:12px;letter-spacing:1px}.template-info{padding:17px 15px;display:flex;align-items:center;justify-content:space-between}.template-info h3{font-size:14px;letter-spacing:-.2px;margin:0 0 5px;font-weight:650}.template-info p{font-size:9px;color:#9a93a1;margin:0}.template-info>span{font-size:19px;color:#9c8cb7}.vinyl{width:126px;height:126px;border-radius:50%;background:repeating-radial-gradient(#10151d 0px,#2c3440 2px,#10141c 4px,#161d29 7px);box-shadow:5px 10px 24px #080b1644;display:flex;align-items:center;justify-content:center;transform:rotate(30deg)}.vinyl:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 40deg,#ffffff16 65deg,transparent 120deg,transparent 230deg,#ffffff12 245deg,transparent 280deg)}.vinyl>div{width:43px;height:43px;border-radius:50%;background:#ae9aab;position:relative}.vinyl>div:after{content:'';position:absolute;inset:18px;background:#222333;border-radius:50%}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:100px;padding-bottom:100px}.feature-copy>p{max-width:415px;font-size:14px;line-height:1.9;margin-top:22px}.check-list{list-style:none;padding:0;margin:24px 0;font-size:12px;color:#767283}.check-list li{margin:13px 0}.check-list li:before{content:'✓';color:#ae96d5;margin-right:10px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--purple);font-weight:600}.fine-print,.feature-copy .fine-print{font-size:10px;line-height:1.7;color:#a39cab;margin-top:17px}.lyric-feature{height:340px;border-radius:17px;border:1px solid #ebe4f5;background:linear-gradient(150deg,#faf7ff,#f3effb);box-shadow:0 15px 45px #a18ab808;position:relative;padding:67px 35px;text-align:center}.lyric-feature-label{position:absolute;top:28px;left:32px;font-size:7px;letter-spacing:1.5px;color:#a798bb}.lyric-feature>p{font-size:23px;letter-spacing:-.9px;color:#403549;font-weight:650;margin:24px 0;white-space:nowrap}.lyric-feature .muted-line{color:#c7bccf;font-size:21px;font-weight:500}.lyric-feature>p>span{color:#9a75d7;background:#e8d9fb;padding:3px 1px}.lyric-playhead{position:absolute;width:1px;height:87px;top:122px;left:49%;background:#baa0df}.lyric-wave{height:37px;display:flex;gap:5px;align-items:center;justify-content:center;margin-top:39px}.lyric-wave i{height:var(--h);width:4px;border-radius:3px;background:#ccb9e4}.feature-badge{position:absolute;bottom:-15px;right:18px;box-shadow:0 3px 18px #756b840e;background:white;border:1px solid #ece5f4;border-radius:7px;padding:10px 14px;font-size:9px;color:#9986af}.guides-preview{padding-top:25px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{padding:16px 16px 20px;border:1px solid var(--line);border-radius:13px;background:white;transition:transform .2s}.guide-card:hover{transform:translateY(-3px)}.guide-symbol{height:126px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:41px;font-weight:500;letter-spacing:-3px;margin-bottom:24px}.guide-symbol.purple{background:#f1ebfc;color:#b199d3}.guide-symbol.blue{background:#ecf4f6;color:#9abac6;font-family:Georgia,serif;font-size:58px;font-style:italic}.guide-symbol.peach{background:#fbf0e8;color:#d5af8d}.guide-card>.eyebrow{font-size:7px;letter-spacing:1.1px;margin:0 5px 10px}.guide-card h3,.guide-card h2{font-size:18px;line-height:1.45;letter-spacing:-.5px;margin:0 5px 23px;font-weight:620}.guide-card>div:last-child{display:flex;justify-content:space-between;margin:0 5px;color:#a49bab;font-size:9px}.guide-card>div:last-child>span:last-child{font-size:17px;color:#9d8bac}.guide-card>p{font-size:12px;margin:0 5px 24px}.faq-section{display:grid;grid-template-columns:.9fr 1.4fr;gap:80px;padding-top:35px;padding-bottom:95px}.faq-section>div>p{font-size:12px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:12px;font-weight:550;line-height:1.55}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#a89ab5;font-size:18px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.9;margin:0 25px 20px 0;color:#8b8195}.cta-section{text-align:center;background:radial-gradient(ellipse at 50% 50%,#eee6fc,transparent 75%),#faf7ff;padding:67px 24px;position:relative;border-block:1px solid #eee6f8}.cta-section h2{font-size:44px;line-height:1.17;font-weight:650;letter-spacing:-2px;margin:18px 0 25px}.cta-section .eyebrow{font-size:8px}.cta-section>p{font-size:10px;color:#a091b0;margin:16px 0 0}.cta-spark{font-size:28px;color:#bda5dc;margin-bottom:17px}.site-footer{max-width:1238px;margin:auto;padding:52px 35px 0}.footer-top{display:grid;grid-template-columns:2.1fr 1fr 1.2fr .8fr;gap:50px}.footer-top .brand{font-size:19px}.footer-top p{font-size:11px;color:#a099a8;line-height:1.9;margin-top:16px}.footer-top h3{font-size:11px;font-weight:600;letter-spacing:0;margin:6px 0 20px}.footer-top>div>a:not(.brand){display:block;font-size:10px;color:#97909f;margin-bottom:14px}.footer-top a:hover{color:var(--purple)}.footer-bottom{border-top:1px solid var(--line);margin-top:33px;padding:20px 0;display:flex;justify-content:space-between;color:#aaa2b3;font-size:9px}.tiny-spark{color:#b6a1d1;margin-left:9px}dialog{padding:20px;border:1px solid #e8e0f4;border-radius:17px;max-height:93vh;background:white;box-shadow:0 30px 100px #1d123c44}dialog::backdrop{background:#100c22aa;backdrop-filter:blur(5px)}dialog video{display:block;max-height:75vh;max-width:80vw;border-radius:9px;margin:20px auto 0}dialog p{font-size:10px;margin:10px 0 0;text-align:center}.dialog-close{position:absolute;right:8px;top:7px;z-index:1;width:28px;height:28px;font-size:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#282336;color:white;padding:13px 20px;border-radius:10px;box-shadow:0 8px 25px #0002;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}
/* Studio */
.studio-page{background:#faf9fc}.studio-page .site-header{background:#fff;max-width:none;padding-inline:max(35px,calc((100vw - 1240px)/2))}.studio-main{max-width:1220px;margin:auto;padding:43px 35px 60px}.studio-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.studio-heading .eyebrow{margin-bottom:10px}.studio-heading h1{font-size:31px;letter-spacing:-1.15px;font-weight:660;margin-bottom:8px}.studio-heading p{margin:0;font-size:12px}.studio-heading .button span#history-count{font-size:10px;color:#9f8ab9;padding:2px 5px;border-radius:5px;background:#f0ebf8}.studio-workspace{display:grid;grid-template-columns:360px 1fr;border:1px solid #e7e3ef;border-radius:16px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.studio-controls{padding:25px;border-right:1px solid #eae6f0}.control-step{display:flex;align-items:center;gap:8px;margin-bottom:16px}.control-step>span:first-child{font-size:10px;background:#f1eafd;color:#9a7ec2;display:flex;align-items:center;justify-content:center;border-radius:6px;width:23px;height:23px}.control-step h2{font-size:13px;letter-spacing:-.15px;font-weight:640;margin:0}.control-step .small-muted{font-size:9px;color:#ada4b8;margin-left:auto}.dropzone{border:1.5px dashed #dcd1ef;background:#fbf9ff;border-radius:11px;padding:20px 12px;display:flex;align-items:center;flex-direction:column;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragover{background:#f3edff;border-color:#a88ae1}.upload-cloud{color:#a58ccd;margin-bottom:9px}.upload-cloud svg{width:34px;height:34px}.dropzone strong{font-size:12px;font-weight:600;margin-bottom:4px}.dropzone>span:not(.upload-cloud){font-size:10px;color:#b0a6bc}.dropzone em{color:#9776cc;font-style:normal;text-decoration:underline;text-underline-offset:2px}.dropzone small{font-size:8px;line-height:1.8;color:#b3a8c1;margin-top:12px;text-align:center}.sample-link{border:0;background:none;font-size:9px;color:#a99cb6;display:block;margin:12px auto 24px;padding:0}.sample-link span{color:#9977cd}.field-label{font-size:10px;font-weight:570;display:flex;justify-content:space-between;margin:15px 0 9px;color:#6f637e}.field-label>span{font-size:9px;font-weight:400;color:#b3a7bf}.text-input,select,.search-input{width:100%;border:1px solid #e7e0ee;border-radius:7px;padding:10px 11px;color:#5c506b;background:#fff;min-height:38px;font-size:11px}.text-input::placeholder,.search-input::placeholder{color:#b8adbf}.studio-themes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.theme-choice{background:none;border:0;padding:0;position:relative;font-size:8px;color:#9b8ea9;text-align:left}.theme-choice>span{display:block;height:68px;width:100%;border-radius:6px;margin-bottom:8px;border:2px solid transparent}.theme-choice.active>span{border-color:#916ceb;box-shadow:0 0 0 2px #ede3fe}.theme-choice i{display:none;font-size:7px;position:absolute;right:4px;top:4px;background:#a88bd3;color:white;width:12px;height:12px;border-radius:50%;text-align:center;padding-top:1px;font-style:normal}.theme-choice.active i{display:block}.theme-choice.active{color:#8d67c5}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #f0ebf5}.setting-row>div>label{font-size:11px;font-weight:550}.setting-row small{display:block;font-size:8px;color:#ada0ba;margin-top:4px}.switch{position:relative;width:30px;height:18px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch>span{position:absolute;inset:0;background:#ddd6e6;border-radius:100px;cursor:pointer}.switch>span:before{content:'';position:absolute;width:12px;height:12px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:#a485dc}.switch input:checked+span:before{transform:translateX(12px)}.switch input:focus-visible+span{outline:3px solid #c7b3ef;outline-offset:3px}.advanced-settings{border-top:1px solid #eee7f5;margin:0 0 17px}.advanced-settings summary{font-size:10px;color:#8d7b9e;cursor:pointer;list-style:none;padding:14px 0 2px;display:flex;justify-content:space-between}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary>span{font-size:15px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field-grid select{font-size:9px;padding:9px 8px}.color-field{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #e7e0ee;border-radius:6px;font-size:9px;color:#a695b4;height:38px}.color-field input{border:0;background:none;padding:0;width:27px;height:24px;cursor:pointer}.field-grid input[type=range]{width:100%;accent-color:#a07aca;margin-top:10px}.generate-button{width:100%;font-size:12px;padding:13px;gap:10px;border-radius:8px}.generate-button>span:last-child{margin-left:auto}.upload-note{text-align:center;font-size:8px;line-height:1.8;color:#aa9cb6;margin:12px 0 0}.studio-preview{padding:0 25px 23px;min-width:0;background:#fdfcff}.preview-toolbar{height:52px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a99bb9;border-bottom:1px solid #f0eaf6}.preview-toolbar>div{display:flex;gap:7px;align-items:center;color:#847290}.preview-toolbar .live-dot{width:5px;height:5px}.preview-stage{min-height:537px;display:flex;align-items:center;justify-content:center;position:relative;padding:26px 0 48px;background:radial-gradient(#f3eff9,transparent 60%)}.style-preview{aspect-ratio:9/16;width:243px;border-radius:9px;position:relative;overflow:hidden;background:#293337;box-shadow:0 13px 35px #2d1a3e1a;color:white;transition:width .3s,aspect-ratio .3s}.style-preview.nightfall{background:linear-gradient(#10202f55,#10202f77),url('/static/nightfall-preview.webp') center/cover}.style-preview.aurora{background:radial-gradient(at 80% 85%,#297f92,transparent 70%),linear-gradient(140deg,#553c80,#222d4d)}.style-preview.midnight{background:radial-gradient(at 10% 10%,#3c4468,transparent 60%),#111b2c}.style-preview.sunset{background:linear-gradient(145deg,#80568a,#b9728a,#ceaa86)}.preview-caption-label{font-size:5px;letter-spacing:1.5px;position:absolute;top:8%;left:9%;color:#ffe1ba}.style-preview>h3{position:absolute;top:14%;left:9%;font-size:22px;line-height:1.27;letter-spacing:-.8px;font-weight:550;width:82%;overflow-wrap:anywhere}.preview-lyrics{position:absolute;top:47%;width:100%;text-align:center;display:flex;flex-direction:column;gap:13px}.preview-lyrics>span{color:#ffffff60;font-size:9px}.preview-lyrics>strong{font-weight:500;font-size:13px;letter-spacing:-.3px}.preview-lyrics em{color:var(--caption-color);font-style:normal}.preview-spectrum{position:absolute;bottom:17%;left:10%;width:80%;display:flex;align-items:flex-end;justify-content:space-between;height:40px;gap:2px}.preview-spectrum i{display:block;width:3px;border-radius:2px;background:var(--caption-color);height:var(--h);max-height:30px;opacity:.7;animation:wave-breathe 1.7s ease-in-out var(--delay) infinite alternate}.preview-progress{position:absolute;left:10%;right:10%;bottom:12%;height:1px;background:#ffffff44}.preview-progress:after{content:'';display:block;width:35%;height:1px;background:var(--caption-color)}.preview-times{position:absolute;bottom:8%;left:10%;right:10%;font-size:5px;display:flex;justify-content:space-between;color:#ffffff77}.preview-ratio-control{position:absolute;bottom:4px;display:flex;gap:7px}.preview-ratio-control button{font-size:8px;border:1px solid #e8e0f0;border-radius:5px;background:white;padding:7px 11px;color:#a897b7}.preview-ratio-control button.active{background:#f1eafb;color:#9570cb;border-color:#d4c0ed}.preview-disclaimer{text-align:center;font-size:8px;color:#b0a1bd;margin:16px 0 12px}.studio-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:28px 5px}.studio-tips>div{display:grid;grid-template-columns:25px 1fr;column-gap:6px}.studio-tips>div>span{grid-row:1/3;color:#af98cc;font-size:21px}.studio-tips strong{font-size:10px;font-weight:550;color:#8f7b9e}.studio-tips p{font-size:9px;color:#b09eba;margin:6px 0 0}.selected-file{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid #e4d8f3;background:#faf6ff;border-radius:10px}.selected-file>div{min-width:0;flex:1}.selected-file strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:195px}.selected-file span:not(.file-icon){font-size:9px;display:block;color:#b09bc2;margin-top:5px}.selected-file button{width:24px;height:24px;border:0;background:transparent;color:#b19ac2}.error-message{font-size:11px;line-height:1.7;color:#af5267;background:#fff3f5;border:1px solid #f2d9df;border-radius:8px;padding:12px;margin:12px 0}.generation-panel{border:1px solid #e9dff5;background:white;border-radius:11px;padding:18px;margin-top:18px}.generation-heading{display:flex;align-items:center;gap:12px}.generation-heading strong{font-size:11px;display:block}.generation-heading div>span{display:block;font-size:9px;color:#ae9dbb;margin-top:6px}.generation-heading>span:last-child{font-size:12px;color:#9271b8;margin-left:auto}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #eee6f9;border-top-color:#a482ce;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.progress-track{height:5px;background:#f2ebfa;border-radius:6px;margin-top:17px;overflow:hidden}.progress-track>div{height:100%;background:#a380d1;width:0;transition:width .5s}.text-button{background:transparent;border:0;color:#a181bd;font-size:10px;padding:8px 0;cursor:pointer}.generation-panel .text-button{display:block;margin:7px auto 0;font-size:9px}.result-panel{margin-top:18px;border:1px solid #e6def0;padding:20px;border-radius:12px;background:white}.result-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.result-heading>span{display:flex;align-items:center;justify-content:center;background:#eaf6ef;color:#76a991;border-radius:50%;width:30px;height:30px}.result-heading h3{font-size:14px;letter-spacing:-.3px;margin:0 0 5px}.result-heading p{font-size:10px;margin:0}.result-panel video{max-width:100%;max-height:420px;display:block;margin:auto;border-radius:8px;background:#111}.result-actions{display:flex;gap:10px;margin-top:18px;justify-content:center}.result-actions .button{font-size:10px;padding:11px 14px}.result-panel .fine-print{text-align:center}.history-panel{padding:27px;border:1px solid var(--line);border-radius:15px;background:white;scroll-margin-top:30px}.history-panel h2{font-size:25px}.history-panel .section-heading{margin-bottom:8px}.history-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);gap:15px;font-size:10px}.history-row>div:first-child{min-width:0}.history-row strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:350px}.history-row small{color:#a89ab4;font-size:9px;display:block;margin-top:6px}.history-row .button{font-size:9px;padding:7px 10px}.history-row>div:last-child{display:flex;align-items:center;gap:12px}.status-badge{font-size:8px;padding:4px 7px;border-radius:5px;background:#f4f0f8;color:#a493b3;white-space:nowrap}.status-badge.completed,.status-badge.expired{background:#edf6f1;color:#74a58b}.status-badge.processing,.status-badge.queued{background:#f2ebfc;color:#ad91ce}.status-badge.failed{background:#fff0f2;color:#c08591}.empty-state{padding:35px 20px;text-align:center;color:#a99bb6;font-size:12px}.empty-state strong{display:block;font-size:15px;color:#93849e;margin-bottom:8px}.empty-state p{font-size:11px;margin:0}.resource-page{padding-top:65px;min-height:65vh}.resource-page h1{font-size:46px;line-height:1.2}.article-page{max-width:1110px;margin:auto;padding:42px 35px 85px}.breadcrumb{display:flex;gap:10px;color:#ad9dba;font-size:9px;margin-bottom:40px;line-height:1.7}.breadcrumb a{color:#a181b8}.article-header{max-width:780px;margin-bottom:35px}.article-header h1{font-size:48px;line-height:1.17;margin:18px 0 22px;letter-spacing:-2px}.article-header>p,.article-meta{font-size:10px;color:#aa99b8}.article-layout{display:grid;grid-template-columns:minmax(0,700px) 210px;gap:70px}.article-layout article p,.legal-page p{font-size:14px;line-height:1.95;color:#8f809b}.article-layout article h2,.legal-page h2{font-size:25px;line-height:1.35;letter-spacing:-.7px;margin-top:37px;margin-bottom:14px}.article-layout article h3{font-size:17px;letter-spacing:-.3px;margin-top:25px}.answer-box{background:#f6f1fc;border:1px solid #eee3f8;border-radius:12px;padding:25px}.answer-box .eyebrow{font-size:8px;margin-bottom:10px}.answer-box p{margin:0;color:#8b779e!important}.article-toc{position:sticky;top:30px;align-self:start;border-left:1px solid #eee5f5;padding-left:22px}.article-toc strong{display:block;font-size:8px;letter-spacing:1px;color:#a28aad;margin:5px 0 20px}.article-toc a{font-size:10px;line-height:1.7;color:#ac97b6;display:block;margin-bottom:17px}.article-toc hr{border:0;border-top:1px solid #eee5f5;margin:30px 0}.article-cta{background:#f6f1fc;border-radius:12px;padding:24px;margin-top:40px}.article-cta h2{margin-top:0!important}.article-cta .button{font-size:12px}.legal-page{max-width:830px;padding-top:65px}.legal-page h1{font-size:46px}.not-found{padding:110px 24px;text-align:center}.not-found>span{font-size:100px;color:#cab4e8;letter-spacing:-6px}.not-found h1{font-size:35px}.login-page{min-height:65vh;display:flex;align-items:center;justify-content:center;padding:65px 20px;background:radial-gradient(#f5f0fc,white 65%)}.login-card{width:400px;padding:38px;border:1px solid #e9ddf3;border-radius:18px;box-shadow:0 10px 50px #77558b08;background:white;text-align:center}.login-icon{display:block;font-size:38px;color:#af8bc9;margin-bottom:20px}.login-card h1{font-size:32px;margin-bottom:12px}.login-card>p{font-size:12px;margin-bottom:26px}.login-card form{text-align:left}.login-card .button{width:100%;margin-top:15px;font-size:12px}.login-card>.text-link{margin-top:28px;font-size:10px}
/* Analytics */
.admin-page{background:#f8f9fc}.admin-header{height:76px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #e9eaf1;padding:0 28px;background:white}.admin-label{font-size:8px;letter-spacing:1.4px;color:#a8a3b5;border-left:1px solid #eae7f0;padding-left:27px}.admin-header>.text-link{margin-left:auto;font-size:10px;color:#9e91b0}.admin-header .brand{font-size:20px}.admin-layout{display:grid;grid-template-columns:208px 1fr;min-height:calc(100vh - 76px)}.admin-sidebar{padding:33px 20px;background:#fff;border-right:1px solid #e9eaf1;display:flex;flex-direction:column}.admin-sidebar>.eyebrow{font-size:7px;color:#aaa0b8;padding-left:13px;margin-bottom:23px}.admin-tab{border:0;background:white;display:flex;gap:13px;align-items:center;text-align:left;padding:12px 15px;width:100%;margin-bottom:7px;font-size:20px;color:#a9a0b7;border-radius:8px}.admin-tab>span{font-size:11px;font-weight:500}.admin-tab.active{background:#f0eafa;color:#9e79cb}.admin-tab:hover{background:#f8f5fc}.admin-sidebar-bottom{margin-top:auto;padding:35px 11px 5px;font-size:9px;color:#9e98aa}.admin-sidebar-bottom .live-dot{width:5px;height:5px;margin-right:5px}.admin-sidebar-bottom p{font-size:8px;margin:9px 0 0;color:#b5aabc}.admin-main{padding:35px 32px;max-width:1600px;width:100%;min-width:0}.admin-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.admin-topline .eyebrow{font-size:8px;margin-bottom:10px}.admin-topline h1{font-size:30px;line-height:1.15;letter-spacing:-1.1px;margin-bottom:12px;font-weight:640}.admin-topline p{font-size:11px;margin:0;color:#a29aaa}.admin-filters{display:flex;align-items:center;gap:9px}.admin-filters select{font-size:10px;min-height:35px;width:118px;background:white;border-color:#e7e4ee}.admin-filters .button{font-size:9px;padding:9px 13px}.admin-filters .icon-button{font-size:22px;width:34px;height:34px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:21px}.metric-card{padding:20px 21px;background:white;border:1px solid #e8e5ee;border-radius:11px;box-shadow:0 2px 4px #35304602}.metric-card>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9c8cab}.metric-card>span>i{font-size:15px;font-style:normal;color:#b6a7c2}.metric-card>strong{font-size:31px;font-weight:620;letter-spacing:-1.5px;display:block;margin:12px 0 9px;font-variant-numeric:tabular-nums}.metric-card small{font-size:8px;color:#b6a9c0}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:19px;margin-bottom:20px}.dashboard-card{background:white;border:1px solid #e8e5ee;border-radius:11px;padding:21px;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.card-heading h2{font-size:13px;letter-spacing:-.2px;margin:0 0 7px;font-weight:610}.card-heading p{font-size:9px;margin:0;color:#b2a4bd}.card-heading .text-button{font-size:9px;white-space:nowrap}.chart-legend{display:flex;align-items:center;gap:5px;font-size:8px;color:#b1a0bd;white-space:nowrap}.chart-legend i{width:5px;height:5px;border-radius:50%;background:#b494d5}.traffic-chart #traffic-chart{height:177px}.traffic-chart svg{width:100%;height:100%;overflow:visible}.chart-footer{display:flex;gap:22px;border-top:1px solid #f1ebf6;padding-top:14px;font-size:8px;color:#b8aac2}.chart-footer strong{font-weight:600;color:#96829f;margin-right:4px}.chart-footer>span:last-child{margin-left:auto;font-size:7px}.source-row{margin-bottom:17px}.source-row:last-child{margin-bottom:0}.source-row>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#a38cb1;margin-bottom:8px}.source-row strong{font-weight:500;color:#8e789d}.source-track{height:4px;border-radius:6px;background:#f5eef9;overflow:hidden}.source-track>i{height:100%;display:block;background:#b798d4;border-radius:6px}.source-row:nth-child(2) .source-track>i{background:#9ec5d1}.source-row:nth-child(3) .source-track>i{background:#dcbd9e}.source-row:nth-child(4) .source-track>i{background:#a7c9b5}.lower-grid{grid-template-columns:1fr 1fr}.funnel-row,.top-page-row{display:flex;align-items:center;gap:10px;font-size:10px;padding:11px 0;border-bottom:1px solid #f6f1f8;color:#a98fb8}.funnel-row:last-child,.top-page-row:last-child{border:0}.funnel-row strong,.top-page-row strong{margin-left:auto;color:#927aa2;font-weight:550}.funnel-row i{width:8px;height:8px;border-radius:2px;background:#dcc6ef}.funnel-row:nth-child(2) i{background:#c6a9e0}.funnel-row:nth-child(3) i{background:#b793d2}.funnel-row:nth-child(4) i{background:#99beac}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:9px}th{font-weight:550;font-size:8px;color:#af9dbb;padding:11px 12px;background:#faf7fd;border-bottom:1px solid #f0e7f6}td{color:#a18aaf;padding:14px 12px;border-bottom:1px solid #f4edf9}td strong{font-weight:550;color:#8c739c;display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis}td small{font-size:8px;color:#b7a4c4;display:block;margin-top:5px}tbody tr:last-child td{border-bottom:0}.table-scroll .empty-state{font-size:11px;padding:32px}.analytics-updated{font-size:8px;color:#baacc5;text-align:right;margin-top:20px}.insight-note{display:flex;align-items:center;gap:15px;background:#f3eefb;border:1px solid #eae0f5;border-radius:10px;padding:16px 20px;margin-bottom:23px}.insight-note>span{font-size:22px;color:#b99bce}.insight-note p{font-size:10px;line-height:1.8;margin:0;color:#a08cb1}.search-input{width:190px;font-size:9px;min-height:33px;padding:8px 10px}.admin-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:100px 20px;font-size:12px;color:#a08db0}.admin-main .empty-state{font-size:10px;padding:25px 15px}.admin-main .empty-state strong{font-size:12px}.admin-main .empty-state p{font-size:9px}.row-link{background:none;border:0;color:#a48abc;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:9px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave-breathe{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@media(min-width:1500px){.hero h1{font-size:79px}.hero{padding-top:70px}.showcase{width:1100px}.mock-studio{height:405px}.mock-phone{height:345px}.mock-template-panel{width:240px}.mini-tile{height:82px}}
@media(max-width:1100px){.site-header{padding:0 25px;gap:24px}.site-header nav{gap:20px}.free-label{display:none}.hero h1{font-size:64px}.showcase{width:calc(100% - 80px);padding-inline:25px}.floating-file{left:-15px}.floating-export{right:-20px}.mock-caption-badge{right:-6px}.feature-section{gap:45px}.section{padding-inline:30px}.template-art{height:245px}.template-lyric{font-size:20px}.template-info p{font-size:8px}.faq-section{gap:45px}.studio-workspace{grid-template-columns:330px 1fr}.studio-controls{padding:22px}.studio-preview{padding-inline:20px}.admin-layout{grid-template-columns:170px 1fr}.admin-sidebar{padding:30px 12px}.admin-main{padding:30px 22px}.admin-filters{gap:6px}.admin-filters .button{padding:9px;font-size:8px}.metrics-grid{gap:10px}.metric-card{padding:17px 15px}.metric-card small{font-size:7px}.dashboard-grid{gap:12px;grid-template-columns:1.4fr 1fr}.dashboard-card{padding:17px}.admin-topline h1{font-size:27px}.admin-topline p{font-size:10px}.admin-topline .eyebrow{font-size:7px}.admin-label{display:none}}
@media(max-width:800px){.site-header nav{gap:15px;font-size:11px}.brand{font-size:19px}.site-header{height:74px;gap:20px}.nav-actions .button{font-size:10px;padding:9px 12px}.hero{padding-top:45px}.hero h1{font-size:54px;letter-spacing:-2.7px}.hero-spark{right:-43px;font-size:43px}.hero-description{font-size:13px}.button-large{font-size:13px;min-height:50px;padding:13px 20px}.hero-checks{font-size:9px;gap:17px}.showcase{margin-top:40px;width:calc(100% - 45px);padding-inline:20px}.mock-studio{height:330px}.mock-sidebar{width:50px}.mock-tab{font-size:16px}.mock-tab span{font-size:6px}.mock-template-panel{width:180px;padding:18px 13px}.mini-tile{height:61px}.mock-phone{height:275px}.mock-caption-badge{right:-5px;top:136px;padding:9px;gap:6px}.mock-caption-badge strong{font-size:8px}.mock-caption-badge small{font-size:6px}.floating-file{top:57px;padding:10px}.floating-file strong{font-size:8px}.floating-file div>span{font-size:6px}.floating-export{bottom:65px;right:-8px;padding:9px}.floating-export strong{font-size:8px}.floating-export small{font-size:6px}.formats-strip{gap:16px;margin-top:22px}.formats-strip>span:first-child{display:none}.formats-strip b{font-size:12px}.formats-strip>span:last-child{font-size:8px}.section{padding:65px 25px}.section-heading h2,.feature-copy h2,.faq-section h2{font-size:33px;letter-spacing:-1.4px}.steps-grid{gap:20px}.step-art{height:148px}.upload-outline{width:160px;height:108px}.swatch-card{width:160px;padding:15px}.swatch-text{font-size:19px}.export-document{width:140px}.step-title h3{font-size:16px}.steps-grid article>p{font-size:11px}.template-grid{grid-template-columns:repeat(2,1fr);gap:20px}.template-art{height:300px}.template-lyric{font-size:25px}.template-info p{font-size:10px}.feature-section{gap:30px}.lyric-feature{height:285px;padding:55px 15px}.lyric-feature>p{font-size:18px}.lyric-feature .muted-line{font-size:16px}.lyric-feature-label{left:19px;font-size:6px}.lyric-wave{gap:4px;margin-top:25px}.feature-copy>p{font-size:12px}.check-list{font-size:10px}.guide-grid{gap:16px}.guide-card{padding:12px}.guide-card h3,.guide-card h2{font-size:15px}.guide-symbol{height:110px;margin-bottom:18px}.guide-card>.eyebrow{font-size:6px}.faq-section{gap:30px}.faq-list summary{font-size:11px;padding:18px 0}.footer-top{gap:25px;grid-template-columns:1.7fr 1fr 1fr}.footer-top>div:last-child{display:none}.studio-main{padding:30px 22px}.studio-heading h1{font-size:25px}.studio-heading p{font-size:10px}.studio-workspace{grid-template-columns:300px 1fr}.studio-controls{padding:19px}.studio-preview{padding-inline:15px}.preview-stage{min-height:482px}.style-preview{width:213px}.preview-disclaimer{font-size:7px}.preview-lyrics>strong{font-size:11px}.preview-ratio-control button{font-size:7px;padding:6px 8px}.studio-tips{gap:15px}.studio-tips strong{font-size:9px}.studio-tips p{font-size:8px}.studio-heading .button{font-size:9px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{flex-direction:row;padding:10px 20px;border-bottom:1px solid #e9eaf1;border-right:0;gap:8px}.admin-sidebar>.eyebrow,.admin-sidebar-bottom{display:none}.admin-tab{padding:9px;gap:8px;width:auto;margin:0;flex:1;justify-content:center}.admin-tab>span{font-size:10px}.admin-main{padding:25px}.admin-topline h1 br{display:none}.admin-topline h1{font-size:25px}.admin-topline{align-items:flex-start}.admin-filters{padding-top:30px}.article-layout{grid-template-columns:1fr;gap:0}.article-toc{display:none}.article-header h1{font-size:41px}.article-page{max-width:740px}.resource-page h1{font-size:38px}.guide-card>p{font-size:11px}}
@media(max-width:600px){.site-header{padding:0 20px;justify-content:space-between;height:69px}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;border-bottom:1px solid #e9e0f4;padding:22px;box-shadow:0 10px 20px #00000005}.site-header nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.mobile-menu{display:flex;border:0;font-size:18px}.nav-actions{margin-left:auto}.nav-actions .button{font-size:9px;padding:8px 10px;gap:6px}.nav-actions .button>span{font-size:14px}.brand{font-size:17px;gap:6px}.brand-mark{width:25px;transform:rotate(-19deg) scale(.85)}.brand-ai{font-size:8px;padding:3px;margin-left:4px}.hero{padding-top:34px;padding-inline:20px}.eyebrow-pill{font-size:7px;letter-spacing:.8px;padding:6px 9px}.eyebrow-pill span{font-size:11px}.hero h1{font-size:43px;letter-spacing:-2.3px;margin:23px 0 19px;line-height:1.13}.hero-spark{right:-18px;top:-5px;font-size:25px}.hero-description{font-size:11px;line-height:1.9;max-width:360px;margin:0 auto 23px}.hero-description br{display:none}.hero-buttons{gap:5px}.button-large{font-size:11px;min-height:46px;padding:12px 16px;gap:8px}.hero-buttons svg{width:16px;height:16px}.button-large>span:last-child{font-size:15px}.button-ghost{padding-inline:10px}.play-small{width:20px;height:20px;font-size:8px!important}.hero-checks{gap:11px;font-size:7px;margin-top:15px}.showcase{width:calc(100% - 25px);padding:0 5px 15px;margin-top:35px}.showcase-browser{border-radius:11px}.browser-top{height:28px;padding:0 10px}.browser-top>span{font-size:6px;letter-spacing:1px}.traffic-lights{gap:4px}.traffic-lights i{width:4px;height:4px}.mock-studio{height:245px}.mock-sidebar{display:none}.mock-template-panel{width:132px;padding:15px 10px}.mini-heading{font-size:9px;margin-bottom:12px}.mock-tiles{gap:6px}.mini-tile{height:51px}.mini-tile>span{font-size:6px;left:4px;bottom:5px}.mini-label{font-size:5px;margin-top:12px;margin-bottom:8px}.color-dots{gap:8px}.color-dots i{width:12px;height:12px}.mini-ratios{font-size:6px;gap:4px}.mini-ratios span{padding:4px}.mock-toggles{font-size:6px;margin-top:12px}.mock-toggles i{width:17px;height:10px}.mock-toggles i:after{width:6px;height:6px}.mock-phone{height:215px;border-radius:7px}.mock-canvas{padding:8px}.mock-preview-label{font-size:4px;letter-spacing:1px;margin-top:7px}.preview-play{width:34px;height:34px;font-size:10px;left:35%;padding-left:5px}.mock-caption-badge{display:none}.floating-file{left:-5px;top:57px;padding:7px;border-radius:8px;gap:5px}.floating-file strong{font-size:6px}.floating-file div>span{display:none}.floating-file .file-icon{width:22px;height:24px;font-size:16px;border-radius:5px}.file-check{font-size:6px}.floating-export{right:-3px;bottom:58px;padding:6px;border-radius:7px;gap:5px}.floating-export strong{font-size:6px}.floating-export small{font-size:5px;margin-top:3px}.floating-export>span:first-child{font-size:16px;padding:5px 7px;border-radius:5px}.export-tick{font-size:8px;margin-left:3px}.mock-timeline{height:41px;gap:10px;padding:0 10px;font-size:6px}.waveform{height:24px;padding:4px}.waveform i{width:2px;max-height:15px}.waveform i:nth-child(2n){display:none}.waveform:after{height:29px;top:-3px}.formats-strip{gap:19px;flex-wrap:wrap;margin-top:15px}.formats-strip b{font-size:10px}.format-divider,.formats-strip>span:last-child{display:none}.section{padding:54px 21px}.section-heading{margin-bottom:29px}.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:11px}.section-heading h2,.feature-copy h2,.faq-section h2{font-size:29px;letter-spacing:-1.2px}.section-heading p{font-size:11px}.steps-grid{grid-template-columns:1fr;gap:27px}.steps-grid article{display:grid;grid-template-columns:125px 1fr;column-gap:20px}.step-art{grid-row:1/3;height:118px}.upload-outline{width:100px;height:86px;font-size:22px}.upload-outline>span{font-size:6px;margin:2px 0 8px}.upload-outline>div{gap:4px}.upload-outline b{font-size:5px;padding:3px 4px}.swatch-card{width:104px;padding:11px 9px}.swatch-text{font-size:14px;letter-spacing:-.6px}.swatches{gap:5px;margin:12px 0 8px}.swatches i{width:11px;height:11px}.swatch-line{width:76px;height:3px}.cursor-arrow{font-size:30px;bottom:15px;right:10px}.export-document{width:97px;padding:10px}.export-document>span{width:23px;height:25px;font-size:9px}.export-document>b{font-size:7px;margin:7px 0}.export-document>div{font-size:5px;padding:4px 6px}.step-title{margin:15px 0 6px;gap:7px}.step-title>span{font-size:7px;width:18px;height:18px}.step-title h3{font-size:15px}.steps-grid article>p{font-size:10px;line-height:1.8;align-self:start;margin-top:0}.section-heading.split{display:block}.section-heading.split p{font-size:11px;margin-top:15px}.template-grid{gap:12px}.template-art{height:231px}.template-tag{font-size:5px;letter-spacing:.5px;padding:4px 5px;top:11px;left:10px}.template-lyric{font-size:19px;letter-spacing:-.5px}.template-info{padding:13px 10px}.template-info h3{font-size:12px}.template-info p{font-size:7px;line-height:1.5}.template-info>span{font-size:16px}.decor-wave{font-size:8px;bottom:30px;letter-spacing:.7px}.vinyl{width:104px;height:104px}.vinyl>div{width:35px;height:35px}.vinyl>div:after{inset:15px}.feature-section{grid-template-columns:1fr;gap:36px}.feature-copy>p{max-width:100%;font-size:12px}.check-list{font-size:11px}.lyric-feature{height:300px}.lyric-feature>p{font-size:23px}.lyric-feature .muted-line{font-size:20px}.lyric-feature-label{font-size:7px;left:25px}.lyric-wave{margin-top:27px}.guide-grid{grid-template-columns:1fr;gap:15px}.guide-card{display:grid;grid-template-columns:96px 1fr;column-gap:18px;padding:14px}.guide-symbol{grid-row:1/4;height:105px;margin:0;font-size:28px}.guide-symbol.blue{font-size:42px}.guide-card>.eyebrow{font-size:6px;margin:8px 0 6px}.guide-card h3,.guide-card h2{font-size:16px;line-height:1.4;margin:0 0 10px}.guide-card>div:last-child{font-size:8px;margin:0}.guide-card>p{display:none}.guides-preview .split>.text-link{margin-top:17px;font-size:11px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section h2 br{display:none}.faq-section>div>p{font-size:11px}.faq-list summary{font-size:11px;padding:18px 0}.faq-list details p{font-size:11px}.cta-section{padding:49px 20px}.cta-section h2{font-size:33px;letter-spacing:-1.4px}.cta-section .eyebrow{font-size:6px;letter-spacing:1.2px}.cta-section>p{font-size:8px}.site-footer{padding:34px 21px 0}.footer-top{grid-template-columns:1fr 1fr;gap:24px}.footer-top>div:first-child{grid-column:1/-1}.footer-top p{font-size:10px;margin-bottom:0}.footer-top>div:last-child{display:none}.footer-top h3{font-size:10px;margin-bottom:16px}.footer-top>div>a:not(.brand){font-size:9px}.footer-bottom{margin-top:20px;padding:18px 0;font-size:7px}.footer-bottom>span:last-child{display:none}.studio-page .site-header{padding-inline:18px}.studio-main{padding:26px 16px 40px}.studio-heading{display:block;margin-bottom:23px}.studio-heading h1{font-size:27px;line-height:1.2;max-width:300px}.studio-heading .button{margin-top:17px;padding:8px 12px;font-size:10px}.studio-workspace{grid-template-columns:1fr}.studio-controls{border-right:0;border-bottom:1px solid #ece3f4;padding:23px}.studio-preview{padding:0 20px 24px}.preview-stage{min-height:520px}.style-preview{width:240px}.preview-lyrics>strong{font-size:13px}.control-step h2{font-size:14px}.control-step>.small-muted{font-size:9px}.dropzone{padding:27px 10px}.dropzone strong{font-size:13px}.dropzone>span:not(.upload-cloud){font-size:11px}.dropzone small{font-size:9px}.sample-link{font-size:10px}.field-label{font-size:11px}.text-input,select{font-size:12px;min-height:42px}.theme-choice{font-size:9px}.theme-choice>span{height:83px}.setting-row>div>label{font-size:12px}.setting-row small{font-size:9px}.advanced-settings summary{font-size:11px}.field-grid select{font-size:10px}.generate-button{font-size:13px}.upload-note{font-size:9px}.studio-tips{grid-template-columns:1fr;gap:20px;padding:27px 9px}.studio-tips strong{font-size:11px}.studio-tips p{font-size:10px}.preview-disclaimer{font-size:9px;line-height:1.8}.preview-ratio-control button{font-size:9px;padding:7px 12px}.preview-toolbar{font-size:10px}.history-panel{padding:20px}.history-row strong{max-width:180px;font-size:10px}.history-row{align-items:flex-start}.history-row>div:last-child{flex-direction:column;gap:9px;align-items:flex-end}.result-actions{flex-wrap:wrap}.resource-page h1{font-size:34px}.article-page{padding:28px 23px 50px}.article-header h1{font-size:37px;letter-spacing:-1.5px}.article-header>p{font-size:9px;line-height:1.8}.breadcrumb{font-size:8px;margin-bottom:30px;gap:7px;flex-wrap:wrap}.article-layout article p,.legal-page p{font-size:13px;line-height:1.9}.article-layout article h2,.legal-page h2{font-size:23px}.answer-box{padding:22px}.article-layout article h3{font-size:16px}.legal-page h1{font-size:36px}.login-card{padding:30px}.admin-header{padding:0 18px;height:66px;gap:15px}.admin-header .brand{font-size:17px}.admin-header .text-link{display:none}.admin-header .button{margin-left:auto;font-size:9px;padding:8px 11px}.admin-sidebar{padding:9px 10px;gap:3px}.admin-tab{font-size:16px;gap:5px;padding:8px 5px}.admin-tab>span{font-size:8px}.admin-main{padding:25px 16px}.admin-topline{display:block}.admin-topline h1{font-size:27px}.admin-topline p{font-size:10px}.admin-filters{padding-top:20px;justify-content:flex-start}.admin-filters select{width:130px;font-size:10px;min-height:35px}.admin-filters .button{font-size:9px;padding:9px 12px}.metrics-grid{grid-template-columns:1fr 1fr;gap:11px}.metric-card{padding:18px}.metric-card>span{font-size:10px}.metric-card>strong{font-size:30px;margin:10px 0 8px}.metric-card small{font-size:7px}.dashboard-grid{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.dashboard-card{padding:19px}.traffic-chart #traffic-chart{height:174px}.card-heading h2{font-size:13px}.card-heading p{font-size:9px}.chart-legend{font-size:7px}.source-row>div:first-child{font-size:10px}.insight-note{padding:16px;gap:12px}.insight-note p{font-size:10px}.search-input{width:140px;font-size:9px}.table-scroll table{font-size:9px}.card-heading{flex-wrap:wrap}.history-panel h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.hero .eyebrow-pill{display:flex;width:max-content;max-width:100%;margin:0 auto}
.admin-main p,.admin-sidebar-bottom p{color:#80748e}.metric-card>span,.metric-card small{color:#82738f}.source-row>div:first-child,.funnel-row,.top-page-row,.admin-main td{color:#7e6c8c}.admin-main th,.admin-main td small{color:#8d7d9b}.admin-sidebar .eyebrow,.admin-label{color:#86758f}.admin-main .fine-print,.analytics-updated{color:#897596}.studio-controls .setting-row small,.studio-controls .upload-note,.preview-disclaimer{color:#8c7c9b}
.caption-editor{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.caption-editor summary{cursor:pointer;font-size:12px;color:#8c75a7;display:flex;justify-content:space-between;list-style:none}.caption-editor p{font-size:10px;line-height:1.8;color:#a797b5;margin-top:14px}.caption-edit-row{display:grid;grid-template-columns:63px 63px 1fr;gap:8px;margin-bottom:12px}.caption-edit-row label{font-size:9px;color:#a695b8}.caption-edit-row input{display:block;width:100%;padding:9px 7px;border:1px solid #e5dbef;border-radius:5px;margin-top:4px;font-size:11px}.caption-editor .button{margin-top:5px}
.admin-main table{font-size:11px}.admin-main th{font-size:10px}.admin-main td small{font-size:9px}.admin-main .status-badge{font-size:10px}.metric-card>span{font-size:12px}.metric-card small{font-size:10px}.card-heading h2{font-size:15px}.card-heading p{font-size:11px}.source-row>div:first-child{font-size:11px}.funnel-row,.top-page-row{font-size:11px}.admin-tab>span{font-size:12px}.admin-filters select{font-size:11px}.admin-sidebar-bottom{font-size:10px}.admin-main .fine-print{font-size:10px}.studio-controls .field-label{font-size:12px}.studio-controls .text-input{font-size:12px}.studio-controls .setting-row>div>label{font-size:12px}.studio-controls .setting-row small{font-size:10px}.studio-controls .advanced-settings summary{font-size:11px}.studio-controls .field-grid select{font-size:11px}.studio-controls .upload-note{font-size:10px}
@media(max-width:600px){.admin-tab>span{font-size:9px}.metric-card>span{font-size:11px}.metric-card small{font-size:9px}}
/* Language navigation: explicit URLs work without JavaScript. */
.language-menu{position:relative;flex-shrink:0;font-size:13px;font-weight:600;text-align:start}
.language-menu summary{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #e7e2f0;border-radius:10px;background:white;cursor:pointer;list-style:none;white-space:nowrap}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary:focus-visible,.language-options a:focus-visible{outline:3px solid #a995ff;outline-offset:2px}
.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 9px);z-index:100;width:360px;max-width:calc(100vw - 32px);max-height:65vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#fff;border:1px solid #e9e4f2;border-radius:15px;padding:10px;box-shadow:0 16px 45px #30225120}
.language-options a{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:7px;font-weight:500;white-space:nowrap}
.language-options a:hover,.language-options a[aria-current]{background:#f0ebff;color:#6543cf}
.hero h1{max-width:800px;margin-inline:auto}
html:not([lang=en]) .eyebrow,html:not([lang=en]) .eyebrow-pill{letter-spacing:.04em}
html:not([lang=en]) .hero h1{font-size:clamp(36px,5.1vw,66px);line-height:1.2}
html:not([lang=en]) .site-header nav{gap:20px}
html:not([lang=en]) .nav-actions .free-label{display:none}
html:not([lang=en]) .theme-choice{font-size:12px}
html[dir=rtl] .site-header,html[dir=rtl] .site-footer,html[dir=rtl] .studio-controls,html[dir=rtl] .article-page{text-align:right}
html[dir=rtl] .brand,html[dir=rtl] .mock-timeline,html[dir=rtl] .color-field,html[dir=rtl] .preview-ratio-control,html[dir=rtl] input[type=number]{direction:ltr}
html[dir=rtl] .mock-studio{direction:ltr}
html[dir=rtl] .caption-edit-row{direction:rtl}
html[dir=rtl] .caption-edit-row input[type=text]{direction:auto}
html[dir=rtl] .check-list li{padding-left:0;padding-right:26px}
html[dir=rtl] .check-list li::before{left:auto;right:0}
html[dir=rtl] .article-toc{border-left:none;border-right:1px solid #e8e3ef;padding-left:0;padding-right:28px}
@media(max-width:1100px){.site-header nav{gap:16px}.nav-actions{gap:10px}.nav-actions .free-label{display:none}.site-header .brand{font-size:19px}.site-header{gap:18px}}
@media(max-width:800px){.site-header .nav-actions .button{display:none}.language-menu summary{padding:8px;font-size:12px}.nav-actions{margin-inline-start:auto}.language-options{width:300px}.site-header .brand{font-size:17px}.site-header{gap:12px;padding-inline:18px}.hero h1{max-width:90%}.studio-heading{gap:16px}.studio-heading h1{font-size:30px}}
@media(max-width:480px){.language-options{position:fixed;top:70px;inset-inline:16px;width:auto;max-width:none}.language-menu summary>span:first-child{display:none}.site-header .brand-mark{width:26px}.studio-themes{gap:5px}.theme-choice{font-size:11px}.hero .eyebrow-pill{max-width:94%;white-space:normal;text-align:center}}