.demo-stage{--demo-muted:var(--muted);--demo-faint:color-mix(in srgb, var(--text) 8%, transparent);--demo-hairline:color-mix(in srgb, var(--border) 80%, transparent);--demo-accent-text:var(--accent-text);--demo-accent-tint:color-mix(in srgb, var(--accent) 16%, transparent);--demo-cta-fill:var(--accent);--demo-cta-ink:#0b1f1c;--demo-start:var(--bpmn-start-stroke);--demo-end:var(--bpmn-end-stroke);--demo-gateway:var(--bpmn-gateway-stroke);--demo-intermediate:var(--bpmn-intermediate-stroke);--demo-data:color-mix(in srgb, var(--bpmn-gateway-stroke) 55%, var(--text));--demo-success:var(--success);--demo-danger:var(--danger);--demo-task-fill:color-mix(in srgb, var(--surface) 84%, var(--raised));--demo-task-stroke:color-mix(in srgb, var(--text) 34%, transparent);--demo-flow:color-mix(in srgb, var(--text) 45%, transparent);--demo-grid:color-mix(in srgb, var(--text) 7%, transparent);--demo-window-shadow:0 0 0 1px color-mix(in srgb, var(--text) 10%, transparent), 0 18px 40px #00000052, 0 40px 90px #00000047;--demo-overlay-shadow:0 2px 12px #00000073;--demo-ease:cubic-bezier(.22, 1, .36, 1);color:var(--text);font-family:var(--font-sans);margin:0;container:demo-stage/inline-size}:where([data-section-theme=light]) .demo-stage,.demo-stage:where([data-section-theme=light]){--demo-cta-fill:#0fcaa9;--demo-cta-ink:#062e27;--demo-task-fill:var(--surface);--demo-task-stroke:color-mix(in srgb, var(--text) 30%, transparent);--demo-window-shadow:0 0 0 1px color-mix(in srgb, var(--text) 9%, transparent), 0 12px 32px #14162214, 0 32px 72px #1416221a;--demo-overlay-shadow:0 2px 8px #0000001f, 0 8px 24px #14162214}.demo-window{background:var(--bg);box-shadow:var(--demo-window-shadow);-webkit-font-smoothing:antialiased;user-select:none;border-radius:14px;grid-template-columns:minmax(0,1fr);font-size:12px;line-height:1.4;display:grid;overflow:hidden}.demo-icon{flex:none;display:block}.demo-topbar{background:var(--surface);border-bottom:1px solid var(--demo-hairline);align-items:center;gap:12px;min-width:0;height:40px;padding:0 12px;display:flex;overflow:hidden}.demo-topbar__brand{letter-spacing:-.01em;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.demo-topbar__brand .demo-icon{color:var(--accent)}.demo-topbar__divider{background:var(--demo-hairline);width:1px;height:20px}.demo-menus{gap:1px;min-width:0;display:flex}.demo-menu{color:color-mix(in srgb, var(--text) 78%, transparent);white-space:nowrap;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:500}.demo-topbar__tools{background:var(--surface);border-bottom:1px solid var(--demo-hairline);align-items:center;gap:2px;min-width:0;padding:3px 10px;display:flex;overflow:hidden}.demo-qs{min-width:46px;height:40px;color:var(--demo-muted);white-space:nowrap;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 6px;font-size:10px;font-weight:500;display:inline-flex}.demo-qs-divider{background:var(--demo-hairline);flex:none;width:1px;height:26px;margin:0 5px}.demo-topbar__right{align-items:center;gap:10px;margin-left:auto;display:flex}.demo-search{border:1px solid var(--demo-hairline);width:168px;height:26px;color:var(--demo-muted);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:11px;display:inline-flex;overflow:hidden}.demo-autosave{align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.demo-switch{background:var(--accent);border-radius:999px;width:24px;height:14px;position:relative}.demo-switch:after{background:var(--surface);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px}@container (width<=999px){.demo-menu:nth-child(n+6){display:none}.demo-search{width:132px}}@container (width<=819px){.demo-menu:nth-child(n+4){display:none}}@container (width<=359px){.demo-qs:is([data-demo-tool=redo],[data-demo-tool=link]){display:none}}.demo-body{grid-template-columns:minmax(0,1fr) clamp(220px,32%,300px);height:clamp(340px,52cqi,560px);min-height:0;display:grid;position:relative}.demo-body--solo{grid-template-columns:minmax(0,1fr)}.demo-canvas{background-color:var(--bg);background-image:linear-gradient(var(--demo-grid), var(--demo-grid)), linear-gradient(var(--demo-grid), var(--demo-grid));background-position:47px 42px,42px 47px;background-repeat:no-repeat;background-size:1px 10px,10px 1px;grid-area:1/1;min-width:0;position:relative;overflow:hidden}.demo-canvas:before{background-image:radial-gradient(circle, var(--demo-grid) 1px, transparent 1.4px);content:"";background-size:24px 24px;position:absolute;inset:0}.demo-doc-pill{z-index:2;border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 12%, var(--bg));max-width:calc(100% - 140px);color:var(--demo-accent-text);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.demo-doc-pill>span:last-child{text-overflow:ellipsis;overflow:hidden}.demo-doc-pill__dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.demo-rail{z-index:2;border:1px solid var(--demo-hairline);background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:1px;width:40px;padding:5px 0;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000000f}.demo-rail__tool{width:30px;height:28px;color:color-mix(in srgb, var(--text) 62%, transparent);border-radius:8px;place-items:center;display:grid}.demo-rail__tool.is-active{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 26%, transparent), color-mix(in srgb, var(--accent) 10%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent)}.demo-rail__tool--start{color:var(--demo-start)}.demo-rail__tool--intermediate{color:var(--demo-intermediate)}.demo-rail__tool--end{color:var(--demo-end)}.demo-rail__tool--gateway{color:var(--demo-gateway)}.demo-rail__tool--data{color:var(--demo-data)}.demo-icon__filled{fill:currentColor;fill-opacity:.2}.demo-rail__sep{background:var(--demo-hairline);flex:none;width:20px;height:1px;margin:3px 0}@container (width<=959px){.demo-rail__tool--extra{display:none}}.demo-canvas__content{clip-path:inset(-10px);place-items:center;display:grid;position:absolute;inset:52px 16px 16px 64px}.demo-canvas__content>svg{width:100%;height:100%;max-height:100%}.demo-stage[data-demo-chrome=workspace] .demo-canvas__content{left:16px}.demo-stage[data-demo-chrome=workspace] .demo-canvas{background-image:none}.demo-bpmn{font-family:var(--font-sans);overflow:visible}.demo-bpmn-flow{stroke:var(--demo-flow);stroke-width:1.4px;fill:none;stroke-linejoin:round;transition:stroke .4s ease-out}.demo-bpmn-arrowhead{fill:var(--demo-flow)}.demo-bpmn-start{fill:color-mix(in srgb, var(--demo-start) 20%, transparent);stroke:var(--demo-start);stroke-width:2px}.demo-bpmn-end{fill:color-mix(in srgb, var(--demo-end) 20%, transparent);stroke:var(--demo-end);stroke-width:3.5px}.demo-bpmn-gateway{fill:color-mix(in srgb, var(--demo-gateway) 20%, transparent);stroke:var(--demo-gateway);stroke-width:1.8px;stroke-linejoin:round}.demo-bpmn-gateway-mark{stroke:var(--demo-gateway);stroke-width:2.4px;stroke-linecap:round}.demo-bpmn-task{fill:var(--demo-task-fill);stroke:var(--demo-task-stroke);stroke-width:1.4px}.demo-bpmn-icon{fill:none;stroke:var(--accent);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.demo-bpmn-icon--service{stroke:var(--demo-muted)}.demo-bpmn-label{fill:var(--text);text-anchor:middle;dominant-baseline:middle;font-size:11px;font-weight:600}.demo-bpmn-caption{fill:var(--demo-muted);text-anchor:middle;dominant-baseline:hanging;font-size:10px}.demo-bpmn-caption--end{text-anchor:end}.demo-bpmn-flow-label{fill:var(--demo-muted);font-size:10px}.demo-stage [data-demo-status]{transform-box:fill-box;transform-origin:50%;transition:opacity .32s var(--demo-ease), transform .32s var(--demo-ease)}.demo-stage [data-demo-status=hidden]{opacity:0;transform:scale(.96)}.demo-stage :is([data-demo-kind=flow],[data-demo-kind=frame])[data-demo-status=hidden]{transform:none}.demo-stage [data-demo-kind=flow][data-demo-status=new] .demo-bpmn-flow{stroke:var(--accent)}.demo-highlight{fill:color-mix(in srgb, var(--accent) 10%, transparent);stroke:var(--accent);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .4s var(--demo-ease), transform .4s var(--demo-ease);pointer-events:none;transform:scale(.9)}[data-demo-status=new]>.demo-highlight{opacity:1;transform:none}[data-demo-status=settled]>.demo-highlight{transition-duration:.6s}.demo-review{z-index:3;border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--surface);width:min(380px,100% - 96px);box-shadow:var(--demo-overlay-shadow);transition:opacity .26s var(--demo-ease), translate .26s var(--demo-ease);border-radius:16px;grid-area:1/1;place-self:end center;gap:8px;margin-bottom:14px;padding:10px 10px 12px 14px;display:grid;position:relative;overflow:hidden}.demo-review[data-state=hidden]{opacity:0;translate:0 8px}.demo-review__head{flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:13px;display:flex}.demo-review__agent{align-self:center;align-items:center;gap:4px;font-weight:600;display:inline-flex}.demo-review__message{color:var(--demo-muted)}.demo-review__chip{background:var(--demo-accent-tint);color:var(--demo-accent-text);font-variant-numeric:tabular-nums;border-radius:6px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}.demo-review__foot{display:grid}.demo-review__actions,.demo-review__kept{grid-area:1/1;align-items:center;gap:6px;transition:opacity .2s ease-out;display:flex}.demo-review__actions{flex-wrap:wrap}.demo-review__kept{color:var(--demo-accent-text);opacity:0;gap:6px;font-size:12px;font-weight:500}.demo-review[data-state=kept] .demo-review__actions{opacity:0}.demo-review[data-state=kept] .demo-review__kept{opacity:1}.demo-btn{border:1px solid var(--demo-hairline);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;height:26px;padding:0 10px;font-size:12px;font-weight:500;transition:scale .16s ease-out,background-color .16s ease-out;display:inline-flex}.demo-btn--primary{background:var(--demo-cta-fill);color:var(--demo-cta-ink);border-color:#0000}.demo-btn--primary.is-pressed{background:color-mix(in srgb, var(--demo-cta-fill) 86%, var(--text));scale:.96}.demo-btn--danger{color:var(--demo-danger)}.demo-review__countdown{background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.demo-review[data-state=open] .demo-review__countdown{animation:demo-countdown var(--demo-countdown-ms,2s) linear both}@keyframes demo-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.demo-panel{background:var(--surface);border-left:1px solid var(--demo-hairline);grid-area:1/2;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.demo-tabs{border-bottom:1px solid var(--demo-hairline);gap:8px;height:38px;padding:0 14px;display:flex}.demo-tab{color:var(--demo-muted);align-items:center;padding:0 4px;font-size:12px;font-weight:500;transition:color .16s ease-out;display:inline-flex;position:relative}.demo-tab:before{background:var(--accent);opacity:0;content:"";border-radius:2px 2px 0 0;height:2px;transition:opacity .16s ease-out;position:absolute;bottom:-1px;left:0;right:0}.demo-stage:is([data-demo-panel=ai],[data-demo-panel=report]) .demo-tab[data-tab=ai],.demo-stage[data-demo-panel=issues] .demo-tab[data-tab=issues],.demo-stage[data-demo-panel=history] .demo-tab[data-tab=history]{color:var(--text)}.demo-stage:is([data-demo-panel=ai],[data-demo-panel=report]) .demo-tab[data-tab=ai]:before,.demo-stage[data-demo-panel=issues] .demo-tab[data-tab=issues]:before,.demo-stage[data-demo-panel=history] .demo-tab[data-tab=history]:before{opacity:1}.demo-panels{grid-template:minmax(0,1fr)/minmax(0,1fr);grid-row:2;min-height:0;display:grid}.demo-panels>*{opacity:0;visibility:hidden;grid-area:1/1;min-height:0;transition:opacity .2s ease-out,visibility 0s linear .2s}.demo-stage[data-demo-panel=ai] [data-demo-panel-view=ai],.demo-stage[data-demo-panel=issues] [data-demo-panel-view=issues],.demo-stage[data-demo-panel=history] [data-demo-panel-view=history],.demo-stage[data-demo-panel=variants] [data-demo-panel-view=variants],.demo-stage[data-demo-panel=report] [data-demo-panel-view=report]{opacity:1;visibility:visible;transition-delay:0s}.demo-chat{grid-template:minmax(0,1fr) auto/minmax(0,1fr);display:grid}.demo-thread{flex-direction:column;justify-content:flex-end;gap:10px;min-height:0;padding:12px;display:flex;overflow:hidden;mask-image:linear-gradient(#0000,#000 20px)}.demo-msg{background:color-mix(in srgb, var(--accent) 14%, var(--surface));text-wrap:pretty;max-width:88%;transition:opacity .24s var(--demo-ease), translate .24s var(--demo-ease);border-radius:12px 12px 4px;align-self:flex-end;padding:8px 11px;font-size:12px}.demo-msg[data-shown=false]{display:none}@starting-style{.demo-msg{opacity:0;translate:0 6px}}.demo-outline{grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;transition:opacity .2s ease-out;display:grid}.demo-outline[data-status=hidden]{display:none}@starting-style{.demo-outline{opacity:0}}.demo-outline__parent,.demo-outline__child{align-items:center;gap:8px;min-height:28px;display:flex}.demo-outline__parent{color:var(--text);font-size:12px;font-weight:500}.demo-outline__parent>.demo-icon:first-child{color:var(--demo-accent-text)}.demo-outline__chevron{color:var(--demo-muted);margin-left:auto}.demo-outline__count{color:var(--demo-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px;display:none}.demo-outline__child{color:var(--demo-muted);padding-left:22px;font-size:11.5px;transition:opacity .18s ease-out,translate .18s ease-out;position:relative}.demo-outline__child:before{border-bottom:1px solid var(--demo-hairline);border-left:1px solid var(--demo-hairline);content:"";border-bottom-left-radius:4px;width:9px;position:absolute;top:-2px;bottom:50%;left:7px}.demo-outline__child[data-status=hidden]{display:none}@starting-style{.demo-outline__child{opacity:0;translate:0 4px}}.demo-outline__dot{background:var(--demo-accent-tint);width:16px;height:16px;color:var(--demo-accent-text);border-radius:50%;flex:none;place-items:center;display:grid}.demo-outline__dot .demo-icon{transition:opacity .18s ease-out,scale .18s ease-out}.demo-outline__child[data-status=running] .demo-outline__dot{animation:1.2s ease-in-out infinite demo-breathe}.demo-outline__child[data-status=running] .demo-outline__dot .demo-icon{opacity:0;scale:.25}@keyframes demo-breathe{50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}}.demo-outline__text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;line-height:1.3;display:-webkit-box;overflow:hidden}.demo-outline__child[data-status=running] .demo-outline__text{color:var(--demo-accent-text)}.demo-swap{justify-items:start;display:inline-grid}.demo-swap>*{white-space:nowrap;grid-area:1/1;transition:opacity .18s ease-out}.demo-swap__a{opacity:0}[data-status=running]>.demo-outline__parent .demo-swap__a{opacity:1}[data-status=running]>.demo-outline__parent .demo-swap__b{opacity:0}.demo-composer{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--raised) 85%, var(--surface));border-radius:14px;align-items:flex-end;gap:8px;margin:0 10px 10px;padding:8px 8px 8px 12px;display:flex}.demo-composer__field{flex:1;min-width:0;height:2.9em;font-size:12px;line-height:1.45;display:grid;overflow:hidden}.demo-composer__placeholder,.demo-composer__text{grid-area:1/1}.demo-composer__placeholder{color:var(--demo-muted)}.demo-composer__text{align-self:end}.demo-composer__field[data-filled=true] .demo-composer__placeholder{opacity:0}.demo-composer__text:not(:empty):after{vertical-align:text-bottom;background:var(--accent);content:"";width:1px;height:1.1em;margin-left:1px;display:inline-block}.demo-composer__send{background:color-mix(in srgb, var(--accent) 16%, var(--surface));width:30px;height:30px;color:var(--demo-accent-text);border-radius:50%;flex:none;place-items:center;transition:background-color .16s ease-out,color .16s ease-out,scale .16s ease-out;display:grid}.demo-composer__send[data-ready=true]{background:var(--demo-cta-fill);color:var(--demo-cta-ink);scale:.96}.demo-issues__empty{height:100%;color:var(--demo-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.demo-issues__empty .demo-icon{color:var(--demo-success)}.demo-stage[data-demo-chrome=guided] :is(.demo-topbar__tools,.demo-topbar__divider,.demo-rail){display:none}.demo-stage[data-demo-chrome=guided] .demo-canvas__content{left:16px}.demo-stage[data-demo-chrome=guided] .demo-canvas{background-image:none}.demo-stepper{border-bottom:1px solid var(--demo-hairline);gap:8px;padding:10px 14px;display:grid}.demo-stepper__labels{display:grid}.demo-stepper__label{white-space:nowrap;opacity:0;grid-area:1/1;align-items:baseline;gap:8px;font-size:12px;font-weight:600;transition:opacity .2s ease-out;display:flex}.demo-stepper__count{color:var(--demo-muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.demo-stage[data-demo-guided-stage=describe] .demo-stepper__label[data-stage=describe],.demo-stage[data-demo-guided-stage=review] .demo-stepper__label[data-stage=review],.demo-stage[data-demo-guided-stage=refine] .demo-stepper__label[data-stage=refine],.demo-stage[data-demo-guided-stage=submit] .demo-stepper__label[data-stage=submit]{opacity:1}.demo-stepper__bars{gap:4px;display:flex}.demo-stepper__bar{background:var(--demo-faint);border-radius:2px;flex:1;height:3px;transition:background-color .3s ease-out}.demo-stage[data-demo-guided-stage=describe] .demo-stepper__bar[data-stage=describe],.demo-stage[data-demo-guided-stage=review] .demo-stepper__bar:is([data-stage=describe],[data-stage=review]),.demo-stage[data-demo-guided-stage=refine] .demo-stepper__bar:not([data-stage=submit]),.demo-stage[data-demo-guided-stage=submit] .demo-stepper__bar{background:var(--accent)}.demo-question{border:1px solid var(--demo-hairline);background:color-mix(in srgb, var(--raised) 60%, var(--surface));transition:opacity .24s var(--demo-ease), translate .24s var(--demo-ease);border-radius:12px;gap:6px;padding:10px 12px;display:grid}.demo-question[data-status=hidden]{display:none}@starting-style{.demo-question{opacity:0;translate:0 6px}}.demo-question__title{color:var(--demo-accent-text);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.demo-question__text{text-wrap:pretty;font-size:12px}.demo-question__answers{flex-wrap:wrap;gap:6px;display:flex}.demo-chip{border:1px solid var(--demo-hairline);border-radius:999px;padding:3px 9px;font-size:11.5px;transition:background-color .2s ease-out,color .2s ease-out,opacity .2s ease-out}.demo-question[data-status=answered] .demo-chip[data-picked]{background:var(--demo-cta-fill);color:var(--demo-cta-ink);border-color:#0000}.demo-question[data-status=answered] .demo-chip:not([data-picked]){opacity:.45}.demo-submit{transition:opacity .24s var(--demo-ease), translate .24s var(--demo-ease);display:grid}.demo-submit[data-state=hidden]{display:none}@starting-style{.demo-submit{opacity:0;translate:0 6px}}.demo-submit__action,.demo-submit__done{grid-area:1/1;transition:opacity .2s ease-out}.demo-submit__action{place-self:start end}.demo-submit__done{background:color-mix(in srgb, var(--success) 10%, var(--surface));opacity:0;border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;padding:10px 12px;display:grid}.demo-submit__done .demo-icon{color:var(--demo-success);grid-row:span 2;margin-top:1px}.demo-submit__title{font-size:12px;font-weight:600}.demo-submit__body{color:var(--demo-muted);text-wrap:pretty;font-size:11.5px}.demo-submit[data-state=sent] .demo-submit__action{opacity:0}.demo-submit[data-state=sent] .demo-submit__done{opacity:1}@container (width>=621px){.demo-review--apply{grid-area:1/2;justify-self:stretch;width:auto;margin:0 10px 10px}}.demo-review--apply[data-state=kept]{opacity:0;visibility:hidden;transition:opacity .26s ease-out .9s,visibility 0s linear 1.16s}.demo-review__body{color:var(--demo-muted);text-wrap:pretty;font-size:12px}.demo-stage [data-demo-layer]>[data-element-id]{transition:opacity .5s var(--demo-ease), translate .9s var(--demo-ease)}.demo-stage [data-demo-layer=before]>[data-element-id]{opacity:0}.demo-stage [data-demo-layer=before]>[data-demo-shift],.demo-stage[data-demo-layout=before] [data-demo-layer=after]>[data-demo-shift]{translate:var(--demo-dx,0) var(--demo-dy,0)}.demo-stage[data-demo-layout=before] [data-demo-layer=before]>[data-element-id]{opacity:1;translate:none}.demo-stage[data-demo-layout=before] [data-demo-layer=after]>[data-element-id]{opacity:0}.demo-stage [data-demo-layer=before]>[data-element-id]:not([data-demo-shift]){transition:opacity .2s ease-out}.demo-stage [data-demo-layer=after]>[data-element-id]:not([data-demo-shift]){transition:opacity .3s ease-out .65s}.demo-flag-ring{fill:none;stroke-width:2px;stroke-dasharray:4 3;opacity:0;pointer-events:none;transition:opacity .3s ease-out}[data-demo-flag]>.demo-flag-ring{opacity:1}[data-demo-flag=error]>.demo-flag-ring{fill:color-mix(in srgb, var(--danger) 8%, transparent);stroke:var(--danger)}[data-demo-flag=warning]>.demo-flag-ring{fill:color-mix(in srgb, var(--warning) 8%, transparent);stroke:var(--warning)}.demo-arrow-live{fill:var(--accent)}.demo-stage svg[data-demo-live-arrow] [data-demo-kind=flow][data-demo-status=new] [marker-end]{marker-end:var(--demo-live-arrow)}.demo-issues__list{align-content:start;padding:12px;display:grid}.demo-issues__title{color:var(--demo-muted);margin:0 0 6px 8px;font-size:11px;font-weight:600}.demo-issue{max-height:48px;transition:opacity .24s var(--demo-ease), translate .24s var(--demo-ease), max-height .32s var(--demo-ease), padding .32s var(--demo-ease);border-radius:8px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:grid;overflow:hidden}.demo-issue[data-status=hidden]{opacity:0;translate:0 4px}.demo-issue[data-status=resolved]{opacity:0;max-height:0;padding-block:0}.demo-issue__dot{background:var(--warning);border-radius:50%;width:8px;height:8px}.demo-issue[data-severity=error] .demo-issue__dot{background:var(--danger)}.demo-issue__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.demo-issue__count{background:var(--demo-faint);min-width:18px;color:var(--demo-muted);font-variant-numeric:tabular-nums;text-align:center;border-radius:6px;padding:1px 5px;font-size:11px}.demo-history__list{align-content:start;gap:4px;margin:0;padding:12px;list-style:none;display:grid}.demo-history__entry{border-radius:10px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:8px;display:grid}.demo-history__entry[data-current]{background:var(--demo-faint)}.demo-history__dot{background:color-mix(in srgb, var(--text) 30%, transparent);border-radius:50%;width:8px;height:8px}.demo-history__entry[data-current] .demo-history__dot{background:var(--accent)}.demo-history__text{text-wrap:balance;font-size:12px;font-weight:500}.demo-history__badge{background:color-mix(in srgb, var(--info) 16%, transparent);color:color-mix(in srgb, var(--info) 70%, var(--text));font-variant-numeric:tabular-nums;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600}.demo-history__meta,.demo-history__compare{color:var(--demo-muted);grid-column:2/-1;font-size:11px}.demo-qs[data-demo-beautify]{transition:background-color .16s ease-out,color .16s ease-out,scale .16s ease-out}.demo-qs.is-pressed{background:var(--demo-accent-tint);color:var(--demo-accent-text);scale:.96}.demo-caption{text-align:center;margin-top:14px}.demo-caption__stack{min-width:0;display:grid}.demo-caption__text{color:color-mix(in srgb, var(--text) 74%, transparent);text-wrap:pretty;opacity:0;grid-area:1/1;font-size:15px;line-height:1.45;transition:opacity .14s ease-in,translate 0s linear .14s;translate:0 3px}.demo-caption__text[data-active=true]{opacity:1;transition:opacity .24s var(--demo-ease) .14s, translate .24s var(--demo-ease) .14s;translate:0}.demo-frame{position:relative}.demo-toggle{z-index:4;border:1px solid var(--demo-hairline);background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px;grid-area:1/1/2/2;place-items:center;padding:0;transition:border-color .15s ease-out,background-color .15s ease-out,scale .15s ease-out;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #00000014}.demo-toggle:before{content:"";position:absolute;inset:-6px}.demo-toggle[hidden]{display:none}.demo-toggle:hover{border-color:color-mix(in srgb, var(--text) 22%, transparent);background:color-mix(in srgb, var(--surface) 88%, var(--text))}.demo-toggle:active{scale:.96}.demo-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-toggle .demo-icon{opacity:0;filter:blur(4px);grid-area:1/1;transition:opacity .2s cubic-bezier(.2,0,0,1),scale .2s cubic-bezier(.2,0,0,1),filter .2s cubic-bezier(.2,0,0,1);scale:.25}.demo-toggle__play{translate:1px}.demo-stage[data-demo-state=playing] .demo-toggle__pause,.demo-stage:is([data-demo-state=paused],[data-demo-state=idle]) .demo-toggle__play,.demo-stage[data-demo-state=done] .demo-toggle__replay{opacity:1;filter:none;scale:1}.demo-stage.is-instant *,.demo-stage.is-instant :before,.demo-stage.is-instant :after{transition:none!important;animation:none!important}.demo-stage :is(.demo-canvas__content,.demo-thread,.demo-review){transition-property:opacity,translate}.demo-stage.is-rewinding :is(.demo-canvas__content,.demo-thread,.demo-review){opacity:0;transition:opacity .3s ease-out}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.demo-stage[data-demo-pending] :is(.demo-canvas__content,.demo-thread,.demo-review,.demo-caption__stack){animation:0s 2.5s both demo-pending}}@keyframes demo-pending{0%{opacity:0}to{opacity:1}}@container (width<=620px){.demo-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--demo-panel-row,112px);height:clamp(460px,132cqi,580px)}.demo-stage[data-demo-chrome=guided] .demo-body{--demo-panel-row:156px}.demo-panel{border-top:1px solid var(--demo-hairline);border-left:0;grid-area:2/1}.demo-qs__label,.demo-menus,.demo-topbar__divider,.demo-search,.demo-autosave,.demo-rail,.demo-tabs{display:none}.demo-qs{min-width:28px;height:30px;padding:0 4px}.demo-qs-divider{margin:0 3px}.demo-canvas{background-image:none}.demo-canvas__content{--demo-narrow:1;clip-path:inset(0 -6px -6px);inset:48px 10px 10px}.demo-stage[data-demo-review] .demo-body{grid-template-rows:minmax(0, 1fr) var(--demo-panel-row,112px) auto;height:clamp(560px,132cqi + 100px,680px)}.demo-stage[data-demo-review] .demo-panel{contain:size;grid-row:2/4}.demo-stage[data-demo-review] .demo-review:not([data-state=hidden],.demo-review--apply[data-state=kept])+.demo-panel{grid-row:2}.demo-review{grid-area:3/1;width:calc(100% - 20px);margin:0 0 10px}.demo-stepper{gap:6px;padding:8px 12px}.demo-thread{padding:10px 12px;mask-image:linear-gradient(#0000,#000 12px)}.demo-composer{align-self:end;display:none}.demo-stage[data-demo-composing=true] .demo-composer{display:flex}.demo-stage[data-demo-composing=true] .demo-thread,.demo-outline__child:not([data-status=running]){display:none}.demo-outline[data-status=done] .demo-outline__count{display:inline}.demo-outline[data-status=done] .demo-outline__chevron{display:none}.demo-issues__list,.demo-history__list{padding:8px 10px}}@media (prefers-reduced-motion:reduce){.demo-stage *,.demo-stage :before,.demo-stage :after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}.demo-stage[data-demo-scene=dashboard-edit-export] .demo-body{height:clamp(400px,60cqi,520px)}.demo-stage[data-demo-scene=dashboard-edit-export] .demo-canvas__content{clip-path:none;place-items:normal;display:block;inset:48px 14px 14px}.dbx{grid-template-rows:auto minmax(0,1fr);gap:8px;height:100%;font-size:12px;display:grid;position:relative;container-type:inline-size}.dbx-bar{align-items:center;gap:6px;min-width:0;display:flex;position:relative}.dbx-demo{border:1px solid var(--demo-hairline);color:var(--demo-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;flex:none;padding:1px 6px;font-size:9.5px}.dbx-source{min-width:0;color:var(--demo-muted);white-space:nowrap;flex:1;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.dbx-source__dot{background:var(--chart-1);border-radius:50%;flex:none;width:6px;height:6px}.dbx-source__text{text-overflow:ellipsis;overflow:hidden}.dbx-source__time{font-variant-numeric:tabular-nums;flex:none}.dbx-btn{border:1px solid var(--demo-hairline);background:var(--surface);white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;display:inline-flex}.dbx-btn--primary{border-color:color-mix(in srgb, var(--accent) 45%, var(--demo-hairline));background:var(--demo-accent-tint);color:var(--demo-accent-text)}.dbx-menu{z-index:3;border:1px solid var(--demo-hairline);background:var(--surface);border-radius:8px;gap:1px;width:172px;padding:5px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 28px #0000002e}.dbx:has(>.dbx-slide:not([data-demo-status=hidden])) .dbx-menu{opacity:0}.dbx-menu__group{color:var(--demo-muted);letter-spacing:.04em;text-transform:uppercase;padding:4px 7px 2px;font-size:9.5px;font-weight:600}.dbx-menu__item{border-radius:5px;padding:4px 7px;font-size:11px}.dbx-menu__item.is-active{background:var(--demo-accent-tint);color:var(--demo-accent-text)}.dbx-tile{border:1px solid var(--demo-hairline);background:var(--surface);border-radius:8px;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;padding:11px 12px 10px;display:grid}.dbx-layer{flex-direction:column;grid-area:1/1;gap:9px;min-width:0;min-height:0;display:flex}.dbx-layer--before{opacity:0;transition:opacity .32s var(--demo-ease)}.dbx-layer[data-demo-status=hidden]+.dbx-layer--before{opacity:1}.dbx-tile__title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11.5px;font-weight:600;line-height:1.3;overflow:hidden}.dbx-check{background:var(--demo-accent-tint);max-width:46%;color:var(--demo-accent-text);border-radius:999px;justify-self:start;align-items:center;gap:5px;padding:2px 8px;font-size:10px;line-height:1.35;display:inline-flex}.dbx-slide{z-index:2;border:1px solid var(--demo-hairline);background:color-mix(in srgb, var(--text) 5%, var(--surface));border-radius:8px;width:56%;margin:0;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 14px 34px #0000003d}.dbx-deck__bar{border-bottom:1px solid var(--demo-hairline);color:var(--demo-muted);white-space:nowrap;align-items:center;gap:8px;padding:4px 9px;font-size:9.5px;display:flex}.dbx-deck__file{color:var(--text);text-overflow:ellipsis;font-weight:600;overflow:hidden}.dbx-deck__count{margin-left:auto}.dbx-deck__body{grid-template-columns:17% minmax(0,1fr);gap:7px;padding:7px;display:grid}.dbx-deck__rail{align-content:start;gap:5px;display:grid}.dbx-thumb{aspect-ratio:16/9;border:1px solid var(--demo-hairline);background-color:var(--surface);border-radius:2px;margin-left:9px;position:relative}.dbx-thumb>span{color:var(--demo-muted);font-size:7px;line-height:1;position:absolute;top:-1px;left:-9px}.dbx-thumb--title{background-image:linear-gradient(var(--chart-1) 0 0), linear-gradient(var(--chart-grid) 0 0);background-position:14% 42%,14% 64%;background-repeat:no-repeat;background-size:56% 12%,36% 8%}.dbx-thumb--chart{background-image:linear-gradient(color-mix(in srgb, var(--text) 45%, transparent) 0 0), linear-gradient(var(--chart-1) 0 0), linear-gradient(var(--chart-1) 0 0), linear-gradient(var(--chart-grid) 0 0);background-position:12% 20%,12% 48%,12% 64%,12% 80%;background-repeat:no-repeat;background-size:44% 8%,66% 8%,48% 8%,30% 8%}.dbx-thumb.is-active{outline:1.5px solid var(--accent);outline-offset:1px}.dbx-deck__main{gap:5px;min-width:0;display:grid}.dbx-slide__page{--demo-muted:var(--muted);--demo-hairline:var(--border);aspect-ratio:16/9;border:1px solid var(--demo-hairline);background:var(--surface);color:var(--text);border-radius:3px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:3px;padding:9px 12px 6px;display:grid;overflow:hidden;box-shadow:0 2px 8px #0000001f}.dbx-slide__eyebrow{color:color-mix(in srgb, var(--accent) 70%, var(--text));letter-spacing:.06em;text-transform:uppercase;font-size:7.5px;font-weight:600}.dbx-slide__title{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:650;overflow:hidden}.dbx-slide__bars.chart-bars{align-content:center;gap:3px}.dbx-slide__bars .chart-bars__row{row-gap:1px;font-size:8.5px}.dbx-slide__bars .chart-bars__track{height:3px}.dbx-slide__footer{border-top:1px solid var(--demo-hairline);color:var(--demo-muted);white-space:nowrap;justify-content:space-between;gap:8px;padding-top:4px;font-size:7.5px;display:flex}.dbx-slide__footer>:first-child{text-overflow:ellipsis;overflow:hidden}.dbx-slide__notes{background:color-mix(in srgb, var(--text) 5%, transparent);color:var(--demo-muted);border-radius:4px;padding:4px 7px;font-size:9px}@container (width<=460px){.dbx-source__text,.dbx-btn:not(.dbx-btn--primary){display:none}.dbx-check{max-width:100%}.dbx-slide{width:82%}.dbx-deck__body{grid-template-columns:minmax(0,1fr)}.dbx-deck__rail{display:none}}:root,[data-section-theme=dark]{--chart-1:#4fd1c5;--chart-2:#81e6d9;--chart-3:#38b2ac;--chart-4:#2c7a7b;--chart-warn:#fbbf24;--chart-danger:#f87171;--chart-neutral:#626b78;--chart-grid:color-mix(in srgb, var(--text) 10%, transparent)}[data-section-theme=light]{--chart-1:var(--accent);--chart-2:#4fd1c5;--chart-3:#81e6d9;--chart-4:#b2f5ea;--chart-warn:#f59e0b;--chart-danger:#ef4444;--chart-neutral:#87919e;--chart-grid:color-mix(in srgb, var(--text) 9%, transparent)}.chart{flex-direction:column;gap:4px;min-width:0;min-height:0;display:flex}.chart__plot{flex:1;min-height:0;position:relative}.chart__plot>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chart__axis{color:var(--demo-muted);white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:space-between;gap:6px;font-size:10px;line-height:1.2;display:flex;overflow:hidden}.chart__base{stroke:var(--chart-grid);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-tone--1{fill:var(--chart-1);stroke:var(--chart-1)}.chart-tone--2{fill:var(--chart-2);stroke:var(--chart-2)}.chart-tone--3{fill:var(--chart-3);stroke:var(--chart-3)}.chart-tone--warn{fill:var(--chart-warn);stroke:var(--chart-warn)}.chart-tone--danger{fill:var(--chart-danger);stroke:var(--chart-danger)}.chart-tone--neutral{fill:var(--chart-neutral);stroke:var(--chart-neutral)}.chart__bar{stroke:none}.chart__marker{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke}.chart__marker--dashed{stroke-dasharray:3 3}.chart__area{fill:var(--chart-1);fill-opacity:.18;stroke:none}.chart__line{fill:none;stroke:var(--chart-1);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-bars{gap:7px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.chart-bars__row{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;min-width:0;font-size:11px;line-height:1.25;display:grid}.chart-bars__label{-webkit-line-clamp:2;line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chart-bars__value{color:var(--demo-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.chart-bars__track{background:var(--chart-grid);border-radius:3px;grid-column:1/-1;width:100%;height:5px}.chart-bars__track>rect{stroke:none}.chart-legend{color:var(--demo-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;font-size:10px;line-height:1.3;list-style:none;display:flex}.chart-legend__item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.chart-legend__mark{background:var(--mark,currentColor);border-radius:1px;flex:none;width:12px;height:2px}.chart-legend__item--1{--mark:var(--chart-1)}.chart-legend__item--warn{--mark:var(--chart-warn)}.chart-legend__item--neutral{--mark:var(--chart-neutral)}.chart-legend__item--dashed .chart-legend__mark{background:repeating-linear-gradient(90deg, var(--mark) 0 3px, transparent 3px 5px)}.demo-stage[data-demo-scene=s4-ai-dashboard] .demo-body{height:clamp(440px,70cqi,560px)}.demo-stage[data-demo-scene=s4-ai-dashboard] .demo-canvas__content{clip-path:none;place-items:normal;display:block;inset:48px 14px 14px}@container (width<=620px){.demo-stage[data-demo-scene=s4-ai-dashboard] .demo-body{height:clamp(570px,166cqi,640px)}.demo-stage[data-demo-scene=s4-ai-dashboard] .demo-canvas__content{inset:46px 10px 10px}}.s4{grid-template-rows:auto auto minmax(0,1fr);gap:8px;height:100%;min-height:0;font-size:12px;display:grid;container-type:inline-size}.s4-source{min-width:0;color:var(--demo-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11px;display:inline-flex;overflow:hidden}.s4-source__dot{background:var(--chart-1);border-radius:50%;flex:none;width:6px;height:6px}.s4-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.s4-kpi{border:1px solid var(--demo-hairline);background:var(--surface);border-radius:8px;gap:2px;min-width:0;padding:7px 10px;display:grid}.s4-kpi dt{color:var(--demo-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.s4-kpi dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:16px;font-weight:650;line-height:1.2}.s4-kpi--warn dd{color:var(--chart-warn)}[data-section-theme=light] .s4-kpi--warn dd{color:color-mix(in srgb, var(--chart-warn) 70%, var(--text))}.s4-tiles{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;display:grid;position:relative}.s4-tile{border:1px solid var(--demo-hairline);background:var(--surface);border-radius:8px;flex-direction:column;gap:6px;min-width:0;min-height:0;padding:9px 10px 8px;display:flex;position:relative}.s4-tile__title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:600;line-height:1.3;overflow:hidden}.s4-tile__body{flex:1;min-height:0;position:relative}.s4-chart{flex-direction:column;gap:5px;height:100%;display:flex}.s4-chart>.chart{flex:1}.s4-chart--list{justify-content:center}.s4-skeleton{opacity:0;pointer-events:none;border-radius:6px;transition:opacity .24s ease-out;position:absolute;inset:0}[data-demo-status=hidden]+.s4-skeleton{opacity:1}@media (prefers-reduced-motion:no-preference){[data-demo-status=hidden]+.s4-skeleton{animation:1.4s ease-in-out infinite alternate s4-skeleton-pulse}}@keyframes s4-skeleton-pulse{to{filter:opacity(.45)}}.s4-skeleton--columns{background:linear-gradient(to top, var(--chart-grid) 0 100%) 6% 100% / 10% 42% no-repeat, linear-gradient(to top, var(--chart-grid) 0 100%) 24% 100% / 10% 70% no-repeat, linear-gradient(to top, var(--chart-grid) 0 100%) 42% 100% / 10% 55% no-repeat, linear-gradient(to top, var(--chart-grid) 0 100%) 60% 100% / 10% 30% no-repeat, linear-gradient(to top, var(--chart-grid) 0 100%) 78% 100% / 10% 18% no-repeat, linear-gradient(to top, var(--chart-grid) 0 100%) 96% 100% / 10% 10% no-repeat}.s4-skeleton--area{background:linear-gradient(to top, var(--chart-grid), transparent) 0 100% / 100% 55% no-repeat}.s4-skeleton--text{background:linear-gradient(var(--chart-grid) 0 0) 0 4px / 100% 7px no-repeat, linear-gradient(var(--chart-grid) 0 0) 0 20px / 92% 7px no-repeat, linear-gradient(var(--chart-grid) 0 0) 0 36px / 64% 7px no-repeat, linear-gradient(var(--chart-grid) 0 0) 0 64px / 30% 6px no-repeat, linear-gradient(var(--chart-grid) 0 0) 0 82px / 86% 6px no-repeat, linear-gradient(var(--chart-grid) 0 0) 0 98px / 70% 6px no-repeat}.s4-skeleton--rows{background:linear-gradient(var(--chart-grid) 0 0) 0 22% / 80% 6px no-repeat, linear-gradient(var(--chart-grid) 0 0) 0 50% / 62% 6px no-repeat, linear-gradient(var(--chart-grid) 0 0) 0 78% / 44% 6px no-repeat}.s4-focus{border:2px solid var(--accent);pointer-events:none;border-radius:9px;position:absolute;inset:-1px}.s4-explain{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--demo-hairline));background:var(--surface);border-radius:8px;flex-direction:column;gap:7px;width:calc(50% - 4px);padding:10px 12px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;box-shadow:0 10px 28px #0000002e}.s4-explain__head{min-width:0;color:var(--demo-accent-text);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.s4-explain__head strong{white-space:nowrap;font-weight:650}.s4-explain__chip{background:var(--demo-accent-tint);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px;overflow:hidden}.s4-explain__body{min-height:0;position:relative}.s4-explain__answer{flex-direction:column;gap:7px;display:flex}.s4-explain__summary{margin:0;font-size:11.5px;line-height:1.45}.s4-explain__label{color:var(--demo-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.s4-explain__evidence{color:var(--demo-muted);gap:5px;margin:0;padding:0;font-size:10.5px;line-height:1.4;list-style:none;display:grid}.s4-explain__evidence li{border-left:2px solid color-mix(in srgb, var(--accent) 45%, transparent);padding-left:8px}@container demo-stage (width<=479px){.demo-stage[data-demo-scene=s4-ai-dashboard] .demo-body{height:clamp(736px,228cqi,816px)}.s4-tile__title{white-space:normal;text-wrap:balance;min-height:2lh}.s4-tiles{grid-template-rows:repeat(2,minmax(0,1fr)) auto}.s4-explain{width:auto;box-shadow:none;grid-column:1/-1;gap:5px;padding:8px 10px;position:static}.s4-explain__answer{gap:5px}.s4-explain__label,.s4-explain__evidence{display:none}}@container (width<=400px){.s4-kpi{padding:6px 8px}.s4-kpi dt{white-space:normal}.s4-kpi dd{align-self:end;font-size:14px}.s4-tile .chart__axis span:nth-child(2n){display:none}.s4-tile{padding:8px}.s4-tile .chart-bars__row:nth-child(n+3){display:none}.s4-tile .chart-bars__label{grid-column:1/-1}.s4-tile .chart-bars__value{grid-area:2/2}.s4-tile .chart-bars__track{grid-area:2/1;align-self:center}}.demo-stage[data-demo-scene=s4-log-to-chart] .demo-body{grid-template-rows:minmax(0,1fr);height:clamp(400px,58cqi,560px)}.demo-stage[data-demo-scene=s4-log-to-chart] .demo-canvas{background-image:none}.demo-stage[data-demo-scene=s4-log-to-chart] .demo-canvas__content{clip-path:none;place-items:normal;display:block;inset:48px 16px 44px}@container (width<=620px){.demo-stage[data-demo-scene=s4-log-to-chart] .demo-body{height:clamp(450px,130cqi,520px)}.demo-stage[data-demo-scene=s4-log-to-chart] .demo-canvas__content{inset:46px 10px 42px}}.ltc{gap:var(--space-2);height:100%;font-size:var(--chart-demo-type-caption);font-variant-numeric:tabular-nums;grid-template-rows:auto minmax(0,1fr);display:grid;container:ltc/inline-size}.ltc-source{align-items:center;gap:var(--space-2);min-width:0;color:var(--demo-muted);white-space:nowrap;margin:0;display:flex}.ltc-source__chip{padding:var(--chart-demo-space-2) var(--space-2);border:1px solid var(--demo-hairline);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-overflow:ellipsis;font-weight:600;overflow:hidden}.ltc-source__zone{text-overflow:ellipsis;overflow:hidden}.ltc-source__demo{padding:var(--chart-demo-space-1) var(--chart-demo-space-7);border:1px dashed var(--demo-hairline);border-radius:var(--radius-full);font-size:var(--chart-demo-type-label);flex:none;margin-inline-start:auto}.ltc-board{--line:calc(100cqh / 12);--move:.62s var(--demo-ease);min-height:0;position:relative;container-type:size}.ltc-m{width:0;height:0;position:absolute}.ltc-table{position:absolute;inset:0}.ltc-head,.ltc-row,.ltc-foot{width:100cqw;height:var(--line);position:absolute;top:0;left:0}.ltc-head{color:var(--demo-muted);font-size:var(--chart-demo-type-label);transition:opacity var(--move);font-weight:600}.ltc-cells{gap:var(--chart-demo-space-10);padding-inline:var(--space-2);transition:opacity .36s var(--demo-ease);grid-template-columns:1.3fr 1.2fr 1fr .8fr 1fr;align-items:center;display:grid;position:absolute;inset:0}.ltc-cells>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ltc-cells--raw{font-family:var(--font-mono)}.ltc-cells--norm,.ltc-cells--case{opacity:0;grid-template-columns:1.5fr 2.2fr 1.3fr}.ltc-row .ltc-cells--norm>:is(:first-child,:last-child),.ltc-row .ltc-cells--case>:first-child{font-family:var(--font-mono)}.ltc-row{--row-y:var(--l1);transform-origin:0 0;border-radius:var(--chart-demo-radius-sm);box-shadow:inset 0 -1px var(--demo-hairline);translate:0 calc(var(--row-y) * var(--line));transition:translate var(--move), scale var(--move), opacity .42s var(--demo-ease), background-color var(--move), box-shadow var(--move);transition-delay:calc(var(--i) * 45ms)}.ltc-table[data-demo-status=hidden] .ltc-row{opacity:0;translate:0 calc((var(--row-y) + .5) * var(--line))}.ltc-bad{color:var(--danger)}.ltc-activity{align-items:center;gap:var(--chart-demo-space-6);min-width:0;display:flex}.ltc-activity__name{text-overflow:ellipsis;overflow:hidden}.ltc-flag{padding:0 var(--chart-demo-space-6);border-radius:var(--radius-full);background:rgba(var(--warning-rgb), .14);color:var(--warning-ink);font-size:var(--chart-demo-type-label);flex:none;font-weight:600;line-height:1.6}.ltc-foot{translate:0 calc(10 * var(--line));color:var(--text);transition:translate var(--move), opacity var(--move);font-weight:600}.ltc-foot>*{padding-inline:var(--space-2);transition:opacity .36s var(--demo-ease);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ltc-foot__cases{opacity:0}.ltc-tray{top:calc(10.1 * var(--line));height:calc(1.85 * var(--line));padding:var(--chart-demo-space-3) var(--space-2);border:1px dashed var(--demo-hairline);border-radius:var(--radius-sm);color:var(--demo-muted);font-size:var(--chart-demo-type-label);position:absolute;inset-inline:0}.ltc-tray strong{color:var(--text);margin-inline-end:6px}.ltc-m--norm:not([data-demo-status=hidden])~.ltc-table .ltc-row{--row-y:var(--l2)}.ltc-m--norm:not([data-demo-status=hidden])~.ltc-table .ltc-head .ltc-cells--raw,.ltc-m--norm:not([data-demo-status=hidden])~.ltc-table .ltc-row:not(.ltc-row--skipped) .ltc-cells--raw{opacity:0}.ltc-m--norm:not([data-demo-status=hidden])~.ltc-table :is(.ltc-head,.ltc-row) .ltc-cells--norm{opacity:1}.ltc-m--norm:not([data-demo-status=hidden])~.ltc-table .ltc-row--skipped{color:var(--demo-muted);box-shadow:none;scale:.97;translate:2cqw calc(var(--row-y) * var(--line))}.ltc-m--norm:not([data-demo-status=hidden])~.ltc-table .ltc-foot{translate:0 calc(9 * var(--line));transition-delay:.405s}.ltc-m--group:not([data-demo-status=hidden])~.ltc-table .ltc-row{--row-y:var(--l3);transition-duration:.82s;transition-delay:calc(var(--i) * 70ms)}.ltc-m--group:not([data-demo-status=hidden])~.ltc-table .ltc-row:not(.ltc-row--lead,.ltc-row--skipped){opacity:0;transition-duration:.82s,.82s,.26s,.82s,.82s}.ltc-m--group:not([data-demo-status=hidden])~.ltc-table :is(.ltc-head,.ltc-row--lead) .ltc-cells--norm{opacity:0}.ltc-m--group:not([data-demo-status=hidden])~.ltc-table :is(.ltc-head,.ltc-row--lead) .ltc-cells--case{opacity:1}.ltc-m--group:not([data-demo-status=hidden])~.ltc-table .ltc-foot{translate:0 calc(4 * var(--line));transition-duration:.82s;transition-delay:.63s}.ltc-m--group:not([data-demo-status=hidden])~.ltc-table .ltc-foot__docs{opacity:0;transition-delay:.63s}.ltc-m--group:not([data-demo-status=hidden])~.ltc-table .ltc-foot__cases{opacity:1;transition-delay:.63s}.ltc-m--chart:not([data-demo-status=hidden])~.ltc-tray,.ltc-m--chart:not([data-demo-status=hidden])~.ltc-table :is(.ltc-head,.ltc-foot,.ltc-row--skipped){opacity:0}.ltc-m--chart:not([data-demo-status=hidden])~.ltc-table .ltc-foot{transition-duration:.2s;transition-delay:0s}.ltc-m--chart:not([data-demo-status=hidden])~.ltc-table .ltc-row--lead{opacity:0;transition-duration:.3s;transition-delay:0s}.ltc-chart{height:58cqh;position:absolute;inset:0 0 auto}.ltc-chart__head{align-items:center;gap:var(--chart-demo-space-10);white-space:nowrap;height:8cqh;display:flex}.ltc-chart__head strong{text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.ltc-legend{align-items:center;gap:var(--chart-demo-space-5);color:var(--demo-muted);font-size:var(--chart-demo-type-label);display:inline-flex}.ltc-legend:before{content:"";border-top:1.5px solid var(--chart-neutral);width:12px}.ltc-legend--p95:before{border-top:1.5px dashed var(--chart-warn)}.ltc-bar{top:calc((var(--plot-bottom) - var(--bh)) * 1cqh);left:calc(var(--bx) * 1cqw);width:calc(var(--bw) * 1cqw);height:calc(var(--bh) * 1cqh);border-radius:var(--chart-demo-radius-xs) var(--chart-demo-radius-xs) 0 0;background:color-mix(in srgb, var(--chart-1) 42%, transparent);transform-origin:bottom;min-height:1px;transition:scale .52s var(--demo-ease);transition-delay:calc(var(--i) * 28ms);position:absolute}.ltc-bar--tail{background:color-mix(in srgb, var(--chart-danger) 55%, transparent)}.ltc-chart[data-demo-status=hidden] .ltc-bar{scale:1 0}.ltc-marker{top:calc((var(--plot-top) - 1) * 1cqh);left:calc(var(--mx) * 1cqw);height:calc((var(--plot-bottom) - var(--plot-top) + 1) * 1cqh);border-left:1.5px solid var(--chart-neutral);transition:opacity .36s var(--demo-ease) .52s;position:absolute}.ltc-marker--p95{border-left:1.5px dashed var(--chart-warn)}.ltc-caret{top:calc(var(--cy) * 1cqh);left:calc(var(--cx) * 1cqw);width:0;height:0;transition:opacity .36s var(--demo-ease) .76s;position:absolute}.ltc-caret:before{content:"";border:5px solid #0000;border-bottom:0;border-top:7px solid var(--chart-danger);position:absolute;bottom:2px;left:-5px}.ltc-caret__label{padding:var(--chart-demo-space-1) var(--chart-demo-space-6);border-radius:var(--chart-demo-radius-sm);background:var(--surface);color:var(--text);font-size:var(--chart-demo-type-label);white-space:nowrap;position:absolute;bottom:12px;right:-4px}.ltc-chart[data-demo-status=hidden] :is(.ltc-marker,.ltc-caret){opacity:0}.ltc-axis{top:calc(var(--plot-bottom) * 1cqh);border-top:1px solid var(--chart-grid);padding-top:var(--chart-demo-space-3);color:var(--demo-muted);font-size:var(--chart-demo-type-label);justify-content:space-between;display:flex;position:absolute;inset-inline:0}@container (width<=520px){.ltc-wide,.ltc-prefix,.ltc-year{display:none}.ltc-cells{gap:var(--space-2);padding-inline:var(--space-1);grid-template-columns:1.2fr 1.3fr 1fr .8fr}.ltc-cells--norm,.ltc-cells--case{grid-template-columns:1.1fr 2.2fr 1.1fr}}@container ltc (width<=520px){.ltc-source__zone{display:none}}.ltc,.cf{--chart-demo-type-micro:8.5px;--chart-demo-type-small:9.5px;--chart-demo-type-label:10px;--chart-demo-type-detail:10.5px;--chart-demo-type-caption:11px;--chart-demo-space-1:1px;--chart-demo-space-2:2px;--chart-demo-space-3:3px;--chart-demo-space-5:5px;--chart-demo-space-6:6px;--chart-demo-space-7:7px;--chart-demo-space-10:10px;--chart-demo-radius-xs:2px;--chart-demo-radius-sm:4px}.ltc-insights{align-content:start;gap:var(--chart-demo-space-6);padding:var(--space-2) var(--chart-demo-space-10);border:1px solid var(--demo-hairline);border-radius:var(--radius);background:var(--surface);display:grid;position:absolute;inset:61cqh 0 auto}.ltc-insights__head{align-items:center;gap:var(--space-2);color:var(--demo-muted);margin:0;font-weight:600;display:flex}.ltc-insights__calc{padding:0 var(--chart-demo-space-6);border:1px solid var(--demo-hairline);border-radius:var(--radius-full);font-size:var(--chart-demo-type-label);font-weight:500}.ltc-insights ul{gap:var(--chart-demo-space-5);margin:0;padding:0;list-style:none;display:grid}.ltc-insights li{align-items:flex-start;gap:var(--space-2);font-size:var(--type-caption);line-height:1.4;display:flex;position:relative}.ltc-insights li>*{transition:opacity .36s var(--demo-ease), translate .36s var(--demo-ease);transition-delay:calc(var(--i,0) * .11s + .12s)}.ltc-insights li:before{content:"";width:var(--w,72%);border-radius:var(--chart-demo-radius-sm);background:rgba(var(--muted-rgb), .14);opacity:0;height:8px;transition:opacity .2s var(--demo-ease) calc(var(--i,0) * .11s + .12s);position:absolute;top:5px;left:0}.ltc-insights li:nth-child(2){--i:1;--w:48%}.ltc-insights li:nth-child(3){--i:2;--w:60%}.ltc-insights[data-demo-status=hidden] li>*{opacity:0;translate:0 4px}.ltc-insights[data-demo-status=hidden] li:before{opacity:1}.ltc-m--chart:not([data-demo-status=hidden])~.ltc-insights[data-demo-status=hidden]{opacity:1;transition-delay:.64s;transform:none}.ltc-insights strong{font-weight:700}.ltc-insight__icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.ltc-insight__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ltc-insight__icon--neutral{background:rgba(var(--muted-rgb), .12);color:var(--muted)}.ltc-insight__icon--warning{background:rgba(var(--warning-rgb), .12);color:var(--warning-ink)}.ltc-board{--plot-top:10;--plot-bottom:50}.ltc-row[data-ltc="0"]{--i:0;--l1:1;--l2:1;--l3:1}.ltc-row[data-ltc="1"]{--i:1;--l1:2;--l2:10.95;--l3:10.95}.ltc-row[data-ltc="2"]{--i:2;--l1:3;--l2:2;--l3:1}.ltc-row[data-ltc="3"]{--i:3;--l1:4;--l2:3;--l3:2}.ltc-row[data-ltc="4"]{--i:4;--l1:5;--l2:4;--l3:2}.ltc-row[data-ltc="5"]{--i:5;--l1:6;--l2:5;--l3:2}.ltc-row[data-ltc="6"]{--i:6;--l1:7;--l2:6;--l3:3}.ltc-row[data-ltc="7"]{--i:7;--l1:8;--l2:7;--l3:3}.ltc-row[data-ltc="8"]{--i:8;--l1:9;--l2:8;--l3:3}.ltc-bar[data-ltc="0"]{--i:0;--bx:.45;--bw:7.433;--bh:29.504}.ltc-bar[data-ltc="1"]{--i:1;--bx:8.783;--bw:7.433;--bh:7.66}.ltc-bar[data-ltc="2"]{--i:2;--bx:17.117;--bw:7.433;--bh:40}.ltc-bar[data-ltc="3"]{--i:3;--bx:25.45;--bw:7.433;--bh:10.78}.ltc-bar[data-ltc="4"]{--i:4;--bx:33.783;--bw:7.433;--bh:7.943}.ltc-bar[data-ltc="5"]{--i:5;--bx:42.117;--bw:7.433;--bh:17.021}.ltc-bar[data-ltc="6"]{--i:6;--bx:50.45;--bw:7.433;--bh:1.418}.ltc-bar[data-ltc="7"]{--i:7;--bx:58.783;--bw:7.433;--bh:13.333}.ltc-bar[data-ltc="8"]{--i:8;--bx:67.117;--bw:7.433;--bh:4.539}.ltc-bar[data-ltc="9"]{--i:9;--bx:75.45;--bw:7.433;--bh:4.255}.ltc-bar[data-ltc="10"]{--i:10;--bx:83.783;--bw:7.433;--bh:5.106}.ltc-bar[data-ltc="11"]{--i:11;--bx:92.117;--bw:7.433;--bh:.284}.ltc-marker--median{--mx:20.833}.ltc-marker--p95{--mx:79.167}.ltc-caret{--cx:95.833;--cy:49.716}.demo-stage[data-demo-scene=s4-chart-fit] .demo-body{height:clamp(420px,62cqi,520px)}.demo-stage[data-demo-scene=s4-chart-fit] .demo-canvas__content{clip-path:none;place-items:normal;display:block;inset:48px 14px 14px}@container demo-stage (width<=620px){.demo-stage[data-demo-scene=s4-chart-fit] .demo-body{height:clamp(500px,100cqi,580px)}}@container demo-stage (width<=479px){.demo-stage[data-demo-scene=s4-chart-fit] .demo-body{height:clamp(560px,170cqi,640px)}.demo-stage[data-demo-scene=s4-chart-fit] .demo-canvas__content{inset:46px 10px 10px}}.cf{gap:var(--space-2);height:100%;min-height:0;font-size:var(--type-caption);grid-template-rows:auto minmax(0,1fr) auto;display:grid;container-type:inline-size}.cf-bar{align-items:center;gap:var(--chart-demo-space-6);min-width:0;display:flex}.cf-demo{padding:var(--chart-demo-space-1) var(--chart-demo-space-6);border:1px solid var(--demo-hairline);border-radius:var(--chart-demo-radius-sm);color:var(--demo-muted);font-size:var(--chart-demo-type-small);letter-spacing:.04em;text-transform:uppercase;flex:none}.cf-source{align-items:center;gap:var(--chart-demo-space-6);min-width:0;color:var(--demo-muted);font-size:var(--chart-demo-type-caption);text-overflow:ellipsis;white-space:nowrap;display:inline-flex;overflow:hidden}.cf-source__dot{background:var(--chart-1);border-radius:50%;flex:none;width:6px;height:6px}.cf-stage{min-height:0;display:grid}.demo-stage .cf-form{gap:var(--chart-demo-space-6);min-width:0;min-height:0;padding:var(--chart-demo-space-10) var(--space-3);border:1px solid var(--demo-hairline);border-radius:var(--radius);background:var(--surface);transition:opacity .24s var(--demo-ease), visibility 0s linear .24s;flex-direction:column;grid-area:1/1;display:flex;transform:none}.demo-stage .cf-form:not([data-demo-status=new]){opacity:0;visibility:hidden}.demo-stage .cf-form[data-demo-status=new]{transition:opacity .32s var(--demo-ease) .12s, visibility 0s}.cf-form__head{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.cf-form__title{min-width:0;font-size:var(--type-caption);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-weight:600;line-height:1.3;overflow:hidden}.cf-form__chip{padding:var(--chart-demo-space-1) var(--chart-demo-space-7);border-radius:var(--radius-full);background:var(--demo-accent-tint);color:var(--demo-accent-text);font-size:var(--chart-demo-type-label);white-space:nowrap;flex:none}.cf-form__plot{clip-path:inset(0 100% 0 0);flex-direction:column;flex:1;min-height:0;transition:clip-path 0s linear .24s;display:flex}.cf-form__plot>.chart{flex:1}.cf-form[data-demo-status=new] .cf-form__plot{clip-path:inset(0);transition:clip-path .9s var(--demo-ease) .42s}.cf-form__insight{color:var(--demo-muted);font-size:var(--chart-demo-type-detail);margin:0;line-height:1.4}.cf-why{gap:var(--chart-demo-space-6);padding-top:var(--chart-demo-space-6);border-top:1px solid var(--demo-hairline);font-size:var(--chart-demo-type-caption);opacity:0;margin:0;line-height:1.4;transition:opacity 0s linear .24s,translate 0s linear .24s;display:flex;translate:0 4px}.cf-why>svg{margin-top:var(--chart-demo-space-2);color:var(--demo-accent-text);flex:none}.cf-why strong{color:var(--demo-accent-text);font-weight:600}.cf-form[data-demo-status=new] .cf-why{opacity:1;transition:opacity .32s var(--demo-ease) 1.3s, translate .32s var(--demo-ease) 1.3s;translate:none}.cf-box__rows{flex-direction:column;flex:1;justify-content:space-between;min-height:0;margin:0;padding:0;list-style:none;display:flex}.cf-box__row,.cf-box__axis{align-items:center;column-gap:var(--space-2);grid-template-columns:minmax(72px,32%) minmax(0,1fr);display:grid}.cf-box__row{flex:1;grid-template-rows:minmax(0,1fr);min-height:12px;max-height:22px}.cf-box__label{font-size:var(--chart-demo-type-detail);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.cf-box__track{width:100%;height:100%;min-height:0;overflow:visible}.cf-box__axis{margin-top:var(--chart-demo-space-3);margin-left:calc(max(72px, 32%) + var(--space-2));justify-content:space-between;display:flex}.cf-grid{stroke:var(--chart-grid);stroke-width:1px;vector-effect:non-scaling-stroke}.cf-box__whisker{stroke:var(--chart-neutral);stroke-width:1px;vector-effect:non-scaling-stroke}.cf-box__iqr{fill:color-mix(in srgb, var(--chart-1) 30%, transparent);stroke:var(--chart-1);stroke-width:1px;vector-effect:non-scaling-stroke}.cf-box__median{stroke:var(--text);stroke-width:2px;vector-effect:non-scaling-stroke}.cf-box__dot{stroke:var(--chart-warn);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.cf-legend{gap:var(--space-1) var(--chart-demo-space-10);color:var(--demo-muted);font-size:var(--chart-demo-type-label);flex-wrap:wrap;margin:0;padding:0;line-height:1.3;list-style:none;display:flex}.cf-legend li{align-items:center;gap:var(--chart-demo-space-5);white-space:nowrap;display:inline-flex}.cf-legend__box{border:1px solid var(--chart-1);background:color-mix(in srgb, var(--chart-1) 30%, transparent);border-radius:1px;width:12px;height:7px}.cf-legend__median{background:var(--text);width:2px;height:9px}.cf-legend__dot{background:var(--chart-warn);border-radius:50%;width:5px;height:5px}.cf-pareto__plot{min-height:0;margin:var(--space-2) 30px 0 0;flex:1;position:relative}.cf-pareto__plot>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cf-pareto__share{text-align:right;flex-direction:column;width:26px;position:absolute;top:-5px;bottom:-5px;right:-30px}.cf-pareto__target{stroke:var(--chart-warn);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.cf-pareto__curve{fill:none;stroke:var(--chart-neutral);stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cf-pareto__point{stroke:var(--chart-neutral);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.cf-pareto__labels{gap:var(--chart-demo-space-2);margin:var(--space-1) 30px 0 0;color:var(--demo-muted);font-size:var(--chart-demo-type-small);text-align:center;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:0;line-height:1.2;list-style:none;display:grid}.cf-pareto__labels li{-webkit-line-clamp:2;line-clamp:2;hyphens:auto;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.cf-more{color:var(--demo-muted);font-size:var(--chart-demo-type-label);white-space:nowrap;margin:0;overflow:hidden;mask-image:linear-gradient(90deg,#000 75%,#0000)}.cf-more__label{margin-right:var(--chart-demo-space-6);font-weight:600}@container (width<=400px){.demo-stage .cf-form{padding:var(--space-2)}.cf-form__head{row-gap:var(--chart-demo-space-3);flex-wrap:wrap}.cf-form__title{white-space:normal;flex-basis:100%}.cf-pareto__labels{font-size:var(--chart-demo-type-micro)}.cf-pareto__labels li{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere}}