:root{--ink:#173e39;--teal:#0d6a61;--cream:#f6f4e9;--line:#cbd8ce}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,sans-serif}.container{max-width:1200px}header{padding:clamp(22px,4vw,44px);background:#073d3b;color:#fff6da;border-radius:24px;margin-bottom:20px}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.12;font-weight:780;margin:16px 0;overflow-wrap:anywhere}h2{font-size:1.4rem;line-height:1.35;font-weight:750}h3{font-size:1.1rem;font-weight:700}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:800}.lead{max-width:780px}.mechanism{max-width:850px;border-left:3px solid #d4b86c;padding-left:16px;font-size:.94rem}.panel{border:1px solid var(--line);border-radius:18px;background:#fffef8;padding:24px;margin:20px 0;min-width:0}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lab-grid>.panel{margin:0}.section-line{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;align-items:center}label{font-weight:650;display:block;margin:8px 0}.form-select,.form-control{font:inherit;border-color:#92a99a;min-height:46px;min-width:0;max-width:100%}.editor.form-control{font:14px/1.6 ui-monospace,Consolas,monospace;min-height:260px;height:300px;resize:vertical;white-space:pre;overflow:auto;tab-size:2}.muted{font-size:.88rem;color:#536b61}.use{margin:18px 0 10px}.tip{background:#edf3e4;border-left:4px solid #75a474;padding:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:.88rem}.settings-grid label{display:flex;align-items:flex-start;gap:9px;line-height:1.45}.settings-grid input{flex:0 0 18px;height:18px;margin-top:3px;accent-color:var(--teal)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.btn{min-height:44px;white-space:normal;border-radius:10px;font-weight:650}.btn-primary{background:var(--teal);border-color:var(--teal)}.btn-primary:hover{background:#064f46;border-color:#064f46}.btn-outline-primary{border-color:#7b9989;color:var(--ink)}.btn-outline-primary:hover{background:var(--teal);border-color:var(--teal)}.btn-link,a{color:#00665c}.badge{background:#e3ebd8;color:var(--ink);white-space:normal}.status{padding:12px 14px;border-radius:10px;background:#edf3e7;font-weight:650}.status[data-state="error"],.error-box{background:#fff0e7;border:1px solid #deae90;color:#713519}.error-box{padding:14px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:14px}pre{background:#103d37;color:#eaf6e7;border-radius:12px;padding:16px;max-width:100%;max-height:460px;overflow:auto;font:13px/1.65 ui-monospace,Consolas,monospace;white-space:pre;tab-size:2}code{color:inherit}summary{font-weight:700;cursor:pointer;padding:12px 0}footer{font-size:.88rem;padding:8px 2px 20px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid #d6a537;outline-offset:3px}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:760px){.lab-grid{grid-template-columns:1fr}.panel{padding:17px}.container{padding-left:12px;padding-right:12px}.settings-grid{grid-template-columns:1fr}.actions>.btn{flex:1 1 120px}.editor.form-control{height:250px;min-height:230px}.result-tabs>.btn{font-size:.88rem}.form-select{font-size:.94rem}header{border-radius:18px}.mechanism{font-size:.9rem}pre{max-height:340px}}@media(max-width:360px){h1{font-size:1.8rem}.panel{padding:14px}.btn{font-size:.88rem}.actions>.btn{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}