:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#111411;color:#edf0e8}*{box-sizing:border-box}body{margin:0}.shell{max-width:1400px;margin:auto;padding:0 6%}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30362d}.brand{font-weight:800;letter-spacing:2px;color:inherit;text-decoration:none;font-size:15px}.brand span{color:#bfe781;margin:0 10px}.private,.eyebrow,.panel-head>span,.num,.footnote{font-family:ui-monospace,monospace;letter-spacing:1.5px;font-size:10px}.private{color:#b6c1ac;display:flex;gap:9px;align-items:center}.private i{width:6px;height:6px;border-radius:50%;background:#bfe781}main{padding-top:65px}.eyebrow{color:#bfe781}h1{font-size:clamp(40px,5.5vw,76px);letter-spacing:-4px;margin:15px 0 18px;font-weight:650}h1 span{color:#a8b29e}h1 em{color:#c1ea86;font-style:normal}.intro{font-size:16px;line-height:1.8;color:#a8b19f;margin:0 0 42px}.workspace{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid #3b4434;border-radius:12px;overflow:hidden;background:#181d16}.input-panel{padding:25px;border-right:1px solid #3b4434}.output-panel{padding:25px;background:#1c2219}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;font-size:13px}.panel-head h2{font-size:13px;font-weight:500;margin:0}.panel-head>span{font-size:9px;color:#9aa78d;letter-spacing:1px}.num{color:#8a9b78;margin-right:9px}textarea{width:100%;height:265px;resize:vertical;border:1px solid #414c38;border-radius:6px;padding:20px;color:#d8c4f4;background:#11170f;font:14px/1.9 ui-monospace,monospace;overflow-wrap:anywhere;outline:none}textarea:focus{border-color:#bfe781;box-shadow:0 0 0 2px #bfe78120}textarea::placeholder{color:#73806a}.actions{display:flex;justify-content:space-between;margin-top:15px}button{font:12px inherit;cursor:pointer;border:1px solid #536444;background:#c4e99b;color:#192210;padding:11px 15px;border-radius:5px;font-weight:600}.actions button span{margin-left:22px}.quiet{background:transparent;color:#b2bea6;border-color:transparent}button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:2px solid #d5f5ad;outline-offset:4px}button:disabled{opacity:.35;cursor:default}.privacy{display:flex;gap:14px;border-top:1px solid #36402f;margin-top:30px;padding-top:22px;color:#b6d397}.privacy>span{font-size:24px}.privacy p,.signature p{margin:0;font-size:12px;line-height:1.8;color:#99a68e}.privacy strong,.signature strong{color:#c4cfb9;font-weight:500}.json-block{border:1px solid #3c4833;border-radius:6px;margin-bottom:15px;overflow:hidden}.block-title{padding:12px 16px;background:#252e20;display:flex;justify-content:space-between;align-items:center}h3{font-size:12px;font-weight:500;margin:0;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.purple{background:#c2a3e8}.green{background:#bfe781}.block-title button{font-size:10px;padding:4px 6px;background:transparent;border:0;color:#b8c5ac}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 ui-monospace,monospace;padding:17px;margin:0;min-height:70px;color:#d0dfc0}.hint{color:#718264}.signature{display:flex;gap:12px;margin-top:20px}.signature>span{color:#b7cb9b;padding-top:4px}.claims{font-size:12px;color:#c2cdb8;line-height:1.8}.claim{border-bottom:1px solid #35402d;padding:8px 0;overflow-wrap:anywhere}.claim strong{color:#c4e99b;margin-right:12px}#error{font-size:12px;color:#ffb4a6;line-height:1.7;margin:12px 0}#error:empty{display:none}.footnote{display:flex;gap:30px;color:#738268;padding:25px 0;font-size:9px}footer{display:flex;justify-content:space-between;border-top:1px solid #30362d;margin-top:35px;padding:26px 0;font-size:11px;color:#7e8c73}@media(max-width:750px){.shell{padding:0 6%}header{height:75px}main{padding-top:38px}h1{letter-spacing:-2px}.workspace{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid #3b4434;padding:20px}.output-panel{padding:20px}.footnote{gap:14px;font-size:8px;letter-spacing:.5px}textarea{height:200px}footer{gap:20px}.panel-head{flex-wrap:wrap}}