.dance-page{--dance-surface:var(--card);--dance-ink:var(--foreground);--dance-muted:var(--muted-foreground);--dance-rule:var(--border);--dance-accent:var(--primary);--studio-orange:var(--primary);--studio-gold:var(--primary);--studio-ink:var(--foreground);--studio-muted:var(--muted-foreground);--studio-paper:var(--page-surface);--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;background:var(--page-surface);color:var(--dance-ink);font-family:var(--font-sans);padding-top:var(--space-3xl)}.dance-page *{box-sizing:border-box}.dance-shell{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--space-md)}.dance-page :is(h1,h2,h3){min-width:0;overflow-wrap:break-word;text-wrap:balance;font-weight:600;line-height:1.2}.dance-page h1{font-size:clamp(28px,3.2vw,44px);letter-spacing:-.035em}.dance-title-block{margin-bottom:var(--space-lg)}.dance-title-block p{max-width:75ch;color:var(--dance-muted);margin-top:var(--space-sm);font-size:16px;line-height:1.6}.dance-page :is(button,input,a,summary):focus-visible{outline:2px solid var(--dance-accent);outline-offset:4px}.dance-page :is(button,a,summary){touch-action:manipulation}.dance-page ::selection{background:color-mix(in oklab,var(--primary) 28%,transparent);color:var(--foreground)}.dance-opening{padding-bottom:var(--space-2xl);scroll-margin-top:110px}.dance-workspace.studio-workspace-grid{grid-template-columns:minmax(0,1fr);height:auto;align-items:stretch;gap:var(--space-md)}.dance-page .dance-input,.dance-page .dance-preview{min-width:0;min-height:0;padding:var(--space-md);background:var(--workspace-surface);color:var(--workspace-foreground);border:1px solid var(--dance-rule);border-radius:16px}.dance-page .dance-input{height:auto;overflow:visible}.dance-input .studio-generator{padding:0;box-shadow:none}.dance-input .studio-generator-heading{flex-wrap:wrap;gap:var(--space-sm)}.dance-input .studio-mobile-upload-btn{min-height:36px}.dance-input .studio-dark-select-trigger{min-height:44px}.dance-variants-section{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--dance-rule)}.dance-variants-heading{display:block;font-size:13px;font-weight:600;margin-bottom:var(--space-sm)}.dance-variants-grid{display:grid;grid-template-columns:repeat(3,minmax(0,96px));gap:var(--space-sm)}.dance-variant-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:4px;min-width:0;border-radius:8px;border:2px solid transparent;background:transparent;cursor:pointer;text-align:center;transition:border-color .15s ease,background-color .15s ease}.dance-variant-card.is-selected{border-color:var(--dance-accent);background:color-mix(in oklab,var(--dance-accent) 10%,transparent)}.dance-variant-card:disabled{opacity:.65;cursor:not-allowed}.dance-variant-thumb{position:relative;width:min(100%,64px);aspect-ratio:4/7;border-radius:4px;overflow:hidden;background:var(--muted)}.dance-variant-thumb img{width:100%;height:100%;object-fit:cover;display:block}.dance-variant-check{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--dance-accent);color:var(--primary-foreground);display:grid;place-items:center}.dance-variant-label{font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.dance-page .dance-preview{display:flex;flex-direction:column;height:min(640px,calc(100svh - 8rem));overflow:hidden;scroll-margin-top:110px}.dance-preview>.studio-output-column{flex:1;min-height:0;overflow:hidden;padding:0;border:0}.dance-preview .studio-history-link-mobile,.dance-preview .studio-mobile-works-heading,.dance-preview .studio-task-panel-heading{display:none}.dance-preview .studio-history-link-desktop{display:inline-flex}.dance-preview .studio-output-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.dance-preview .studio-custom-example-carousel{flex:1;min-height:0;overflow:hidden}.dance-preview .studio-example-stage{flex:1;min-height:0;overflow:hidden;container-type:size}.dance-preview .studio-example-frame{width:min(100%,calc(100cqh * var(--studio-example-aspect, 9 / 16)));height:auto}.dance-preview .studio-custom-preview-arrow{min-width:40px;min-height:44px}.dance-preview .studio-custom-preview-arrow:disabled{opacity:.5;cursor:not-allowed}.dance-preview .studio-works-unified-view{scrollbar-width:thin;scrollbar-color:var(--workspace-muted) transparent;scrollbar-gutter:stable}.dance-input .studio-creation-upload[aria-invalid=true]{border-color:var(--destructive)}.dance-section{width:100%;padding-block:var(--space-2xl);border-top:1px solid var(--dance-rule);background:var(--page-surface)}.dance-section.is-alt{background:var(--section-surface)}.dance-section h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.025em}.dance-section :is(p,dd){font-size:16px;line-height:1.75;color:var(--dance-muted)}.dance-section-heading{margin-bottom:var(--space-xl)}.dance-section-heading>p{margin-top:var(--space-md);max-width:70ch}.dance-prose{max-width:70ch}.dance-prose h2+p,.dance-prose p+p{margin-top:var(--space-lg)}.dance-workflow-heading{max-width:680px;margin:0 auto var(--space-xl)}.dance-workflow-heading p{margin-top:var(--space-md)}ol.dance-workflow{position:relative;display:grid;gap:var(--space-xl);list-style:none;padding:0}ol.dance-workflow li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-md)}ol.dance-workflow li:not(:last-child):after{content:"";position:absolute;top:52px;bottom:-24px;left:21px;width:1px;background:var(--dance-rule)}.dance-step-number{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in oklab,var(--primary) 40%,var(--border));border-radius:50%;background:var(--workspace-surface);color:var(--brand-text);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.dance-step-copy{min-width:0;padding-top:var(--space-sm)}.dance-workflow h3{font-size:18px;margin-bottom:var(--space-sm)}.dance-workflow li p{font-size:14px;line-height:1.7;max-width:40ch}.dance-showcase-grid{display:grid;gap:var(--space-xl)}.dance-showcase-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:var(--space-md);min-width:0}.dance-showcase-media{position:relative;width:100%;aspect-ratio:4/7;background:#000;border:1px solid var(--dance-rule);border-radius:12px;overflow:hidden}.dance-showcase-media video{width:100%;height:100%;object-fit:contain;display:block}.dance-showcase-caption{font-size:18px}.dance-showcase-caption-wrap p{font-size:14px;line-height:1.6;margin-top:var(--space-sm)}.dance-showcase-caption-wrap .dance-text-action{margin-top:var(--space-sm)}.dance-guide-grid{display:grid;gap:var(--space-xl)}.dance-guide-photo{max-width:300px;margin-inline:auto}.dance-guide-photo img{width:100%;height:auto;border-radius:12px}.dance-guide-photo figcaption{color:var(--dance-muted);font-size:12px;margin-top:var(--space-sm);line-height:1.6}.dance-photo-specs{padding-top:var(--space-md);border-top:1px solid var(--dance-rule);font-size:14px!important}dl.dance-scope{margin-top:var(--space-xl)}dl.dance-scope>div{display:grid;gap:var(--space-sm);padding-block:var(--space-lg);border-top:1px solid var(--dance-rule)}.dance-scope dt{font-size:18px;font-weight:600}.dance-scope dd{max-width:70ch}.dance-faq-grid{max-width:960px}.dance-faq-grid h2{margin-bottom:var(--space-xl)}.dance-faq details{border-bottom:1px solid var(--dance-rule)}.dance-faq summary{min-height:56px;padding-block:var(--space-md);cursor:pointer;font-size:16px;font-weight:600;line-height:1.5}.dance-faq details p{padding-bottom:var(--space-lg);max-width:70ch}.dance-inline-link,.dance-text-action{color:var(--foreground);text-decoration:underline;text-underline-offset:4px}.dance-text-action{display:inline-flex;align-items:center;min-height:44px;font-weight:600;line-height:1.5}.dance-related-grid{display:grid;gap:var(--space-lg)}.dance-related p{font-size:14px}main:has([data-dance-page])+footer{background:var(--section-surface);border-top:1px solid var(--border);padding-block:48px}.dance-final-cta{background:var(--section-surface);padding-block:var(--space-3xl);border-top:1px solid var(--dance-rule);text-align:center}.dance-final-cta-container{display:flex;flex-direction:column;align-items:center;max-width:640px;margin-inline:auto}.dance-final-cta-logo{width:48px;height:48px;margin-bottom:var(--space-lg)}.dance-final-cta h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.03em}.dance-final-cta p{margin-block:var(--space-md) var(--space-lg);color:var(--dance-muted);line-height:1.75}.dance-final-cta-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;border-radius:8px;background:var(--primary);color:var(--primary-foreground);font-weight:600}.dance-final-cta-note{margin-top:var(--space-md);color:var(--dance-muted);font-size:12px;line-height:1.6}@media (hover:hover){.dance-variant-card:hover:not(:disabled){border-color:var(--dance-accent)}.dance-page a:hover{text-decoration:underline;text-underline-offset:4px}}@media (min-width:640px){.dance-shell{padding-inline:var(--space-xl)}.dance-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.dance-showcase-card{display:flex;flex-direction:column;align-items:stretch}.dance-showcase-media{max-width:240px;margin-inline:auto}.dance-showcase-caption-wrap{flex:1;display:flex;flex-direction:column}.dance-showcase-caption-wrap .dance-text-action{margin-top:auto;padding-top:var(--space-md)}.dance-guide-grid{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:center}}@media (min-width:960px){.dance-page{padding-top:96px}.dance-opening{padding-bottom:var(--space-3xl)}.dance-workspace.studio-workspace-grid{--studio-workspace-height:590px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:var(--studio-workspace-height);gap:var(--space-lg)}.dance-page .dance-input,.dance-page .dance-preview{padding:var(--space-lg)}.dance-page .dance-preview{position:relative;height:auto}.dance-preview>.studio-output-column{position:absolute;inset:var(--space-lg)}.dance-variant-thumb{width:min(100%,72px)}.dance-section{padding-block:var(--space-3xl)}.dance-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}.dance-section-heading>p{margin-top:0}ol.dance-workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xl)}.dance-workflow-heading{text-align:center;margin-bottom:var(--space-2xl)}ol.dance-workflow:before{content:"";position:absolute;top:27px;left:calc(100% / 6);right:calc(100% / 6);height:1px;background:var(--dance-rule)}ol.dance-workflow li{grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--space-lg);text-align:center}ol.dance-workflow li:not(:last-child):after{display:none}.dance-step-number{width:56px;height:56px;font-size:22px}.dance-step-copy{padding-top:0}.dance-related-grid,dl.dance-scope>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-2xl)}}@media (prefers-reduced-motion:reduce){.dance-variant-card{transition:none}}