:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#203d3b;background:#f1eee4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:40px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bfc6b9;padding-bottom:25px}h1{font:500 clamp(36px,5vw,70px)/1.02 Georgia,serif;letter-spacing:-2px;margin:20px 0}h1 span{display:block;font-style:italic;color:#68816a}h2{font:500 29px Georgia,serif;margin:18px 0}.eyebrow,.canvashead{font-size:10px;letter-spacing:2px;font-weight:700}p{font-size:14px;line-height:1.65;color:#53655d}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0}button,.button{font:inherit;font-size:12px;border:1px solid #a6b4a7;border-radius:4px;padding:11px 14px;background:transparent;color:inherit;cursor:pointer;display:inline-block;margin:3px}.primary{background:#294d43;color:#fff}button:hover{background:#d8dfcf}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #be714f;outline-offset:3px}.button input[type=file]{max-width:160px;margin:0;font-size:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.canvas{background:#172d31;color:#e9ebd8;padding:22px;border-radius:7px}.canvashead{display:flex;justify-content:space-between;margin-bottom:18px}.canvas svg{display:block;width:100%;aspect-ratio:1;cursor:crosshair}.legend{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;margin-top:18px}.legend i{width:8px;height:8px;display:inline-block;margin-right:7px;border-radius:50%}aside{padding:20px 0}label{display:block;font-size:12px;margin:10px 0}input,select,textarea{font:inherit;color:inherit;background:#faf9f4;border:1px solid #b5beb0;border-radius:3px;padding:9px;width:100%;margin-top:5px}.pair{display:flex;gap:12px}.pair label{width:50%}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:35px}textarea{height:280px;font:12px/1.5 ui-monospace,monospace;resize:vertical}li{font-size:13px;padding:5px}footer{border-top:1px solid #bac3b5;margin-top:35px;padding-top:20px;max-width:900px}footer p{font-size:12px}main:fullscreen{overflow:auto}@media(max-width:850px){main{padding:20px}.workspace,.bottom{grid-template-columns:1fr}.canvas{padding:12px}header{align-items:flex-start}.workspace{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}