.m2WmZa_demo{--step:var(--dur-slow);border:var(--border-w) solid var(--color-brand-deep);border-radius:var(--radius-24);background:var(--color-brand-deep);width:100%;min-width:0;color:var(--color-text);text-align:start;box-shadow:0 12px 32px color-mix(in srgb, var(--color-brand-deep) 8%, transparent);margin:0;container:demo/inline-size}.m2WmZa_demoHeading{justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--color-term-text);padding:18px 24px;display:flex}.m2WmZa_demoLabel{color:var(--color-term-muted);font-size:var(--text-xs);font-weight:600}.m2WmZa_demoTitle{font-family:var(--font-display);letter-spacing:var(--tracking-heading);margin:3px 0 0;font-size:24px;font-weight:600;line-height:1.15}.m2WmZa_demoLive{color:var(--color-term-text);font-size:var(--text-sm);flex:none;align-items:center;gap:8px;display:inline-flex}.m2WmZa_demoLive>span{background:var(--color-mint);border-radius:50%;width:7px;height:7px}.m2WmZa_workbench{border-radius:var(--radius-16);background:var(--color-surface);grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1.1fr);min-height:21rem;margin:0 8px;display:grid}.m2WmZa_inputPanel,.m2WmZa_insightPanel{flex-direction:column;min-width:0;padding:26px 24px;display:flex}.m2WmZa_inputPanel{border-radius:var(--radius-16) 0 0 var(--radius-16);background:var(--color-brand-warm);position:relative}.m2WmZa_panelLabel{font-size:var(--text-sm);margin:0;font-weight:650}.m2WmZa_inputSentence{font-family:var(--font-display);letter-spacing:var(--tracking-heading);margin:28px 0 18px;font-size:clamp(26px,3cqi,36px);font-weight:600;line-height:1.15}.m2WmZa_inputMeta{font-size:var(--text-xs);flex-wrap:wrap;gap:5px 10px;line-height:1.4;display:flex}.m2WmZa_inputMeta>span:first-child{font-weight:700}.m2WmZa_inputHint{font-size:var(--text-md);margin:auto 0 0;padding-top:24px;line-height:1.5}.m2WmZa_inputArrow{z-index:1;background:var(--color-brand-deep);width:32px;height:32px;color:var(--color-term-text);border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:48%;right:-16px}.m2WmZa_modelPanel{min-width:0;padding:12px 20px 16px}.m2WmZa_insightPanel{border-radius:0 var(--radius-16) var(--radius-16) 0;background:var(--color-mint)}.m2WmZa_insightTitle{font-family:var(--font-display);letter-spacing:var(--tracking-heading);margin:24px 0 12px;font-size:24px;font-weight:600;line-height:1.15}.m2WmZa_insightText{font-size:var(--text-md);margin:0;line-height:1.5}.m2WmZa_bar{align-items:center;gap:var(--space-xs);border-bottom:var(--border-w) solid var(--color-border);flex-wrap:wrap;min-width:0;padding-bottom:10px;display:flex}.m2WmZa_tabs{gap:var(--space-2xs);min-width:0;display:flex}.m2WmZa_tab{min-height:44px;padding:0 var(--space-md);border-radius:var(--radius-8);color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:0;flex:none;font-weight:600;position:relative}.m2WmZa_tab[aria-selected=true]{background:var(--color-brand-ice);color:var(--color-link)}.m2WmZa_progress{--ais-name:ais-fill-x;right:var(--space-sm);bottom:var(--space-2xs);left:var(--space-sm);border-radius:var(--radius-pill);background:var(--color-primary);transform-origin:0;height:2px;animation:var(--ms) linear both var(--ais-name);position:absolute}.m2WmZa_bar>.m2WmZa_control{--_face:var(--color-surface);--_face-hover:var(--color-surface-hover);--_ink:var(--color-text);--_edge:var(--color-border);flex:none;width:44px;min-height:44px;margin-inline-start:auto;padding:0;position:relative}.m2WmZa_icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;flex:none;width:18px;height:18px}.m2WmZa_labels{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.m2WmZa_labels>span:not([data-on]){visibility:hidden}.m2WmZa_stage{place-items:center;min-width:0;min-height:15rem;padding:20px 0 8px;display:grid;container-type:inline-size}.m2WmZa_tokens,.m2WmZa_attention,.m2WmZa_output{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.m2WmZa_attention{grid-template-columns:auto minmax(0,1fr);gap:14px 22px;display:grid}.m2WmZa_attention .m2WmZa_mask{grid-row:span 2}.m2WmZa_attention .m2WmZa_note{text-align:start}.m2WmZa_attention .m2WmZa_legend{justify-content:flex-start;margin:0}.m2WmZa_note{max-width:46ch;color:var(--color-text-body);font-size:var(--text-md);text-align:center;text-wrap:balance;margin:0;line-height:1.45}.m2WmZa_sentence{color:var(--color-text);font-family:var(--font-display);letter-spacing:var(--tracking-heading);margin:0;font-size:clamp(22px,5.6cqi,30px);font-weight:600}.m2WmZa_chips{justify-content:center;gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:16px 0 0;list-style:none;display:flex;position:relative}.m2WmZa_chips:before{content:"";background:var(--color-border-strong);height:1px;position:absolute;top:0;left:12%;right:12%}.m2WmZa_chips>li{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex;position:relative}.m2WmZa_chips>li:before{content:"";background:var(--color-border-strong);width:1px;height:16px;position:absolute;top:-16px}.m2WmZa_chip{border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius-8);background:var(--color-surface);min-width:2.4em;color:var(--color-text);font-family:var(--font-mono);font-size:clamp(var(--text-sm), 3.4cqi, var(--text-lg));font-weight:500;line-height:var(--leading-tight);text-align:center;padding:.6em;display:inline-block}.m2WmZa_toned{background:var(--color-brand-ice);color:var(--color-link);border-color:#0000}.m2WmZa_chips .m2WmZa_chip{box-shadow:0 3px 0 var(--color-border)}.m2WmZa_chips>li:nth-child(4) .m2WmZa_chip{background:var(--color-brand-warm);color:var(--color-text)}.m2WmZa_id{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.m2WmZa_mask{--cell:clamp(25px, (100cqi - 56px) / var(--n) - var(--space-2xs), 30px);grid-template-columns:auto repeat(var(--n), var(--cell));align-items:center;gap:var(--space-2xs);display:grid}.m2WmZa_mask>b{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;line-height:var(--leading-tight);text-align:center;text-decoration:underline;-webkit-text-decoration-color:var(--tone);text-decoration-color:var(--tone);text-underline-offset:4px;text-decoration-thickness:2px}.m2WmZa_mask>b[data-row]{text-align:end;padding-inline-end:var(--space-xs)}.m2WmZa_mask>i{width:var(--cell);aspect-ratio:1;border:var(--border-w) dashed var(--color-border-strong);border-radius:var(--radius-4)}.m2WmZa_mask>i[data-on]{background:var(--tone);border:0}.m2WmZa_legend{justify-content:center;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-xs);flex-wrap:wrap;margin:-8px 0 0;display:flex}.m2WmZa_swatches{gap:2px;display:flex}.m2WmZa_swatches>span{background:var(--tone);border-radius:2px;width:12px;height:8px}.m2WmZa_output{align-items:stretch}.m2WmZa_context{justify-content:center;gap:var(--space-xs);flex-wrap:wrap;margin:0;display:flex}.m2WmZa_slot{display:inline-flex}.m2WmZa_next{outline:2px solid var(--color-brand-warm);outline-offset:3px;background:var(--color-brand-warm);color:var(--color-text)}.m2WmZa_bars{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.m2WmZa_bars>li{align-items:center;gap:var(--space-sm);grid-template-columns:5em minmax(0,1fr) 3.5em;display:grid}.m2WmZa_bars .m2WmZa_chip{font-size:var(--text-sm);justify-self:start}.m2WmZa_track{border-radius:var(--radius-pill);background:var(--color-brand-ice);height:8px;overflow:hidden}.m2WmZa_fill{border-radius:inherit;background:var(--color-text-muted);height:100%;transform:scaleX(var(--p));transform-origin:0;display:block}.m2WmZa_bars>li:first-child .m2WmZa_fill{background:var(--color-primary)}.m2WmZa_value{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:end}.m2WmZa_bars>li:first-child .m2WmZa_value{color:var(--color-text)}.m2WmZa_caption{color:var(--color-term-muted);font-size:var(--text-xs);padding:12px 24px 14px;line-height:1.45}.m2WmZa_stage[data-motion] .m2WmZa_enter{--ais-name:ais-fade-up;animation:var(--dur-base) var(--ease-out) calc(var(--i) * var(--step)) both var(--ais-name)}.m2WmZa_stage[data-motion] .m2WmZa_mask>i{animation:var(--dur-base) var(--ease-out) calc(var(--i) * var(--step)) both m2WmZa_cellIn}.m2WmZa_stage[data-motion] .m2WmZa_bars>.m2WmZa_enter{--ais-name:ais-fade-in}.m2WmZa_stage[data-motion] .m2WmZa_fill{--ais-name:ais-fill-x;--ais-fill-from:0;--ais-fill-to:var(--p);animation:var(--dur-slow) var(--ease-out) calc(var(--i) * var(--step)) both var(--ais-name)}.m2WmZa_stage[data-motion] .m2WmZa_next{animation:var(--dur-slow) var(--ease-out) calc(var(--i) * var(--step)) both m2WmZa_flip}@keyframes m2WmZa_cellIn{0%{opacity:0;transform:scale(.6)}}@keyframes m2WmZa_flip{0%{opacity:0;transform:translate(var(--flip-x,0), var(--flip-y,0))}25%{opacity:1}to{opacity:1;transform:none}}.m2WmZa_demo[data-held] :is(.m2WmZa_stage,.m2WmZa_tabs) *{animation-play-state:paused}@container demo (max-width:1000px){.m2WmZa_workbench{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr)}.m2WmZa_insightPanel{border-radius:0 0 var(--radius-16) var(--radius-16);grid-column:1/-1;grid-template-columns:1fr 2.4fr;gap:4px 32px;padding:18px 24px;display:grid}.m2WmZa_insightTitle{grid-column:1;margin:4px 0 0;font-size:22px}.m2WmZa_insightText{grid-area:1/2/span 2;align-self:center}.m2WmZa_inputPanel{border-radius:var(--radius-16) 0 0 0}}@container demo (max-width:650px){.m2WmZa_demoHeading{align-items:flex-start;padding:18px}.m2WmZa_demoTitle{font-size:23px}.m2WmZa_demoLive{display:none}.m2WmZa_workbench{grid-template-columns:minmax(0,1fr)}.m2WmZa_inputPanel{border-radius:var(--radius-16) var(--radius-16) 0 0;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:18px;display:grid}.m2WmZa_inputSentence{grid-area:2/1/auto/-1;margin:0;font-size:27px}.m2WmZa_inputMeta{justify-content:end;align-items:center}.m2WmZa_inputMeta>span:last-child,.m2WmZa_inputHint,.m2WmZa_inputArrow{display:none}.m2WmZa_modelPanel{padding:12px 16px 16px}.m2WmZa_tab{padding-inline:12px}.m2WmZa_stage{min-height:23rem}.m2WmZa_attention{display:flex}.m2WmZa_attention .m2WmZa_note{text-align:center}.m2WmZa_attention .m2WmZa_legend{justify-content:center}.m2WmZa_insightPanel{min-height:16rem;padding:22px 20px;display:block}.m2WmZa_insightTitle{margin:10px 0;font-size:24px}.m2WmZa_caption{padding:12px 18px 16px}}@container demo (max-width:359px){.m2WmZa_modelPanel{padding-inline:10px}.m2WmZa_tab{font-size:var(--text-xs);padding-inline:8px}.m2WmZa_tabs{gap:0}.m2WmZa_stage{min-height:25rem}.m2WmZa_insightPanel{min-height:18rem}.m2WmZa_chips{gap:6px}.m2WmZa_tokens,.m2WmZa_attention,.m2WmZa_output{gap:var(--space-lg)}}@media (prefers-reduced-motion:reduce){.m2WmZa_progress{display:none}}
