:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#183839;background:#e7e9e3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.file{border:1px solid #b7c6bd;background:#f3f5ef;color:#173c3b;border-radius:5px;padding:10px 12px;cursor:pointer;text-align:left}button:hover,.file:hover{background:#dce8df}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,svg:focus-visible,summary:focus-visible{outline:3px solid #d36548;outline-offset:3px}input,select{max-width:100%;border:1px solid #bbc8be;background:#fffdf5;padding:7px;border-radius:4px;color:inherit}input[type=range]{accent-color:#d86547;padding:0;width:100%}input[type=checkbox]{accent-color:#1c5c59}header{display:flex;align-items:center;gap:48px;padding:26px 32px;background:#153738;color:#f5f0e6}.wordmark{font-size:25px;font-weight:800;letter-spacing:-2px;color:inherit;text-decoration:none}.wordmark span{display:block;font:9px monospace;letter-spacing:1px;margin-top:6px}h1{font-size:28px;font-family:Georgia,serif;font-weight:400;margin:0 0 4px}header p{margin:0;font-size:12px;color:#bdd1c4}.local{margin-left:auto;font:10px monospace;letter-spacing:1px;color:#c1d8be}.layout{display:grid;grid-template-columns:240px minmax(340px,1fr) 222px;min-height:calc(100vh - 153px)}aside{padding:22px 18px;border-right:1px solid #c5cdc3}aside.output{border:0;border-left:1px solid #c5cdc3}section{padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #c6d0c6}h2{font:10px monospace;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 15px;color:#54706a}label{display:block;font-size:11px;line-height:1.7;margin:10px 0}label input:not([type=checkbox]):not([type=color]){display:block;width:100%}.studies{display:grid;gap:6px}.studies button{display:flex;justify-content:space-between;font-size:12px}.studies span{font:10px monospace;color:#728578}.hint,details p{font-size:11px;line-height:1.65;color:#566b63}.profile label{display:flex;align-items:center;gap:5px;font-size:10px}.profile label input{width:70px!important;margin-left:auto}.check{display:flex;align-items:center;gap:6px}.handle-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}aside section>button{display:block;width:100%;margin:6px 0;font-size:11px}article{padding:22px 24px;min-width:0}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:15px;flex-wrap:wrap}.toolbar button{font-size:11px}.segmented{display:flex;gap:3px}.segmented button[aria-pressed=true]{background:#204c49;color:#fff}.color{display:flex;gap:8px;align-items:center;margin:0 auto 0 4px}.color input{width:30px;height:30px;padding:2px}.paper{background:#f5f0e6;box-shadow:0 10px 30px #203b3010;border:1px solid #c7c9b8}.paper-title,.paper-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;font:9px monospace;letter-spacing:.7px;color:#6d7c6d}.paper-title span:first-child{font:italic 19px Georgia;color:#244d47;letter-spacing:0}.paper svg{display:block;width:100%;aspect-ratio:10/7;touch-action:none;cursor:crosshair;background-image:radial-gradient(#53675220 .8px,transparent .8px);background-size:22px 22px}.lead,.follower,.draft{fill:none;stroke:#285c58;stroke-width:1.5;vector-effect:non-scaling-stroke}.follower{stroke:#a9543f;stroke-dasharray:4 4}.draft{stroke:#163b3a;stroke-width:3;stroke-dasharray:5 3}.radius{fill:#42796c08;stroke:#49786f44;stroke-dasharray:5 6}.handle{fill:#f9f6ec;stroke:#254e49;stroke-width:2}svg text{font:14px monospace;fill:#234d47;pointer-events:none}.transport{display:flex;gap:16px;align-items:center;margin:20px 0 12px}.transport button{font-size:12px;min-width:76px}.transport output{font:11px monospace;white-space:nowrap}.visibility{display:flex;gap:16px;align-items:center}.visibility label{display:flex;gap:5px;align-items:center;margin:0}.visibility span{margin-left:auto;font:10px monospace;color:#6d7b6d}.notice{font-size:12px;background:#d8e2d5;padding:12px;border-left:3px solid #5d8e77;margin:20px 0}summary{cursor:pointer;font-size:11px;padding:8px 0}.primary{background:#c65d41;color:#fff;border-color:#c65d41}.file{display:block;text-align:center;font-size:11px}.file input{margin-top:8px;font-size:9px}.mark{display:flex;justify-content:space-between;align-items:center;margin:12px 0;font:11px monospace}.mark small{font-size:9px;color:#6a7b6e}.mark button{padding:3px 10px}.output details button{font-size:10px;margin:3px}footer{padding:17px 30px;background:#153738;color:#b5cbbb;font:9px monospace;letter-spacing:1px;display:flex;justify-content:space-between}@media(min-width:1600px){.layout{grid-template-columns:270px minmax(340px,1fr) 260px}article{padding:30px 50px}}@media(max-width:1100px){.layout{grid-template-columns:210px minmax(340px,1fr)}.output{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.local{display:none}}@media(max-width:700px){header{padding:20px;gap:25px}h1{font-size:24px}header p{font-size:10px}.layout{display:flex;flex-direction:column}article{order:0;padding:14px}aside{order:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.output{order:2;display:block!important}aside section{margin:0}.paper-title,.paper-footer{padding:12px;font-size:8px}.visibility{gap:8px;flex-wrap:wrap}.visibility span{display:none}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}