:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0c1017;color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{color-scheme:light;background:#f7f8fb;color:#101827}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(255,230,109,.08),transparent 520px),linear-gradient(135deg,#0c1017,#151a22 48%,#211b1d)}:root[data-theme=light] body{background:#f7f8fb}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px clamp(18px,4vw,46px)}.brand,.top-nav nav,.theme-button{display:inline-flex;align-items:center;gap:12px}.brand-icon{width:38px;height:38px;border-radius:8px;flex-shrink:0;object-fit:cover;box-shadow:0 12px 28px #0000003d}.top-nav nav{color:#f8fafcc2}:root[data-theme=light] .top-nav nav{color:#536171}.theme-button,.primary-button,.choice-grid button,.song-list button,.download-row a,.waitlist-form input{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff14;color:inherit;cursor:pointer}:root[data-theme=light] .theme-button,:root[data-theme=light] .choice-grid button,:root[data-theme=light] .song-list button,:root[data-theme=light] .download-row a,:root[data-theme=light] .waitlist-form input{border-color:#d8dee8;background:#fff}.theme-button{width:40px;height:40px;justify-content:center}.account-menu{display:inline-flex;align-items:center;gap:8px}.account-menu span,.nav-auth-link{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:0 11px;background:#ffffff12;color:#f8fafc;font-weight:850}.account-menu button{border:0;background:transparent;color:#a9b6c8;cursor:pointer;font-weight:850}:root[data-theme=light] .account-menu span,:root[data-theme=light] .nav-auth-link{border-color:#d8dee8;background:#fff;color:#101827}:root[data-theme=light] .account-menu button{color:#536171}.creator-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(22px,4vw,58px);align-items:center;padding:18px clamp(18px,5vw,72px) 56px}.creation-panel{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:clamp(20px,4vw,38px);background:#0e141ed1;box-shadow:0 24px 80px #00000047}:root[data-theme=light] .creation-panel{border-color:#dfe5ed;background:#fff;box-shadow:0 22px 70px #0f172a14}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading p,.eyebrow,.hero-copy p,.muted,.delivery-card span,.idea-band span,.player-copy p,.waitlist-message,.section-heading p,.process-grid p,.output-grid p,.demo-heading p,.demo-copy p,.demo-copy span,.demo-meta{color:#a9b6c8}:root[data-theme=light] .panel-heading p,:root[data-theme=light] .eyebrow,:root[data-theme=light] .hero-copy p,:root[data-theme=light] .muted,:root[data-theme=light] .delivery-card span,:root[data-theme=light] .idea-band span,:root[data-theme=light] .player-copy p,:root[data-theme=light] .waitlist-message,:root[data-theme=light] .section-heading p,:root[data-theme=light] .process-grid p,:root[data-theme=light] .output-grid p,:root[data-theme=light] .demo-heading p,:root[data-theme=light] .demo-copy p,:root[data-theme=light] .demo-copy span,:root[data-theme=light] .demo-meta{color:#5f6d7e}h1,h2,p{margin:0}h1{max-width:760px;font-size:clamp(44px,7vw,82px);line-height:.95;letter-spacing:0}.creation-panel h1{font-size:clamp(34px,5vw,58px)}h2{font-size:clamp(28px,4vw,42px);line-height:1}.status-pill{border-radius:999px;background:#ffe66d24;color:#ffe66d;padding:8px 12px;text-transform:capitalize;white-space:nowrap}.step-rail{display:flex;gap:7px;margin:26px 0}.step-rail span{display:grid;width:30px;height:30px;place-items:center;border-radius:999px;background:#ffffff17;color:#95a3b8;font-size:13px;font-weight:800}.step-rail .active{background:#ffe66d;color:#101827}.step-stack{display:grid;gap:18px}.choice-grid,.visual-mode-grid,.option-card-grid,.song-engine-grid,.upload-grid,.field-grid,.song-list,.download-row,.idea-band{display:grid;gap:12px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-mode-grid,.option-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.song-engine-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.choice-grid button,.visual-mode-grid button,.option-card-grid button,.song-engine-grid button,.song-list button{min-height:58px;padding:0 16px;text-align:left;text-transform:capitalize}.choice-grid .selected{border-color:#ffe66d;background:#ffe66d29}.visual-mode-grid button,.option-card-grid button,.song-engine-grid button{display:grid;gap:8px;align-content:start;min-height:128px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:inherit;text-transform:none}:root[data-theme=light] .visual-mode-grid button,:root[data-theme=light] .option-card-grid button,:root[data-theme=light] .song-engine-grid button{border-color:#d8dee8;background:#fff}.visual-mode-grid .selected,.option-card-grid .selected,.song-engine-grid .selected{border-color:#ffe66d;background:#ffe66d29}.visual-mode-grid span,.option-card-grid small,.song-engine-grid span,.song-engine-grid small{color:#9aa8ba;line-height:1.35}.pricing-breakdown{display:grid;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px;color:#dbe5f4;background:#ffffff0f}:root[data-theme=light] .pricing-breakdown{border-color:#d8dee8;background:#fff;color:#334155}.checkout-panel,.credit-package-panel{display:grid;gap:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:18px;background:linear-gradient(135deg,rgba(255,230,109,.08),transparent 48%),#0e141ea8}.checkout-panel{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.checkout-panel svg{color:#ffe66d}.checkout-panel strong,.credit-package-panel strong{color:#f8fafc}.checkout-panel p,.credit-package-panel p{margin:4px 0 0;color:#a9b6c8;font-size:14px;line-height:1.45}.credit-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.credit-package-grid button{display:grid;gap:7px;min-height:118px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:15px;background:#ffffff0f;color:#f8fafc;text-align:left;cursor:pointer}.credit-package-grid button.selected{border-color:#ffe66d;background:#ffe66d1f;box-shadow:0 0 0 1px #ffe66d2e}.credit-package-grid span{color:#ffe66d;font-size:20px;font-weight:950}.credit-package-grid small{color:#a9b6c8;font-weight:800}:root[data-theme=light] .checkout-panel,:root[data-theme=light] .credit-package-panel,:root[data-theme=light] .credit-package-grid button{border-color:#d8dee8;background:#fff;color:#253244}:root[data-theme=light] .checkout-panel strong,:root[data-theme=light] .credit-package-panel strong,:root[data-theme=light] .credit-package-grid button{color:#101827}:root[data-theme=light] .checkout-panel p,:root[data-theme=light] .credit-package-panel p,:root[data-theme=light] .credit-package-grid small{color:#536171}:root[data-theme=light] .credit-package-grid button.selected{border-color:#eab308;background:#fffbeb}.avatar-swatch,.template-swatch{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ffe66d,#60a5fa)}.character-thumb{display:block;overflow:hidden;width:100%;aspect-ratio:9 / 16;border-radius:8px;background:#ffffff14}.character-thumb.compact{width:72px;height:104px;aspect-ratio:auto}.character-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.template-swatch{border-radius:8px;background:linear-gradient(135deg,#f97316,#60a5fa 52%,#111827)}.template-preview{width:100%;max-width:168px;aspect-ratio:9 / 16;border-radius:8px;object-fit:cover;background:#111827}.field-grid,.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:8px;color:#c7d2e2;font-weight:700}:root[data-theme=light] label{color:#344256}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff14;color:inherit;padding:12px 13px}textarea{min-height:116px;resize:vertical}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{border-color:#d8dee8;background:#fff}.primary-button,.primary-link,.secondary-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:48px;padding:0 18px;border:0;background:#ffe66d;color:#101827;font-weight:900}.secondary-button{border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:inherit}.primary-button:disabled{opacity:.52;cursor:not-allowed}.upload-grid label{min-height:132px;align-content:center;border:1px dashed rgba(255,255,255,.2);border-radius:8px;padding:18px}.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.check-list li,.song-list button,.download-row a{display:flex;align-items:center;gap:10px}.song-list small{display:block;color:#a9b6c8}.preview-stage{display:grid;gap:18px;justify-items:center}.phone-video{width:min(350px,84vw);aspect-ratio:9 / 16;overflow:hidden;border:10px solid #111827;border-radius:34px;background:#101827;box-shadow:0 30px 90px #00000061}.video-sky{display:grid;height:calc(100% - 72px);place-items:center;align-content:center;gap:16px;background:linear-gradient(160deg,#ffe66df2,#f472b6b8),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=900&q=80) center / cover;color:#101827;text-align:center}.video-sky strong{font-size:32px}.lyric-strip{display:grid;height:72px;place-items:center;padding:0 18px;background:#ffffffeb;color:#101827;font-weight:900;text-align:center}.delivery-card{display:grid;gap:6px;max-width:350px;border-left:3px solid #ffe66d;padding-left:14px}.marketing-hero{position:relative;overflow:hidden;display:grid;align-items:center;min-height:min(820px,calc(100vh - 82px));padding:18px clamp(18px,5vw,72px) 56px;background:linear-gradient(90deg,#0c1017f5,#0c1017db 34%,#0c101785 58%,#0c10170f),linear-gradient(180deg,#0c10171a,#0c101757),url(/images/singagram-ai-hero.png) center right / cover no-repeat;background:linear-gradient(90deg,#0c1017f5,#0c1017db 34%,#0c101785 58%,#0c10170f),linear-gradient(180deg,#0c10171a,#0c101757),image-set(url(/images/optimized/singagram-ai-hero-1600.avif) type("image/avif"),url(/images/optimized/singagram-ai-hero-1600.webp) type("image/webp"),url(/images/singagram-ai-hero.png) type("image/png")) center right / cover no-repeat;color:#f8fafc}.marketing-hero:before{position:absolute;inset:auto 0 0;height:39%;pointer-events:none;content:"";background:linear-gradient(180deg,transparent,rgba(20,184,166,.11))}.hero-copy{position:relative;z-index:1;display:grid;gap:24px;align-content:center;max-width:840px;padding:clamp(20px,4vw,42px) 0}.hero-copy p{max-width:620px;color:#cbd5e1;font-size:20px;line-height:1.55}.hero-copy h1{max-width:850px;font-size:clamp(50px,7.6vw,92px);line-height:.92}.eyebrow{width:fit-content;border:1px solid rgba(255,230,109,.32);border-radius:999px;padding:8px 12px;background:#ffe66d14;color:#ffe66d;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}:root[data-theme=light] .eyebrow{border-color:#facc15;background:#fff8db;color:#7a4d00}.hero-links{display:flex;flex-wrap:wrap;gap:12px}.hero-proof-row{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.hero-proof-row span{display:inline-flex;min-height:40px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:0 13px;background:#ffffff12;color:#e2e8f0;font-weight:850}:root[data-theme=light] .hero-proof-row span{border-color:#d8dee8;background:#fff;color:#253244}.waitlist-form{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(220px,1fr) auto;gap:10px;max-width:760px}.waitlist-form input{min-height:48px}.waitlist-form .primary-button{width:100%;white-space:nowrap}.waitlist-opt-in{display:inline-grid;grid-column:1 / -1;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;max-width:420px;color:#e2e8f0c7;font-size:14px;font-weight:750;line-height:1.35}.waitlist-form .waitlist-opt-in input{width:18px;min-height:18px;height:18px;margin:1px 0 0;accent-color:#ffe66d;cursor:pointer}:root[data-theme=light] .waitlist-opt-in{color:#536171}.waitlist-message{grid-column:1 / -1;font-weight:800}.waitlist-message.success{color:#86efac}.waitlist-message.error{color:#fda4af}.secondary-link{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:8px}.floating-note{position:absolute;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:12px 14px;background:#0e141ed6;color:#f8fafc;box-shadow:0 20px 70px #00000040;font-weight:900;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.note-top{top:62px;right:clamp(12px,4vw,78px)}.note-bottom{bottom:72px;left:clamp(0px,1vw,18px)}:root[data-theme=light] .floating-note{border-color:#dfe5ed;background:#fff;color:#101827;box-shadow:0 18px 58px #0f172a1f}.idea-band{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 clamp(18px,5vw,72px) 62px}.idea-band article{display:grid;gap:9px;min-height:146px;border-top:1px solid rgba(255,255,255,.16);padding-top:18px}.process-section,.output-section{display:grid;gap:24px;padding:0 clamp(18px,5vw,72px) 72px}.demo-page{display:grid;gap:28px;padding:42px 0 72px}.demo-page>.section-heading,.pricing-page>.section-heading{padding:0 clamp(18px,5vw,72px)}.pricing-page,.characters-page{display:grid;gap:28px;padding:42px 0 72px}.characters-page>.section-heading{padding:0 clamp(18px,5vw,72px)}.character-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.character-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;padding:0 clamp(18px,5vw,72px)}.character-card{overflow:hidden;display:grid;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0e141ec7;box-shadow:0 22px 70px #00000024}.character-card .character-thumb{border-radius:0}.character-card-copy{display:grid;gap:14px;padding:16px}.character-card-copy>div:first-child{display:grid;gap:6px}.character-card-copy strong{font-size:19px;line-height:1.1}.character-card-copy span{color:#a9b6c8;line-height:1.4}.character-meta{display:flex;flex-wrap:wrap;gap:8px}.character-meta span{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 9px;color:#dbe5f4;font-size:12px;font-weight:800}:root[data-theme=light] .character-card{border-color:#d8dee8;background:#fff}:root[data-theme=light] .character-card-copy span{color:#536171}:root[data-theme=light] .character-meta span{border-color:#d8dee8;color:#344256}.pricing-calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 280px;gap:18px;align-items:start;padding:0 clamp(18px,5vw,72px)}.pricing-calculator h2{margin-bottom:12px;font-size:24px}.pricing-total{position:sticky;top:18px;display:grid;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:20px;background:#0e141ec7}.pricing-total strong{font-size:32px;line-height:1}.pricing-total small{color:#a9b6c8}:root[data-theme=light] .pricing-total{border-color:#d8dee8;background:#fff}.section-heading{display:grid;gap:14px;max-width:830px}.section-heading h2{max-width:760px}.process-grid,.output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.process-grid article,.output-grid article{position:relative;overflow:hidden;display:grid;gap:14px;min-height:230px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:22px;background:linear-gradient(155deg,rgba(255,230,109,.08),transparent 48%),#0e141eb8;box-shadow:0 22px 70px #00000024}.process-grid article:after,.output-grid article:after{position:absolute;right:-40px;bottom:-52px;width:132px;height:132px;border-radius:50%;content:"";background:#14b8a629}:root[data-theme=light] .process-grid article,:root[data-theme=light] .output-grid article{border-color:#dfe5ed;background:#fff;box-shadow:0 20px 60px #0f172a14}.step-number{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#ffe66d;color:#101827;font-weight:950}.process-grid svg{color:#ffe66d}:root[data-theme=light] .process-grid svg{color:#0f766e}.process-grid strong,.output-grid strong{font-size:24px;line-height:1.05}.process-grid p,.output-grid p{line-height:1.55}.output-grid article{min-height:190px}.output-grid article div{display:flex;align-items:start;justify-content:space-between;gap:16px}.output-grid article span{border-radius:999px;padding:7px 10px;background:#ffe66d24;color:#ffe66d;font-weight:950;white-space:nowrap}:root[data-theme=light] .output-grid article span{background:#fff8db;color:#7a4d00}.demo-section{display:grid;gap:24px;padding:0 clamp(18px,5vw,72px) 72px}.demo-heading{display:grid;gap:10px;max-width:780px}.demo-heading p{max-width:640px;font-size:18px;line-height:1.55}.demo-format-row{display:flex;flex-wrap:wrap;gap:10px}.demo-timing-row{display:flex;flex-wrap:wrap;gap:10px;color:#cbd5e1;font-size:14px;font-weight:800}.demo-timing-row span{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;background:#ffffff0f}:root[data-theme=light] .demo-timing-row{color:#475569}:root[data-theme=light] .demo-timing-row span{border-color:#dfe5ed;background:#fff}.demo-format-row span{display:inline-flex;min-height:38px;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:0 12px;background:#ffffff12;color:#f8fafc;font-weight:850}:root[data-theme=light] .demo-format-row span{border-color:#dfe5ed;background:#fff;color:#101827}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo-card{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:20px;align-items:center;min-height:330px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:20px;background:#0e141ec7;box-shadow:0 22px 70px #0000002e}:root[data-theme=light] .demo-card{border-color:#dfe5ed;background:#fff;box-shadow:0 20px 60px #0f172a14}.demo-avatar{display:grid;place-items:center;min-height:220px;border-radius:8px;background:linear-gradient(155deg,#60a5fa33,#ffe66d24),#ffffff0a}:root[data-theme=light] .demo-avatar{background:linear-gradient(155deg,#60a5fa24,#ffe66d38)}.demo-avatar .avatar-svg{width:min(210px,50vw)}.demo-copy{display:grid;gap:12px}.demo-copy h3{margin:4px 0 0;font-size:clamp(24px,3vw,34px);line-height:1}.demo-copy blockquote{margin:0;border-left:3px solid #ffe66d;padding-left:12px;color:#f8fafc;font-weight:800;line-height:1.35}:root[data-theme=light] .demo-copy blockquote{color:#101827}.demo-meta{font-weight:800}.demo-audio{width:100%}.demo-progress{overflow:hidden;width:100%;height:8px;border-radius:999px;background:#ffffff1a}:root[data-theme=light] .demo-progress{background:#e6ebf2}.demo-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe66d,#60a5fa);transition:width .12s linear}.demo-play{gap:8px}.approved-demo-section{display:grid;gap:24px;padding:0 clamp(18px,5vw,72px) 24px}.approved-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.approved-demo-card{overflow:hidden;display:grid;grid-template-columns:minmax(210px,.82fr) minmax(0,1fr);border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0e141ec7;box-shadow:0 22px 70px #0000002e}.approved-video-frame{display:grid;min-height:min(420px,72vh);place-items:center;background:#0b1020}.approved-video-frame video{display:block;width:auto;height:auto;max-width:100%;max-height:min(78vh,760px);object-fit:contain}.approved-video-frame video:fullscreen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;object-fit:contain;background:#000}.approved-video-frame video:-webkit-full-screen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;object-fit:contain;background:#000}.approved-demo-copy{display:grid;gap:12px;align-content:center;padding:22px}.approved-demo-copy>span,.approved-demo-copy p{color:#a9b6c8}.approved-demo-copy h3{margin:0;font-size:clamp(26px,3vw,38px);line-height:.98}.approved-demo-copy blockquote{max-height:170px;overflow:auto;margin:0;border-left:3px solid #ffe66d;padding-left:12px;color:#f8fafc;font-weight:800;line-height:1.35}:root[data-theme=light] .approved-demo-card{border-color:#dfe5ed;background:#fff;box-shadow:0 20px 60px #0f172a14}:root[data-theme=light] .approved-demo-copy>span,:root[data-theme=light] .approved-demo-copy p{color:#5f6d7e}:root[data-theme=light] .approved-demo-copy blockquote{color:#101827}.share-page{display:grid;gap:20px;justify-items:start;padding:80px clamp(18px,5vw,72px)}.admin-shell{min-height:100vh}.admin-layout{display:grid;gap:22px;padding:24px clamp(18px,5vw,72px) 72px}.library-layout{display:grid;gap:22px;padding:34px clamp(18px,5vw,72px) 72px}.library-hero{display:grid;gap:16px;max-width:900px}.library-hero h1{font-size:clamp(42px,6vw,76px)}.admin-heading{display:grid;gap:14px;max-width:880px}.admin-panel{display:grid;gap:18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:clamp(18px,3vw,30px);background:#0e141ed1}.auth-panel{max-width:720px;align-items:start}:root[data-theme=light] .admin-panel{border-color:#dfe5ed;background:#fff}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-sort-control{display:inline-grid;width:min(210px,100%);gap:6px;font-size:13px}.admin-sort-control select{min-height:48px}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px}.admin-tabs a{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 12px;background:#ffffff0f;color:#cbd5e1;font-weight:800}:root[data-theme=light] .admin-tabs a{border-color:#d8dee8;background:#fff;color:#536171}.admin-tabs .selected{border-color:#ffe66d;background:#ffe66d29;color:#ffe66d}:root[data-theme=light] .admin-tabs .selected{color:#8a6a00}.icon-button-text{display:inline-flex;align-items:center;gap:8px}.toggle-row{display:inline-flex;align-items:center;gap:8px;color:#cbd5e1}:root[data-theme=light] .toggle-row{color:#475569}.admin-grid{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:18px;align-items:start}.ops-grid,.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ops-card,.library-card{display:grid;gap:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:18px;background:#ffffff0d}.ops-card{min-height:170px;align-content:start}.ops-card svg{color:#ffe66d}.ops-card strong,.library-card strong{font-size:22px;line-height:1.05}.ops-card span,.library-card span,.library-card p,.library-meta{color:#a9b6c8;line-height:1.45}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.library-card-heading div{display:grid;gap:4px}.library-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:800}.library-meta span{border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:5px 8px;background:#ffffff0d}:root[data-theme=light] .ops-card,:root[data-theme=light] .library-card{border-color:#d8dee8;background:#fff}:root[data-theme=light] .ops-card span,:root[data-theme=light] .library-card span,:root[data-theme=light] .library-card p,:root[data-theme=light] .library-meta{color:#5f6d7e}:root[data-theme=light] .library-meta span{border-color:#d8dee8;background:#f7f8fb}.template-list,.template-editor{display:grid;gap:12px}.template-list button{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:84px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:10px;background:#ffffff0f;color:inherit;text-align:left}:root[data-theme=light] .template-list button{border-color:#d8dee8;background:#fff}.template-list .selected{border-color:#ffe66d;background:#ffe66d29}.template-list .template-preview,.template-list .template-swatch{width:52px;height:64px}.demo-example-list .demo-example-thumb{position:relative;display:grid;flex:0 0 52px;width:52px;min-width:52px;height:64px;min-height:64px;max-height:64px;place-items:center;overflow:hidden;border-radius:8px;background:#111827;color:#cbd5e1}.demo-example-list button{-moz-appearance:none;appearance:none;-webkit-appearance:none;grid-template-columns:52px minmax(0,1fr);grid-template-areas:"thumb content" "thumb status";grid-template-rows:min-content min-content;align-items:start;align-content:start;height:auto;min-height:84px;padding:10px;overflow:visible;white-space:normal}.demo-example-list button>.demo-example-thumb{grid-area:thumb}.demo-example-list button>span:nth-child(2){grid-area:content;min-width:0;overflow:visible;white-space:normal}.demo-example-list button>span:nth-child(2) strong{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.2}.demo-example-list button>span:nth-child(2) small{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.demo-example-list button>span:last-child{grid-area:status;justify-self:start;align-self:start;margin-top:8px}.demo-example-list .demo-example-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center top}.demo-example-list .demo-example-thumb video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center top}.template-list small{display:block;margin-top:4px;color:#a9b6c8;line-height:1.3}.template-list span:last-child{border-radius:999px;padding:6px 9px;background:#ffffff14;color:#cbd5e1;text-transform:capitalize}:root[data-theme=light] .template-list span:last-child{background:#edf2f7;color:#475569}.demo-approval-grid{grid-template-columns:minmax(270px,380px) minmax(0,1fr);align-items:start;height:auto;min-height:0;overflow:visible}.demo-approval-grid .demo-example-list,.demo-approval-grid .demo-approval-editor{min-height:0;padding-right:4px;scrollbar-gutter:stable}.demo-approval-grid .demo-example-list{align-content:start;align-items:start;grid-auto-rows:max-content;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain}.demo-approval-grid .demo-approval-editor{align-content:start;overflow:visible;padding-right:0}.character-approval-grid{grid-template-columns:minmax(280px,400px) minmax(0,1fr)}.character-approval-list .character-thumb{width:52px;height:64px}.demo-example-thumb{display:grid;width:52px;height:64px;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(155deg,#ffe66d2e,#60a5fa29);color:#ffe66d}.demo-approval-editor{gap:16px}.approval-section{display:grid;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;background:#ffffff0a}.approval-section h2{display:inline-flex;align-items:center;gap:8px;font-size:20px}.approval-video-preview{width:auto;height:auto;max-width:min(420px,100%);max-height:min(72vh,760px);border-radius:8px;background:#0b1020;object-fit:contain}.approval-video-top .approval-video-preview{justify-self:start}.approval-video-preview:fullscreen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;object-fit:contain;background:#000}.approval-video-preview:-webkit-full-screen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;object-fit:contain;background:#000}.demo-approval-editor .approval-video-top{position:static;z-index:2;background:#131b28fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=light] .demo-approval-editor .approval-video-top{background:#fffffffa}.approval-image-preview{display:grid;place-items:center;min-height:420px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d}.approval-image-preview .character-thumb,.approval-image-preview .avatar-swatch{width:min(100%,260px);height:auto;aspect-ratio:9 / 16}.approval-image-preview img{width:100%;height:100%;object-fit:cover}:root[data-theme=light] .approval-image-preview{border-color:#d8dee8;background:#f7f8fb}.approval-date-row{display:flex;flex-wrap:wrap;gap:8px;color:#a9b6c8;font-size:13px}.approval-date-row span{border-radius:999px;padding:6px 9px;background:#ffffff14}.approval-audio-summary{display:grid;gap:8px;max-width:560px;border-radius:8px;padding:12px;background:#ffffff0f}.approval-audio-summary strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#d8e4f2}.approval-audio-summary dl{display:grid;gap:6px;margin:0}.approval-audio-summary dl div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:baseline}.approval-audio-summary dt{color:#a9b6c8;font-size:13px}.approval-audio-summary dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#f4f7fb;font-weight:650}.approval-original-audio{display:grid;gap:8px;max-width:min(100%,560px);border-radius:8px;padding:12px;background:#ffffff0f}.approval-original-audio strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#d8e4f2}.media-action-row{display:flex;flex-wrap:wrap;gap:8px}.danger-button{border-color:#f8717157;background:#7f1d1d33;color:#fecaca;gap:8px}.danger-button:hover:not(:disabled){background:#7f1d1d57}.confirmation-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#060a129e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirmation-dialog{display:grid;width:min(440px,100%);gap:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:20px;background:#131b28;box-shadow:0 24px 70px #00000061}.confirmation-dialog h2{margin:0;font-size:22px}:root[data-theme=light] .confirmation-dialog{border-color:#d8dee8;background:#fff}.demo-generation-request-panel{display:grid;gap:14px;margin-bottom:18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:16px;background:#0e141e8a}.demo-generation-request-panel h2{display:flex;gap:8px;align-items:center;margin:0;font-size:20px}.demo-generation-request-panel .muted{margin:4px 0 0}.demo-generation-request-list{display:grid;gap:6px;border-radius:8px;padding:12px;background:#ffffff0f;color:#d8e4f2}.demo-generation-request-list strong{color:#f4f7fb}.demo-generation-request-list span{overflow-wrap:anywhere}.revision-request-panel{display:grid;gap:12px;max-width:680px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.revision-request-panel h3{margin:0;font-size:16px}.revision-request-summary{display:grid;gap:8px;border-radius:8px;padding:12px;background:#ffffff0f}.revision-request-summary dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0}.revision-request-summary dt{color:#a9b6c8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.revision-request-summary dd{margin:2px 0 0;color:#f4f7fb;font-weight:650}.revision-request-summary p{margin:0;overflow-wrap:anywhere;color:#d8e4f2}.revision-request-actions{display:flex;flex-wrap:wrap;gap:8px}:root[data-theme=light] .template-list small{color:#5f6d7e}:root[data-theme=light] .demo-example-thumb{background:#f7f8fb;color:#0f766e}:root[data-theme=light] .approval-section{border-color:#d8dee8;background:#f7f8fb}:root[data-theme=light] .approval-date-row{color:#5f6d7e}:root[data-theme=light] .approval-date-row span{background:#edf2f7}:root[data-theme=light] .approval-audio-summary{background:#edf2f7}:root[data-theme=light] .approval-audio-summary strong{color:#263445}:root[data-theme=light] .approval-audio-summary dt{color:#5f6d7e}:root[data-theme=light] .approval-audio-summary dd{color:#111827}:root[data-theme=light] .approval-original-audio,:root[data-theme=light] .demo-generation-request-list{background:#edf2f7}:root[data-theme=light] .approval-original-audio strong,:root[data-theme=light] .demo-generation-request-list strong{color:#263445}:root[data-theme=light] .demo-generation-request-panel{border-color:#d8dee8;background:#f7f8fb}:root[data-theme=light] .revision-request-panel{border-top-color:#d8dee8}:root[data-theme=light] .revision-request-summary{background:#edf2f7}:root[data-theme=light] .revision-request-summary dt{color:#5f6d7e}:root[data-theme=light] .revision-request-summary dd{color:#111827}:root[data-theme=light] .revision-request-summary p{color:#405166}.reference-upload{display:grid;grid-template-columns:minmax(90px,150px) minmax(180px,1fr) auto;gap:12px;align-items:end}.reference-upload .template-preview,.reference-upload .template-swatch{width:120px;max-width:120px;height:auto}.queue-dashboard{gap:22px}.queue-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:16px;align-items:end}.queue-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.queue-stat,.queue-section,.worker-row,.job-row{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d}:root[data-theme=light] .queue-stat,:root[data-theme=light] .queue-section,:root[data-theme=light] .worker-row,:root[data-theme=light] .job-row{border-color:#d8dee8;background:#fff}.queue-stat{display:grid;gap:4px;padding:14px}.queue-stat span{color:#a9b6c8;text-transform:capitalize}.queue-stat strong{font-size:28px}.queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.queue-section{display:grid;gap:12px;padding:16px}.queue-section h2{display:flex;align-items:center;gap:8px;font-size:20px}.worker-row,.job-row{display:grid;gap:10px;padding:14px}.worker-row strong,.job-row strong{display:block}.worker-row span,.job-row span,.job-row small,.worker-row small{color:#a9b6c8}:root[data-theme=light] .worker-row span,:root[data-theme=light] .job-row span,:root[data-theme=light] .job-row small,:root[data-theme=light] .worker-row small,:root[data-theme=light] .queue-stat span{color:#5f6d7e}.memory-line{display:flex;align-items:center;gap:8px}.job-table{display:grid;gap:10px}.job-table.compact .job-row{grid-template-columns:1fr}.job-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.job-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.share-copy{display:grid;gap:12px;max-width:780px}.animated-player{display:grid;grid-template-columns:minmax(220px,320px) minmax(260px,520px);gap:28px;align-items:center;width:100%;max-width:920px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:clamp(18px,4vw,34px);background:#0e141ed1}:root[data-theme=light] .animated-player{border-color:#dfe5ed;background:#fff}.avatar-svg{width:min(320px,74vw);height:auto;filter:drop-shadow(0 18px 38px rgba(0,0,0,.24))}.avatar-head{animation:avatar-bob 2.8s ease-in-out infinite;transform-origin:130px 140px}.avatar-mouth{transition:d 80ms ease}.avatar-eye{animation:avatar-blink 5s linear infinite;transform-origin:center}.player-copy{display:grid;gap:14px}.player-copy strong{font-size:clamp(24px,4vw,38px);line-height:1}.player-copy audio{width:100%}@keyframes avatar-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes avatar-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.error{color:#fda4af}@media(max-width:900px){.creator-layout,.marketing-hero{grid-template-columns:1fr}.marketing-hero{gap:18px;min-height:calc(100vh - 126px);padding-bottom:46px;background:linear-gradient(180deg,#0c1017b8,#0c1017f5 45%,#0c1017fa),url(/images/singagram-ai-hero.png) top center / auto 42% no-repeat;background:linear-gradient(180deg,#0c1017b8,#0c1017f5 45%,#0c1017fa),image-set(url(/images/optimized/singagram-ai-hero-960.avif) type("image/avif"),url(/images/optimized/singagram-ai-hero-960.webp) type("image/webp"),url(/images/singagram-ai-hero.png) type("image/png")) top center / auto 42% no-repeat}.hero-copy h1{font-size:clamp(42px,14vw,60px)}.floating-note{padding:9px 11px;font-size:13px}.note-top{top:24px;right:22px}.note-bottom{bottom:18px;left:20px}.waitlist-form,.checkout-panel,.animated-player{grid-template-columns:1fr}.preview-stage{order:-1}.idea-band{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid,.output-grid,.demo-grid,.demo-card,.approved-demo-card,.pricing-calculator,.admin-grid,.ops-grid,.library-grid,.reference-upload,.queue-toolbar,.queue-grid{grid-template-columns:1fr}.demo-approval-grid{height:auto;min-height:0;overflow:visible}.demo-approval-grid .demo-example-list,.demo-approval-grid .demo-approval-editor{overflow:visible;padding-right:0}.demo-approval-grid .demo-example-list{position:static;max-height:none}.demo-approval-editor .approval-video-top{position:static}}@media(max-width:620px){.top-nav{align-items:flex-start}.top-nav nav{width:100%;gap:8px;justify-content:space-between}.field-grid,.upload-grid,.credit-package-grid,.choice-grid,.visual-mode-grid,.option-card-grid,.song-engine-grid,.idea-band,.queue-metrics,.job-row{grid-template-columns:1fr}.job-actions{justify-content:flex-start}.creation-panel{padding:18px}}
