:root{--ink:#163f3b;--teal:#116e63;--paper:#f3f4ef;--line:#cdded7;--gold:#e9c35a}*{box-sizing:border-box}html,body{margin:0;width:100%;max-width:100%}body{background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}.workshop{max-width:1180px;margin:auto;padding:24px;min-width:0}.hero{padding:28px;border-radius:20px;background:linear-gradient(135deg,#073e39,#0d5950);color:#fffbe9}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8ce5d8}h1{font-size:clamp(25px,4vw,38px);line-height:1.18;margin:12px 0}h2{font-size:21px;line-height:1.3;margin:0 0 12px}p{margin:10px 0}.hero-tag{display:inline-block;padding:5px 11px;border:1px solid #4a9d8b;border-radius:30px;font-size:13px}.panel{margin-top:18px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0}.muted{color:#50756a;font-size:14px}.note{background:#eef4e5;border-left:4px solid #b5c95b;padding:13px 16px;border-radius:0 8px 8px 0}.form-control,.form-select{min-height:46px;border-color:#adc8bf;max-width:100%;color:var(--ink)}.form-label{font-weight:700}label{overflow-wrap:anywhere}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 12px}.actions>*{flex:1 1 170px;min-width:0}.btn{min-height:46px;border-radius:9px;font-weight:650;white-space:normal;display:inline-flex;align-items:center;justify-content:center;line-height:1.35}.btn-primary{--bs-btn-bg:#126a5d;--bs-btn-border-color:#126a5d;--bs-btn-hover-bg:#0b5046;--bs-btn-hover-border-color:#0b5046}.btn-outline-secondary{--bs-btn-color:#285b50;--bs-btn-border-color:#91b6a7}.btn:disabled{opacity:.45}.status{padding:12px 15px;border-radius:9px;background:#e7f4ef;min-height:50px;overflow-wrap:anywhere}.status.error{background:#fff0e9;color:#843a20}.section-head{display:flex;gap:12px;justify-content:space-between;align-items:start;flex-wrap:wrap}.state-badge{background:#e0f3ec;color:#155f51;font-size:13px;font-weight:750;border-radius:20px;padding:5px 12px;overflow-wrap:anywhere}.demo-result{border:1px solid #d9e4da;border-radius:12px;min-height:86px;padding:18px;background:#fafbf6;overflow-wrap:anywhere}.demo-result ul{padding-left:20px;margin-bottom:0}.route{display:flex;gap:8px;flex-wrap:wrap}.route span{padding:7px 11px;border:1px solid #d0dfd9;border-radius:9px;background:#f5f7f3;font-size:13px;overflow-wrap:anywhere}.route span.active{background:#126c5f;border-color:#126c5f;color:white;box-shadow:inset 0 -3px #e9c35a}.inspector-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.inspector-grid>*{min-width:0}pre{max-width:100%;max-height:330px;overflow:auto;background:#073d36;color:#edfaec;border-radius:10px;padding:16px;font:13px/1.7 Consolas,monospace;white-space:pre}details{min-width:0}summary{cursor:pointer;font-weight:700;min-height:46px;padding:12px 0}#history{max-height:260px;overflow:auto;font-size:13px;padding-left:24px;overflow-wrap:anywhere}#controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.control-wide{grid-column:1/-1}.form-check{padding-top:10px;padding-bottom:10px}.form-check-input{width:20px;height:20px;margin-right:8px}.form-check-label{padding:0 0 0 4px;min-height:26px}.field-note{font-size:13px;color:#5b756d;margin:4px 0}.favorite{font-size:40px;line-height:1.2;color:#0a7866}.boundary{font-size:14px;color:#547167;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.result-title{font-weight:750;font-size:19px}.branch-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.branch-row>*{flex:1 1 150px;padding:10px;background:#eaf3ed;border-radius:8px}a{color:#126a5d}footer{padding:20px 4px;font-size:13px;color:#597467}:focus-visible{outline:3px solid #ce9c12!important;outline-offset:3px}.busy-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#148773;margin-right:7px;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}@media(max-width:640px){.workshop{padding:12px}.hero{padding:19px}.panel{padding:15px}.inspector-grid,#controls{grid-template-columns:minmax(0,1fr);gap:6px}.actions{gap:8px}.actions>*{flex-basis:140px}.demo-result{padding:13px}h1{font-size:27px}.state-badge{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}