.demo-layout{border:1px solid var(--site-border,#53616a);background:var(--cw-surface);color:var(--cw-ink);border-radius:14px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;font-family:Inter Variable,Inter,Plex,sans-serif;display:grid;overflow:hidden}.demo-inputs{min-width:0;padding:clamp(22px,3vw,40px)}.demo-presets{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.demo-layout button{border:1px solid var(--site-border,#53616a);min-height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:10px 14px;font-size:13px;font-weight:600}.demo-presets button[aria-pressed=true]{color:#151a1d;background:#ffb900;border-color:#ffb900}.demo-range{display:block}.demo-range>span{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.demo-range output{font-variant-numeric:tabular-nums;font-family:IBM Plex Sans Variable,Plex,sans-serif;font-size:25px;font-weight:600}.demo-range input{accent-color:#ffb900;cursor:pointer;width:100%;min-height:30px;margin:20px 0 8px}.demo-range>small{color:var(--cw-ink-soft);justify-content:space-between;font-size:12px;display:flex}.demo-selects{grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;display:grid}.demo-selects label{color:var(--cw-ink-soft);min-width:0;font-size:13px}.demo-selects select{border:1px solid var(--site-border,#53616a);background:var(--cw-canvas);width:100%;min-width:0;min-height:48px;color:var(--cw-ink);border-radius:6px;margin-top:10px;padding:10px 12px;font:500 16px IBM Plex Sans Variable,Plex,sans-serif;display:block}.demo-verdict{border-top:1px solid var(--site-border,#53616a);color:var(--demo-pass,#74decb);align-items:start;gap:12px;padding:18px 0;display:flex}.demo-verdict.is-fail{color:var(--demo-fail,#ffa6a1)}.demo-verdict>span{font-size:24px;font-weight:700}.demo-verdict strong{font-size:14px;line-height:1.5;display:block}.demo-verdict p{color:var(--cw-ink-soft);margin-top:6px;font-size:13px;line-height:1.65}.demo-result{border-top:1px solid var(--site-border,#53616a);justify-content:space-between;align-items:center;gap:20px;padding-top:18px;display:flex}.demo-result>span{font-size:13px;line-height:1.6}.demo-result small{color:var(--cw-ink-soft);font-size:11px}.demo-result output{white-space:nowrap;font-variant-numeric:tabular-nums;font:600 clamp(28px,3vw,40px) IBM Plex Sans Variable,Plex,sans-serif}.demo-visual{color:#182126;background:#edf1f2;flex-direction:column;min-width:0;display:flex}.demo-animation-toolbar{border-bottom:1px solid #c5ced2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.demo-animation-toolbar>span{align-items:center;gap:8px;font-size:12px;display:flex}.demo-animation-toolbar i{background:#a16f00;border-radius:50%;width:6px;height:6px}.demo-animation-toolbar button{color:#182126;background:#fff;border-color:#9cabb3}.demo-layout button:disabled{cursor:default;opacity:.65}.demo-visual-note{color:#4b5d65;border-top:1px solid #c5ced2;margin-top:auto;padding:16px 24px;font-size:12px;line-height:1.65}.demo-poster{flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:24px;display:flex;position:relative}.demo-poster img{object-fit:contain;width:100%;max-width:550px;height:auto}.demo-poster p{text-align:center;color:#4b5d65;max-width:40ch;margin-top:4px;font-size:13px;line-height:1.6}.demo-data{border-top:1px solid var(--site-border,#53616a);grid-column:1/-1}.demo-data summary{cursor:pointer;padding:20px clamp(22px,3vw,40px);font-size:13px;line-height:1.6}.demo-data>div{color:var(--cw-ink-soft);padding:0 clamp(22px,3vw,40px) 24px;font-size:13px;line-height:1.7}.demo-data dl{gap:14px;margin:20px 0;display:grid}.demo-data dt{color:var(--cw-ink);font-weight:600}.demo-data dd{margin:2px 0 0}.demo-animation-fallback{text-align:center;align-content:center;gap:12px;min-height:400px;padding:32px;font-size:14px;line-height:1.6;display:grid}.demo-visual .forklift-status-card{color:#182126;--text:#182126;--text-dim:#4b5d65;--bg-card:#fff;--success-text:#007678;--error:#b52323;--type-hero:50px;position:relative}.demo-visual .forklift-status-head{flex-wrap:wrap;align-items:start;gap:12px;padding:16px 20px;display:flex}.demo-visual .forklift-status-head h2{letter-spacing:0;margin:0 0 6px;font:600 13px Inter Variable,sans-serif}.demo-visual .forklift-status-head p{color:#4b5d65;max-width:48ch;font-size:12px;line-height:1.6}.demo-visual .forklift-status-pill{color:#007678;border:1px solid;border-radius:30px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.demo-visual .fail .forklift-status-pill{color:#b52323}.demo-visual .forklift-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.demo-visual .forklift-stage{height:380px;position:relative;overflow:hidden}.demo-visual .forklift-canvas{position:absolute;inset:0}.demo-visual canvas{width:100%;height:100%;display:block}.demo-visual .forklift-loading{text-align:center;z-index:5;background:#edf1f2;place-content:center;gap:15px;font-size:13px;display:grid;position:absolute;inset:0}.demo-visual .is-loading .forklift-canvas{opacity:0}.demo-visual .forklift-result-symbol{opacity:0;color:#007678;position:absolute;top:25px;right:22px;transform:scale(.45)}.demo-visual .fail .forklift-result-symbol{color:#b52323}.demo-visual .forklift-result-symbol>div{background:#fff;border:3px solid;border-radius:50%;place-content:center;width:58px;height:58px;font-size:36px;line-height:1;display:grid}.demo-visual .forklift-capacity-chip{z-index:2;background:#fffffff2;border:1px solid #bdcbd1;border-radius:6px;grid-template-columns:1fr 1fr;gap:5px 14px;padding:10px 12px;display:grid;position:absolute;bottom:20px;left:14px;right:14px}.demo-visual .forklift-capacity-chip>div{gap:3px;display:grid}.demo-visual .forklift-capacity-chip span{color:#4b5d65;font-size:10px}.demo-visual .forklift-capacity-chip strong{color:#007678;font:600 17px IBM Plex Sans Variable,Plex,sans-serif}.demo-visual .fail .forklift-capacity-chip strong{color:#b52323}.demo-visual .forklift-capacity-chip small{color:#4b5d65;grid-column:1/-1;font-size:10px}.demo-visual .forklift-progress{background:#d6dfe3;border-radius:4px;height:4px;position:absolute;bottom:8px;left:14px;right:14px;overflow:hidden}.demo-visual .forklift-progress span{background:#007678;height:100%;display:block}.demo-visual .fail .forklift-progress span{background:#b52323}@media (width<=800px){.demo-layout{grid-template-columns:1fr}.demo-visual{border-top:1px solid #c5ced2}.demo-poster{min-height:280px}.demo-poster img{max-width:400px}.demo-visual .forklift-stage{height:350px}}@media (width<=390px){.demo-selects{grid-template-columns:1fr}.demo-result{flex-wrap:wrap}.demo-presets button{flex:1}.demo-animation-toolbar button{width:100%}}