.dance-app{--paper:#f6f5ef;--ink:#22231f;--accent:#d5fa57;background:var(--paper);color:var(--ink);min-height:100vh;font-family:Inter Variable,sans-serif}.dance-app button,.dance-app a,.dance-app input{touch-action:manipulation}.dance-app a:focus-visible,.dance-app button:focus-visible,.dance-app input:focus-visible{outline-offset:4px;outline:3px solid #7d9b39}.dance-nav{border-bottom:1px solid #d8dacf;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:24px;display:flex}.dance-brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:19px;font-weight:750;display:flex}.dance-nav nav{align-items:center;gap:25px;font-size:13px;display:flex}.dance-hero{max-width:1050px;margin:auto;padding:55px 24px 30px;scroll-margin-top:20px}.dance-intro{text-align:center;max-width:650px;margin:0 auto 30px}.dance-eyebrow{letter-spacing:2px;font-size:10px;font-weight:650}.dance-intro h1{letter-spacing:-1.8px;margin:14px 0;font-family:Libre Baskerville,serif;font-size:clamp(32px,4vw,48px);line-height:1.15}.dance-intro p{color:#6b7063;max-width:500px;margin:auto;font-size:14px;line-height:1.8}.dance-tool{background:#fffefa;border:1px solid #d4d8c9;border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:0 20px 60px #343d2010}.dance-input{padding:28px}.dance-step{align-items:center;gap:10px;margin-bottom:14px;display:flex}.dance-step>span{color:#727961;border:1px solid #d3d8c3;border-radius:5px;padding:4px 6px;font-size:10px}.dance-step h2{margin:0;font-size:14px;font-weight:650}.dance-upload{cursor:pointer;color:#7a8569;background:#f2f3eb;border:1px dashed #bec6ae;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:180px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.dance-upload:hover{background:#edf0e0}.dance-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dance-upload strong{color:#404a34;font-size:13px;font-weight:500}.dance-upload span{color:#7c826f;font-size:10px}.dance-upload img{object-fit:contain;width:100%;height:180px;padding:8px}.dance-photo-actions{justify-content:space-between;margin:-14px 0 22px;font-size:11px;display:flex}.dance-photo-actions button{align-items:center;gap:5px;text-decoration:underline;display:flex}.dance-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.dance-styles button{background:#fffefa;border:1px solid #d9ddcf;border-radius:8px;min-height:44px;padding:12px 5px;font-size:11px;line-height:1.4}.dance-styles button[aria-checked=true]{background:#e8efdb;border-color:#22231f;font-weight:650}.dance-app .dance-generate{background:var(--accent);color:#22231f;border:1px solid #22231f;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;height:auto;min-height:48px;margin-top:24px;padding:14px 16px;font-size:14px;font-weight:650;display:flex}.dance-app .dance-generate:disabled{opacity:.45}.dance-small{text-align:center;color:#707962;margin:12px 0;font-size:11px}.dance-terms{text-align:center;color:#8a907e;margin-top:15px;font-size:10px;line-height:1.8}.dance-terms a{text-decoration:underline}.dance-result{background:#e9eddf;border-left:1px solid #d4d8c9;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex}.dance-result video{aspect-ratio:9/16;object-fit:contain;background:#151813;border-radius:12px;max-width:100%;max-height:360px}.dance-preview{flex-direction:column;align-items:center;gap:12px;display:flex}.dance-preview span,.dance-result-label{color:#667256;text-align:center;font-size:10px}.dance-result-label{margin-bottom:12px}.dance-download{color:#fff;background:#22231f;border-radius:8px;margin-top:15px;padding:12px 22px;font-size:12px}.dance-wait{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:290px;display:flex}.dance-wait h2{font-size:18px}.dance-wait p{color:#69765c;font-size:12px;line-height:1.8}.dance-wait button{font-size:12px;text-decoration:underline}.dance-error{color:#9d3b20;overflow-wrap:anywhere;background:#fff0e9;border-radius:8px;margin-top:12px;padding:12px;font-size:12px;line-height:1.6}.dance-error button{text-decoration:underline}.dance-examples,.dance-pricing,.dance-faq{max-width:1000px;margin:auto;padding:65px 24px;scroll-margin-top:20px}.dance-section-title{text-align:center;margin-bottom:26px}.dance-section-title h2,.dance-faq>h2{letter-spacing:-1px;margin:10px 0;font-family:Libre Baskerville,serif;font-size:28px}.dance-section-title p{color:#727b66;max-width:600px;margin:auto;font-size:12px;line-height:1.8}.dance-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:990px;margin:auto;display:grid}.dance-example-grid article{background:#fffefa;border:1px solid #d4d8c9;border-radius:12px;overflow:hidden}.dance-example-grid video{aspect-ratio:9/16;object-fit:contain;background:#151813;width:100%;height:auto;max-height:520px}.dance-example-grid article>div{justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.dance-example-grid h3{font-size:13px;font-weight:650}.dance-example-grid button{font-size:11px;text-decoration:underline}.dance-pack-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.dance-pack-grid article{background:#fffefa;border:1px solid #cdd4bd;border-radius:12px;padding:25px}.dance-pack-grid article.featured{border:1px solid #293123;box-shadow:0 5px #d5e6b7}.dance-pack-grid span{font-size:13px;font-weight:650;display:block}.dance-pack-grid strong{letter-spacing:-1.5px;margin:12px 0;font-size:36px;display:block}.dance-pack-grid p{color:#78816b;font-size:11px}.dance-pack-grid button,.dance-pack-grid a{color:#27331e;text-align:center;background:#e8efda;border:1px solid #c5d3ae;border-radius:8px;width:100%;height:auto;margin-top:20px;padding:10px;font-size:12px;display:block}.dance-order{overflow-wrap:anywhere;border:1px solid #cdd4bd;margin:20px 0;padding:20px;font-size:12px;line-height:1.8}.dance-order button,.dance-order a{margin-left:15px;text-decoration:underline}.dance-faq{max-width:750px;padding-top:20px}.dance-faq details{border-bottom:1px solid #d7dbcc;padding:20px 0}.dance-faq summary{cursor:pointer;font-size:13px;font-weight:600}.dance-faq details p{color:#707b62;margin-top:12px;font-size:12px;line-height:1.9}.dance-spin{animation:1.4s linear infinite dance-spin}@keyframes dance-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dance-spin{animation:none}}@media (width<=650px){.dance-nav{padding:18px 16px}.dance-brand{gap:7px;font-size:15px}.dance-nav nav{gap:14px;font-size:12px}.dance-nav nav>a[href=\#examples]{display:none}.dance-hero{padding:35px 16px 20px}.dance-tool{grid-template-columns:1fr}.dance-input{padding:22px}.dance-result{border-top:1px solid #d4d8c9;border-left:0;padding:20px}.dance-result video{max-height:320px}.dance-example-grid{grid-template-columns:1fr;gap:16px;max-width:300px}.dance-example-grid video{height:auto;max-height:380px}.dance-example-grid article>div{flex-direction:column;align-items:flex-start;padding:12px}.dance-pack-grid{grid-template-columns:1fr}.dance-pack-grid article{grid-template-columns:1fr auto;align-items:center;gap:4px 15px;padding:20px;display:grid}.dance-pack-grid strong{margin:0;font-size:30px}.dance-pack-grid button,.dance-pack-grid a{grid-column:1/3;margin-top:10px}.dance-examples,.dance-pricing,.dance-faq{padding:40px 16px}.dance-intro h1{letter-spacing:-1.2px}.dance-styles button{font-size:10px}.dance-nav{flex-wrap:wrap;gap:12px}.dance-nav nav{flex-wrap:wrap;margin-left:auto}}.dance-app video:fullscreen{aspect-ratio:auto;object-fit:contain;background:#000;width:100%;max-width:none;height:100%;max-height:none}.dance-app video:-webkit-full-screen{object-fit:contain;background:#000;width:100%;max-width:none;height:100%;max-height:none}.dance-library-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:28px 0;display:flex}.dance-library-heading h1{letter-spacing:-1px;font-family:Libre Baskerville,serif;font-size:30px}.dance-library-balance{background:#e9eddf;border:1px solid #d4d8c9;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px;display:flex}.dance-library-balance strong{font-size:18px}.dance-library-balance p{color:#606951;margin-top:5px;font-size:12px;line-height:1.7}.dance-library-toolbar{flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.dance-library-toolbar>a{text-underline-offset:3px;text-decoration:underline}.dance-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.dance-library-card{background:#fffefa;border:1px solid #d4d8c9;border-radius:14px;min-width:0;padding:16px}.dance-library-card header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.dance-library-card h2{font-size:14px;font-weight:650}.dance-library-card time{color:#717961;margin-bottom:14px;font-size:11px;display:block}.dance-library-status{white-space:nowrap;background:#edf0e5;border-radius:20px;padding:4px 8px;font-size:10px}.dance-library-status.status-failed{color:#9d3b20;background:#fff0e9}.dance-library-status.status-processing,.dance-library-status.status-pending{background:#fff2cf}.dance-library-card video{object-fit:contain;background:#151813;border-radius:9px;width:100%;height:340px;display:block}.dance-library-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.dance-library .dance-library-action{color:#22231f;white-space:nowrap;background:#edf0e5;border:1px solid #c5ccba;border-radius:8px;justify-content:center;align-items:center;min-width:0;height:auto;min-height:42px;padding:10px 16px;font-size:13px;line-height:1.4;text-decoration:none;display:inline-flex}.dance-library .dance-library-action.primary{color:#fff;background:#22231f;border-color:#22231f}.dance-library .dance-library-action:disabled{opacity:.5}.dance-library-placeholder{background:#edf0e5;border-radius:9px;justify-content:center;align-items:center;height:180px;font-size:13px;display:flex}.dance-library-sources:empty{display:none}@media (width<=650px){.dance-library-grid{grid-template-columns:1fr}.dance-library-heading h1{font-size:26px}.dance-library-card video{height:320px}.dance-library-balance{padding:16px}}.dance-template-picker{gap:.6rem;margin:1.25rem 0;display:grid}.dance-template-picker label{font-weight:600}.dance-template-picker select{color:#242720;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd0bf;border-radius:.75rem;padding:.8rem}.dance-template-picker p{color:#687358;font-size:.85rem;line-height:1.5}.dance-template-picker a{font-size:.85rem;text-decoration:underline}.motion-page{color:#242720;background:#f7f6f0;max-width:none;margin:auto;padding:2rem max(1.25rem,50vw - 550px) 4rem}.motion-page h1{margin:2rem 0 1rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}.motion-page p{max-width:65ch;margin:1rem 0;line-height:1.65}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2rem 0;display:grid}.motion-card{background:#fff;border:1px solid #d2d8c8;border-radius:1.25rem;min-width:0;padding:1.25rem}.motion-card video{object-fit:contain;background:#171a13;border-radius:.75rem;width:100%;height:360px;display:block}.motion-card h2{margin:1rem 0;font-size:1.5rem}.motion-page a{text-underline-offset:.2em;text-decoration:underline}@media (width<=650px){.motion-grid{grid-template-columns:1fr}.motion-card video{height:320px}}