.td-fan-page{max-width:1200px;margin:0 auto;padding:28px 40px 64px}.td-fan-hero{text-align:center;padding:8px 0 28px}.td-fan-eyebrow{color:var(--studio-accent-text);letter-spacing:.16em;margin-bottom:12px;font-size:11px;font-weight:700}.td-fan-hero h1{max-width:900px;font-size:var(--type-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--weight-display);margin:0 auto}.td-fan-intro{max-width:720px;font-size:var(--type-body);color:var(--td-muted);margin:14px auto 0;line-height:1.8}.td-fan-studio{max-width:860px;margin:0 auto;scroll-margin-top:90px}.td-fan-studio-heading{justify-content:space-between;align-items:center;gap:24px;padding:0 0 20px;display:flex}.td-fan-badge{color:var(--studio-accent-text);font-size:11px}.td-fan-studio-heading h2{font-size:var(--type-section);font-weight:var(--weight-semibold);margin-top:5px}.td-fan-studio-heading>p{max-width:390px;font-size:var(--type-caption);color:var(--td-muted);line-height:1.7}.td-fan-studio .td-image-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;min-height:0}.td-fan-studio .td-image-references{grid-template-columns:1fr}.td-fan-studio .td-image-add{aspect-ratio:auto;min-height:100px}.td-fan-studio .td-image-reference img{object-fit:contain;height:190px}.td-fan-studio .td-image-editor textarea{height:90px}.td-fan-notice{border-top:1px solid var(--studio-border);font-size:var(--type-caption);color:var(--td-muted);padding:16px 0;line-height:1.7}.td-fan-guide{padding-top:72px}.td-fan-guide h2,.td-fan-faq h2{font-size:clamp(24px,2.5vw,34px);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.td-fan-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:32px 0 0;list-style:none;display:grid}.td-fan-step{color:var(--studio-accent-text);font-size:var(--type-small);font-variant-numeric:tabular-nums}.td-fan-guide h3{font-size:18px;font-weight:var(--weight-semibold);margin:16px 0 10px}.td-fan-guide li p,.td-fan-faq p{font-size:var(--type-ui);color:var(--td-muted);line-height:1.8}.td-fan-faq{grid-template-columns:1fr 1.5fr;gap:48px;padding-top:72px;display:grid}.td-fan-faq details{border-bottom:1px solid var(--studio-border);padding:20px 0}.td-fan-faq details:first-child{padding-top:0}.td-fan-faq summary{cursor:pointer;font-size:15px;font-weight:var(--weight-semibold)}.td-fan-faq p{padding-top:14px}.td-fan-explore{color:var(--studio-accent-text);font-size:var(--type-ui);align-items:center;gap:10px;margin-top:40px;display:inline-flex}@media (width<=900px){.td-fan-page{padding:24px 20px 40px}.td-fan-studio .td-image-workspace,.td-fan-faq{grid-template-columns:1fr}.td-fan-studio .td-image-composer{border-right:0;border-bottom:1px solid var(--studio-border)}.td-fan-studio-heading{flex-direction:column;align-items:flex-start;gap:12px}.td-fan-guide ol{grid-template-columns:1fr;gap:28px}.td-fan-guide,.td-fan-faq{padding-top:48px}.td-fan-faq{gap:24px}}.td-fan-studio .td-image-composer{border:1px solid var(--studio-border);background:var(--studio-card);border-radius:20px;padding:22px}.td-fan-studio .td-image-section-heading{margin-top:16px}.td-fan-studio .td-image-composer label{margin-top:14px}.td-fan-preview{background:#242321;border-radius:20px;margin:0;position:relative;overflow:hidden}.td-fan-concept{aspect-ratio:1/2;background-image:url(/effects/ceiling-fan-concepts.png);background-repeat:no-repeat;background-size:300%}.td-fan-concept-0{background-position:0 0}.td-fan-concept-1{background-position:top}.td-fan-concept-2{background-position:100% 0}.td-fan-preview .td-fan-concept{aspect-ratio:auto;height:100%;position:absolute;inset:0}.td-fan-preview figcaption{color:#fff;background:linear-gradient(#0000,#000d);padding:72px 24px 24px;position:absolute;inset:auto 0 0}.td-fan-preview figcaption span{letter-spacing:.04em;color:#ffffffc9;font-size:10px;display:block}.td-fan-preview figcaption strong{margin-top:8px;font-size:28px;line-height:1.2;display:block}.td-fan-preview figcaption p{font-size:var(--type-small);color:#ffffffe0;margin-top:10px;line-height:1.7}.td-fan-history{border:1px solid var(--studio-border);border-radius:14px;grid-column:1/-1;overflow:hidden}.td-fan-history>summary{cursor:pointer;font-size:var(--type-ui);font-weight:var(--weight-semibold);padding:18px 22px}.td-fan-history .td-image-results{border-top:1px solid var(--studio-border)}.td-fan-examples{text-align:center;padding-top:72px}.td-fan-examples h2{font-size:clamp(28px,3vw,40px);font-weight:var(--weight-semibold);letter-spacing:-.03em}.td-fan-section-intro{max-width:760px;color:var(--td-muted);margin:18px auto 32px;font-size:15px;line-height:1.8}.td-fan-example-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.td-fan-example-grid article{background:var(--studio-card);border:1px solid var(--studio-border);border-radius:18px;overflow:hidden}.td-fan-example-grid .td-fan-concept{aspect-ratio:1/1.7}.td-fan-example-copy{padding:20px}.td-fan-example-copy span{color:var(--td-muted);font-size:10px}.td-fan-example-copy h3{font-size:19px;font-weight:var(--weight-semibold);margin:10px 0}.td-fan-example-copy p{color:var(--td-muted);font-size:var(--type-small);line-height:1.8}.td-fan-page .td-fan-cta{background:var(--studio-accent);color:var(--studio-accent-foreground);font-weight:var(--weight-semibold);border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:32px;padding:14px 24px;display:inline-flex}@media (width<=900px) and (width>=641px){.td-fan-studio .td-image-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=640px){.td-fan-example-grid{grid-template-columns:1fr;gap:24px}.td-fan-example-grid .td-fan-concept{aspect-ratio:1/1.45}.td-fan-preview .td-fan-concept{height:480px}.td-fan-studio-heading{padding-bottom:16px}.td-fan-examples{padding-top:40px}}.td-fan-output{min-width:0;min-height:0;position:relative}.td-fan-output>.td-fan-preview,.td-fan-current{border-radius:20px;height:100%;min-height:360px;overflow:hidden}.td-fan-current{border:1px solid var(--studio-border);background:var(--studio-card);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.td-fan-current video{object-fit:contain;background:#000;border-radius:16px 16px 0 0;width:100%;height:calc(100% - 96px);position:absolute;inset:0 0 96px}.td-fan-current:has(video){justify-content:flex-end}.td-fan-current-status{text-align:center;max-width:320px}.td-fan-current-status h3{font-size:20px;font-weight:var(--weight-semibold)}.td-fan-current-status p{font-size:var(--type-small);color:var(--td-muted);margin-top:12px;line-height:1.8}.td-fan-page .td-fan-download{color:var(--studio-accent-text);font-weight:var(--weight-semibold)}.td-fan-again{font-size:var(--type-small);text-decoration:underline}.td-fan-spinner{border:2px solid var(--studio-border);border-top-color:var(--studio-accent);border-radius:50%;width:32px;height:32px;margin-bottom:22px;animation:1s linear infinite fan-loading;display:inline-block}@keyframes fan-loading{to{transform:rotate(360deg)}}.td-fan-carousel-controls{display:none}@media (width<=640px){.td-fan-output{min-height:400px}.td-fan-output>.td-fan-preview{height:400px}.td-fan-output .td-fan-concept{height:100%}.td-fan-current{min-height:400px}.td-fan-example-grid{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.td-fan-example-grid article{scroll-snap-align:start;flex:0 0 84%}.td-fan-example-grid .td-fan-concept{aspect-ratio:1/1.15}.td-fan-example-copy{padding:16px}.td-fan-carousel-controls{align-items:center;gap:8px;margin-top:12px;display:flex}.td-fan-carousel-controls span{color:var(--td-muted);font-size:var(--type-caption);margin-right:auto}.td-fan-carousel-controls button{border:1px solid var(--studio-border);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}}@media (prefers-reduced-motion:reduce){.td-fan-spinner{animation:none}}