/* Dedicated workbench surface. Scope every selector to avoid changing v0.4 labs. */
.jw-page{--jw-ink:#17383b;--jw-muted:#587073;--jw-teal:#086b65;--jw-sand:#bc884d;--jw-line:#dce7e5;color:var(--jw-ink);max-width:1420px;margin:0 auto;padding:24px 0 70px;font-family:inherit;min-width:0}
.jw-page *{box-sizing:border-box}
.jw-hero{color:#edf8f2;background:#183e42;border-radius:24px;padding:38px clamp(20px,4vw,52px);position:relative;overflow:hidden;isolation:isolate}
.jw-hero::before{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff20;border-radius:50%;inset-inline-end:-190px;top:-230px;box-shadow:0 0 0 48px #ffffff08,0 0 0 98px #ffffff06;pointer-events:none;z-index:-1}
.jw-kicker{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#b7d8cc;font-weight:800;margin-bottom:18px;direction:ltr;text-align:start}
.jw-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,270px);gap:32px;align-items:end}
.jw-hero h1{font-size:clamp(1.85rem,3.3vw,3.4rem);line-height:1.25;letter-spacing:-.03em;max-width:760px;margin:0 0 16px;color:#fff}
.jw-hero p{line-height:1.85;color:#d0e5e0;margin:0;max-width:740px;font-size:.98rem}
.jw-hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:24px}.jw-hero-link{color:#dcf5eb!important;text-decoration:none;font-size:.83rem;border-bottom:1px solid #ffffff68;padding-bottom:4px}
.jw-hero-aside{background:#ffffff11;border:1px solid #ffffff40;border-radius:16px;padding:23px;display:grid;gap:8px;backdrop-filter:blur(2px)}.jw-hero-aside span{font-size:.76rem;color:#badbd3}.jw-hero-aside strong{font-size:1.65rem;color:#fff;font-family:ui-monospace,monospace;direction:ltr;text-align:start}.jw-hero-aside small{line-height:1.5;color:#c1e2d8}.jw-hero-bits{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px;direction:ltr}.jw-hero-bits b{padding:6px 9px;background:#ffffff15;color:#d6f8e6;border-radius:5px;font-size:.75rem;font-weight:600}
.jw-steps-nav{margin:20px 0 30px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.jw-step{text-decoration:none!important;border:1px solid var(--jw-line);border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;gap:6px;min-height:112px;background:#fff;color:#49666a!important;position:relative}.jw-step:hover{border-color:#66aaa2;background:#f1f8f5}.jw-step.selected{background:#e2f3ed;border-color:#30998c;color:#155b58!important;box-shadow:inset 0 0 0 1px #30998c}.jw-step-number{font-family:ui-monospace,monospace;color:#78908e;font-size:.75rem}.jw-step strong{font-size:.82rem;line-height:1.3}.jw-step-tail{position:absolute;inset-inline-end:12px;bottom:10px;font-size:.8rem;opacity:.5}
.jw-content-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:26px 0 19px}.jw-overline,.jw-mini-label{display:block;color:var(--jw-teal);font-size:.72rem;font-weight:800;letter-spacing:.02em;margin-bottom:10px}.jw-content-head h2{color:var(--jw-ink);font-size:clamp(1.5rem,2.7vw,2.15rem);line-height:1.4;margin:0 0 9px}.jw-content-head p{color:var(--jw-muted);max-width:750px;line-height:1.75;margin:0}.jw-state{display:grid;gap:7px;justify-items:end;white-space:nowrap;color:var(--jw-muted);font-size:.77rem;padding-top:6px}.jw-status{border-radius:20px;border:1px solid #d2d9d8;padding:6px 11px}.jw-status.on{background:#e1f7e9;border-color:#88c9a7;color:#127653}
.jw-lens-tabs{display:inline-flex;flex-wrap:wrap;gap:5px;padding:5px;background:#edf3f1;border:1px solid var(--jw-line);border-radius:13px;margin-bottom:18px}.jw-lens-tabs a{font-size:.85rem;font-weight:700;text-decoration:none!important;color:#527072!important;border-radius:9px;padding:10px 17px;transition:background .12s}.jw-lens-tabs a.is-active,.jw-lens-tabs a:hover{background:#fff;color:#11605c!important;box-shadow:0 1px 5px #15362c12}
.jw-content{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:23px;align-items:start}.jw-primary{min-width:0;background:#fff;border:1px solid var(--jw-line);border-radius:18px;padding:clamp(19px,2.7vw,30px);min-height:330px}.jw-primary .jw-pane{display:grid;gap:22px}.jw-pane label{font-size:.87rem;font-weight:750;display:grid;gap:10px;color:#234e50}.jw-pane textarea,.jw-pane select,.jw-pane input:not([type="range"]){width:100%;border:1px solid #c5d8d5;background:#fbfdfc;border-radius:9px;padding:12px 13px;font:inherit;font-size:.87rem;line-height:1.8;color:#233d41;min-width:0}.jw-pane textarea{min-height:165px;resize:vertical;font-size:.9rem}.jw-pane textarea:focus,.jw-pane select:focus,.jw-pane input:focus{outline:2px solid #4a9e98;outline-offset:1px}.jw-pane input[type="range"]{width:100%;accent-color:#0d7770}.jw-pane output{font-size:.83rem;color:var(--jw-teal)}
.jw-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jw-fields label:last-child:nth-child(3){grid-column:1/-1}.jw-inline-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.jw-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:9px;padding:10px 16px;text-decoration:none!important;font-size:.82rem;font-weight:800;border:1px solid #bad3cc;cursor:pointer;transition:filter .15s}.jw-button.primary{background:#086b65;color:#fff!important;border-color:#086b65}.jw-button.quiet{background:#f0f7f4;color:#185d59!important}.jw-button:disabled{cursor:not-allowed;opacity:.45}.jw-button:hover:not(:disabled){filter:brightness(.93)}
.jw-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.jw-metric{padding:15px 13px;border:1px solid var(--jw-line);border-radius:12px;background:#f8fbf9;display:grid;gap:10px}.jw-metric span{color:#60787b;font-size:.72rem;line-height:1.45}.jw-metric strong{font-size:1.26rem;color:#145853;font-weight:800;overflow-wrap:anywhere}.jw-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jw-split>div{border:1px solid #d5e4e0;background:#f6fbf8;padding:15px;border-radius:12px;min-width:0}.jw-split strong{font-size:.82rem}.jw-split p{font-size:.78rem;line-height:1.9;color:#5a6d70;max-height:130px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.jw-note{font-size:.79rem;line-height:1.9;color:var(--jw-muted);padding:12px 14px;border-inline-start:3px solid #90b5ab;background:#f5faf7;border-radius:6px;margin:0}.jw-tokenstream{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.jw-token{font-size:.79rem;font-family:ui-monospace,monospace;border:1px solid #cadbd4;border-radius:7px;background:#edf7f1;padding:7px 9px;overflow-wrap:anywhere;max-width:100%}.jw-steps{display:flex;gap:8px;flex-wrap:wrap}.jw-steps span{font:600 .74rem ui-monospace,monospace;color:#4e5d64;background:#eff2f3;border-radius:7px;padding:7px 9px}.jw-architecture{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:22px 10px;background:#f2f8f4;border-radius:13px}.jw-architecture div{padding:13px;border-radius:8px;background:#fff;border:1px solid #c4d9d0;font-size:.78rem;font-weight:800;text-align:center}.jw-architecture>span{color:#246965;font-size:1.4rem}.jw-placeholder{border:1px dashed #c2d5d0;border-radius:12px;background:#f8faf8;color:#587372;text-align:center;padding:30px 20px;line-height:1.8;font-size:.88rem}.jw-chart{width:100%;border:1px solid #e0e8e4;padding:13px;background:#fbfdfc;border-radius:12px;min-width:0}.jw-chart svg{width:100%;height:auto;display:block;max-height:250px;overflow:visible}.jw-legend{display:flex;gap:20px;justify-content:center;font-size:.72rem;color:#4d6668}.jw-legend span{display:flex;align-items:center;gap:7px}.jw-dot{display:inline-block;width:12px;height:4px;border-radius:4px}.jw-dot.train{background:#086b65}.jw-dot.valid{background:#b27b41}.jw-output{padding:23px;background:#173e3d;border:1px solid #173e3d;border-radius:13px;color:#f6fff7}.jw-output .jw-mini-label{color:#a4d8c8}.jw-output p{line-height:2;font-size:1.1rem;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.jw-alert{border:1px solid #dca385;color:#8e4425;background:#fff4e9;padding:15px;border-radius:9px;line-height:1.7;font-size:.85rem}.jw-alert.subtle{border-color:#c4d6cf;background:#f3f8f5;color:#326462}.jw-lead{font-size:1.01rem;line-height:2;color:#375d61;margin:0}.jw-question{display:flex;align-items:center;gap:16px;background:#f4f8f6;padding:20px;border:1px solid #dce9e3;border-radius:12px}.jw-question>span{font-size:2rem;color:#4f8c81}.jw-question strong{font-size:.85rem}.jw-question p{font-size:.91rem;line-height:1.8;margin:6px 0 0}.jw-history-list{display:grid;gap:13px}.jw-history-event{display:grid;grid-template-columns:80px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid #e6eeeb}.jw-history-event>span{color:#1b7770;font:800 .85rem ui-monospace,monospace;padding-top:2px}.jw-history-event strong{font-size:.89rem}.jw-history-event p{color:#5c7775;font-size:.83rem;line-height:1.75;margin:7px 0}.jw-history-event a{font-size:.79rem;color:#066b62;text-decoration:underline}
.jw-side{display:grid;gap:15px}.jw-side-card,.jw-related{background:#f5f9f6;border:1px solid var(--jw-line);padding:22px;border-radius:16px}.jw-side-card h3{font-size:1.16rem;line-height:1.65;margin:5px 0 12px;color:#1e514f}.jw-side-card p{font-size:.82rem;line-height:1.88;color:#5b7674;margin:0}.jw-related{display:grid;gap:25px;background:#fff}.jw-related>div{min-width:0}.jw-chips{display:flex;flex-wrap:wrap;gap:7px}.jw-tag{text-decoration:none!important;display:inline-flex;gap:6px;background:#eef6f3;border:1px solid #dae8e4;border-radius:7px;padding:7px 9px;font-size:.74rem;color:#286c65!important;line-height:1.4}.jw-tag:hover{background:#d9eee5}.jw-side-card.aside-alt{background:#f9f4eb;border-color:#e6dccc}.jw-side-card.aside-alt strong{font-size:.88rem}.jw-side-card.aside-alt p{margin:8px 0 12px}.jw-side-card.aside-alt a{font-size:.81rem;color:#8b642e}
.jw-bottom{margin-top:28px;border-top:1px solid #dbe6e1;padding-top:20px;display:flex;gap:15px;justify-content:space-between;align-items:center}.jw-bottom a{font-size:.83rem;color:#086b65;text-decoration:none;font-weight:750}.jw-bottom span{font-size:.73rem;color:#738988;text-align:center}
@media(max-width:1100px){.jw-steps-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.jw-content{grid-template-columns:minmax(0,1fr) 260px}.jw-hero-grid{grid-template-columns:1fr}.jw-hero-aside{max-width:380px}}
@media(max-width:810px){.jw-page{padding:10px 0 45px}.jw-hero{border-radius:18px;padding:27px 20px}.jw-content{grid-template-columns:1fr}.jw-side{grid-template-columns:1fr 1fr}.jw-related{grid-column:1/-1}.jw-content-head{flex-direction:column}.jw-state{justify-items:start;grid-auto-flow:column}.jw-steps-nav{gap:7px}.jw-step{min-height:85px;padding:10px}.jw-step-tail{display:none}}
@media(max-width:520px){.jw-hero{padding:25px 17px}.jw-hero h1{font-size:1.85rem}.jw-steps-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.jw-step strong{font-size:.74rem}.jw-fields,.jw-split{grid-template-columns:1fr}.jw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.jw-lens-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:2px}.jw-lens-tabs a{padding:10px 4px;text-align:center;font-size:.72rem}.jw-side{grid-template-columns:1fr}.jw-related{grid-column:auto}.jw-bottom{flex-wrap:wrap}.jw-bottom span{order:3;width:100%}.jw-content-head h2{font-size:1.45rem}.jw-primary{padding:16px}.jw-step{min-height:78px}.jw-step-number{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.jw-page *{scroll-behavior:auto!important;transition:none!important}}

.jw-home-feature{display:flex;justify-content:space-between;align-items:center;gap:18px;border-radius:15px;padding:23px;background:#e8f5ee;border:1px solid #c7e4d7;margin:23px 0}.jw-home-feature h2{font-size:1.3rem;color:#15584f;margin:7px 0}.jw-home-feature p{color:#527671;font-size:.85rem;line-height:1.65;margin:0}.jw-home-feature a{white-space:nowrap}.jw-home-overline{font:.76rem ui-monospace,monospace;color:#2b7c73;font-weight:800}@media(max-width:650px){.jw-home-feature{flex-direction:column;align-items:start}}