.ew-demo{--bronze:#7a5a16;--bronze-deep:#5f460f;--gold:#c9a227;--gold-soft:#f7efd6;--ivory:#faf7f0;--ivory-sunk:#f2ede3;--card:#ffffff;--ink:#1c1811;--muted:#6b6252;--soft:#786e5f;--line:#e7e0d2;--line-strong:#d8cdb8;--ok:#2f6b3f;--ok-bg:color-mix(in srgb,var(--ok) 12%,transparent);--serif:var(--font-display,"Fraunces",Georgia,"Times New Roman",serif);--sans:var(--font-sans,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--mono:var(--font-mono,"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace);--gradient:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);--radius-xs:5px;--radius-sm:9px;--shadow-card:0 1px 2px rgba(28,24,17,0.05),0 10px 30px -14px rgba(28,24,17,0.22);border-radius:14px;overflow:hidden;border:1px solid var(--line)}.ew-demo:focus-within .dm *,.ew-demo:hover .dm *{animation-play-state:paused}.dm{--cycle:7s;--stagger:0.3s;position:relative;background:var(--ivory);font-size:12px;line-height:1.45;overflow:hidden}.dm,.dm__bar{border-bottom:1px solid var(--line)}.dm__bar{display:flex;align-items:center;gap:7px;padding:8px 12px;background:var(--ivory-sunk)}.dm__bar i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.dm__bar span{font-family:var(--mono);font-size:.68rem;color:var(--soft);margin-left:4px}.dm__stage{padding:12px 14px 14px;min-height:176px;display:flex;flex-direction:column;gap:8px}.dm__note{font-family:var(--mono);font-size:.66rem;color:var(--bronze);padding:0 14px 12px}.dm [data-i]{animation:dmIn var(--cycle) linear infinite;animation-delay:calc(var(--i) * var(--stagger) + var(--phase, 0s))}@keyframes dmIn{0%,3%{opacity:0;transform:translateY(7px)}10%,91%{opacity:1;transform:none}98%,to{opacity:0;transform:translateY(-4px)}}.dm-table{width:100%;border-collapse:collapse}.dm-table th{text-align:left;font-family:var(--mono);font-weight:500;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--soft);padding:0 8px 6px 0;border-bottom:1px solid var(--line);white-space:nowrap}.dm-table td{padding:6px 8px 6px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);color:var(--ink);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-table tr:last-child td{border-bottom:0}.dm-steps{flex-wrap:wrap;padding-top:6px}.dm-step,.dm-steps{display:flex;align-items:center;gap:6px}.dm-step{font-size:.72rem;color:var(--soft)}.dm-step b{display:grid;place-items:center;min-width:22px;height:19px;padding:0 5px;border-radius:var(--radius-xs,5px);background:var(--ivory-sunk);border:1px solid var(--line-strong);font-family:var(--mono);font-size:.66rem;font-weight:500;color:var(--soft);animation:dmStep var(--cycle) linear infinite;animation-delay:calc(var(--i) * .5s + var(--phase, 0s))}.dm-step--on b{background:var(--gradient);border-color:transparent;color:#fff}.dm-step i{width:10px;height:1px;background:var(--line-strong)}@keyframes dmStep{0%,6%{transform:scale(.86);opacity:.35}14%,86%{transform:none;opacity:1}to{transform:scale(.86);opacity:.35}}.dm-journey{display:flex;flex-wrap:wrap;gap:5px}.dm-journey span{font-family:var(--mono);font-size:.63rem;padding:3px 7px;border-radius:999px;background:var(--ivory-sunk);border:1px solid var(--line);color:var(--soft)}.dm-journey span.on{background:var(--gold-soft);color:var(--bronze-deep);border-color:color-mix(in srgb,var(--bronze) 22%,transparent)}.dm-badge-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.dm-badge-row:last-child{border-bottom:0}.dm-badge-row>span:first-child{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-flip{position:relative;display:inline-grid;min-width:74px;justify-items:end}.dm-flip>b{grid-area:1/1;font-family:var(--mono);font-size:.66rem;font-weight:500;padding:2px 8px;border-radius:999px;white-space:nowrap;animation:dmFlipA var(--cycle) steps(1) infinite;animation-delay:calc(var(--i) * .22s + var(--phase, 0s));background:var(--ivory-sunk);border:1px solid var(--line-strong);color:var(--soft)}.dm-flip>b+b{animation-name:dmFlipB}@keyframes dmFlipA{0%,44%{opacity:1}46%,to{opacity:0}}@keyframes dmFlipB{0%,44%{opacity:0}46%,to{opacity:1}}.dm-t-ok{background:var(--ok-bg)!important;color:var(--ok)!important;border-color:color-mix(in srgb,var(--ok) 30%,transparent)!important}.dm-t-warn{background:color-mix(in srgb,#b45309 13%,transparent)!important;color:#92400e!important;border-color:color-mix(in srgb,#b45309 30%,transparent)!important}.dm-t-crit{background:color-mix(in srgb,#b91c1c 12%,transparent)!important;color:#991b1b!important;border-color:color-mix(in srgb,#b91c1c 28%,transparent)!important}.dm-t-mute{background:var(--ivory-sunk)!important;color:var(--soft)!important}.dm-kpis{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.dm-kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm,9px);padding:8px 10px}.dm-kpi b{display:block;font-family:var(--serif);font-size:1.12rem;font-weight:600;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.dm-kpi span{font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;color:var(--soft);text-transform:uppercase}.dm-kpi.is-ok b{color:var(--ok)}.dm-kpi.is-warn b{color:#92400e}.dm-bar{display:grid;grid-template-columns:62px 1fr auto;align-items:center;grid-gap:8px;gap:8px}.dm-bar span{font-size:.72rem;color:var(--soft)}.dm-bar i{height:8px;border-radius:999px;background:var(--gradient);transform-origin:left center;animation:dmGrow var(--cycle) cubic-bezier(.2,.8,.3,1) infinite;animation-delay:calc(var(--i) * .24s + var(--phase, 0s))}.dm-bar b{font-family:var(--mono);font-size:.66rem;color:var(--bronze);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes dmGrow{0%,5%{transform:scaleX(.02)}32%,84%{transform:scaleX(1)}96%,to{transform:scaleX(.02)}}.dm-chips{display:flex;flex-wrap:wrap;gap:6px}.dm-chips b{font-family:var(--mono);font-size:.68rem;font-weight:500;padding:4px 9px;border-radius:999px;background:var(--gold-soft);color:var(--bronze-deep);border:1px solid color-mix(in srgb,var(--bronze) 18%,transparent)}.dm-line{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:var(--radius-sm,9px);background:var(--ivory-sunk);border-left:2px solid var(--line-strong)}.dm-line em{font-style:normal;font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:var(--soft)}.dm-line span{color:var(--ink)}.dm-line.is-ok{border-left-color:var(--ok)}.dm-line.is-warn{border-left-color:#b45309}.dm-rung{justify-content:space-between;gap:8px;padding:6px 9px;border-radius:var(--radius-sm,9px);border:1px solid var(--line);background:var(--card)}.dm-rung,.dm-rung>span{display:flex;align-items:center}.dm-rung>span{gap:7px;color:var(--ink)}.dm-rung u{text-decoration:none;font-family:var(--mono);font-size:.6rem;color:var(--soft);border:1px solid var(--line);border-radius:4px;padding:1px 4px}.dm-rung.is-locked{opacity:.55}.dm-rung.is-approved{border-color:color-mix(in srgb,var(--ok) 34%,transparent);background:var(--ok-bg)}.dm-rung.is-ready{border-color:color-mix(in srgb,var(--bronze) 34%,transparent);background:var(--gold-soft)}.dm-drop{border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm,9px);padding:14px;text-align:center;color:var(--soft);background:color-mix(in srgb,var(--gold-soft) 45%,transparent)}.dm-drop b{display:block;font-size:.74rem}.dm-drop b,.dm-file{font-family:var(--mono);color:var(--bronze-deep)}.dm-file{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-sm,9px);background:var(--card);font-size:.7rem}.dm-file:before{content:"";width:13px;height:16px;flex:none;border-radius:2px;background:var(--gradient)}.dm-code{font-family:var(--mono);font-size:.68rem;background:var(--ink);color:#f2ede1;border-radius:var(--radius-sm,9px);padding:10px 11px;overflow-x:auto}.dm-code b{display:block;color:#dcbc5e;font-weight:500}.dm-tr{display:flex;flex-direction:column;gap:7px}.dm-tr div{padding:8px 10px;border-radius:var(--radius-sm,9px);background:var(--ivory-sunk);border:1px solid var(--line);color:var(--ink)}.dm-tr div:last-child{background:var(--gold-soft);direction:rtl;text-align:right}.dm-toggle{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;flex:1 1}.dm-toggle>div{position:relative;display:inline-grid}.dm-toggle b{grid-area:1/1;font-family:var(--mono);font-size:.72rem;padding:6px 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--ivory-sunk);color:var(--soft);white-space:nowrap;animation:dmFlipA var(--cycle) steps(1) infinite;animation-delay:var(--phase,0s)}.dm-toggle b+b{animation-name:dmFlipB}.dm-switch{width:46px;height:24px;border-radius:999px;background:var(--line-strong);position:relative;animation:dmTrack var(--cycle) steps(1) infinite;animation-delay:var(--phase,0s)}.dm-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;animation:dmKnob var(--cycle) cubic-bezier(.5,0,.2,1) infinite;animation-delay:var(--phase,0s)}@keyframes dmTrack{0%,44%{background:var(--line-strong)}46%,to{background:var(--ok)}}@keyframes dmKnob{0%,40%{transform:none}50%,to{transform:translateX(22px)}}.dm-palette{display:flex;flex-direction:column;gap:7px}.dm-palette__in{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm,9px);background:var(--card);color:var(--soft);font-size:.75rem}.dm-palette__in b{color:var(--ink);font-weight:500;border-right:1.5px solid var(--bronze);padding-right:1px;animation:dmType var(--cycle) steps(6) infinite,dmCaret .9s steps(1) infinite;animation-delay:var(--phase,0s),0s;white-space:nowrap;overflow:hidden}@keyframes dmType{0%,3%{max-width:0}26%,88%{max-width:7ch}to{max-width:0}}@keyframes dmCaret{50%{border-color:transparent}}.dm-res{display:flex;align-items:baseline;gap:8px;padding:4px 2px}.dm-res em{font-style:normal;font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--soft);min-width:58px}.dm-res span{color:var(--ink)}