:root{--ink:#143f38;--accent:#137263;--paper:#f4f4ec}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:clip}body{background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}.workshop{max-width:1200px;margin:auto;padding:24px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;color:#427562}h1{font-size:clamp(25px,4vw,38px);line-height:1.16;margin:10px 0}h2{font-size:20px}p{margin:.7em 0}.intro{max-width:900px;color:#426052}.panel{background:white;border:1px solid #cfdbce;border-radius:16px;padding:20px;min-width:0;margin-top:18px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.form-label{font-weight:700}textarea.form-control{font:14px/1.65 Consolas,monospace;min-height:290px;resize:vertical;white-space:pre;overflow:auto}.form-control,.form-select{min-height:46px;max-width:100%;border-color:#a8bfb0;color:#153e36}button,.btn{min-height:46px;border-radius:9px;font-weight:650;white-space:normal}.btn-primary{--bs-btn-bg:#146653;--bs-btn-border-color:#146653;--bs-btn-hover-bg:#0e4d3e;--bs-btn-hover-border-color:#0e4d3e}.btn-outline-secondary{--bs-btn-color:#245449;--bs-btn-border-color:#9ab6aa}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.actions>*{flex:1 1 140px}.note{padding:12px 16px;border-left:4px solid #a8be62;background:#eef4df;border-radius:0 8px 8px 0}.status{padding:12px;border-radius:8px;background:#e3f1e5;min-height:48px;overflow-wrap:anywhere}.status.error{background:#fff0ec;color:#842f20}pre{background:#103d34;color:#eef6e6;padding:16px;border-radius:9px;font:13px/1.7 Consolas,monospace;overflow:auto;max-height:360px;white-space:pre}.muted{font-size:14px;color:#527064}.result{min-height:220px;overflow:auto;max-height:620px;background:#fff;border:1px solid #d7e2d6;padding:14px;border-radius:12px}a{color:#146653}a[hidden]{display:none!important}.form-range{min-height:44px}details summary{padding:12px 0;cursor:pointer;font-weight:700;min-height:44px}:focus-visible{outline:3px solid #c29214!important;outline-offset:3px}.stat{font-size:22px;font-weight:800}.badge{white-space:normal}.source-links{display:flex;flex-wrap:wrap;gap:12px}#diagram svg{display:block;height:auto;margin:auto;max-width:none!important}#diagram{padding:16px;max-height:620px}iframe.preview{display:block;width:100%;min-height:230px;border:1px solid #d3ded1;border-radius:10px;background:white}.compact-table{overflow:auto}.compact-table table{width:100%;font-size:14px}.compact-table td,.compact-table th{padding:8px;border-bottom:1px solid #dde5d9;text-align:left;overflow-wrap:anywhere}#removed{max-height:180px;overflow:auto;padding-left:23px}label{overflow-wrap:anywhere}@media(max-width:640px){.workshop{padding:14px}.panel{padding:14px}.editor-grid{grid-template-columns:minmax(0,1fr);gap:0}textarea.form-control{min-height:240px}.actions{gap:8px}.actions>*{flex-basis:130px}.result{max-height:440px}h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.small-editor{min-height:120px!important}.flags{display:grid;gap:10px;margin-top:16px}.flags label{display:flex;gap:10px;align-items:center;min-height:44px}.flags input{width:20px;height:20px;flex:none}#filter{white-space:pre-wrap}#output,#errors{white-space:pre-wrap;overflow-wrap:anywhere}select{width:100%}