:root{color:#19211b;font-synthesis:none;background:#eef0e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}main{max-width:1220px;margin:auto;padding:38px 28px 60px}header{border-bottom:1px solid #cbd0c6;justify-content:space-between;align-items:flex-end;margin-bottom:26px;padding-bottom:20px;display:flex}.brand{letter-spacing:-.03em;font-size:24px;font-weight:850}.brand span{color:#fff;background:#ff542e;border-radius:50%;place-items:center;width:42px;height:42px;margin-right:10px;display:inline-grid}header p{color:#657064;margin:0}.workbench{color:#edf3eb;background:#17251d;border-radius:8px;grid-template-columns:1.15fr .85fr;min-height:530px;display:grid;overflow:hidden;box-shadow:0 20px 60px #24312722}.editor{border-right:1px solid #ffffff19;padding:58px 52px}.editor label{color:#b9c8b9;margin-bottom:12px;font-size:14px;display:block}.editor input{color:#fff;background:0 0;border:0;border-bottom:2px solid #7c8d7f;outline:none;width:100%;padding:13px 0;font:700 clamp(26px,4vw,46px)/1.3 ui-monospace,SFMono-Regular,monospace}.editor input:focus{border-color:#ff6948}.legend{flex-wrap:wrap;gap:10px;margin:18px 0 48px;display:flex}.legend span{color:#b9c8b9;border:1px solid #ffffff24;border-radius:99px;padding:6px 10px;font-size:12px}.meaning{border-left:3px solid #ff6140;padding:5px 0 5px 22px}.meaning small{color:#8fa292;margin-bottom:9px;display:block}.meaning strong{font-size:22px;line-height:1.55}.error{background:#52251e;border-radius:6px;padding:20px 22px}.error b{color:#ffb19d}.error p{margin:8px 0}.segments{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.segments em{background:#ffffff12;border:1px solid #0000;padding:8px 10px;font-family:monospace;font-style:normal}.segments em.bad{background:#ff5b3c22;border-color:#ff7a5e}.segments small{color:#aaa;margin-top:3px;font-family:inherit;font-size:9px;display:block}aside{background:#203026;padding:48px 42px}h2{margin:0 0 22px;font-size:22px}ol{margin:0;padding:0;list-style:none}li{border-bottom:1px solid #ffffff13;align-items:center;gap:16px;padding:12px 0;display:flex}li span{color:#ff7253;font:700 11px monospace}time{color:#d9e2d8;font-size:14px}.empty{color:#9fb0a2;line-height:1.6}.templates{grid-template-columns:180px 1fr;gap:32px;margin-top:34px;display:grid}.templates small{color:#758076}.templates h2{margin-top:5px}.chips{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.chips button{text-align:left;cursor:pointer;background:#f8faf5;border:1px solid #d5d9d1;border-radius:6px;padding:15px 17px;transition:all .2s}.chips button:hover{border-color:#ff6848;transform:translateY(-2px)}.chips b,.chips code{display:block}.chips code{color:#6e786d;margin-top:7px;font-size:12px}@media (width<=800px){main{padding:22px 15px 40px}header{display:block}header p{margin-top:12px}.workbench{grid-template-columns:1fr}.editor{border-right:0;padding:36px 24px}.legend{margin-bottom:32px}aside{padding:34px 24px}.templates{grid-template-columns:1fr}.chips{grid-template-columns:1fr 1fr}}@media (width<=480px){.chips{grid-template-columns:1fr}.editor input{font-size:25px}}