.creation-mode-tabs.svelte-1rgmpkq{gap:var(--space-2xs);width:min(100%,548px);margin:var(--space-md) 0 var(--space-lg);padding:var(--space-2xs);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-soft);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}button.svelte-1rgmpkq{gap:0 var(--space-xs);min-height:42px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);color:var(--text-muted);text-align:center;transition:var(--motion-fast) ease;background:0 0;border:1px solid #0000;grid-template-columns:auto auto;justify-content:center;align-items:center;display:grid}button.svelte-1rgmpkq .mode-mark:where(.svelte-1rgmpkq){border:1px solid;border-radius:50%;width:7px;height:7px}button.svelte-1rgmpkq strong:where(.svelte-1rgmpkq){color:var(--text-primary);font-size:.76rem}button.svelte-1rgmpkq:hover:not(:disabled){border-color:var(--border-accent);color:var(--text-primary)}button.active.svelte-1rgmpkq{border-color:var(--border-accent);background:var(--accent);color:var(--ink)}button.active.svelte-1rgmpkq strong:where(.svelte-1rgmpkq){color:var(--ink)}button.active.svelte-1rgmpkq .mode-mark:where(.svelte-1rgmpkq){background:currentColor}@media (width<=560px){button.svelte-1rgmpkq{gap:var(--space-2xs);padding-inline:var(--space-2xs)}button.svelte-1rgmpkq strong:where(.svelte-1rgmpkq){font-size:.7rem}}.type-catalog.svelte-5mmwuc{--motion-control-size:28px;--motion-overlay-inset:var(--space-xs);--motion-glass-bg:#ffffff24;--motion-glass-border:#ffffff47;margin-top:var(--space-xl)}.catalog-toolbar.svelte-5mmwuc{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xs);display:flex}.catalog-label.svelte-5mmwuc{margin:0 0 var(--space-1);color:var(--text-accent);font-family:var(--mono);letter-spacing:.14em;font-size:.55rem}h3.svelte-5mmwuc{letter-spacing:-.025em;margin:0;font-size:1.2rem;font-weight:600}.catalog-actions.svelte-5mmwuc{align-items:center;gap:var(--space-xs);display:flex}.favorite-filter.svelte-5mmwuc,.catalog-empty.svelte-5mmwuc button:where(.svelte-5mmwuc){min-height:var(--tap-target);padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-muted);transition:border-color var(--motion-fast) ease, color var(--motion-fast) ease, background var(--motion-fast) ease;font-size:.68rem}.favorite-filter.svelte-5mmwuc:hover:not(:disabled),.favorite-filter.active.svelte-5mmwuc,.layout-toggle.svelte-5mmwuc button:where(.svelte-5mmwuc):hover:not(:disabled),.layout-toggle.svelte-5mmwuc button.active:where(.svelte-5mmwuc){border-color:var(--border-accent);background:var(--accent-soft);color:var(--text-primary)}.favorite-filter.svelte-5mmwuc:disabled,.layout-toggle.svelte-5mmwuc button:where(.svelte-5mmwuc):disabled{opacity:.45}.favorite-filter.svelte-5mmwuc img:where(.svelte-5mmwuc){opacity:.72;width:16px;height:16px}.layout-toggle.svelte-5mmwuc{gap:var(--space-2xs);min-height:var(--tap-target);padding:var(--space-2xs);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-soft);grid-template-columns:repeat(2,36px);display:grid}.layout-toggle.svelte-5mmwuc button:where(.svelte-5mmwuc){border-radius:var(--radius-pill);width:36px;height:36px;color:var(--text-muted);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.layout-toggle.svelte-5mmwuc button:where(.svelte-5mmwuc) img:where(.svelte-5mmwuc){opacity:.52;width:18px;height:18px}.layout-toggle.svelte-5mmwuc button:where(.svelte-5mmwuc):hover:not(:disabled) img:where(.svelte-5mmwuc),.layout-toggle.svelte-5mmwuc button.active:where(.svelte-5mmwuc) img:where(.svelte-5mmwuc){opacity:1}.generation-type-grid.svelte-5mmwuc{gap:var(--space-xs);flex-direction:column;display:flex}.generation-type-row.svelte-5mmwuc{grid-template-columns:repeat(var(--catalog-columns), minmax(0, 1fr));gap:var(--space-xs);display:grid}.generation-type-row.single-row.svelte-5mmwuc{padding:2px 0 var(--space-2);overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:clamp(148px,18vw,176px);grid-auto-flow:column;justify-content:start;overflow:auto hidden}.generation-type-row.single-row.svelte-5mmwuc .generation-type-card:where(.svelte-5mmwuc){scroll-snap-align:start}.generation-type-card.svelte-5mmwuc{border:1px solid var(--border-subtle);border-radius:var(--radius-gallery-md);background:var(--surface-soft);min-width:0;transition:border-color var(--motion-base) ease, transform var(--motion-base) ease, box-shadow var(--motion-base) ease;position:relative;overflow:hidden}.generation-type-card.svelte-5mmwuc:hover,.generation-type-card.selected.svelte-5mmwuc{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 16px 40px #0000003d}.generation-type-card.selected.svelte-5mmwuc{box-shadow:0 0 0 1px var(--accent), 0 18px 45px #00000047}.type-card-main.svelte-5mmwuc{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.type-preview.svelte-5mmwuc{aspect-ratio:9/16;background:var(--surface-raised);position:relative;overflow:hidden}.type-preview.svelte-5mmwuc video:where(.svelte-5mmwuc){z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.type-poster.svelte-5mmwuc{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-slow) ease, filter var(--motion-base) ease;position:absolute;inset:0}.generation-type-card.svelte-5mmwuc:hover .type-poster:where(.svelte-5mmwuc),.generation-type-card.selected.svelte-5mmwuc .type-poster:where(.svelte-5mmwuc){filter:saturate(1.05)contrast(1.03);transform:scale(1.025)}.preview-badges.svelte-5mmwuc{top:var(--space-2);left:var(--space-2);z-index:3;gap:var(--space-1);display:flex;position:absolute}.preview-badges.svelte-5mmwuc span:where(.svelte-5mmwuc){border-radius:var(--radius-pill);font-family:var(--mono);letter-spacing:.08em;background:#08090db3;border:1px solid #ffffff2e;padding:.2rem .38rem;font-size:.47rem}.preview-badges.svelte-5mmwuc .audio-badge:where(.svelte-5mmwuc){align-items:center;gap:var(--space-2xs);display:inline-flex}.audio-badge.svelte-5mmwuc img:where(.svelte-5mmwuc){width:10px;height:10px}.preview-badges.svelte-5mmwuc .tag-new:where(.svelte-5mmwuc){color:var(--accent);border-color:#ff5e9a94}.preview-badges.svelte-5mmwuc .tag-legacy:where(.svelte-5mmwuc){color:var(--warning);border-color:#ffb75e8c}.preview-badges.svelte-5mmwuc .tag-sd:where(.svelte-5mmwuc){color:var(--text-muted)}.type-card-copy.svelte-5mmwuc{right:var(--motion-overlay-inset);bottom:var(--motion-overlay-inset);left:var(--tap-target);z-index:4;justify-content:center;align-items:center;gap:var(--space-2xs);height:var(--motion-control-size);padding:0 var(--space-xs);border:1px solid var(--motion-glass-border);border-radius:var(--radius-pill);background:var(--motion-glass-bg);color:var(--ink);text-align:center;font-size:.66rem;font-weight:700;line-height:1;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 1px 5px #00000042}.type-card-copy.svelte-5mmwuc strong:where(.svelte-5mmwuc){min-width:0;font-size:inherit;line-height:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.type-card-separator.svelte-5mmwuc{color:#10080db8;flex-shrink:0}.type-card-meta.svelte-5mmwuc,.meta-chip.svelte-5mmwuc{flex-shrink:0;align-items:center;display:inline-flex}.type-card-meta.svelte-5mmwuc{gap:var(--space-2xs)}.meta-chip.svelte-5mmwuc{white-space:nowrap;gap:2px}.meta-chip.svelte-5mmwuc img:where(.svelte-5mmwuc){opacity:.86;width:12px;height:12px}.favorite-button.svelte-5mmwuc{z-index:4;width:var(--tap-target);height:var(--tap-target);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;bottom:0;left:0}.favorite-button.svelte-5mmwuc span:where(.svelte-5mmwuc){border:1px solid var(--motion-glass-border);border-radius:var(--radius-pill);background:var(--motion-glass-bg);place-items:center;width:28px;height:28px;display:grid;box-shadow:inset 0 1px #ffffff24,0 1px 5px #00000042}.favorite-button.svelte-5mmwuc img:where(.svelte-5mmwuc){opacity:.68;width:14px;height:14px}.favorite-button.svelte-5mmwuc:hover span:where(.svelte-5mmwuc),.favorite-button.active.svelte-5mmwuc span:where(.svelte-5mmwuc){background:var(--accent-soft);border-color:#ff735eb8}.favorite-button.svelte-5mmwuc:hover img:where(.svelte-5mmwuc),.favorite-button.active.svelte-5mmwuc img:where(.svelte-5mmwuc){opacity:1}.selected-type-detail.svelte-5mmwuc{margin:var(--space-2) 0 var(--space-5);padding:clamp(var(--space-4), 4vw, var(--space-6));border:1px solid var(--border-accent);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:0 24px 60px #00000038}.catalog-empty.svelte-5mmwuc{justify-content:center;align-items:center;gap:var(--space-3);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);min-height:140px;color:var(--text-muted);font-size:.75rem;display:flex}@media (width<=560px){.catalog-toolbar.svelte-5mmwuc{flex-direction:column;align-items:stretch}.catalog-actions.svelte-5mmwuc{grid-template-columns:1fr auto;display:grid}.generation-type-grid.svelte-5mmwuc,.generation-type-row.svelte-5mmwuc{gap:var(--space-xs)}.generation-type-row.single-row.svelte-5mmwuc{grid-auto-columns:min(62vw,220px)}.selected-type-detail.svelte-5mmwuc{margin-top:0}}@media (prefers-reduced-motion:reduce){.type-poster.svelte-5mmwuc{transition:none}.generation-type-card.svelte-5mmwuc:hover .type-poster:where(.svelte-5mmwuc),.generation-type-card.selected.svelte-5mmwuc .type-poster:where(.svelte-5mmwuc){transform:none}}.edit-style-section.svelte-b0vvlw{margin-top:var(--space-5)}.edit-style-heading.svelte-b0vvlw p:where(.svelte-b0vvlw){margin:0 0 var(--space-1);color:var(--accent);font:.55rem var(--mono);letter-spacing:.14em}.edit-style-heading.svelte-b0vvlw h3:where(.svelte-b0vvlw){margin:0 0 var(--space-4);font-size:1.2rem}.edit-style-grid.svelte-b0vvlw{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.edit-style-grid.svelte-b0vvlw button:where(.svelte-b0vvlw){min-height:124px;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-primary);text-align:left;transition:var(--motion-base) ease}.edit-style-grid.svelte-b0vvlw button:where(.svelte-b0vvlw):hover:not(:disabled),.edit-style-grid.svelte-b0vvlw button.active:where(.svelte-b0vvlw){border-color:var(--border-accent);box-shadow:0 0 0 1px var(--accent);transform:translateY(-2px)}.edit-style-grid.svelte-b0vvlw strong:where(.svelte-b0vvlw),.edit-style-grid.svelte-b0vvlw small:where(.svelte-b0vvlw){display:block}.edit-style-grid.svelte-b0vvlw strong:where(.svelte-b0vvlw){font-size:.78rem}.edit-style-grid.svelte-b0vvlw small:where(.svelte-b0vvlw){color:var(--text-muted);padding-top:.2rem;font-size:.58rem;line-height:1.45}.edit-api-note.svelte-b0vvlw{margin:var(--space-4) 0 0;padding:var(--space-3);border-left:2px solid var(--warning);color:var(--text-muted);background:#ffb75e12;font-size:.68rem}@media (width<=720px){.edit-style-grid.svelte-b0vvlw{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=440px){.edit-style-grid.svelte-b0vvlw{grid-template-columns:1fr}}.sample-gallery-section.svelte-1nfpri7{width:min(100% - 9vw, var(--content-max));margin:0 auto;padding:clamp(70px,10vw,130px) 0}.sample-heading.svelte-1nfpri7{justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.sample-heading.svelte-1nfpri7 p:where(.svelte-1nfpri7){margin:0 0 var(--space-2);color:var(--accent);font:.56rem var(--mono);letter-spacing:.16em}.sample-heading.svelte-1nfpri7 h2:where(.svelte-1nfpri7){font:clamp(2.3rem, 5.5vw, 4.8rem)/.94 var(--font-display);letter-spacing:-.045em;margin:0}.sample-heading.svelte-1nfpri7>span:where(.svelte-1nfpri7){max-width:360px;color:var(--text-muted);font-size:.78rem}.sample-grid.svelte-1nfpri7{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid}.sample-card.svelte-1nfpri7{aspect-ratio:9/16;background:var(--surface);isolation:isolate;transition:border-color var(--motion-fast) ease, transform var(--motion-base) ease;border:1px solid #0000;display:block;position:relative;overflow:hidden}.sample-card.svelte-1nfpri7:after{z-index:1;content:"";background:#0a0308c2;height:34%;position:absolute;bottom:0;left:0;right:0}.sample-poster.svelte-1nfpri7{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sample-card.svelte-1nfpri7:hover,.sample-card.selected.svelte-1nfpri7{z-index:2;border-color:var(--accent);transform:translateY(-3px)}.sample-card.svelte-1nfpri7:focus-visible{z-index:3;border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.sample-topline.svelte-1nfpri7{top:var(--space-3);right:var(--space-3);left:var(--space-3);z-index:2;justify-content:space-between;align-items:center;gap:var(--space-2);display:flex;position:absolute}.sample-topline.svelte-1nfpri7 b:where(.svelte-1nfpri7){border-radius:var(--radius-pill);font:.48rem var(--mono);letter-spacing:.08em;background:#10080da3;border:1px solid #fff3;padding:.28rem .48rem}.sample-topline.svelte-1nfpri7 .tag-new:where(.svelte-1nfpri7){border-color:var(--border-accent);color:var(--accent)}.sample-topline.svelte-1nfpri7 .tag-popular:where(.svelte-1nfpri7),.sample-topline.svelte-1nfpri7 .tag-legacy:where(.svelte-1nfpri7){color:var(--warning);border-color:#f2b56b8c}.sample-copy.svelte-1nfpri7{right:var(--space-4);bottom:var(--space-4);left:var(--space-4);z-index:3;flex-direction:column;display:flex;position:absolute}.sample-copy.svelte-1nfpri7 small:where(.svelte-1nfpri7){color:var(--accent);font:.48rem var(--mono);letter-spacing:.12em}.sample-copy.svelte-1nfpri7 strong:where(.svelte-1nfpri7){margin-top:.2rem;font-size:.92rem}.sample-copy.svelte-1nfpri7 span:where(.svelte-1nfpri7){color:#fff4f6b8;font:.52rem var(--mono);margin-top:.2rem}@media (width<=700px){.sample-heading.svelte-1nfpri7{flex-direction:column;align-items:flex-start}.sample-grid.svelte-1nfpri7{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-copy.svelte-1nfpri7{right:var(--space-3);bottom:var(--space-3);left:var(--space-3)}.sample-copy.svelte-1nfpri7 strong:where(.svelte-1nfpri7){font-size:.76rem}.sample-copy.svelte-1nfpri7 span:where(.svelte-1nfpri7){font-size:.46rem}}@media (prefers-reduced-motion:reduce){.sample-card.svelte-1nfpri7{transition:none}}.public-flow-grid.svelte-jo3wh0{grid-template-columns:minmax(0,1fr)}