:root{font-family:Inter,Arial,sans-serif;color:#223e39;background:#eeeae0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1440px;margin:auto}header{padding:34px 42px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c2c9bd}h1{font-family:Georgia,serif;font-size:38px;letter-spacing:-1.5px;margin:8px 0}h1 span{display:block;font-family:Arial,sans-serif;font-size:15px;font-weight:400;letter-spacing:0;margin-top:10px;color:#68766b}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#8b563c}main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);padding:28px 42px;gap:32px}.workspace,aside{min-width:0}aside{padding:25px;background:#f9f7f1;border:1px solid #d1d4c8;border-radius:5px}.toolbar{display:flex;justify-content:space-between;align-items:center}h2{font:25px Georgia,serif;overflow-wrap:anywhere;margin:8px 0}p{font-size:12px;line-height:1.7;color:#53675c}.board{display:block;width:100%;height:450px;background:#f6f3eb;border:1px solid #c4cebf;cursor:crosshair;border-radius:5px}.section{width:100%;height:185px;background:#f9f7f1;margin-top:12px}.sliders,.numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sliders{margin:20px 0}label{display:block;font-size:11px;font-weight:700;color:#52665b;margin:15px 0 8px}input,select,textarea{display:block;width:100%;padding:10px;background:#fffef9;border:1px solid #b9c6b8;border-radius:3px;font:13px Arial;margin-top:7px;color:#223e39}textarea{height:160px;resize:vertical}button{background:#f8f7f1;border:1px solid #b5c0b1;padding:10px 13px;border-radius:3px;color:#294c40;font-size:11px;font-weight:700;cursor:pointer}button:hover{background:#dce6d7}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ad6039;outline-offset:3px}.buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.exports button{background:#2f5849;color:#fff}.status{padding:13px;background:#e8e9dc;border-left:3px solid #a55a37;overflow-wrap:anywhere}hr{border:0;border-top:1px solid #d0d4c7;margin:26px 0}summary{font-size:12px;cursor:pointer}.note{font-size:11px}footer{padding:15px 42px 35px;font-size:11px;line-height:1.8;max-width:1000px}footer strong{display:block}body:fullscreen{overflow:auto}@media(max-width:800px){header{padding:24px}h1{font-size:29px}main{grid-template-columns:1fr;padding:20px;gap:20px}.board{height:360px}footer{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{header button,aside,footer .buttons{display:none}main{display:block;padding:10px}.board{height:400px}header{padding:10px}.workspace{break-inside:avoid}}