:root{color-scheme:dark;--paper:#0c1118;--surface:#151e29;--raised:#1b2735;--ink:#edf3f8;--muted:#a9b7c5;--line:#304052;--accent:#58d8c5;--accent-ink:#0b2924;--danger:#ffb0ac;--radius:16px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.76}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}img,video{display:block;max-width:100%}video{background:#080c11}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em;font-weight:700}h1{font-size:48px;margin-bottom:18px}h2{font-size:34px;margin-bottom:18px}h3{font-size:21px;margin-bottom:12px}p{line-height:1.7}small{font-size:14px}.serif{font:inherit;letter-spacing:inherit;color:inherit}.container{max-width:1280px;padding-inline:32px;margin-inline:auto;min-width:0}.section{padding-block:72px 22px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.08em;line-height:1.5;color:var(--accent);margin-bottom:12px}.svg-icon{width:19px;height:19px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:10px;min-height:48px;padding:12px 21px;font-size:16px;font-weight:650;line-height:1.35;transition:background .18s,color .18s,border-color .18s}.button:hover{color:inherit;background:var(--raised)}.button-coral,.button-dark{background:var(--accent);color:var(--accent-ink)}.button-coral:hover,.button-dark:hover{background:#7de6d6;color:var(--accent-ink)}.button-outline{border-color:#496075;background:transparent;color:var(--ink)}.button-outline:hover{border-color:var(--accent);background:#1a2d33}.button.small{min-height:44px;padding:10px 16px;font-size:15px}.button.wide{width:100%}.text-button,.quiet-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;background:none;padding:7px 0;min-height:36px;font-size:15px;font-weight:600;color:var(--accent);line-height:1.5}.text-button:hover,.quiet-link:hover{text-decoration:underline;text-underline-offset:5px}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:25px}.skip-link{position:fixed;top:-80px;left:12px;z-index:100;padding:12px 18px;background:var(--accent);color:var(--accent-ink);border-radius:8px}.skip-link:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px;padding:0;border:0}.site-header{position:sticky;top:0;z-index:40;background:#0c1118f5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-wrap{max-width:1280px;min-height:72px;padding-inline:32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:20px;letter-spacing:-.045em;color:var(--ink)}.brand b{font-weight:750}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--accent);font-size:30px;font-weight:800;font-style:italic;line-height:1;color:var(--accent-ink)}.brand-mark>span{display:none}.main-nav{display:flex;align-items:center;gap:30px;font-size:16px;font-weight:550}.main-nav a{padding-block:21px;border-bottom:2px solid transparent}.main-nav a[aria-current]{border-bottom-color:var(--accent);color:var(--accent)}.nav-account{display:flex;align-items:center;gap:23px}.account-pill{font-size:15px;display:flex;align-items:center;gap:6px}.avatar{display:grid;place-items:center;background:var(--raised);border:1px solid var(--line);width:33px;height:33px;border-radius:50%;margin-left:5px}.mobile-menu{display:none}.preview-banner{display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 16px;font-size:14px;color:#bed4d2;background:#102824;border-bottom:1px solid #264b44;line-height:1.5}.preview-banner>span{color:#8cebdc;font-weight:700}.hero{text-align:center;padding-top:36px;padding-bottom:32px}.hero .eyebrow{margin-bottom:12px}.hero h1{font-size:54px;margin-bottom:14px}.hero-description{font-size:18px;line-height:1.65;color:var(--muted);max-width:740px;margin:0 auto 22px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:12px}.workspace-section{padding-top:10px;padding-bottom:22px;scroll-margin-top:8px}.workspace{height:min(680px,calc(100svh - 104px));min-height:560px;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 20px 55px #0002}.workspace-mobile-tabs{display:none}.workspace-inputs{min-height:0;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 23px 13px;border-bottom:1px solid var(--line);font-size:17px}.preview-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:#183c35;color:#99e9dc;border:1px solid #31574d;border-radius:6px;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap}.input-scroll{overflow:auto;flex:1;min-height:0;padding:4px 23px 18px;scrollbar-width:thin;scrollbar-color:#4a6076 transparent;overscroll-behavior:contain}.field-heading{display:flex;align-items:center;gap:9px;margin:16px 0 10px;font-size:16px;font-weight:650}.step-dot{display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid #6b859d;color:var(--ink);font-size:14px;border-radius:50%}.field-side{margin-left:auto;color:var(--muted);font-size:14px;font-weight:400}.field-help{font-size:14px;color:var(--muted);line-height:1.55;margin:9px 0 12px}.reference-tabs{display:flex;gap:5px;border-radius:9px;background:#0d1520;padding:4px;margin-bottom:12px}.reference-tab{flex:1;min-width:0;min-height:42px;padding:7px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:14px;line-height:1.35;font-weight:600;white-space:nowrap}.reference-tab.active{background:#263849;border-color:#496478;color:var(--ink)}input:not([type=checkbox]),select,textarea{display:block;width:100%;max-width:100%;min-height:46px;padding:11px 12px;border:1px solid #455a6e;border-radius:8px;background:#0e1721;color:var(--ink);font-size:16px;line-height:1.45}textarea{resize:vertical;min-height:90px}select{padding-right:30px}input::placeholder,textarea::placeholder{color:#91a2b2;opacity:1}label{font-size:15px;font-weight:550}label>input,label>select,label>textarea{margin-top:7px}.reference-preview{display:grid;grid-template-columns:68px minmax(0,1fr);gap:14px;align-items:center;background:#101923;border:1px solid var(--line);border-radius:10px;margin-top:12px;padding:10px;min-height:124px}.reference-preview video{width:68px;height:auto;aspect-ratio:auto 9/16;border-radius:6px;object-fit:contain;max-height:none}.reference-preview strong{font-size:16px;line-height:1.35;display:block}.reference-caption{font-size:14px;color:var(--muted);line-height:1.5;margin:5px 0}.reference-preview .text-button{font-size:14px;min-height:36px}.photo-inputs{display:grid;grid-template-columns:1fr;gap:10px}.photo-inputs:has(>:nth-child(2)){grid-template-columns:1fr 1fr}.upload-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;border:1px dashed #668198;border-radius:10px;min-height:122px;background:#101d28;padding:16px;cursor:pointer;overflow:hidden;min-width:0}.upload-box:hover,.upload-box.drag-over{border-color:var(--accent);background:#17312f}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;z-index:2}.upload-box strong{font-size:15px;overflow-wrap:anywhere;max-width:100%}.upload-box>span:not(.upload-symbol){font-size:14px;color:var(--muted)}.upload-symbol{font-size:23px;line-height:1;color:var(--accent)}.photo-box.has-photo{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 13px;min-height:108px;text-align:left;padding:12px 46px 12px 12px}.photo-box.has-photo .upload-symbol{display:none}.photo-box.has-photo img{grid-column:1;grid-row:1/3;width:56px;height:80px;object-fit:contain;background:#081017;border-radius:6px}.photo-box.has-photo strong,.photo-box.has-photo>span:last-of-type{grid-column:2;font-size:14px}.remove-photo{position:absolute;top:7px;right:7px;z-index:3;min-height:36px;min-width:36px;border:1px solid #526b81;border-radius:7px;background:#14212d;color:var(--ink);font-size:21px}.advanced{border-top:1px solid var(--line);margin-top:15px;padding-top:4px}.advanced summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;font-size:15px;font-weight:600;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary>span{transform:rotate(45deg)}.advanced>label{display:block;margin:14px 0}.optional{color:var(--muted);font-size:14px;font-weight:400}.checkbox-label{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400;line-height:1.5}.checkbox-label input[type=checkbox]{width:17px;height:17px;min-width:17px;margin:3px 0 0;accent-color:var(--accent)}.workspace-actions{padding:12px 23px 13px;background:#17232e;border-top:1px solid var(--line);flex-shrink:0}.permission{margin:0 0 9px;font-size:14px;line-height:1.4}.cost-row{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin:0 0 9px}.cost-row strong{font-size:16px;color:var(--accent)}.generate-button{min-height:48px;font-size:16px}.generate-button:disabled{opacity:1;background:#2b4c49;color:#c1e9e2;border-color:#496e67}.status-note{font-size:14px;line-height:1.4;margin:8px 0 0}.form-error{font-size:14px;color:var(--danger);line-height:1.5;margin:8px 0 0}.form-error:empty{display:none}.availability-note{padding:10px 12px;font-size:14px;line-height:1.55;color:#c5d4e1;background:#1c2c3a;border-radius:8px;margin:10px 0}.workspace-output{min-width:0;min-height:0;display:flex;flex-direction:column;background:#101923;padding:16px 20px}.output-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px;flex-shrink:0}.output-tabs button{border:0;border-radius:7px;min-height:42px;padding:8px 16px;background:none;color:var(--muted);font-size:15px;font-weight:650}.output-tabs button.active{background:#293b4b;color:var(--ink)}#preview-panel,#recent-panel{min-height:0;flex:1;overflow:auto;scrollbar-width:thin}.example-panel{height:100%;display:flex;flex-direction:column;min-height:0}.example-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-shrink:0;margin-bottom:10px}.example-heading>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.example-heading strong{font-size:16px}.example-media{position:relative;display:grid;place-items:center;flex:1;min-height:180px;border-radius:12px;background:radial-gradient(ellipse at center,#223747 0,#101923 72%);overflow:hidden}.example-media video,.example-media img{width:auto;height:100%;max-height:420px;max-width:100%;object-fit:contain;border-radius:12px;min-height:0}.example-media>p{padding:25px;text-align:center;font-size:16px;color:var(--muted);max-width:400px}.example-media:has(#example-media-error:not([hidden])) video{display:none}.example-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:12px;flex-shrink:0}.example-controls>span{font-size:14px;color:var(--muted);margin-left:auto}.example-caption{font-size:14px;line-height:1.5;color:var(--muted);margin:8px 0 0;flex-shrink:0}.result-panel{display:flex;flex-direction:column;gap:14px;height:100%;padding:8px}.task-progress{font-size:16px;display:flex;align-items:center;gap:9px;font-weight:600}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent)}.result-panel video{height:auto;width:auto;max-width:100%;max-height:420px;object-fit:contain;margin:auto;border-radius:10px}.result-placeholder,.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;padding:28px 15px;margin:auto}.result-placeholder>span{font-size:45px;color:var(--accent);margin-bottom:18px}.result-placeholder p,.history-empty p{font-size:16px;color:var(--muted);max-width:360px}.result-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.progress-track{height:5px;border-radius:5px;background:#2c3f51;overflow:hidden}.progress-track i{display:block;background:var(--accent);height:100%;width:35%;animation:progress 2s ease-in-out infinite alternate}.recent-item{border-bottom:1px solid var(--line);padding:16px 0}.recent-item small{display:block;color:var(--muted);margin-block:5px}.recent-item .text-button{font-size:14px}.clip-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clip-fields label{font-size:14px}.clip-fields button{grid-column:1/-1;justify-self:start}.inline-field{display:flex;gap:9px;margin-top:8px}.inline-field input{min-width:0}.inline-field button{flex-shrink:0}#custom-video{width:auto;height:200px;object-fit:contain;margin:12px auto;border-radius:8px}#video-drop{min-height:120px}.page-heading{padding-top:36px;padding-bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:28px}.page-heading h1{font-size:42px;line-height:1.15;margin-bottom:14px}.page-heading>div{max-width:880px}.page-heading>div>p:not(.eyebrow){font-size:17px;line-height:1.6;color:var(--muted);margin-bottom:0;max-width:820px}.compact-heading{padding-top:28px;padding-bottom:20px}.compact-heading h1{font-size:36px}.compact-heading>div>p:not(.eyebrow){font-size:16px;max-width:800px}.compact-heading>.quiet-link{white-space:nowrap;font-size:15px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:16px;max-width:420px;margin-bottom:0}.collection-nav{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 20px}.collection-nav a{display:inline-flex;align-items:center;gap:8px;border:1px solid #3b5268;border-radius:9px;padding:10px 15px;min-height:44px;font-size:15px;font-weight:550;background:var(--surface)}.collection-nav small{font-size:14px;color:var(--muted)}.collection-nav a[aria-current]{border-color:var(--accent);color:var(--accent);background:#18332f}.template-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.filter-group{display:flex;gap:7px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid var(--line);border-radius:8px;padding:7px 12px;background:var(--surface);font-size:14px;line-height:1.45;color:var(--muted)}.chip.active{background:#253e3d;color:#bcf5e9;border-color:#517d73}.chip small{font-size:13px}.search-box{flex:0 0 250px}.search-box input{min-height:44px;font-size:15px;background:var(--surface)}.template-grid,.topic-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.move-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}.move-card:hover{border-color:#708ca0;transform:translateY(-3px)}.move-image{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#0b131b;isolation:isolate}.move-image>img,.move-image>video{width:100%;height:100%;object-fit:contain}.move-image>video{position:absolute;inset:0}.move-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.move-label{position:absolute;bottom:13px;left:12px;z-index:2;font-size:13px;color:white;background:#0c1118c9;padding:4px 7px;border-radius:5px}.round-arrow,.card-play{position:absolute;z-index:2;top:13px;left:12px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff9c;border-radius:50%;background:#1020289e;color:white;font-size:18px}.move-duration{position:absolute;top:16px;right:12px;z-index:2;padding:3px 7px;background:#0c1118c9;border-radius:5px;font-size:14px;color:white}.move-info{padding:17px 16px}.move-info h3{font-size:19px;line-height:1.3;min-height:49px;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.move-info>p{font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:10px}.preview-type{font-size:14px;color:var(--muted);display:block;margin-bottom:8px}.move-info>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;font-size:14px}.move-info>div>span{color:#d2dce5}.move-info .text-button{font-size:14px}.card-actions{display:flex!important;gap:8px!important;flex-wrap:nowrap!important;margin-top:13px}.card-actions .button{padding:9px 10px;min-height:44px;font-size:14px;flex:1}.card-actions .text-button{border:1px solid #4a6176;border-radius:8px;padding:9px 10px;min-height:44px;color:var(--ink)}.move-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.move-card.is-playing .card-play{background:#0c1118d9}.catalog-note,.empty-note{color:var(--muted);font-size:15px;line-height:1.65;margin-top:25px}.catalog-note a,.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.topic-templates{padding-block:48px 20px}.topic-templates .section-heading{align-items:center}.topic-template-grid{max-width:960px;grid-template-columns:repeat(3,minmax(0,1fr))}.template-brief{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-block:42px;padding-top:28px;padding-bottom:28px;border-block:1px solid var(--line)}.template-brief h2{font-size:27px;margin-bottom:10px}.template-brief p{margin:0;color:var(--muted);font-size:15px}.template-brief dl{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0}.template-brief dt{font-size:14px;color:var(--muted);margin-bottom:8px}.template-brief dd{font-size:16px;font-weight:600;margin:0}.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:65px;padding-block:42px 25px}.article-layout aside{position:sticky;top:100px;align-self:start}.article-layout aside nav{display:flex;flex-direction:column;gap:13px;margin-bottom:24px;font-size:15px}.article-layout aside nav a{color:var(--muted);line-height:1.5}.article-body{min-width:0}.article-body h2{font-size:29px;margin-bottom:18px}.article-body h3{font-size:23px}.article-body p,.article-body li{font-size:17px;line-height:1.85;color:#c8d2de}.article-body section{margin-bottom:36px}.article-body pre{overflow:auto;padding:22px;background:#14202c;border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1.65}.article-body code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9em}.related-topics{display:flex;gap:12px;flex-wrap:wrap;padding-block:25px}.related-topics a{display:block;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-size:14px;color:var(--muted)}.how-section{padding-block:65px 25px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps-grid article{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.steps-grid article>span{font-size:15px;font-weight:700;color:var(--accent)}.steps-grid h3{margin:18px 0 12px;font-size:22px}.steps-grid p{font-size:16px;color:var(--muted);margin-bottom:0}.editorial-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.editorial-number{display:none}.editorial-split>div:last-child{grid-column:1/-1}.editorial-split h2{font-size:34px}.editorial-split p{color:var(--muted);max-width:760px}.feature-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.feature-rows>div{display:grid;grid-template-columns:32px 1fr;gap:8px 12px;padding:20px 0;border-bottom:1px solid var(--line)}.feature-rows b{font-size:14px;color:var(--accent);grid-row:1/3}.feature-rows span{font-size:18px;font-weight:600}.feature-rows small{font-size:15px;color:var(--muted);grid-column:2}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.faq-section h2{font-size:32px}.faq-list details{border-bottom:1px solid var(--line);padding:5px 0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:66px;cursor:pointer;list-style:none;font-size:17px;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:25px;color:var(--accent)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:16px;color:var(--muted);margin:4px 35px 23px 0}.cta-section{margin-top:64px;padding-top:48px;padding-bottom:52px;text-align:center;border-top:1px solid var(--line)}.cta-section h2{font-size:36px}.site-footer{margin-top:40px;padding-top:48px;border-top:1px solid var(--line);background:#0a1016}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr .9fr;gap:30px}.footer-grid>div>p{font-size:15px;color:var(--muted);margin-top:21px}.footer-grid h3{font-size:17px;margin-bottom:19px}.footer-grid>div>a:not(.brand){display:block;font-size:14px;color:var(--muted);margin-block:11px}.footer-bottom{margin-top:35px;padding-block:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);flex-wrap:wrap}.footer-bottom>div{display:flex;gap:18px}.pricing-section{padding-top:10px;padding-bottom:22px}.billing-tabs{display:flex;align-items:center;justify-content:center;gap:5px;margin:4px auto 16px;padding:5px;border:1px solid var(--line);border-radius:10px;width:fit-content;background:var(--surface)}.billing-tabs button{min-height:44px;border:0;border-radius:7px;padding:11px 20px;background:none;color:var(--muted);font-size:16px;line-height:1.4}.billing-tabs button.active{background:#2d4845;color:#c1f8e9}.billing-tabs button>span{font-size:13px;margin-left:6px}.billing-explainer{text-align:center;font-size:15px;color:var(--muted);margin-bottom:28px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.price-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:29px 26px}.price-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:13px;line-height:1.4;background:var(--accent);color:var(--accent-ink);padding:6px 11px;border-radius:6px;white-space:nowrap;font-weight:700}.price-card .eyebrow{font-size:15px;letter-spacing:.04em;color:var(--ink);margin:0 0 23px}.price-amount{font-size:44px;line-height:1.1;white-space:nowrap;margin-bottom:9px}.price-amount small{font-size:15px;font-weight:400;letter-spacing:0;margin-left:6px;color:var(--muted)}.price-card>p{font-size:14px;color:var(--muted)}.price-card .credit-allowance{font-size:17px;color:var(--ink);margin:20px 0}.price-card .button{margin:4px 0 12px}.price-card ul{padding-left:19px;font-size:15px;color:var(--muted);line-height:1.6;margin:16px 0 0}.price-card li{margin:11px 0}.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px}.pricing-notes p{font-size:15px;color:var(--muted)}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:16px}.tool-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.tool-card:hover{border-color:var(--accent);color:inherit}.tool-card h2{font-size:28px;line-height:1.25}.tool-card p{font-size:16px;color:var(--muted)}.tool-symbol{font-size:30px;color:var(--accent);margin-bottom:20px}.tool-card>span:last-child{margin-top:auto;color:var(--accent);font-size:15px}.account-content{padding-block:15px 35px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;min-width:0}.panel p,.panel div{font-size:16px}.panel label{display:block;margin-block:18px}.panel h2{font-size:36px}.panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b141e;border:1px solid var(--line);padding:20px;border-radius:9px;font-size:14px}.panel .button{margin:10px 0}.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.history-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.history-card video{width:100%;height:340px;object-fit:contain;margin:18px 0;border-radius:10px}.history-card small{color:var(--muted)}.activity-row,.key-row,.subscription-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:16px 0;font-size:15px}.key-row small,.subscription-row small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.flow-dialog{width:min(470px,calc(100% - 28px));max-height:calc(100svh - 40px);overflow:auto;background:var(--surface);color:var(--ink);border:1px solid #536a7e;border-radius:18px;padding:34px}.flow-dialog::backdrop{background:#050a12ce;backdrop-filter:blur(6px)}.flow-dialog h2{font-size:29px;padding-right:25px}.dialog-close{position:absolute;top:12px;right:12px;z-index:4}.auth-tabs{display:flex;gap:8px;margin:25px 0}.flow-dialog form>label{display:block;margin:18px 0}.flow-dialog form>label.checkbox-label{display:flex}.flow-dialog small{font-size:14px;color:var(--muted);display:block;margin-top:7px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(600px,calc(100% - 32px));background:#e3f5f0;color:#10382d;padding:14px 20px;border-radius:10px;box-shadow:0 7px 35px #0006;z-index:100;font-size:15px;line-height:1.6}.video-dialog{width:min(920px,calc(100% - 24px));padding:24px;overflow:auto}.video-dialog h2{font-size:21px;margin:0 40px 18px 0}.video-dialog video,.video-dialog img{max-height:72svh;max-width:100%;width:auto;height:auto;object-fit:contain;margin:auto;border-radius:10px}.video-dialog video{height:72svh}.video-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.video-dialog-actions p{font-size:14px;color:var(--muted);margin:0}.media-load-error{font-size:14px;color:var(--danger);text-align:center}.chip:disabled{opacity:.7}.page-pricing .page-heading{padding-top:32px;padding-bottom:18px}.page-pricing .page-heading h1{font-size:42px}.page-pricing .page-heading .eyebrow{display:none}.page-pricing .page-heading>div>p{max-width:790px}.page-templates .page-heading{padding-top:32px;padding-bottom:10px}.page-templates #dance-templates{padding-top:18px}.page-templates #dance-templates>.section-heading{display:none}
@keyframes progress{to{transform:translateX(180%)}}
@media(min-width:1600px){.example-media video,.example-media img{max-height:450px}}
@media(max-width:1050px){.main-nav{gap:18px;font-size:15px}.nav-wrap{gap:18px}.nav-account{gap:15px}.nav-account>.button{display:none}.workspace{grid-template-columns:minmax(0,47%) minmax(0,53%)}.workspace-top,.input-scroll,.workspace-actions{padding-inline:18px}.workspace-top{font-size:16px}.workspace-output{padding-inline:16px}.output-tabs button{padding-inline:13px;font-size:14px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:200px 1fr;gap:38px}.footer-grid{grid-template-columns:1.1fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4;display:flex;gap:20px;flex-wrap:wrap;align-items:center}.footer-grid>div:last-child h3{margin:0}.footer-grid>div:last-child>a{margin:0}.pricing-grid{gap:15px}.price-card{padding:27px 20px}.price-amount{font-size:37px}}
@media(max-width:800px){.container{padding-inline:24px}.nav-wrap{padding-inline:24px;min-height:66px}.main-nav{gap:16px}.brand{font-size:18px}.nav-account .text-button{font-size:14px}.workspace{height:auto;min-height:0;display:block;overflow:visible;border-radius:15px;isolation:isolate}.workspace-mobile-tabs{display:flex;position:sticky;top:66px;z-index:12;border-bottom:1px solid var(--line);background:#14202bf5;border-radius:15px 15px 0 0;padding:5px;backdrop-filter:blur(12px)}.workspace-mobile-tabs button{flex:1;background:transparent;border:0;min-height:46px;border-radius:8px;font-size:16px;font-weight:650;color:var(--muted)}.workspace-mobile-tabs button[aria-selected=true]{background:#2b4442;color:#c7f6eb}.workspace-inputs{border:0;min-height:0}.workspace-top{padding:16px 20px;font-size:18px}.input-scroll{overflow:visible;max-height:none;padding:0 20px 18px}.workspace-actions{position:sticky;bottom:0;z-index:11;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-radius:0 0 15px 15px;box-shadow:0 -8px 22px #0003}.workspace[data-mobile-view=create] .workspace-output{display:none}.workspace[data-mobile-view=preview] .workspace-inputs,.workspace[data-mobile-view=history] .workspace-inputs{display:none}.workspace-output{padding:15px 20px 20px;min-height:570px;border-radius:0 0 15px 15px}.output-tabs{margin-bottom:16px}.output-tabs #recent-tab{display:none}.workspace[data-mobile-view=history] .output-tabs{display:none}#preview-panel,#recent-panel{overflow:visible}.example-panel{min-height:520px}.example-media{min-height:380px;flex:auto}.example-media video,.example-media img{height:auto;width:auto;max-height:480px}.example-caption{font-size:14px}.result-panel{min-height:500px}.result-panel video{max-height:480px}.field-heading{margin-top:20px}.reference-preview{grid-template-columns:62px 1fr}.reference-preview video{width:62px}.reference-caption{font-size:14px}.reference-preview .text-button{font-size:15px}.field-help{font-size:14px}.permission{font-size:14px}.status-note{font-size:14px}.template-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.search-box{flex:auto;width:100%}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:25px;padding-top:30px}.article-layout aside{position:static}.article-layout aside nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 18px}.article-layout aside>.button{display:none}.template-brief{display:block;margin-block:25px}.template-brief dl{margin-top:24px;grid-template-columns:1fr 1fr;gap:24px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading>p{max-width:650px}.faq-section{grid-template-columns:1fr;gap:20px}.steps-grid{grid-template-columns:1fr;gap:14px}.steps-grid article{padding:24px}.steps-grid article>span{float:left;margin:2px 15px 0 0}.steps-grid h3{margin:0 0 12px}.feature-rows{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;gap:26px}.price-card{padding:28px}.price-amount{font-size:44px}.pricing-notes{grid-template-columns:1fr;gap:10px}.tools-grid{grid-template-columns:1fr 1fr}.account-grid{grid-template-columns:1fr}.history-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto;display:block}.footer-grid>div:last-child h3{margin-bottom:19px}.footer-grid>div:last-child>a{margin-block:11px}.footer-bottom{font-size:14px;gap:14px}}
@media(max-width:600px){:root{font-size:16px}.container{padding-inline:18px}.nav-wrap{min-height:64px;padding-inline:18px;gap:10px}.brand{font-size:18px;gap:8px}.brand-mark{width:31px;height:31px;font-size:27px}.mobile-menu{display:grid;margin-left:auto}.nav-account{gap:0}.nav-account .text-button{font-size:14px;padding:8px;min-height:44px}.nav-account .account-pill{font-size:14px}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#101b27;border-bottom:1px solid var(--line);padding:12px 18px 18px;gap:5px;box-shadow:0 10px 20px #0004}.main-nav.is-open{display:grid;grid-template-columns:1fr 1fr}.main-nav a{padding:13px;border:1px solid var(--line);border-radius:8px;font-size:16px}.main-nav a[aria-current]{background:#223c39;border-color:var(--accent)}.preview-banner{font-size:14px;padding:7px 10px;gap:7px}.hero{padding-top:28px;padding-bottom:22px}.hero h1{font-size:37px;line-height:1.12;max-width:350px;margin-inline:auto}.hero .eyebrow{font-size:13px}.hero-description{font-size:17px;line-height:1.6;margin-bottom:20px}.hero-description br{display:none}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions .button{font-size:15px;padding:12px 15px;min-height:46px}.workspace-section{padding-top:6px;scroll-margin-top:8px}.workspace-mobile-tabs{top:64px}.workspace-mobile-tabs button{font-size:16px;min-height:46px}.workspace-top{padding:14px 16px;font-size:17px}.input-scroll{padding-inline:16px}.workspace-actions{padding-inline:16px}.reference-tabs{gap:3px}.reference-tab{font-size:14px;padding:8px 5px;min-height:44px}.field-heading{font-size:16px}.field-side{font-size:14px}.photo-box{min-height:118px}.photo-inputs:has(>:nth-child(2)){grid-template-columns:1fr}.photo-box.has-photo strong{font-size:14px}.advanced summary{min-height:48px;font-size:16px}.workspace-output{padding:14px 14px 22px;min-height:520px}.output-tabs button{font-size:15px;min-height:44px;padding-inline:16px}.example-heading{align-items:flex-start}.example-heading>div{gap:7px}.example-heading strong{font-size:16px}.example-heading .text-button{font-size:14px;min-height:36px}.example-heading .preview-pill{font-size:13px}.example-media{min-height:360px}.example-media video,.example-media img{max-height:450px}.example-controls>span{width:100%;margin:2px 0 0;font-size:14px}.example-caption{font-size:14px}.example-controls .chip{min-height:42px;font-size:14px}.permission{font-size:14px}.cost-row{font-size:15px}.cost-row strong{font-size:17px}.generate-button{font-size:16px;min-height:48px}.status-note{font-size:14px}.page-heading{padding-top:27px;padding-bottom:20px;display:block}.page-heading h1,.compact-heading h1{font-size:33px}.page-heading>div>p:not(.eyebrow){font-size:16px;line-height:1.6}.page-heading>.quiet-link{font-size:15px;margin-top:10px}.compact-heading{padding-top:24px}.section{padding-top:46px;padding-bottom:15px}h2{font-size:29px}.section-heading h2{font-size:29px}.section-heading>p{font-size:16px}.eyebrow{font-size:13px}.collection-nav{gap:7px;margin:19px 0 16px}.collection-nav a{font-size:14px;padding:9px 11px;min-height:44px}.collection-nav small{font-size:13px}.filter-group{gap:7px}.chip{font-size:14px;min-height:42px;padding:8px 11px}.template-toolbar{margin-bottom:19px}.search-box input{font-size:16px;min-height:46px}.template-grid,.topic-template-grid{gap:13px}.move-info{padding:13px 11px}.move-info h3{font-size:17px;min-height:45px}.move-info>p{display:none}.move-info>div{font-size:14px;gap:5px}.preview-type{font-size:13px;line-height:1.5}.card-actions{flex-direction:column;gap:7px!important}.card-actions .button,.card-actions .text-button{width:100%;font-size:14px;min-height:44px}.move-label{font-size:13px;left:8px;bottom:10px;max-width:calc(100% - 16px)}.move-duration{top:10px;right:8px;font-size:13px}.round-arrow,.card-play{width:40px;height:40px;left:8px;top:9px;font-size:15px}.catalog-note,.empty-note{font-size:15px}.topic-templates{padding-top:35px}.template-brief h2{font-size:25px}.template-brief dl{gap:20px}.template-brief dt{font-size:14px}.template-brief dd{font-size:16px}.article-body h2{font-size:27px}.article-body p,.article-body li{font-size:17px;line-height:1.85}.article-body pre{font-size:14px;padding:16px}.article-layout aside nav{font-size:14px}.faq-section h2{font-size:29px}.faq-list summary{font-size:17px;min-height:68px}.faq-list details p{font-size:16px;margin-right:10px}.cta-section{margin-top:35px;padding-top:35px;padding-bottom:35px}.cta-section h2{font-size:30px}.site-footer{padding-top:32px}.footer-grid{gap:28px 24px}.footer-grid h3{font-size:17px}.footer-grid>div>a:not(.brand){font-size:15px;margin-block:13px}.footer-grid>div>p{font-size:15px}.footer-bottom{display:block;padding-bottom:25px}.footer-bottom>div{margin:13px 0;gap:17px}.billing-tabs{width:100%;gap:3px;padding:4px}.billing-tabs button{font-size:14px;padding:10px 9px;min-height:44px;flex:1}.billing-tabs button>span{display:none}.billing-explainer{font-size:14px;line-height:1.6;margin-bottom:28px}.price-card{padding:27px 24px}.price-card .eyebrow{font-size:16px}.price-amount{font-size:44px}.price-card ul{font-size:16px}.price-card>p{font-size:15px}.pricing-notes p{font-size:16px}.page-pricing .page-heading h1{font-size:34px}.tools-grid{grid-template-columns:1fr}.tool-card{padding:25px}.tool-card h2{font-size:28px}.tool-card p{font-size:16px}.panel{padding:24px}.content-toolbar{align-items:flex-start;flex-wrap:wrap;gap:12px}.history-grid{grid-template-columns:1fr}.history-card video{height:auto;max-height:430px}.flow-dialog{padding:29px 23px}.flow-dialog h2{font-size:27px}.flow-dialog form>label{font-size:16px}.video-dialog{padding:19px 15px}.video-dialog h2{font-size:20px;margin-right:40px}.video-dialog video{height:65svh;max-height:65svh}.video-dialog-actions{align-items:stretch;flex-direction:column;gap:12px}.video-dialog-actions p{font-size:14px}.toast{font-size:15px;bottom:18px}.inline-field{flex-wrap:wrap}.inline-field button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.card-media-status{position:absolute;z-index:3;left:10px;right:10px;bottom:46px;background:#0b141ee8;border-radius:7px;padding:8px;font-size:14px;line-height:1.5;color:#ecf4fa}.card-play{cursor:pointer}.card-meta{font-size:14px}.card-meta strong{font-size:15px;color:var(--accent);font-weight:600}.catalog-count{font-size:14px;color:var(--muted);margin:0 0 16px}.photo-box.has-photo .remove-photo{color:var(--ink)}.video-dialog .dialog-close{background:#243745}.example-media img{aspect-ratio:auto 9/16}.video-dialog img{height:70svh}

.article-body table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}.article-body th,.article-body td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}.article-body th{background:var(--surface);font-weight:650}.article-body pre code{font-size:14px}.history-empty h3{font-size:23px}.history-empty .button{margin-top:10px}

[data-ref-pane="template"]{display:grid;grid-template-columns:48px minmax(0,1fr);gap:3px 12px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#101923}
[data-ref-pane="template"] #template-select{grid-column:2;grid-row:1;min-width:0;font-size:15px;min-height:44px;padding-block:9px}
[data-ref-pane="template"] .reference-preview{display:contents}
[data-ref-pane="template"] #reference-preview{grid-column:1;grid-row:1/3;width:48px;height:auto;aspect-ratio:auto 9/16;border-radius:6px;align-self:center}
[data-ref-pane="template"] .reference-preview>div{grid-column:2;grid-row:2;display:flex;align-items:center;gap:8px;min-width:0}
[data-ref-pane="template"] #reference-name{display:none}
[data-ref-pane="template"] .reference-caption{font-size:14px;margin:0;line-height:1.4;white-space:nowrap}
[data-ref-pane="template"] #reference-zoom{margin-left:auto;min-height:36px;font-size:14px;white-space:nowrap}
.field-heading{margin-top:12px;margin-bottom:8px}.reference-tabs{margin-bottom:10px}.photo-box{min-height:94px;padding:10px;gap:4px}.photo-box .upload-symbol{font-size:21px}.photo-box>span:not(.upload-symbol){font-size:14px}.photo-box strong{font-size:16px}
@media(max-width:600px){[data-ref-pane="template"]{grid-template-columns:42px minmax(0,1fr);gap:3px 9px}[data-ref-pane="template"] #reference-preview{width:42px}[data-ref-pane="template"] #template-select{font-size:16px}[data-ref-pane="template"] .reference-caption{font-size:13px}[data-ref-pane="template"] #reference-zoom{font-size:14px}.photo-box{min-height:100px}.field-heading{margin-top:16px}.example-heading .text-button{font-size:14px}}

.mobile-use-template{display:none}
@media(max-width:800px){.mobile-use-template{display:flex;width:100%;position:sticky;bottom:12px;z-index:8;margin-top:15px;flex-shrink:0}.workspace[data-mobile-view=history] .mobile-use-template{display:none}.page-template .compact-heading>div>p:not(.eyebrow),.page-generator .compact-heading>div>p:not(.eyebrow){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-template .compact-heading>.quiet-link{display:none}.page-template .compact-heading{padding-top:21px;padding-bottom:19px}.page-template .compact-heading .eyebrow{margin-bottom:9px}.example-media video,.example-media img{max-height:420px}.example-panel{min-height:0}}
@media(max-width:600px){[data-ref-pane="template"] .reference-caption{font-size:14px}.page-template .compact-heading h1{font-size:32px;margin-bottom:11px}}

.input-scroll>.permission{margin-top:14px;margin-bottom:0}.mobile-use-template{position:static;box-shadow:none}
@media(max-width:600px){.example-media{min-height:350px}.example-media video,.example-media img{max-height:350px}.workspace-output{min-height:0}.input-scroll>.permission{font-size:14px;line-height:1.5}}

.panel p,.panel small{overflow-wrap:anywhere}@media(max-width:360px){.nav-wrap{padding-inline:14px;gap:6px}.brand{font-size:17px;gap:7px}.brand-mark{width:28px;height:28px;font-size:25px}.mobile-menu{width:40px;height:42px}.nav-account .text-button{font-size:14px;padding:7px}.container{padding-inline:14px}.reference-tab{font-size:13px}}

/* UX3 P0: reserve space for permission and keep touch labels intact. */
.workspace-actions>.permission{margin:0 0 10px;line-height:1.5}.example-heading>.text-button{white-space:nowrap;flex-shrink:0;min-height:44px;padding-inline:6px}.hero-description br{content:""}
@media(max-width:800px){.workspace-actions{position:static;box-shadow:none}.workspace-actions>.permission{font-size:14px}.example-heading>div{min-width:0}.example-heading>.text-button{min-width:82px}.hero-description br{display:none}}

/* UX3 P1: visual selection, clear examples and compact browsing. */
.hero-showcase{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;text-align:left;padding-block:34px 38px}.hero-showcase h1{font-size:58px;max-width:580px}.hero-showcase .hero-description{font-size:21px;margin:0 0 22px;max-width:500px}.hero-showcase .hero-actions{justify-content:flex-start;flex-wrap:wrap}.hero-note{font-size:14px;color:var(--muted);margin:15px 0 0;max-width:430px}.hero-proof{display:grid;grid-template-columns:100px 38px 174px;justify-content:center;align-items:center;gap:16px;padding:18px 30px 12px;border-radius:24px;background:radial-gradient(ellipse at 55% 45%,#26473f,#151f2b 70%);box-shadow:inset 0 1px #ffffff12;justify-self:stretch}.proof-input>span,.proof-result>span{display:block;font-size:13px;font-weight:600;color:#c4d3db;margin-bottom:8px;text-align:center;white-space:nowrap}.proof-input img{width:100px;height:178px;object-fit:contain;border-radius:10px;background:#090f15}.proof-arrow{font-size:30px;color:var(--accent);text-align:center}.proof-result{position:relative}.proof-result video{width:174px;height:309px;object-fit:contain;border-radius:13px}.proof-play{position:absolute;bottom:9px;left:9px;padding:6px 10px;min-height:36px;min-width:76px;font-size:14px;border:1px solid #7faaa2;border-radius:7px;background:#0b181bd9;color:#fff}.proof-caption{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#c6d3dc}.proof-caption .text-button{font-size:14px;white-space:nowrap;min-height:44px}.workspace{min-height:620px}.workspace-actions{padding-top:12px}.workspace-actions>.permission{line-height:1.45}.selected-dance[data-ref-pane=template]{display:block;padding:0;border:0;background:transparent}.selected-dance .reference-preview{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:10px;margin:0;min-height:119px;background:#0c1721}.selected-dance #reference-preview{display:block;grid-column:auto;grid-row:auto;width:64px;height:100px;aspect-ratio:auto;object-fit:contain;align-self:center}.selected-dance .reference-preview>div{display:block;grid-column:auto;grid-row:auto;min-width:0}.selected-dance #reference-name{display:block;font-size:16px;line-height:1.35;margin-bottom:4px}.selected-dance .reference-caption{font-size:14px;white-space:normal;margin:0 0 7px}.selected-dance-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.selected-dance-actions .button{font-size:14px;padding:8px 12px;min-height:40px}.selected-dance #reference-zoom{margin:0;min-height:40px;font-size:14px}.reference-tab small{display:block;width:max-content;margin:3px auto 0;font-size:11px;line-height:1.3;color:#c5d6d2;background:#29423e;padding:1px 5px;border-radius:4px}.reference-tab:has(small){min-height:56px}.advanced>select[hidden]{display:none!important}.mobile-output-context{display:none}.example-heading>.text-button{white-space:nowrap;min-height:44px}.catalog-filters{margin:0 0 12px}.catalog-filters>summary{display:none}.catalog-count{margin-bottom:12px}.template-toolbar{margin-bottom:14px}.template-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start}.move-card{min-width:0;border-color:#2a3948;box-shadow:none}.move-image{aspect-ratio:9/16;background:radial-gradient(ellipse at center,#223340,#0a1018 80%)}.move-image>img,.move-image>video{width:100%;height:100%;object-fit:contain}.move-info{padding:12px}.move-info h3{font-size:17px;line-height:1.35;min-height:46px;margin-bottom:9px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px!important;flex-wrap:wrap}.card-meta strong{font-size:14px}.card-actions{display:flex;flex-direction:row;gap:8px!important;margin-top:11px}.card-actions .text-button{flex:0 0 42px;min-width:42px;min-height:44px;border:1px solid #445a6c;border-radius:8px;font-size:22px;padding:0;text-decoration:none}.card-actions .button{flex:1;min-width:0;min-height:44px;padding:9px 7px;font-size:14px;white-space:nowrap}.move-label{font-size:12px;left:8px;bottom:9px;line-height:1.5;padding:3px 7px;max-width:calc(100% - 16px)}.move-card.is-playing .move-label{display:none}.move-duration{font-size:12px}.card-play{width:44px;height:44px;font-size:15px}.collection-more{display:flex;margin:24px auto 0;font-size:15px;min-height:44px}.home-collection{scroll-margin-top:94px;padding-top:32px}.home-collection>.section-heading{margin-bottom:22px}.home-collection>.section-heading h2{font-size:31px}.home-collection>.section-heading .eyebrow{display:none}.home-collection>.section-heading .quiet-link{font-size:14px}.home-collection+.home-collection{margin-top:18px}.template-picker{max-width:1080px;width:calc(100% - 40px);max-height:90svh;padding:0;overflow:auto;background:#101a25}.picker-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 25px 16px}.picker-top .eyebrow{font-size:12px;margin-bottom:5px}.picker-top h2{font-size:28px;margin:0}.picker-top .icon-button{flex-shrink:0}.picker-toolbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 25px;background:#101a25f7;border-block:1px solid var(--line);backdrop-filter:blur(12px)}.picker-toolbar>label{width:270px}.picker-collections{display:flex;gap:7px;flex-wrap:wrap}.picker-collections .chip{font-size:14px;min-height:42px}.picker-note{font-size:14px;color:var(--muted);margin:16px 25px}.picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 25px 25px}.picker-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.picker-media{position:relative;aspect-ratio:9/16;background:radial-gradient(ellipse at center,#263b49,#09111a)}.picker-media img,.picker-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.picker-media .card-play{z-index:2;top:9px;left:9px}.picker-duration{position:absolute;right:9px;top:10px;background:#081018d9;color:#fff;padding:2px 6px;font-size:12px;border-radius:4px}.picker-media-label{position:absolute;left:9px;bottom:9px;font-size:12px;background:#081018db;color:#eaf5f6;padding:2px 6px;border-radius:4px}.picker-info{padding:12px}.picker-info h3{font-size:16px;min-height:43px;line-height:1.35;margin-bottom:6px}.picker-info p{font-size:13px;color:var(--muted);margin-bottom:10px}.picker-info .button{font-size:14px;min-height:44px;padding:9px 7px}.picker-info .button[aria-pressed=true]{background:#203d37;color:var(--accent);border-color:var(--accent)}.credit-calculator{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;padding:22px 25px;margin:0 0 25px;border-radius:14px;background:#14262c}.credit-calculator h2{font-size:24px;margin:0 0 7px}.credit-calculator>div>p{font-size:15px;color:var(--muted);margin:0}.credit-calculator label{font-size:14px}.credit-calculator #pricing-assumption{grid-column:1/-1;font-size:14px;margin:0;color:#b9dcd5}.plan-usage{font-size:16px!important;color:#b4eee2;background:#17342e;padding:12px;border-radius:8px;min-height:53px;line-height:1.5!important}.price-card .popular{font-size:11px;letter-spacing:.025em}.pricing-notes{grid-template-columns:1fr 1fr}.pricing-notes p:first-child{grid-column:1/-1}.collection-nav a{min-height:44px}
@media(max-width:1100px){.hero-showcase{gap:25px}.hero-showcase h1{font-size:51px}.hero-proof{padding-inline:18px;grid-template-columns:80px 25px 150px;gap:12px}.proof-input img{width:80px;height:142px}.proof-result video{width:150px;height:267px}.proof-caption{font-size:13px;gap:10px;flex-wrap:wrap}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selected-dance .reference-preview{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:8px}.selected-dance #reference-preview{width:52px;height:92px}.selected-dance #reference-name{font-size:15px}.selected-dance-actions{gap:9px}.selected-dance-actions .button{padding-inline:9px;font-size:14px}.selected-dance #reference-zoom{font-size:13px}}
@media(max-width:800px){.hero-showcase{grid-template-columns:1fr;text-align:center;gap:24px;padding-block:28px 25px}.hero-showcase h1{font-size:45px;max-width:none;margin-inline:auto}.hero-showcase .hero-description{font-size:19px;max-width:540px;margin:0 auto 19px}.hero-showcase .hero-actions{justify-content:center}.hero-note{max-width:540px;margin:13px auto 0}.hero-proof{justify-self:center;width:min(100%,520px);grid-template-columns:80px 30px 140px;gap:12px;padding:14px 22px 6px}.proof-result video{width:140px;height:249px}.proof-input img{width:80px;height:142px}.proof-caption{flex-wrap:nowrap;justify-content:center;font-size:13px;gap:15px}.workspace{min-height:0}.workspace-actions{position:static;box-shadow:none}.selected-dance .reference-preview{grid-template-columns:58px minmax(0,1fr)}.selected-dance #reference-preview{width:58px;height:103px}.selected-dance #reference-name{font-size:16px}.selected-dance #reference-zoom{font-size:14px}.workspace-output>.output-tabs{display:none}.mobile-output-context{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:0 0 10px;margin-bottom:12px;flex-shrink:0}.mobile-output-context strong{font-size:16px}.mobile-output-context .text-button{font-size:14px;white-space:nowrap;min-height:44px}.workspace[data-mobile-view=history] .mobile-output-context{display:none}.example-heading .preview-pill{display:none}.example-heading>div{flex:1;min-width:0}.example-heading>.text-button{min-width:82px}.example-panel{min-height:0}.example-controls{padding-top:10px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.catalog-filters{border-block:1px solid var(--line);margin:0 0 12px}.catalog-filters>summary{display:flex;align-items:center;gap:10px;min-height:48px;font-size:15px;list-style:none;cursor:pointer}.catalog-filters>summary::-webkit-details-marker{display:none}.catalog-filters>summary span{font-size:13px;color:var(--muted);margin-left:auto}.catalog-filters>summary b{font-size:20px;font-weight:400}.catalog-filters[open]>summary b{transform:rotate(45deg)}.catalog-filters .template-toolbar{padding:8px 0 15px;margin:0}.catalog-filters .filter-group{gap:7px}.catalog-filters .filter-group .chip{font-size:14px;min-height:44px}.home-collection{padding-top:14px}.home-collection>.section-heading{flex-direction:row;align-items:center;gap:10px;margin-bottom:15px}.home-collection>.section-heading h2{font-size:26px;margin:0}.home-collection>.section-heading>.quiet-link{font-size:13px;max-width:105px;text-align:right;line-height:1.5}.collection-more{margin-top:18px}.credit-calculator{grid-template-columns:1fr;gap:13px;padding:21px}.credit-calculator #pricing-assumption{grid-column:auto}.picker-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 18px}.picker-toolbar>label{width:auto}.picker-collections{flex-wrap:nowrap}.picker-collections .chip{flex:1;padding-inline:7px}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 18px 20px;gap:13px}.picker-top{padding:20px 18px 14px}.picker-note{margin:13px 18px}.template-picker{width:calc(100% - 28px);max-height:92svh}.picker-top h2{font-size:25px}.pricing-notes{grid-template-columns:1fr}.pricing-notes p:first-child{grid-column:auto}}
@media(max-width:600px){.hero-showcase{gap:19px;padding-block:24px 24px}.hero-showcase h1{font-size:37px;max-width:370px}.hero-showcase .hero-description{font-size:17px;line-height:1.55;margin-bottom:17px}.hero-showcase .hero-description br{display:none}.hero-note{font-size:14px;line-height:1.5;max-width:340px;margin-top:12px}.hero-proof{grid-template-columns:64px 22px 108px;gap:10px;padding:11px 16px 4px;border-radius:17px;width:min(100%,350px)}.proof-input img{width:64px;height:114px;border-radius:8px}.proof-result video{width:108px;height:192px;border-radius:9px}.proof-input>span,.proof-result>span{font-size:11px;margin-bottom:5px}.proof-arrow{font-size:24px}.proof-play{font-size:12px;min-height:36px;min-width:72px;left:5px;bottom:5px;padding:4px 7px}.proof-caption{font-size:12px;gap:10px;justify-content:space-between}.proof-caption .text-button{font-size:13px}.hero-showcase .hero-actions .button{font-size:15px;padding-inline:16px}.reference-tab:has(small){min-height:55px}.reference-tab small{font-size:11px}.workspace-actions>.permission{font-size:14px}.selected-dance .reference-caption{font-size:14px}.selected-dance-actions .button{font-size:14px;min-height:44px}.selected-dance #reference-zoom{min-height:44px}.selected-dance .reference-preview{min-height:129px}.template-grid,.topic-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.move-info{padding:11px}.move-info h3{font-size:16px;min-height:43px;margin-bottom:8px}.card-meta{display:block!important;font-size:13px!important;line-height:1.55}.card-meta>span{display:block}.card-meta strong{font-size:14px}.card-actions{flex-direction:row;gap:6px!important;margin-top:10px}.card-actions .text-button{width:36px;flex-basis:36px;min-width:36px;min-height:44px;font-size:21px}.card-actions .button{width:auto;font-size:13px;padding-inline:4px;min-height:44px;flex:1}.move-label{font-size:11px;bottom:8px;padding:2px 6px}.card-play{width:44px;height:44px;left:7px;top:8px}.move-duration{font-size:12px;right:7px}.page-home #dance-templates{padding-top:29px}.page-home #dance-templates>.section-heading{margin-bottom:12px;gap:8px}.page-home #dance-templates>.section-heading h2{font-size:25px}.page-home #dance-templates>.section-heading>p{display:none}.collection-nav{display:flex;flex-wrap:nowrap;gap:6px;margin:10px 0 14px}.collection-nav a{min-width:0;white-space:nowrap;font-size:13px;min-height:44px;padding:9px 9px;gap:5px}.collection-nav small{font-size:12px}.catalog-count{font-size:13px;margin-bottom:6px}.home-collection>.section-heading h2{font-size:24px}.home-collection>.section-heading>.quiet-link{max-width:99px;font-size:12px}.collection-more{font-size:14px}.template-picker{width:calc(100% - 18px);border-radius:14px}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-inline:12px}.picker-top{padding:17px 14px 12px}.picker-top h2{font-size:23px}.picker-top .eyebrow{font-size:11px}.picker-toolbar{padding:10px 12px}.picker-collections{gap:5px}.picker-collections .chip{font-size:13px;min-height:44px;padding-inline:5px}.picker-note{font-size:13px;line-height:1.5;margin:11px 14px}.picker-info{padding:10px}.picker-info h3{font-size:15px;min-height:41px}.picker-info p{font-size:12px}.picker-info .button{font-size:13px}.credit-calculator h2{font-size:22px}.credit-calculator>div>p{font-size:15px}.credit-calculator label{font-size:14px}.credit-calculator select{font-size:15px}.credit-calculator #pricing-assumption{font-size:14px}.plan-usage{font-size:16px!important}}
.picker-media{aspect-ratio:auto;height:240px}@media(max-width:600px){.picker-media{height:210px}}

/* UX3 P2: let examples lead; keep supporting content light. */
.hero-showcase{position:relative}.hero-showcase:before{content:"";position:absolute;inset:0 20px;z-index:-1;background:radial-gradient(ellipse at 80% 20%,#19594b20,transparent 65%);pointer-events:none}.how-section{background:linear-gradient(115deg,#142721a8,#101922);border-block:1px solid #2a413c}.steps-grid article{background:transparent;border:0;border-left:2px solid #4d9f8e;border-radius:0;box-shadow:none;padding-block:12px}.steps-grid article>span{color:var(--accent)}.editorial-split{gap:40px}.editorial-number{color:#29473f;font-size:125px}.feature-rows>div{background:transparent;border-radius:0;border-width:0 0 1px;padding-inline:0}.cta-section{background:radial-gradient(ellipse at 70% 0,#24554450,#121e28);border-color:#2c4a43}.topic-template-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:start}.topic-template-grid .move-card{max-width:260px}.related-topics a{font-size:16px;line-height:1.5}.card-actions .text-button{min-width:44px;flex-basis:44px}.card-actions .button{font-size:15px}.picker-info .button{font-size:15px}.proof-caption>span{white-space:nowrap}
@media(max-width:800px){.topic-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-number{display:none}.editorial-split{display:block}.steps-grid article{padding-block:12px}.workspace-actions>.permission{padding-block:3px}}
@media(max-width:600px){.hero-proof .proof-caption{margin-inline:-28px;gap:10px}.card-actions .text-button{width:44px;min-width:44px;flex-basis:44px}.card-actions .button{font-size:14px}.picker-info .button{font-size:14px}.topic-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-topics a{font-size:16px}.hero-proof .proof-play{min-height:44px}}
.home-collection>.section-heading>.quiet-link{max-width:none;white-space:nowrap}@media(max-width:600px){.page-home #dance-templates>.section-heading .eyebrow,.page-home .catalog-count{display:none}.home-collection{padding-top:8px}.home-collection>.section-heading>.quiet-link{font-size:14px}.home-collection>.section-heading{margin-bottom:12px}}

/* The document already reserves the sticky header height. */
.home-collection,.workspace-section{scroll-margin-top:0}
.template-grid .move-image{max-height:390px}

.credit-calculator{padding:16px 20px;gap:6px 25px}.credit-calculator h2{font-size:22px;margin-bottom:4px}.credit-calculator>div>p{font-size:14px;line-height:1.5}.credit-calculator #pricing-assumption{line-height:1.5}
@media(max-width:600px){.credit-calculator{padding:15px 18px;gap:8px;margin-bottom:20px}.credit-calculator>div{display:none}.credit-calculator label{font-size:15px}.credit-calculator #pricing-assumption{font-size:14px;line-height:1.5}}

/* Viewport-driven silent motion previews. Original full videos remain separate. */
.catalog-controls{display:flex;align-items:flex-start;gap:16px}.catalog-controls>.catalog-filters{flex:1;min-width:0}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;padding:8px 13px;border:1px solid #496075;border-radius:8px;background:#182c32;color:#c3eee5;font-size:14px;font-weight:600;line-height:1.4;flex-shrink:0}.motion-toggle:hover{border-color:var(--accent);background:#213d3c}.picker-motion-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:13px 25px}.picker-motion-bar>.picker-note{margin:0;flex:1}.picker-motion-bar>.motion-toggle{font-size:13px}.move-card.is-playing .card-play,.picker-card.is-playing .card-play{background:#09141866;border-color:#d7eee175}.move-card.is-playing>.move-image>.move-label{display:none}
@media(hover:hover) and (pointer:fine){.move-card.is-playing .card-play,.picker-card.is-playing .card-play{opacity:0;transition:opacity .15s}.move-card:hover .card-play,.move-card:focus-within .card-play,.picker-card:hover .card-play,.picker-card:focus-within .card-play{opacity:1}}
@media(max-width:800px){.catalog-controls{display:block;position:relative}.catalog-controls>.motion-toggle{position:absolute;right:0;top:2px;min-height:44px;font-size:13px;padding-inline:10px}.catalog-controls .catalog-filters>summary{padding-right:132px}.catalog-controls .catalog-filters>summary>span{display:none}.picker-motion-bar{margin:12px 18px;gap:12px}.picker-motion-bar .picker-note{font-size:13px;line-height:1.5}.picker-motion-bar .motion-toggle{font-size:13px;padding-inline:9px}}
@media(max-width:600px){.picker-motion-bar{margin-inline:14px}.catalog-controls>.motion-toggle{font-size:13px}.catalog-controls .catalog-filters>summary{font-size:14px}.catalog-controls .catalog-filters>summary>b{margin-left:auto}.picker-motion-bar{align-items:flex-start}}