:root{color-scheme:light}body{background:#f3f4eb;color:#173f36;font:16px/1.6 system-ui,sans-serif}.lab{max-width:1220px;padding:30px}.eyebrow{letter-spacing:.13em;font-size:12px;font-weight:750;color:#447469}h1{font-size:clamp(30px,4.3vw,52px);font-weight:750;line-height:1.12;margin:10px 0 18px}h2{font-size:22px;font-weight:700;line-height:1.35}.lead{max-width:850px;font-size:18px}.panel{padding:24px;border:1px solid #cfdbce;border-radius:18px;background:#fff;margin:22px 0;min-width:0}.work-grid{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);gap:22px}.work-grid .panel{margin-bottom:0}label{display:block;font-weight:650;margin-bottom:7px}.form-select,.form-control{color:#193e35;border-color:#839e91;min-height:46px;font-size:15px}.form-select{padding-right:32px}.code-input,pre{font-family:Consolas,monospace;font-size:13px;line-height:1.6}.code-input{resize:vertical;min-height:290px}pre{background:#123b33;color:#e6f4db;padding:18px;border-radius:12px;max-height:420px;overflow:auto;white-space:pre;tab-size:2}.hint,.status{background:#eef4df;padding:13px;border-radius:10px;margin-top:14px}.status.error{background:#fff0ec;color:#8f3029}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;font-weight:650}.btn-success{background:#176452;border-color:#176452}.btn-outline-secondary{color:#305a4d;border-color:#759788}.btn:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d1a53c;outline-offset:3px}summary{cursor:pointer;font-weight:650;padding:9px 0}.small{font-size:13px;color:#557164}.result iframe{display:block;width:100%;height:430px;border:1px solid #c2d4c6;border-radius:12px;background:#f8faf7}.badge{white-space:normal;text-align:left;padding:8px 12px;font-size:13px}footer{padding:24px 0}footer p{margin-top:14px}a{color:#12644f}p{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:700px){.lab{padding:18px 14px}.work-grid{grid-template-columns:1fr;gap:0}.panel{padding:18px 16px;border-radius:13px;margin:18px 0}.lead{font-size:16px}.actions{flex-direction:column}.actions .btn{width:100%}h2{font-size:21px}pre{font-size:12px;padding:12px}.result iframe{height:470px}.form-select{font-size:14px}}@media(max-width:320px){.lab{padding:12px 8px}.panel{padding:14px 11px}h1{font-size:28px}.form-select{font-size:13px}}