:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#213d36;background:#f2f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1220px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid #d5ded6}.languages{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.languages a{color:#60776a}.languages a[aria-current]{font-weight:800;color:#244d40}.brand{font-weight:800;color:#244d40;text-decoration:none;font-size:20px}.badge,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700}.badge{background:#e0e8df;padding:7px 10px;border-radius:20px}.intro{padding:42px 0 28px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.eyebrow{grid-column:1/-1;color:#718478}h1{font-size:44px;letter-spacing:-.06em;line-height:1.2;margin:8px 0}em{color:#38745b;font-style:normal}.intro>p:last-child{line-height:1.9;color:#61756b}.workspace,.results{background:#fff;border:1px solid #dce3db;border-radius:18px;padding:24px;margin:16px 0;box-shadow:0 6px 30px #294c3705}.topline{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px}label{font-size:13px;font-weight:650;display:block}.editors{display:grid;grid-template-columns:1fr 1fr;gap:20px}textarea{display:block;width:100%;height:270px;margin:10px 0 16px;border:1px solid #ced8cf;border-radius:10px;background:#f8faf7;padding:16px;font:13px/1.7 ui-monospace,Consolas,monospace;resize:vertical;color:#233b32}button,select{font:inherit;border-radius:7px;cursor:pointer}button{background:#285d47;color:white;border:1px solid #285d47;padding:10px 16px;font-size:13px;font-weight:650}button:hover{filter:brightness(.92)}button:disabled{opacity:.45;cursor:default}.secondary{background:#e9f0e9;color:#285d47;border-color:#cbd8ce}.quiet{background:transparent;color:#516c5c;border-color:#d6dfd6;padding:7px 11px}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.toolbar label{display:flex;align-items:center;gap:7px}select{padding:8px;border:1px solid #cdd7cf;background:white}.hint,.muted{font-size:12px;color:#6d7c74;font-weight:400}.hint{line-height:1.7}#status{font-size:13px;line-height:1.8;margin-bottom:0}#status.error{color:#aa3d30}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eff4ee;border-radius:10px;padding:20px;max-height:420px;overflow:auto;font:13px/1.7 ui-monospace,Consolas,monospace;min-height:80px}.subgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.subgrid>section{min-width:0}#tree{max-height:400px;overflow:auto;font:12px/1.9 ui-monospace,Consolas,monospace}#tree details{padding-left:15px;border-left:1px solid #e1e7df}#tree summary{cursor:pointer;overflow-wrap:anywhere}#tree .leaf{padding-left:15px;overflow-wrap:anywhere}.difference{border-left:3px solid #cc9a53;background:#fbf7ef;margin:10px 0;padding:12px;font-size:12px;overflow-wrap:anywhere}.difference pre{padding:8px;max-height:120px;margin:7px 0;font-size:11px}.notes{padding:20px;color:#64776b;font-size:13px;line-height:1.9}.notes summary{cursor:pointer;font-weight:650}.notes a{color:#285d47}footer{display:flex;justify-content:space-between;font-size:12px;color:#7b8980;gap:15px}footer a{color:#7b8980}button:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d4a962;outline-offset:3px}@media(max-width:700px){header,main,footer{padding:20px}.intro,.editors,.subgrid{grid-template-columns:1fr}.intro{padding-top:24px}.intro>p:last-child{margin-top:16px}h1{font-size:36px}.workspace,.results{padding:18px}.toolbar{gap:10px}textarea{height:220px}.badge{font-size:9px}.topline>div{display:flex;gap:5px;flex-wrap:wrap}footer{flex-wrap:wrap}}