:root{--bg:#10120e;--surface:#181b15;--surface-raised:#22261c;--surface-input:#12150f;--text:#f4f4e9;--muted:#a3aa97;--lime:#c5ef65;--lime-hover:#d5ff7d;--border:#ffffff15;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:var(--font);--radius:12px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{color:inherit}button,a{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}img,video{max-width:100%}img{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h1{font-size:44px;font-weight:700}h2{font-size:34px;font-weight:700}h3{font-size:18px;font-weight:600}p{color:var(--muted)}[hidden]{display:none!important}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}::selection{background:#c5ef6540;color:#fff}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only,.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-input:focus-visible+label{outline:2px solid var(--lime);outline-offset:4px}.skip-link{position:fixed;z-index:500;top:10px;left:16px;background:var(--lime);color:var(--bg);padding:10px 18px;transform:translateY(-150%);border-radius:8px}.skip-link:focus{transform:translateY(0)}.content-width{width:calc(100% - 48px);max-width:1140px;margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:600;line-height:1.3;text-align:center;transition:background .18s,border-color .18s,transform .18s}.button:active:not(:disabled){transform:translateY(1px)}.button-lime{background:var(--lime);color:#1b230f}.button-lime:hover:not(:disabled){background:var(--lime-hover)}.button-ghost{background:#ffffff04;border-color:#ffffff21;color:var(--text)}.button-ghost:hover:not(:disabled){background:#ffffff09;border-color:#ffffff40}.button-dark{background:#1c2314;color:var(--text)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:none;padding:6px 0;font-size:12px;color:var(--muted);line-height:1.4}.text-button:hover{color:var(--lime)}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:transparent}.icon-button:hover{background:#ffffff08}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);font-weight:600}.section-footnote{font-size:12px;line-height:1.7;color:#929a85;margin:20px auto 0;text-align:center;max-width:880px}
/* Compact navigation */
.site-header{position:relative;z-index:40;background:#10120ee6;border-bottom:1px solid #ffffff09}.header{height:64px;width:calc(100% - 48px);max-width:1240px;margin:auto;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;line-height:1.2;letter-spacing:-.045em;font-weight:750;white-space:nowrap}.brand img{flex-shrink:0}.brand-ai{color:var(--lime)}.desktop-nav{display:flex;align-items:center;gap:2px;margin-left:3px;font-size:13px;font-weight:500;white-space:nowrap}.desktop-nav>a,.trending-menu>summary{min-height:40px;display:flex;align-items:center;gap:5px;padding:8px 11px;border-radius:7px}.desktop-nav>a:hover,.trending-menu>summary:hover{background:#ffffff06;color:var(--lime)}.trending-menu{position:relative}.trending-menu>summary{list-style:none}.trending-menu>summary::-webkit-details-marker{display:none}.trending-menu>summary>.icon{width:14px;height:14px;color:var(--lime)}.chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 2px 4px 5px}.trending-menu[open] .chevron{transform:rotate(225deg);margin-bottom:-2px}.trending-dropdown{position:absolute;top:calc(100% + 8px);left:0;display:grid;width:238px;background:#1a1e15;border:1px solid #ffffff1c;border-radius:10px;padding:6px;box-shadow:0 16px 40px #0008}.trending-dropdown a{padding:10px 12px;border-radius:6px;font-size:12px;white-space:normal}.trending-dropdown a:hover{background:#c5ef6510;color:var(--lime)}.header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.credit-button{display:inline-flex;min-height:28px;align-items:center;padding:4px 13px;border:1px solid #c5ef6530;border-radius:20px;background:#c5ef6514;color:var(--lime);font-size:11px;font-weight:600;white-space:nowrap}.credit-button:hover{background:#c5ef6524}.button-signin{min-height:38px;padding:8px 17px;background:var(--lime);color:#1b230f;font-weight:600}.button-signin:hover{background:var(--lime-hover)}.mobile-menu{display:none}.mobile-nav{position:absolute;top:64px;left:0;right:0;z-index:39;background:#171b13;border-bottom:1px solid #ffffff18;padding:12px 24px 18px;box-shadow:0 20px 25px #0005}.mobile-nav:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:4px 15px}.mobile-nav a,.mobile-nav button{display:flex;align-items:center;min-height:42px;font-size:13px;padding:8px 0;background:none;text-align:left}.mobile-nav a:hover,.mobile-nav button:hover{color:var(--lime)}
/* Generator and concept gallery */
body[data-page] main{position:relative;isolation:isolate}body[data-page] main::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:1000px;background:linear-gradient(180deg,#10120ec9 0%,#10120ed9 30%,#10120ef5 73%,var(--bg) 100%),url('/assets/invisible-ride.jpg') center 37%/cover no-repeat;pointer-events:none}.hero-intro{max-width:1000px;margin:auto;text-align:center;padding:52px 24px 0}.hero-intro h1{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;line-height:1.17;letter-spacing:-1.7px}.hero-intro h1 img{width:44px;height:44px}.hero-intro>p{font-size:16px;line-height:1.7;color:#d2d7c9;max-width:780px;margin:15px auto 0}.hero-pills{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.hero-pills span{font-size:11px;line-height:1.2;color:var(--lime);padding:6px 11px;border:1px solid #c5ef6530;background:#c5ef650d;border-radius:20px}.generator-wrapper{width:calc(100% - 48px);max-width:1140px;margin:25px auto 0;scroll-margin-top:86px}.studio{padding:12px 12px 0;background:#252b1fe8;border:1px solid #d0e8ab1c;border-radius:15px;box-shadow:0 22px 65px -35px #000c;backdrop-filter:blur(12px)}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #ffffff0d}.mode-tabs{display:inline-flex;gap:3px;padding:4px;border-radius:11px;background:#14180ff0;border:1px solid #ffffff0d}.mode-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:500;min-height:34px;padding:7px 14px;line-height:1.3;border-radius:8px;color:#a8b299;background:transparent;border:1px solid transparent;white-space:nowrap;transition:background .18s,color .18s}.mode-tab .icon{width:14px;height:14px}.mode-tab.active,.mode-tab[aria-selected=true]{background:#39442a;color:var(--text);border-color:#b4d98b1a;box-shadow:inset 0 1px #ffffff08}.mode-tab:hover:not(.active){color:var(--text);background:#ffffff05}.draft-button{padding-right:6px;font-size:11px}.draft-button .icon{width:14px;height:14px}.draft-count{min-width:15px;height:15px;font-size:9px;line-height:15px;border-radius:4px;background:#ffffff0b;text-align:center;color:#bcc7ad}.composer-body{display:flex;align-items:stretch;gap:16px;min-height:154px;padding:12px 3px}.generic-uploads,.template-uploads{display:flex;align-items:flex-start;gap:9px;flex-shrink:0;padding-top:2px}.video-upload-wrap,.images-upload-wrap{position:relative;width:168px;min-height:111px}.upload-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:168px;height:104px;padding:9px 10px;border:1px dashed #c5ef655c;border-radius:7px;background:#c5ef6506;transition:background .18s,border-color .18s;color:var(--lime)}.upload-slot:hover,.upload-slot.dragover,.photo-slot.dragover{background:#c5ef6511;border-color:var(--lime)}.upload-slot>.icon{height:20px;width:20px;opacity:.9}.upload-slot strong{font-size:11px;line-height:1.4;font-weight:500;color:#d5dccb}.upload-slot>span{font-size:10px;line-height:1.4;color:#8d9b7f}.upload-meta{display:block;font-size:9px;line-height:1.3;color:#b9c5aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;max-width:168px}.source-video{width:168px;height:104px;object-fit:cover;border-radius:7px;border:1px solid #c5ef6555;background:#10130d}.video-upload-wrap:has(.source-video:not([hidden])) #video-drop{display:none}.remove-photo{position:absolute;top:5px;right:5px;z-index:2;width:24px;height:24px;border:1px solid #ffffff20;border-radius:50%;background:#0c100ce6;color:#fff;display:grid;place-items:center}.remove-photo .icon{width:12px;height:12px}.remove-photo:hover{background:#a23838}.photo-slot{position:relative;width:168px;height:111px;border:1px dashed #c5ef655c;border-radius:7px;background:#c5ef6506;overflow:hidden}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:104px;padding:10px;text-align:center;cursor:pointer;color:var(--lime)}.upload-label>.icon{width:22px;height:22px}.upload-label strong{font-size:11px;font-weight:500;color:#d5dccb;line-height:1.4}.upload-label span{font-size:9px;color:#8d9b7f;line-height:1.2}.photo-slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-name{position:absolute;bottom:0;left:0;right:0;padding:4px 7px;font-size:9px;line-height:1.5;color:#eef3e6;background:#10150dc9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-name:empty{display:none}.photo-slot:has(>img:not([hidden])) .upload-label{visibility:hidden}.image-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.image-list:empty{display:none}.image-list img{width:33px;height:33px;object-fit:cover;border:1px solid #ffffff28;border-radius:4px}.reference-image,.reference-image-item,.image-thumb{position:relative;display:inline-block;max-width:42px}.image-list button{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;background:#151a11;border:1px solid #ffffff35;border-radius:50%;font-size:10px;width:18px;height:18px;padding:0}.prompt-field{min-width:0;display:flex;flex:1;flex-direction:column;padding:1px 5px 0 0}.prompt-field textarea{display:block;width:100%;flex:1;min-height:104px;border:0;outline:0!important;background:none;resize:vertical;padding:0 0 10px;font-size:13px;line-height:1.65;color:var(--text)}.prompt-field textarea::placeholder{color:#a0ab93}.prompt-field textarea:focus-visible{border-radius:3px;box-shadow:0 0 0 1px #c5ef6588}.prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#929d85;font-size:10px;font-variant-numeric:tabular-nums;line-height:1.3;padding-bottom:2px}.asset-note{opacity:.75}.studio-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #ffffff0d;padding:11px 1px 10px}.generator-settings{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0}.compact-select{display:inline-flex;align-items:center;position:relative;border:1px solid #ffffff0a;border-radius:7px;background:#ffffff09}.compact-select select{min-height:31px;border:0;background:none;padding:5px 27px 5px 9px;font-size:11px;font-weight:500;color:#e4e9dc;appearance:none;border-radius:7px;outline-offset:2px}.compact-select::after{content:"";position:absolute;right:10px;top:11px;width:5px;height:5px;border-right:1px solid #acb79f;border-bottom:1px solid #acb79f;transform:rotate(45deg);pointer-events:none}.compact-select option{color:var(--text);background:var(--surface)}.source-duration{font-size:10px;color:#99a58c}.generate-actions{display:flex;align-items:flex-end;gap:14px;margin-left:auto}.generate-action{display:flex;align-items:center;gap:9px}.generation-estimate{display:flex;flex-direction:column;align-items:flex-end;font-size:10px;line-height:1.55;color:#a9b59b;white-space:nowrap;font-variant-numeric:tabular-nums}.generation-estimate>span:last-child{color:#c8d2bc;min-width:15px;min-height:15px}.generate-actions .button{min-height:35px;font-size:12px;padding:8px 15px}.generate-actions .button>.icon{width:14px;height:14px}.button-preview{color:var(--text);border-color:#ffffff2d;background:#ffffff05}.button-preview:hover:not(:disabled){border-color:#c5ef6570;background:#c5ef650c}.action-divider{height:26px;width:1px;background:#ffffff18;margin-bottom:4px}.studio-consent{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #ffffff0a;padding:8px 2px 9px}.consent{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.6;color:#9da991;cursor:pointer}.consent input{accent-color:var(--lime);width:12px;height:12px;flex-shrink:0;margin:2px 0 0}.studio-consent>.text-button{font-size:10px;white-space:nowrap;padding:2px 0}.field-error{font-size:12px;color:#ffb5a5;background:#7d282220;border:1px solid #f07a5b35;border-radius:7px;padding:9px 12px;margin:0 0 10px;line-height:1.6}.templates-section{margin-top:26px}.templates-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.templates-heading h2{font-size:20px;letter-spacing:-.025em}.templates-heading p{font-size:12px;line-height:1.65;margin-top:5px;max-width:760px}.example-button{font-size:11px;white-space:nowrap;align-self:flex-start;padding-top:3px;color:#c6d1b8}.example-button .icon{height:13px;width:13px}.template-masonry{columns:4;column-gap:14px}.template-card{position:relative;break-inside:avoid;display:block;width:100%;height:var(--card-height);margin-bottom:14px;overflow:hidden;border:1px solid #ffffff1d;border-radius:10px;background:#22291a;isolation:isolate}.template-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;transition:transform .4s,filter .3s}.template-card::after{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,#00000020 0%,transparent 40%,#0008 72%,#000d 100%)}.template-card:hover>img,.template-card:focus-within>img{transform:scale(1.045)}.template-variant-1>img{object-position:59% center}.template-variant-2>img{object-position:70% center;filter:saturate(.8) contrast(1.04)}.template-variant-3>img{object-position:58% center}.template-variant-4>img{object-position:72% center;filter:saturate(.75)}.template-variant-5>img{object-position:54% center;filter:brightness(.85)}.template-label{position:absolute;z-index:2;left:10px;top:10px;border:1px solid #ffffff30;background:#0c120bb8;padding:3px 6px;color:#d0d8c5;font-size:8px;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;line-height:1.4}.template-caption{position:absolute;z-index:1;bottom:16px;left:15px;right:12px;transition:transform .2s}.template-caption h3{font-size:16px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:#fff}.template-caption>span{display:block;font-size:10px;margin-top:5px;color:#ccd4c3}.template-actions{position:absolute;z-index:3;bottom:11px;left:11px;right:11px;display:flex;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.template-actions button{min-height:34px;font-size:10px;font-weight:600;line-height:1.25;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;border:1px solid #ffffff40;border-radius:6px;background:#151d10e8;color:var(--text);white-space:nowrap}.template-actions button:first-child{flex:1;background:var(--lime);border-color:var(--lime);color:#1a220f}.template-actions button:first-child:hover{background:var(--lime-hover)}.template-actions button:last-child:hover{background:#35422b}.template-actions .icon{width:11px;height:11px}.template-card:hover .template-actions,.template-card:focus-within .template-actions{opacity:1;transform:none}.template-card:hover .template-caption,.template-card:focus-within .template-caption{transform:translateY(-38px)}.templates-section .section-footnote{text-align:left;max-width:none;font-size:11px;margin-top:4px}
/* Editorial sections follow the reference order and density. */
#introduction{margin-top:23px}.section{padding-block:64px;scroll-margin-top:78px}.section-heading{margin-bottom:30px;text-align:center}.section-heading h2{max-width:960px;margin-inline:auto}.section-heading>p{max-width:840px;margin:13px auto 0;font-size:14px;line-height:1.75}.section-heading .eyebrow{display:block;margin-bottom:14px}.introduction-section{padding-bottom:50px}.introduction-section .section-heading{text-align:left;margin-bottom:19px}.introduction-section .section-heading h2{max-width:none}.introduction-section>p{font-size:15px;line-height:1.9;color:#abb49e}.how-section{padding-top:50px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}.how-grid>li{border:1px solid var(--border);border-radius:13px;padding:25px;background:#ffffff02}.step-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#c5ef6512;color:var(--lime);border:1px solid #c5ef6530;border-radius:50%;font-size:13px;font-weight:600;line-height:1}.how-grid h3{margin-top:20px;font-size:18px}.how-grid p{font-size:13px;line-height:1.8;margin-top:10px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.feature-grid article{padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.feature-icon{color:var(--lime);margin-bottom:18px}.feature-icon .icon{width:23px;height:23px}.feature-grid h3{font-size:19px}.feature-grid p{font-size:13px;line-height:1.8;margin-top:10px}.idea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px;margin-top:29px}.idea-grid p{position:relative;padding:13px 0 13px 32px;font-size:13px;line-height:1.8;border-bottom:1px solid #ffffff0b}.idea-grid p>span{position:absolute;left:0;top:15px;font-size:10px;line-height:1.8;color:var(--lime);font-variant-numeric:tabular-nums}.idea-grid strong{color:#d6decb;font-weight:500}.instruction-list{list-style:none;margin:0;padding:0;display:grid;gap:15px}.instruction-list li{display:flex;align-items:flex-start;gap:20px;background:#ffffff02;border:1px solid #ffffff0d;border-radius:12px;padding:23px 26px}.instruction-list .step-number{flex-shrink:0;width:33px;height:33px;margin-top:2px}.instruction-list h3{font-size:18px;margin:0 0 9px}.instruction-list p{font-size:13px;line-height:1.8;max-width:970px}.section-link{margin-top:25px;text-align:center;font-size:13px}.section-link a{display:inline-flex;gap:10px;align-items:center;color:var(--lime)}.section-link a:hover{text-decoration:underline;text-underline-offset:4px}.section-link .icon{width:15px;height:15px}.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.prompt-card{padding:23px;border:1px solid var(--border);border-radius:13px;background:#ffffff03}.prompt-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.prompt-card h3{font-size:16px;line-height:1.4;letter-spacing:-.02em}.prompt-card p{font-size:12px;line-height:1.9;margin-top:14px}.prompt-card button{flex-shrink:0;display:flex;align-items:center;gap:5px;min-height:28px;margin-top:-3px;background:#c5ef6508;border:1px solid #c5ef6520;color:var(--lime);border-radius:5px;font-size:9px;white-space:nowrap;padding:5px 7px;line-height:1.4}.prompt-card button:hover{background:#c5ef6518}.prompt-card button .icon{width:11px;height:11px}.pricing-section{padding-block:64px}.pricing-section .section-heading{margin-bottom:42px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.price-card{position:relative;border:1px solid #ffffff20;border-radius:13px;padding:25px 24px 23px;background:#ffffff02}.price-card.featured{border-color:#c5ef6580;background:#c5ef6507;box-shadow:0 0 0 1px #c5ef6510}.price-card h3{font-size:17px;font-weight:600;letter-spacing:-.01em}.price{color:var(--text);font-size:36px;letter-spacing:-.05em;line-height:1.2;font-weight:650;margin-top:20px;font-variant-numeric:tabular-nums}.price-period{font-size:11px;color:#a4ad97;margin-top:5px}.price-detail{font-size:19px;font-weight:600;color:var(--lime);line-height:1.4;margin-top:20px;letter-spacing:-.025em}.price-detail span{font-size:12px;font-weight:400;color:#b2bda6;letter-spacing:0}.price-card ul{padding:19px 0 0;margin:20px 0 24px;border-top:1px solid #ffffff0d;list-style:none;display:grid;gap:10px}.price-card li{font-size:11px;display:flex;align-items:center;gap:8px;color:#b5bea9;line-height:1.5}.price-card li .icon{color:var(--lime);width:13px;height:13px;stroke-width:2}.price-card>.button{width:100%;min-height:40px;font-size:12px;justify-content:space-between;padding-inline:14px}.price-card>.button .icon{width:15px;height:15px}.plan-label{position:absolute;top:-12px;left:22px;color:#1b230f;background:var(--lime);border-radius:20px;padding:4px 11px;font-size:10px;font-weight:600;line-height:1.4}.pricing-section .section-footnote{margin-top:23px}.payment-environment{font-size:12px!important;color:var(--lime)!important}.comparison-section .section-heading{text-align:left}.comparison-section .section-heading h2{max-width:none}.comparison-section .section-heading p{margin-left:0;max-width:920px}.comparison-scroll{overflow:auto;border:1px solid var(--border);border-radius:12px}.comparison-scroll table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;line-height:1.7}.comparison-scroll th,.comparison-scroll td{padding:19px 23px;border-bottom:1px solid var(--border);vertical-align:top}.comparison-scroll thead{background:#ffffff04}.comparison-scroll thead th{font-weight:600;color:#e7ecde}.comparison-scroll thead th:nth-child(2){color:var(--lime)}.comparison-scroll tbody th{font-weight:500;color:#d2d9c8;width:21%}.comparison-scroll td{color:#a5b098;width:39.5%}.comparison-scroll td:nth-child(2){background:#c5ef6503}.comparison-scroll tr:last-child th,.comparison-scroll tr:last-child td{border-bottom:0}.use-cases-section{padding-top:77px}.use-cases-section .section-heading{margin-bottom:36px}.use-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.use-case-card{padding:27px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(140deg,#ffffff03,transparent 80%);min-height:224px}.use-case-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #c5ef6524;border-radius:9px;background:#c5ef6509;color:var(--lime);margin-bottom:19px}.use-case-icon .icon{width:17px;height:17px}.use-case-card h3{font-size:16px}.use-case-card p{font-size:12px;line-height:1.85;margin-top:11px}.faq-section .section-heading{margin-bottom:33px}.faq-list{max-width:930px;margin:auto;display:grid;gap:11px}.faq-list details{border:1px solid var(--border);border-radius:10px;background:#ffffff02;overflow:hidden}.faq-list summary{display:flex;align-items:center;gap:18px;list-style:none;min-height:67px;padding:18px 22px;font-size:14px;font-weight:500;line-height:1.55;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-number{font-size:11px;font-weight:500;color:#8d9d7c;min-width:20px;font-variant-numeric:tabular-nums}.faq-plus{display:grid;place-items:center;font-size:23px;line-height:1;color:#9bab89;margin-left:auto;font-weight:400;width:22px;height:22px;transition:transform .18s}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-list details[open]{border-color:#c5ef6530}.faq-list details p{font-size:13px;line-height:1.85;padding:0 54px 22px 60px;color:#aeb89f}.final-cta{text-align:center;margin:15px auto 78px;padding:43px 24px 47px;border:1px solid #c5ef6524;border-radius:15px;background:radial-gradient(ellipse at center,#c5ef6509,transparent 75%),#181c13}.final-cta h2{font-size:32px}.final-cta p{font-size:14px;margin:15px auto 24px;max-width:700px;line-height:1.7}.final-cta>.button{min-height:43px;font-size:13px;padding-inline:19px}.final-cta>.button .icon{width:15px;height:15px}
/* Footer, modals and generated states */
.footer{border-top:1px solid var(--border);padding-top:57px;background:#0e110c}.footer-main{display:grid;grid-template-columns:1.55fr 1fr 1.2fr 1fr;gap:57px;padding-bottom:46px}.footer-brand .brand{font-size:21px}.footer-brand>p{font-size:12px;line-height:1.85;max-width:280px;margin-top:18px}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-column h2{font-size:13px;font-weight:600;letter-spacing:0;color:#dce2d4;margin:3px 0 8px}.footer-column a,.footer-column button{font-size:12px;line-height:1.5;color:#9fa993;background:none;padding:0;text-align:left}.footer-column a:hover,.footer-column button:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--border);padding-top:21px;padding-bottom:27px;font-size:10px;color:#7f8c71;line-height:1.8}.modal{width:min(620px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:31px;border:1px solid #c5ef6540;border-radius:15px;background:#1a2014;color:var(--text);box-shadow:0 30px 100px #0008}.modal::backdrop{background:#060a03c9;backdrop-filter:blur(7px)}.modal-close{position:absolute;top:13px;right:13px;width:33px;height:33px;z-index:2}.modal h2{font-size:29px;line-height:1.2;margin:10px 33px 18px 0}.modal h3{font-size:18px;margin:20px 0 12px}.modal p{font-size:13px;line-height:1.85;margin:10px 0;color:#adb99f}.modal p a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.modal ul,.modal ol{padding-left:20px;font-size:13px;line-height:1.9;color:#b5c1a7}.modal .button{margin-top:12px}.modal-image{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:63% center;border-radius:9px;margin:18px 0}.modal-note{font-size:11px!important;color:#91a07f!important}.modal label:not(.consent){display:block;margin:12px 0 6px;color:#c9d3bc;font-size:12px}.modal input[type=email],.modal input[type=text],.modal input[type=password]{width:100%;height:43px;border:1px solid #ffffff25;border-radius:7px;background:#10160b;color:var(--text);padding:10px 12px;font-size:13px}.modal form>.button{width:100%}.modal .account-email{overflow-wrap:anywhere}.account-status{color:var(--lime);font-size:12px}.credits-large{font-size:48px;line-height:1.2;font-weight:600;letter-spacing:-.04em;margin:16px 0 10px;color:var(--text)}.credits-large span{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:10px}.render-confirm-details{border:1px solid var(--border);border-radius:9px;background:#10170b;padding:16px;color:#c2ceb4;font-size:13px;line-height:1.9}.example-video{display:block;width:100%;max-height:56vh;object-fit:contain;background:#080c05;border-radius:10px;margin:18px 0}.draft-item,.video-library-item,.creation-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--border)}.draft-item strong,.video-library-item strong,.creation-item strong{font-size:13px;font-weight:500}.draft-item small,.video-library-item small,.creation-item small{display:block;font-size:11px;color:#8fa07d;line-height:1.8;margin-top:4px}.draft-item-actions{display:flex;gap:8px;flex-shrink:0}.draft-item button{min-height:34px;border:1px solid #c5ef6530;background:#c5ef650b;border-radius:6px;font-size:11px;padding:6px 12px}.draft-item button:hover{background:#c5ef6520}.empty-drafts{padding-block:18px 4px}.video-library-item .button,.creation-item .button{min-height:36px;margin:0;font-size:11px;padding:8px 12px}.generation-result{margin-top:16px;padding:22px;background:#171d12;border:1px solid #c5ef6525;border-radius:12px}.generation-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--lime)}.generation-status .icon{width:16px;height:16px}.generation-result p{font-size:12px;margin-top:10px;line-height:1.8}.generation-result video{display:block;width:100%;max-height:560px;background:#080c05;object-fit:contain;border-radius:9px;margin-top:18px}.result-actions{display:flex;align-items:center;gap:20px;margin-top:10px;flex-wrap:wrap}.result-actions .button{min-height:39px;font-size:12px}.creations-panel{padding:28px 0 0}.creations-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.creations-heading h2{font-size:27px}.creations-heading .button{min-height:35px;padding:8px 12px;font-size:11px}.inline-form-error{color:#ffb5a5!important;font-size:12px!important}.submit-busy{opacity:.7;cursor:wait}.toast{position:fixed;z-index:1000;bottom:24px;left:50%;max-width:calc(100% - 32px);transform:translate(-50%,20px);background:var(--lime);color:#1b230f;padding:12px 20px;border:1px solid #e0ff9e50;border-radius:9px;box-shadow:0 8px 40px #0006;font-size:12px;font-weight:500;line-height:1.6;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* Shared article routes */
.guide-page{max-width:900px;margin:auto;padding:65px 24px 80px}.guide-page h1{font-size:44px;line-height:1.15;max-width:830px;letter-spacing:-.045em}.guide-page h2{font-size:29px;line-height:1.25;margin:36px 0 17px}.guide-page h3{font-size:20px;margin:26px 0 12px}.guide-page p,.guide-page li{font-size:14px;color:#b4bfa9;line-height:1.9}.guide-page p{margin:16px 0}.guide-page ul,.guide-page ol{padding-left:22px}.guide-page a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.guide-page .button{color:#1b230f;text-decoration:none}.guide-page pre{font-family:var(--font);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--border);padding:22px;border-radius:8px;line-height:1.8;color:#c4d2b5}.guide-lead{font-size:17px!important;color:#dce5d1!important}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:28px 0}.guide-card{border:1px solid var(--border);border-radius:11px;padding:24px;text-decoration:none!important;background:var(--surface)}.guide-card:hover{border-color:#c5ef6550}.guide-card h2{font-size:23px;margin:0 0 12px}.guide-card p{font-size:12px;margin:0}.guide-breadcrumb{font-size:11px;color:var(--muted);margin-bottom:25px}.guide-inline-cta{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin:35px 0}
@media(min-width:1500px){.hero-intro{padding-top:57px}.template-card{height:calc(var(--card-height) * 1.03)}}
@media(max-width:1190px){.header{gap:13px}.desktop-nav{gap:0}.desktop-nav>a,.trending-menu>summary{padding-inline:8px;font-size:12px}.brand{font-size:19px}.header-actions{gap:10px}.credit-button{padding-inline:10px}.footer-main{gap:35px}.feature-grid article{padding:20px}.price-card{padding-inline:20px}.template-actions{gap:5px;left:8px;right:8px}.template-actions button{font-size:9px;padding-inline:7px}.templates-heading p{max-width:650px}}
@media(max-width:1020px){.desktop-nav{display:none}.header-actions{margin-left:auto}.mobile-menu{display:grid}.header{gap:16px}.template-masonry{column-gap:12px}.template-card{margin-bottom:12px}.template-caption{left:12px;right:10px;bottom:13px}.template-caption h3{font-size:15px}.template-actions button:last-child{padding-inline:7px}.template-actions button:last-child .icon{display:none}.template-actions button:first-child .icon{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{gap:14px}.price-card{padding-inline:17px}.price{font-size:33px}.price-card li{font-size:10px}.price-card>.button{font-size:11px;padding-inline:11px}.source-duration{display:none}.footer-main{grid-template-columns:1.35fr .9fr 1.15fr 1fr;gap:24px}.footer-column a{font-size:11px}.example-button{font-size:10px;max-width:170px;white-space:normal;text-align:left;line-height:1.6}.use-case-card{padding:24px}.hero-intro h1{font-size:42px}}
@media(max-width:800px){.hero-intro{padding-top:43px}.hero-intro h1{font-size:36px;letter-spacing:-1.3px;gap:9px}.hero-intro h1 img{width:37px;height:37px}.hero-intro>p{font-size:14px;max-width:650px}.composer-body{gap:13px;min-height:175px}.generic-uploads,.template-uploads{gap:7px;max-width:280px;flex-wrap:wrap}.video-upload-wrap,.images-upload-wrap,.upload-slot,.source-video{width:132px}.upload-slot,.source-video{height:112px}.upload-slot strong{font-size:10px}.upload-slot>span{font-size:9px}.upload-meta{max-width:132px}.photo-slot{width:132px;height:112px}.photo-slot .upload-label strong{font-size:10px}.prompt-field textarea{font-size:12px;min-height:132px}.prompt-footer{font-size:9px}.asset-note{display:none}.prompt-footer>span:last-child{margin-left:auto}.generate-actions{gap:10px}.generate-action{gap:7px}.generate-actions .button{font-size:11px;padding-inline:12px}.generation-estimate{font-size:9px}.templates-heading{gap:18px}.template-masonry{columns:3}.template-card{height:calc(var(--card-height) * .95)}.template-actions button:last-child .icon{display:block}.template-caption h3{font-size:16px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.price-card{padding:25px}.price{font-size:38px}.price-card li{font-size:12px}.price-card>.button{font-size:12px}.section{padding-block:50px}.section-heading h2{font-size:30px}.section-heading>p{font-size:13px}.how-grid{gap:15px}.how-grid>li{padding:21px 18px}.how-grid h3{font-size:16px}.how-grid p{font-size:12px}.feature-grid{gap:17px}.prompt-card{padding:19px}.prompt-card-top{gap:8px}.prompt-card h3{font-size:15px}.prompt-card button>span{display:none}.prompt-card button{padding:6px}.prompt-card button .icon{height:13px;width:13px}.prompt-card p{font-size:12px}.use-cases-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-card{padding:25px;min-height:220px}.footer-main{grid-template-columns:1.5fr 1fr;gap:36px 55px}.footer-column a{font-size:12px}.footer-brand>p{max-width:330px}.footer-bottom{font-size:9px}.comparison-scroll th,.comparison-scroll td{padding:17px 18px;font-size:12px}.comparison-scroll tbody th{width:22%}.comparison-scroll td{width:39%}.final-cta{margin-bottom:60px}.final-cta h2{font-size:29px}}
@media(max-width:600px){html{scroll-padding-top:75px}.content-width,.generator-wrapper{width:calc(100% - 32px)}.header{width:calc(100% - 32px);height:62px;gap:9px}.site-header{background:#10120ef5}.brand{font-size:18px;gap:7px}.brand img{width:27px;height:27px}.header-actions{gap:8px}.credit-button{display:none}.button-signin{font-size:11px;min-height:34px;padding:8px 12px}.mobile-menu{height:34px;width:34px;border-color:transparent}.mobile-menu .icon{width:19px;height:19px}.mobile-nav{top:62px;padding:10px 20px 16px}.mobile-nav:not([hidden]){grid-template-columns:1fr}.mobile-nav a{min-height:40px;padding:8px;font-size:13px}.hero-intro{padding:35px 18px 0}.hero-intro h1{font-size:28px;line-height:1.2;letter-spacing:-1px;gap:8px;max-width:420px;margin:auto}.hero-intro h1 img{width:29px;height:29px}.hero-intro>p{font-size:13px;line-height:1.75;max-width:430px;margin-top:14px;color:#bfcab2}.hero-pills{margin-top:15px;gap:6px}.hero-pills span{font-size:9px;padding:6px 9px;line-height:1.2}.generator-wrapper{margin-top:22px}.studio{padding:9px 9px 0;border-radius:12px}.studio-top{gap:8px;padding-bottom:9px}.mode-tabs{width:100%;padding:3px;border-radius:9px;gap:1px}.mode-tab{flex:1;min-height:35px;padding:7px 8px;font-size:11px;gap:6px;border-radius:6px}.mode-tab .icon{width:12px;height:12px}.draft-button{display:none}.composer-body{flex-direction:column;gap:15px;padding:12px 1px 10px;min-height:0}.generic-uploads,.template-uploads{width:100%;max-width:none;gap:8px;padding-top:0;flex-wrap:nowrap}.video-upload-wrap,.images-upload-wrap,.photo-slot{flex:1;min-width:0;width:calc(50% - 4px)}.video-upload-wrap,.images-upload-wrap{min-height:104px}.upload-slot,.source-video{width:100%;height:104px}.upload-slot{gap:5px;padding:9px}.upload-slot strong{font-size:10px;line-height:1.45}.upload-slot>span{font-size:9px}.upload-slot>.icon{width:19px;height:19px}.photo-slot{height:104px}.photo-slot .upload-label{height:100px}.photo-slot .upload-label strong{font-size:10px}.upload-meta{max-width:100%;font-size:8px;margin-top:4px}.prompt-field{padding:0 3px}.prompt-field textarea{min-height:101px;font-size:12px;line-height:1.75;padding-bottom:12px}.prompt-footer{font-size:9px}.asset-note{display:block}.studio-bottom{align-items:flex-start;gap:11px;padding:9px 1px 10px}.generator-settings{width:100%;gap:7px}.source-duration{display:block;font-size:9px;margin-left:auto}.compact-select select{min-height:29px;font-size:10px;padding:5px 24px 5px 8px}.compact-select::after{top:10px;right:9px}.generate-actions{width:100%;gap:11px;justify-content:flex-end}.generate-action{flex:1;gap:8px}.generate-action:last-child{justify-content:flex-end}.generation-estimate{font-size:9px;line-height:1.4}.generate-actions .button{min-height:36px;padding:8px 13px;font-size:11px;flex:1}.generate-actions .button>.icon{width:13px;height:13px}.action-divider{height:28px;margin-bottom:3px}.studio-consent{gap:8px;padding:9px 1px;align-items:flex-start}.consent{font-size:8px;line-height:1.65;gap:6px}.consent input{height:11px;width:11px;margin-top:1px}.studio-consent>.text-button{font-size:8px;min-height:20px;line-height:1.5}.templates-section{margin-top:23px}.templates-heading{align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:14px}.templates-heading h2{font-size:19px}.templates-heading p{font-size:11px;line-height:1.8;margin-top:6px}.example-button{align-self:flex-start;max-width:none;font-size:10px;white-space:normal;padding-top:0;line-height:1.5}.example-button .icon{width:12px;height:12px}.template-masonry{columns:2;column-gap:9px}.template-card{height:calc(var(--card-height) * .83);margin-bottom:9px;border-radius:8px}.template-label{top:7px;left:7px;font-size:7px;padding:2px 5px;letter-spacing:.03em}.template-caption{left:10px;right:8px;bottom:54px}.template-caption h3{font-size:13px;line-height:1.25;letter-spacing:-.02em}.template-caption>span{font-size:8px;margin-top:5px}.template-actions{opacity:1;transform:none;left:7px;right:7px;bottom:8px;gap:4px;flex-wrap:wrap}.template-actions button{min-height:29px;font-size:8px;gap:3px;padding:6px 7px;line-height:1.25;border-radius:5px}.template-actions button:first-child{flex:1}.template-actions button:last-child{padding-inline:6px}.template-actions button:last-child .icon{display:none}.template-actions .icon{width:9px;height:9px}.template-card:hover .template-caption,.template-card:focus-within .template-caption{transform:none}.templates-section .section-footnote{font-size:9px;line-height:1.8;margin-top:11px}#introduction{margin-top:18px}.section{padding-block:39px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:27px;line-height:1.22;letter-spacing:-.045em}.section-heading>p{font-size:12px;line-height:1.85;margin-top:12px}.section-heading .eyebrow{font-size:9px;margin-bottom:11px}.introduction-section{padding-top:40px;padding-bottom:33px}.introduction-section .section-heading{margin-bottom:17px}.introduction-section>p{font-size:13px;line-height:1.9}.how-section{padding-top:33px}.how-grid{grid-template-columns:1fr;gap:13px}.how-grid>li{padding:23px}.how-grid h3{font-size:17px;margin-top:17px}.how-grid p{font-size:12px;line-height:1.85;margin-top:9px}.step-number{width:31px;height:31px;font-size:12px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-grid article{padding:24px}.feature-icon{margin-bottom:15px}.feature-icon .icon{width:22px;height:22px}.feature-grid h3{font-size:18px}.feature-grid p{font-size:12px;line-height:1.85}.idea-grid{grid-template-columns:1fr;gap:0;margin-top:20px}.idea-grid p{font-size:12px;line-height:1.85;padding-block:14px}.idea-grid p>span{font-size:9px;top:17px}.instruction-list{gap:12px}.instruction-list li{padding:20px 17px;gap:13px}.instruction-list .step-number{width:28px;height:28px;font-size:11px;margin-top:0}.instruction-list h3{font-size:16px;margin-bottom:9px}.instruction-list p{font-size:12px;line-height:1.85}.section-link{font-size:11px;margin-top:22px}.section-link a{gap:7px}.section-link .icon{width:13px;height:13px}.prompt-grid{grid-template-columns:1fr;gap:13px}.prompt-card{padding:21px}.prompt-card h3{font-size:16px;line-height:1.4}.prompt-card button>span{display:block}.prompt-card button{font-size:8px;padding:5px 6px}.prompt-card button .icon{height:10px;width:10px}.prompt-card p{font-size:12px;line-height:1.9;margin-top:12px}.pricing-section .section-heading{margin-bottom:35px}.pricing-grid{grid-template-columns:1fr;gap:28px}.price-card{padding:25px}.price-card h3{font-size:17px}.price{font-size:40px;margin-top:19px}.price-period{font-size:11px}.price-detail{font-size:21px;margin-top:18px}.price-detail span{font-size:12px}.price-card ul{gap:12px;margin-top:19px;padding-top:19px;margin-bottom:23px}.price-card li{font-size:12px}.price-card>.button{font-size:12px;min-height:43px}.plan-label{left:24px;font-size:10px}.section-footnote{font-size:10px;line-height:1.85}.comparison-section .section-heading h2{font-size:27px;max-width:340px}.comparison-scroll table{min-width:560px}.comparison-scroll th,.comparison-scroll td{font-size:11px;padding:15px 16px}.comparison-scroll tbody th{width:23%}.comparison-scroll td{width:38.5%}.use-cases-grid{grid-template-columns:1fr;gap:14px}.use-case-card{padding:25px;min-height:0;border-radius:14px}.use-case-icon{margin-bottom:17px}.use-case-card h3{font-size:17px}.use-case-card p{font-size:12px;line-height:1.9}.faq-section .section-heading{margin-bottom:25px}.faq-list{gap:9px}.faq-list summary{padding:17px 14px;min-height:65px;gap:11px;font-size:12px;line-height:1.6}.faq-number{font-size:9px;min-width:16px}.faq-plus{font-size:20px;width:18px;height:18px;flex-shrink:0}.faq-list details p{font-size:11px;line-height:1.9;padding:0 21px 19px 42px}.final-cta{margin:5px auto 44px;padding:34px 20px 36px;border-radius:12px}.final-cta h2{font-size:26px;line-height:1.23}.final-cta p{font-size:12px;line-height:1.85;margin:13px auto 23px}.final-cta>.button{font-size:11px;min-height:41px;padding-inline:15px}.final-cta>.button .icon{width:13px;height:13px}.footer{padding-top:36px}.footer-main{grid-template-columns:1fr 1fr;gap:29px 22px;padding-bottom:31px}.footer-brand{grid-column:1/-1}.footer-brand .brand{font-size:21px}.footer-brand .brand img{width:31px;height:31px}.footer-brand>p{font-size:11px;line-height:1.85;max-width:335px;margin-top:14px}.footer-column{gap:9px}.footer-column h2{font-size:12px;margin-bottom:7px;line-height:1.5}.footer-column a{font-size:10px;line-height:1.75}.footer-bottom{flex-direction:column;gap:8px;font-size:8px;line-height:1.85;padding-top:19px;padding-bottom:23px}.modal{padding:27px 21px;border-radius:12px}.modal h2{font-size:25px;line-height:1.25;margin-right:24px}.modal p,.modal li{font-size:12px}.modal .button{font-size:12px}.modal-image{aspect-ratio:1.1;object-position:60% center}.modal-note{font-size:10px!important}.draft-item,.video-library-item,.creation-item{align-items:flex-start;flex-wrap:wrap;gap:12px;padding-block:16px}.draft-item strong,.video-library-item strong,.creation-item strong{font-size:12px}.draft-item small,.video-library-item small,.creation-item small{font-size:10px}.draft-item-actions{gap:7px}.draft-item button{font-size:10px;min-height:32px;padding:6px 10px}.generation-result{padding:18px;margin-top:12px}.generation-status{font-size:12px}.generation-result p{font-size:11px}.result-actions{gap:15px}.result-actions .button{font-size:11px}.creations-panel{padding-top:24px}.creations-heading h2{font-size:25px}.toast{font-size:11px;bottom:18px;padding:10px 15px}.guide-page{padding:38px 20px 55px}.guide-page h1{font-size:33px;line-height:1.2}.guide-page h2{font-size:26px;margin-top:29px}.guide-page h3{font-size:18px}.guide-page p,.guide-page li{font-size:13px}.guide-lead{font-size:15px!important}.guide-grid{grid-template-columns:1fr;gap:14px}.guide-card{padding:23px}.guide-card h2{font-size:23px}.guide-page pre{font-size:11px;padding:17px}.guide-inline-cta{gap:13px}}
@media(max-width:360px){.header .brand{font-size:16px}.header .brand img{width:25px;height:25px}.button-signin{padding-inline:10px}.header{gap:7px}.hero-intro h1{font-size:26px}.hero-intro>p{font-size:12px}.template-actions button{font-size:7px;padding-inline:5px}.template-caption h3{font-size:12px}.generate-actions{gap:8px}.generate-actions .button{padding-inline:10px}.generation-estimate{font-size:8px}.source-duration{font-size:8px}.prompt-card button>span{display:none}}
@media(hover:none){.template-actions{opacity:1;transform:none}.template-caption{bottom:56px}.template-card:hover .template-caption,.template-card:focus-within .template-caption{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.template-card:hover>img,.template-card:focus-within>img{transform:none}}

/* The server reuses this document for dedicated pricing and library routes. */
body[data-page="pricing"] main>:not(.hero):not(#pricing):not(#comparison):not(#faq){display:none!important}
body[data-page="creations"] main>:not(.hero):not(#creations-panel):not(#generation-result){display:none!important}
body[data-page="pricing"] #pricing{padding-top:45px}
body[data-page="creations"] #creations-panel{padding-top:42px;padding-bottom:70px;min-height:300px}
body[data-page="creations"] #generation-result{margin-bottom:70px}
body[data-page="pricing"] .hero,body[data-page="creations"] .hero{padding-bottom:20px}
body[data-page="pricing"] #faq{padding-bottom:80px}
/* Controller-generated media and result states. */
.asset-chip{position:relative;display:flex;flex-direction:column;gap:2px;width:44px;align-items:center}.asset-chip>img{width:38px;height:38px}.asset-chip>span{font-size:9px;color:var(--muted);line-height:1.4}.asset-chip>button{position:absolute;top:-5px;right:-2px}.upload-slot.dragging,.photo-slot.dragging{background:#c5ef6518;border-color:var(--lime)}.template-modal-image{display:block;width:100%;max-height:56vh;object-fit:contain;border-radius:10px;margin:18px 0}.example-player{display:block;width:100%;max-height:60vh;background:#080b06;border-radius:10px;margin:16px 0}.confirm-summary{font-size:16px;line-height:1.9;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.library-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.library-row>div{flex:1;min-width:0}.library-row p{font-size:12px;overflow-wrap:anywhere}.creation-placeholder{height:180px;display:grid;place-items:center;background:var(--surface);color:var(--lime);font-size:42px}.creation-card>div:last-child{padding:15px}.creation-card p{font-size:12px;margin:8px 0 14px}.empty-state{padding:42px 20px;text-align:center}.empty-state .button{margin-top:18px}.empty-state h2{margin-bottom:12px}
@media(max-width:600px){.generate-actions .button,.mode-tab{min-height:44px}.consent{font-size:11px;min-height:44px;align-items:center}.consent input{width:15px;height:15px;margin:0}.studio-consent>.text-button{min-height:44px;padding:6px 2px}.template-actions button{min-height:44px}.modal-close,#modal-close{width:44px;height:44px}.remove-photo{width:32px;height:32px}.asset-chip>button::before{content:"";position:absolute;inset:-7px}}
.pricing-card{background:#181b15f5}.pricing-card.popular{background:#222c18fa}body[data-page="pricing"] #pricing{padding-top:52px}body[data-page="pricing"] #pricing h1{font-size:36px;line-height:1.2;letter-spacing:-1px}