.fx-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.fx-showcase-card{container-type:inline-size;display:flex;flex-direction:column;min-width:0;color:var(--fx-ink)}.fx-showcase-media{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:0;background:var(--fx-surface-muted);isolation:isolate}.fx-showcase-video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:var(--fx-surface-muted)}.fx-showcase-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:rgb(0 0 0 / .025);transition:background .18s ease}.fx-showcase-play:hover{background:rgb(0 0 0 / .1)}.fx-showcase-play-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(255 255 255 / .9);border-radius:50%;color:#fff;background:rgb(22 25 19 / .55);box-shadow:0 2px 8px #0000001f}.fx-showcase-play-mark svg{width:20px;height:20px}.fx-showcase-duration{flex-shrink:0;color:var(--fx-muted);font-size:13px;font-variant-numeric:tabular-nums}.fx-showcase-caption{display:flex;flex:1;flex-direction:column;min-width:0;padding:8px 0 0}.fx-showcase-scene{position:absolute;left:12px;top:12px;z-index:2;pointer-events:none;padding:7px 12px;border:1px solid rgb(255 255 255 / .65);border-radius:7px;color:#fff;background:var(--fx-accent);box-shadow:0 2px 8px #50230a2e;font-size:13px;font-weight:600;line-height:1.5}.fx-showcase-result{overflow:hidden;border:1px solid var(--fx-border);border-radius:14px;background:var(--fx-surface);color:var(--fx-ink)}.fx-showcase-result .fx-showcase-duration{color:var(--fx-muted)}.fx-showcase-output{padding:12px 14px;min-height:52px;display:flex;align-items:flex-start;gap:14px;justify-content:space-between;margin-bottom:0}.fx-showcase-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;font-size:14px;font-weight:600;line-height:1.5;text-wrap:pretty}.fx-showcase-footer{display:flex;flex-direction:column;gap:4px;min-width:0;margin-top:auto;padding:8px;border:1px solid #dce3ec;border-radius:12px;background:var(--fx-surface);box-shadow:0 2px 6px #28324106}.fx-showcase-input{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667994;font-size:12px;line-height:1.5;text-align:left}.fx-showcase-input:hover{color:var(--fx-accent)}.fx-showcase-composer-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.fx-showcase-guide{display:flex;align-items:center;gap:4px;min-width:0;color:#667994;font-size:11px}.fx-showcase-guide>svg{flex-shrink:0}.fx-showcase-method{display:flex;align-items:center;gap:5px;min-width:0;padding:5px 6px;border-radius:8px;color:var(--fx-accent);background:var(--fx-accent-soft);line-height:1.35}.fx-showcase-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.4;text-align:left;color:#fff;background:var(--fx-accent);border-radius:7px}.fx-showcase-reuse{flex-shrink:0;white-space:nowrap;font-weight:600}@container (max-width:260px){.fx-showcase-method>svg{display:none}.fx-showcase-method{font-size:10px}}.fx-showcase-action:hover:not(:disabled){color:#fff;background:var(--fx-accent-hover)}.fx-showcase-action:disabled{opacity:.4;cursor:not-allowed}.fx-showcase-card button:focus-visible,.fx-case-rail:focus-visible{outline:2px solid var(--fx-accent);outline-offset:3px}.fx-showcase-play:focus-visible{outline-offset:-4px}.fx-case-row-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.fx-case-row-intro{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;min-width:0}.fx-case-row-controls{display:flex;flex-shrink:0;gap:2px}.fx-case-row-controls .fx-icon-button{width:44px;height:44px;color:var(--fx-muted)}@media (max-width:1023px){.fx-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}}@media (max-width:600px){.fx-case-grid{grid-template-columns:1fr}.fx-case-row-heading{align-items:flex-start;gap:8px}.fx-case-row-intro{display:block}.fx-case-row-intro p{margin-top:4px;font-size:12px}.fx-case-row-controls{gap:0}}@media (prefers-reduced-motion:reduce){.fx-showcase-play{transition:none}}.fx-case-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--fx-border-strong) transparent;padding:2px 1px 10px}.fx-case-rail::-webkit-scrollbar{height:4px}.fx-case-rail::-webkit-scrollbar-thumb{background:var(--fx-border-strong);border-radius:4px}.fx-case-rail::-webkit-scrollbar-track{background:transparent}.fx-case-rail>article{flex:0 0 calc((100% - 32px)/2.2);scroll-snap-align:start}.fx-case-dialog{width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--fx-border);border-radius:16px;background:var(--fx-surface);color:var(--fx-ink);padding:24px}.fx-case-dialog::backdrop{background:rgb(24 20 15 / .5)}.fx-explanation-style-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px;text-align:left;border-radius:8px;font-size:14px}.fx-explanation-style-row:hover,.fx-explanation-style-row[aria-pressed=true]{background:var(--fx-accent-soft)}.fx-explanation-style-row:disabled{opacity:.45;cursor:not-allowed}@media (max-width:600px){.fx-case-rail>article{flex-basis:86%}.fx-case-dialog{padding:18px}}@media (prefers-reduced-motion:reduce){.fx-case-rail{scroll-behavior:auto}}.fx-style-flyout{padding:0;border:1px solid var(--fx-border);border-radius:10px;background:var(--fx-surface);box-shadow:0 12px 36px #39352624}.fx-style-label-compact{display:none}.fx-style-dialog{display:flex;flex-direction:column;height:min(46rem,calc(100dvh - 6rem));overflow:hidden;font-size:14px;color:var(--fx-ink)}.fx-style-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 16px;border-bottom:1px solid var(--fx-border);background:var(--fx-surface);flex-shrink:0}.fx-style-dialog header p{font-size:13px;line-height:1.5;color:var(--fx-muted)}.fx-style-dialog header .fx-icon-button{width:44px;height:44px;flex-shrink:0}.fx-style-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}.fx-style-types{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:10px 12px;background:var(--fx-canvas)}.fx-style-group+.fx-style-group{margin-top:6px}.fx-style-group>p{padding:0 8px;margin-bottom:2px;font-size:11px;line-height:16px;letter-spacing:.045em;color:var(--fx-muted)}.fx-style-group>div{display:grid;gap:2px}.fx-style-type{display:flex;align-items:center;gap:10px;text-align:left;padding:6px 8px;min-height:44px;border:1px solid transparent;border-radius:7px}.fx-style-type strong{flex:1;min-width:0;font-size:14px;font-weight:500}.fx-style-type>svg:first-child{width:20px;height:20px;color:#7a8065}.fx-style-type>svg{flex-shrink:0}.fx-style-type:hover:not(:disabled){background:#f0ece3}.fx-style-type[aria-pressed=true]{border-color:#dec6b4;color:var(--fx-accent);background:var(--fx-accent-soft)}.fx-style-type[aria-pressed=true]>svg{color:var(--fx-accent)}.fx-style-type:disabled{opacity:.4;cursor:not-allowed}.fx-style-dialog button:focus-visible{outline:2px solid var(--fx-accent);outline-offset:2px}.fx-style-details{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:22px 20px;border-left:1px solid var(--fx-border)}.fx-style-detail-heading{margin-bottom:22px}.fx-style-detail-heading h3{font:600 22px/1.4 var(--fx-font-editorial);margin-bottom:8px}.fx-style-detail-heading p{font-size:13px;line-height:1.8;color:var(--fx-ink)}.fx-style-detail-heading .fx-style-suitable{margin-top:9px;font-size:12px;color:var(--fx-muted)}.fx-style-visuals h4{font-size:13px;color:var(--fx-muted);font-weight:500;margin-bottom:10px}.fx-style-visuals>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fx-style-visuals-many>div{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-style-visuals button{position:relative;overflow:hidden;border:1px solid var(--fx-border);border-radius:6px;text-align:left;font-size:13px;background:var(--fx-surface);transition:border-color .15s ease}.fx-style-visuals button>span:last-of-type{display:block;padding:9px 28px 9px 10px;line-height:1.5;min-height:40px}.fx-style-visuals img,.fx-style-default{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.fx-style-default{display:grid;place-items:center;background:#f1eee4;color:#8c9674}.fx-style-default>svg{width:48px;height:48px}.fx-style-visuals button:hover:not(:disabled){border-color:var(--fx-border-strong)}.fx-style-visuals button[aria-pressed=true]{border-color:var(--fx-accent);background:var(--fx-accent-soft)}.fx-style-visuals button:disabled{opacity:.4;cursor:not-allowed}.fx-style-visuals button>svg{position:absolute;right:8px;bottom:13px;color:var(--fx-accent)}.fx-style-single-preview{overflow:hidden;border:1px solid var(--fx-border);border-radius:8px;background:#f1eee4;color:#88936e}.fx-style-single-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.fx-style-single-preview>svg{width:100%;height:auto;aspect-ratio:16/9;padding:28px}.fx-style-single-preview figcaption{font-size:13px;padding:10px 12px;background:var(--fx-surface);color:var(--fx-muted);border-top:1px solid var(--fx-border)}.fx-style-recommendation{display:grid;place-items:center;gap:20px;padding:24px;border:1px solid var(--fx-border);border-radius:8px;background:#faf8f3}.fx-style-recommendation>svg{width:64px;height:64px;color:#8c9674}.fx-style-recommendation p{font-size:13px;line-height:1.8;color:var(--fx-muted)}@media (max-width:600px){.fx-style-dialog:lang(en) .fx-style-types{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-style-dialog:lang(en) .fx-style-type strong{overflow-wrap:normal}.fx-style-dialog header{padding:6px 12px}.fx-style-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.fx-style-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;max-height:42dvh;border-bottom:1px solid var(--fx-border)}.fx-style-group,.fx-style-group>div{display:contents}.fx-style-group>p{display:none}.fx-style-type{gap:5px;padding:6px;align-items:center;min-height:44px}.fx-style-type strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.fx-style-type>svg:first-child{width:16px;height:16px}.fx-style-type>svg:last-child:not(:first-child){display:none}.fx-style-details{padding:14px;border-left:0}.fx-style-detail-heading{margin-bottom:12px}.fx-style-detail-heading h3{font-size:19px}.fx-style-visuals>div{gap:8px}.fx-style-visuals-many>div{grid-template-columns:repeat(2,minmax(0,1fr))}[data-testid=home-launchpad]{margin-top:24px}.fx-case-row-heading{margin-bottom:12px}.fx-case-row-intro h2{font-size:21px;line-height:1.4}.fx-case-row-intro p{max-width:240px;line-height:1.6}.fx-case-rail{gap:12px;scroll-snap-type:x mandatory;padding-bottom:12px}.fx-case-rail>article{flex-basis:88%;scroll-snap-align:start}.fx-showcase-media{border-radius:0}.fx-showcase-caption{padding-top:8px}.fx-showcase-scene{font-size:12px}.fx-showcase-title{min-height:42px;font-size:15px}.fx-showcase-footer{gap:4px;border-radius:12px}.fx-showcase-input{font-size:13px}.fx-showcase-reuse{min-height:44px;font-size:12px}[data-testid=creation-home] .fx-home-editorial-header{margin-bottom:12px}[data-testid=creation-home] .fx-home-editorial-header h1{font-size:30px;line-height:1.35}[data-testid=creation-home] .fx-home-lead{font-size:14px;line-height:1.7}[data-testid=creation-home] .fx-agent-composer{padding:12px;border-radius:16px}[data-testid=creation-home] .fx-agent-composer textarea{min-height:48px;font-size:16px}[data-testid=creation-home] .fx-agent-composer .fx-icon-button{width:44px;height:44px}[data-testid=creation-home] .fx-agent-composer button{min-height:44px}[data-testid=creation-home] .fx-style-label-full{display:none}[data-testid=creation-home] .fx-style-label-compact{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-testid=creation-home] [data-testid=home-generate-submit]{flex-basis:100%;width:100%;min-height:46px;justify-content:center;margin-top:4px;font-size:15px}}.fx-showcase-method>svg{flex-shrink:0}.fx-showcase-tool{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;min-width:28px;min-height:32px;border-radius:6px;color:#667994;font-size:11px}.fx-showcase-tool:hover{background:var(--fx-accent-soft);color:var(--fx-accent)}.fx-showcase-method{font-size:11px;min-height:32px;text-align:left}@container (max-width:380px){.fx-showcase-brand>span{display:none}.fx-showcase-guide{gap:2px}.fx-showcase-method{gap:3px;padding:5px 4px}.fx-showcase-method>svg{display:none}}@media (max-width:600px){.fx-showcase-tool{min-width:44px;min-height:44px}.fx-showcase-method{min-height:44px}.fx-showcase-guide{gap:0}.fx-showcase-action{padding:6px 8px}.fx-showcase-output{padding:12px}.fx-showcase-title{min-height:0}.fx-showcase-guide .fx-showcase-brand{min-width:32px}}.fx-showcase-guide{flex:1}.fx-showcase-method>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.fx-showcase-method{flex:1}.fx-showcase-guide .fx-showcase-brand{min-width:44px}}.fx-case-row-intro{flex-direction:column;align-items:flex-start;gap:7px}.fx-case-row-intro h2{display:flex;align-items:center;gap:10px;font-size:25px;line-height:1.4;font-weight:600}.fx-case-group-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;color:var(--fx-accent);background:var(--fx-accent-soft)}.fx-case-row-intro p{font-size:14px;line-height:1.6;color:var(--fx-muted)}[data-case-row]+[data-case-row]{padding-top:20px;border-top:1px solid var(--fx-border)}.fx-case-row-heading{margin-bottom:16px}.fx-agent-eyebrow>.fx-agent-mark{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0}@media (max-width:600px){.fx-case-row-intro{display:flex}.fx-case-row-intro h2{font-size:23px}.fx-case-row-intro p{max-width:none;margin:0;font-size:13px}.fx-case-row-controls{align-self:center}.fx-case-group-icon{width:30px;height:30px}}.fx-case-group-scenarios{display:inline-block;margin-left:14px;padding-left:14px;border-left:1px solid var(--fx-border-strong);font-size:12px;color:var(--fx-accent)}@media (max-width:600px){.fx-case-group-scenarios{display:block;margin:5px 0 0;padding:0;border:0}}[data-testid=attachment-menu-trigger]:focus-within{outline:2px solid var(--fx-accent);outline-offset:2px}.fx-showcase-poster{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fx-showcase-poster img{display:block;width:100%;height:100%;object-fit:contain}