.bw-fig .bw-scaler{position:relative;overflow:hidden;margin:0 auto;width:100%;max-width:960px;aspect-ratio:960 / 560}.bw-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.bw{--bw-ink: #0E1633;--bw-muted: #555555;--bw-line: #E5E5E5;--bw-panel: #F8F8F8;--bw-green: #3F6E54;--bw-green-soft: #E6EFE9;--bw-amber: #8F5A0A;--bw-amber-soft: #F6EBD8;--bw-blue: #2E5E98;--bw-red: #6E4508;width:960px;height:560px;padding:20px 24px;border-radius:16px;background:#fff;color:var(--bw-ink);border:1px solid var(--bw-line);box-shadow:0 30px 60px -30px #0e163359;display:grid;grid-template-columns:430px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px;font-family:Mulish Variable,Mulish,ui-sans-serif,system-ui,sans-serif;line-height:1.4;text-align:left;-webkit-font-smoothing:antialiased}.bw *,.bw *:before,.bw *:after{box-sizing:border-box}.bw-top{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px}.bw-h{display:block;font-size:17px;font-weight:800}.bw-sub{display:block;font-size:11.5px;color:var(--bw-muted);font-family:IBM Plex Mono,ui-monospace,monospace;margin-top:2px}.bw-pill{display:grid;justify-items:end}.bw-pill>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:999px;white-space:nowrap;transition:opacity .3s}.bw-pill i{width:8px;height:8px;border-radius:50%;background:currentColor}.bw-pill-a{color:var(--bw-amber);background:var(--bw-amber-soft);opacity:0}.bw-pill-b{color:var(--bw-green);background:var(--bw-green-soft)}.bw-sec{display:block;font-size:10px;font-weight:800;color:var(--bw-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.bw-code{background:var(--bw-ink);border-radius:12px;padding:12px 0;color:#c9d2e6;min-height:0}.bw-file{display:inline-block;margin:0 0 8px 14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px;color:#fff;background:#ffffff14;border-radius:6px;padding:2px 9px}.bw-pre{margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;line-height:1.75}.bw-l>span{white-space:pre}.bw-l{display:block;padding:0 14px 0 0;transition:background .4s,opacity .3s}.bw-l i{display:inline-block;width:26px;text-align:center;font-style:normal;color:#7f8aa6}.bw-add{background:#5bc48d21}.bw-add i{color:#9cc2aa}.bw-new{background:#5bc48d21}.bw-new i{color:#9cc2aa}.bw-del{background:#e8604c24}.bw-del i{color:#e6c385}.bw-del>span{text-decoration:line-through;text-decoration-color:#f0a09699}.bw-right{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.bw-panel{border:1px solid var(--bw-line);border-radius:12px;padding:12px 14px}.bw-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center;padding:5px 0;border-top:1px solid var(--bw-line);transition:opacity .3s,transform .3s}.bw-row:nth-of-type(1){border-top:0}.bw-row em{font-style:normal;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;justify-self:start}.bw-row b{display:block;font-size:12px;font-weight:800;font-family:IBM Plex Mono,ui-monospace,monospace}.bw-row small{font-size:10.5px;color:var(--bw-muted)}.bw-w-add em{color:var(--bw-green);background:var(--bw-green-soft)}.bw-w-mod em{color:var(--bw-amber);background:var(--bw-amber-soft)}.bw-w-same em{color:var(--bw-muted);background:#e9ecf1}.bw-w-del em{color:var(--bw-red);background:#f1ddb6}.bw-envs{display:grid;gap:8px}.bw-env{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--bw-panel);border-radius:10px;padding:8px 10px;transition:box-shadow .3s}.bw-dot{width:22px;height:22px;border-radius:50%;background:var(--bw-green);display:grid;place-items:center;transition:background .3s}.bw-dot svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s}.bw-env-t b{font-size:12px;font-weight:800;margin-right:6px}.bw-env-t small{font-size:10.5px;color:var(--bw-muted)}.bw-bar{display:block;height:4px;border-radius:2px;background:#e2e7ee;margin-top:5px;overflow:hidden}.bw-bar i{display:block;height:100%;background:var(--bw-green);transform-origin:0 50%}.bw-btn{display:none;font-size:10.5px;font-weight:800;color:#fff;background:var(--bw-ink);padding:4px 10px;border-radius:7px}.bw.bw-armed:not(.b-done) .bw-pill-a{opacity:1}.bw.bw-armed:not(.b-done) .bw-pill-b{opacity:0}.bw.bw-armed .bw-add:not(.on),.bw.bw-armed .bw-new:not(.on){display:none}.bw.bw-armed .bw-del:not(.on){background:transparent}.bw.bw-armed .bw-del:not(.on) i{opacity:0}.bw.bw-armed .bw-del:not(.on)>span{text-decoration:none}.bw.bw-armed .bw-row:not(.on){opacity:0;transform:translateY(4px)}.bw.bw-armed .bw-env:not(.on):not(.ok){opacity:.5}.bw-env{transition:opacity .3s,box-shadow .3s}.bw.bw-armed .bw-env:not(.ok) .bw-dot{background:#c7ceda}.bw.bw-armed .bw-env:not(.ok) .bw-dot svg{opacity:0}.bw.bw-armed .bw-env:not(.ok) small{opacity:0}.bw.bw-armed .bw-env .bw-bar i{transform:scaleX(0)}.bw.bw-armed .bw-env.go .bw-bar i{transform:scaleX(1);transition:transform 1.1s cubic-bezier(.4,0,.2,1)}.bw.bw-armed .bw-env.on:not(.ok){box-shadow:0 0 0 2px #e6cd9f}.bw.bw-armed .bw-gate.on:not(.go) .bw-btn{display:inline-block}.bw.bw-narrow{width:360px;height:auto;padding:16px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.bw.bw-narrow .bw-top{flex-direction:column;align-items:flex-start;gap:8px}.bw.bw-narrow .bw-pill{justify-items:start}.bw.bw-narrow .bw-code{display:none}.bw.bw-narrow .bw-row{grid-template-columns:74px minmax(0,1fr)}@media(prefers-reduced-motion:reduce){.bw *,.bw *:before,.bw *:after{animation:none!important;transition:none!important}}