.fm-page{background:var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex;position:relative}.fm-photo-wall{z-index:0;pointer-events:none;height:480px;position:absolute;top:0;left:0;right:0;overflow:hidden}.fm-photo-wall-item{opacity:.75;border:3px solid #fff;border-radius:4px;width:140px;transition:opacity .3s;position:absolute;box-shadow:0 4px 12px #00000026}.fm-photo-wall-item img{border-radius:2px;width:100%;height:auto;display:block}.fm-photo-wall-item--drift{animation:8s ease-in-out infinite photoWallDrift}@keyframes photoWallDrift{0%,to{transform:rotate(var(--base-rotate,0deg)) translateY(0)}50%{transform:rotate(var(--base-rotate,0deg)) translateY(-6px)}}.fm-photo-wall-overlay{background:linear-gradient(to bottom, transparent 0%, transparent 30%, var(--color-bg-primary) 85%);z-index:1;position:absolute;inset:0}.fm-hero,.fm-main{z-index:1;position:relative}.fm-hero{padding:var(--space-12) var(--space-6) var(--space-8);text-align:center;position:relative}.fm-hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#f472b6;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-6);background:#ec48991f;border:1px solid #ec48994d;font-weight:600;display:inline-flex}.fm-hero-title{letter-spacing:-.04em;margin-bottom:var(--space-4);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.fm-hero-title-gradient{background:linear-gradient(135deg,#f472b6,#ec4899,#a855f7);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradientShift}.fm-hero-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:560px;margin:0 auto;line-height:1.7}.fm-main{padding:0 var(--space-6) var(--space-16);flex:1}.fm-workspace{gap:var(--space-8);grid-template-columns:340px 1fr;align-items:start;max-width:1200px;margin:0 auto;display:grid}.fm-controls{position:sticky;top:80px}.fm-preview-wrap{gap:var(--space-5);flex-direction:column;display:flex}.fm-preview-card{border:1px solid var(--color-border);aspect-ratio:3/4;background:#ffffff05;border-radius:24px;min-height:400px;position:relative;overflow:hidden}.fm-preview-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.fm-preview-placeholder{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-8);flex-direction:column;display:flex;position:absolute;inset:0}.fm-preview-placeholder-icon{opacity:.25;font-size:48px;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fm-preview-placeholder-text{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:260px;line-height:1.6}.fm-preview-loading{justify-content:center;align-items:center;gap:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;flex-direction:column;display:flex;position:absolute;inset:0}.fm-preview-toolbar{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.fm-action-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;font-weight:500;text-decoration:none;display:flex}.fm-action-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);background:#ffffff14}.fm-category-tabs{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.fm-category-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;font-weight:500;display:flex}.fm-category-tab:hover{color:var(--color-text-primary);background:#ec489914;border-color:#ec48994d}.fm-category-tab.active{color:#f472b6;background:#ec489926;border-color:#ec489980}.fm-category-tab-icon{font-size:1.1em}.fm-examples{max-width:1200px;margin:var(--space-16) auto 0;padding:0 var(--space-6)}.fm-examples-header{text-align:center;margin-bottom:var(--space-10)}.fm-examples-title{font-size:var(--font-size-2xl);letter-spacing:-.03em;margin-bottom:var(--space-3);font-weight:700}.fm-examples-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.fm-examples-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.fm-example-card{border:1px solid var(--color-border);background:#ffffff05;border-radius:20px;transition:all .3s;overflow:hidden}.fm-example-card:hover{border-color:#ec48994d;transform:translateY(-4px);box-shadow:0 16px 40px #00000080}.fm-example-body{padding:var(--space-5)}.fm-example-name{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600}.fm-example-prompt{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.fm-example-actions{gap:var(--space-2);display:flex}.fm-example-use-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#f472b6;font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);background:#ec48991a;border:1px solid #ec489940;flex:1;font-weight:600}.fm-example-use-btn:hover{color:#fff;background:#ec489933;border-color:#ec489973}@media (max-width:900px){.fm-workspace{grid-template-columns:1fr}.fm-controls{position:static}.fm-photo-wall{height:360px}.fm-photo-wall-item{width:100px}}@media (max-width:768px){.fm-hero{padding-top:80px}.fm-main{padding:0 var(--space-4) var(--space-16)}.fm-preview-card{min-height:unset;height:auto}.fm-photo-wall{height:300px}.fm-photo-wall-item{opacity:.6;width:85px}}@media (max-width:600px){.fm-examples-grid{grid-template-columns:1fr}.fm-hero-title{font-size:1.75rem}}.fm-seo{max-width:800px;margin:var(--space-16) auto 0;padding:var(--space-10) var(--space-6);border-top:1px solid var(--color-border)}.fm-seo-content{gap:var(--space-5);flex-direction:column;display:flex}.fm-seo-title{font-size:var(--font-size-xl);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:700}.fm-seo-intro{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.8}.fm-seo-subtitle{font-size:var(--font-size-base);color:var(--color-text-primary);margin-top:var(--space-3);font-weight:600}.fm-seo-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.7}.fm-seo-faq{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.fm-faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.fm-faq-item[open]{border-color:#ec48994d}.fm-faq-question{padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;justify-content:space-between;align-items:center;font-weight:500;list-style:none;display:flex}.fm-faq-question::-webkit-details-marker{display:none}.fm-faq-question:after{content:"+";color:var(--color-text-muted);transition:transform var(--transition-fast);font-size:1.2em}.fm-faq-item[open] .fm-faq-question:after{content:"−";color:#f472b6}.fm-faq-answer{padding:0 var(--space-5) var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.7}.fm-seo-links{margin-top:var(--space-6);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.fm-seo-links-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.fm-seo-link{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#f472b6;transition:all var(--transition-fast);background:#ec489914;border:1px solid #ec489933;font-weight:500;text-decoration:none}.fm-seo-link:hover{background:#ec489926;border-color:#ec489966}