:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#183f36;background:#eee9dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #7e998d;background:#f9f7ed;color:#21493e;border-radius:7px;padding:9px 12px;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#d8e8c7;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default}button.primary{background:#245e4c;color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e39943;outline-offset:2px}header{padding:24px 32px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #c5c9b6}header h1{font:500 clamp(25px,3vw,40px) Georgia,serif;margin:0}header p{margin:6px 0 0;color:#627062}header button{margin-left:auto}.brand{font:italic 32px Georgia,serif;min-width:110px}.brand span{display:block;font:9px monospace;letter-spacing:1px;margin-top:8px}.warning{background:#f4dbab;font:12px/1.6 monospace;padding:10px 32px}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:calc(100vh - 160px)}aside{padding:24px;background:#f6f3e9;border-right:1px solid #c5c9b6}h2{font:11px monospace;text-transform:uppercase;letter-spacing:1.5px;margin:26px 0 14px}h2:first-child{margin-top:0}label{display:block;font-size:12px;margin:12px 0 6px}input:not([type=checkbox]),select,textarea{width:100%;margin-top:6px;padding:9px;border:1px solid #bbc7b7;background:#fffdf5;border-radius:5px;color:inherit}input[type=range]{padding:0}.pair{display:flex;gap:8px}.pair>*{flex:1;min-width:0}.studies{display:flex;gap:5px}.small{font-size:11px;line-height:1.6;color:#5c7065}article{min-width:0;padding:24px}.canvasbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px}.canvasbar span{color:#667568}.canvasbar label{margin:0}.canvas{margin-top:20px;background:#f9f3e7;border:1px solid #d2d0ba;border-radius:12px;min-height:480px;height:65vh;overflow:auto;box-shadow:0 12px 40px #46685115}.canvas svg{width:100%;height:100%;min-height:480px}.canvas polygon{cursor:pointer;transition:fill .2s}.canvas polygon:hover{fill:#eebf6c}.canvas:not(.rims) [data-boundary]{display:none}.trace h3{font:12px monospace}.trace>div{display:flex;gap:5px;flex-wrap:wrap;max-height:110px;overflow:auto}.trace span{font:10px monospace;background:#dbe5d5;padding:5px;border-radius:3px}.status{padding:12px;background:#dce9d8;border-radius:8px;font-size:13px}details{border-top:1px solid #c5c9b6;padding:15px 0;font-size:12px;line-height:1.6}summary{cursor:pointer;font-weight:700}footer{padding:26px 32px;border-top:1px solid #b6c4b4;display:grid;grid-template-columns:2fr 1fr;gap:40px}.actions{display:flex;gap:8px;flex-wrap:wrap}.privacy{font-size:11px;line-height:1.6;color:#52685c}.privacy button{font-size:11px}textarea{height:140px;resize:vertical}@media(max-width:800px){header{padding:18px;gap:14px}.brand{display:none}.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}aside h2,aside .small{grid-column:1/-1}article{padding:15px}footer{grid-template-columns:1fr;padding:20px}.canvas{height:65vh}.warning{padding:10px 18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{header,aside,footer,.warning,.canvasbar,.trace,.status,details{display:none}.workspace{display:block}article{padding:0}.canvas{border:0;box-shadow:none;height:auto;min-height:0;overflow:visible}.canvas svg{height:auto;min-height:0}.canvas [data-boundary]{display:block!important}}