:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#173442;background:#e9eff1;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #c7d3d8;border-radius:6px;background:#fff;color:#234451;padding:9px 12px;font-size:.875rem;font-weight:600}button:hover{border-color:#12866c;background:#eefbf7}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2da98c;outline-offset:2px}header{height:88px;padding:0 30px;display:flex;align-items:center;gap:28px;background:#142f3d;color:#fff}.brand{display:flex;align-items:center;gap:13px}.mark{font-size:48px;line-height:1;color:#65dfbd}h1{font-size:1.35rem;letter-spacing:-.6px;margin:0 0 4px}.eyebrow{font-size:.68rem;letter-spacing:1.8px;color:#a7c3cc}.private{margin-left:auto;color:#b6cdd5;font-size:.875rem}.primary{background:#77e2bf;border-color:#77e2bf;color:#10392e;padding:12px 20px}.primary span{margin-left:20px}main{display:grid;grid-template-columns:320px minmax(0,1fr);height:calc(100vh - 88px)}aside{background:#fff;border-right:1px solid #ced9de;overflow-y:auto;padding:0 22px}section{padding:22px 0;border-bottom:1px solid #e2e8ea}h2{font-size:1rem;margin:0 0 18px;display:flex;gap:12px;align-items:center}h2 b{font-size:.75rem;color:#61818e;font-weight:500}label{display:block;font-size:.875rem;font-weight:550;margin:12px 0}label>span{float:right;color:#67808b}input:not([type=checkbox]):not([type=range]):not([type=file]),select{display:block;width:100%;border:1px solid #cbd7dc;background:#fff;border-radius:5px;padding:9px 10px;color:#25414c;margin-top:6px;min-width:0}input[type=color]{height:39px;padding:5px!important}input[type=range]{display:block;width:100%;accent-color:#137b66;margin:12px 0}.row{display:flex;gap:12px}.row>*{flex:1;min-width:0}.upload{border:1px dashed #8bb1b5;border-radius:7px;text-align:center;padding:19px 8px;background:#f4f9f9;color:#226b63;cursor:pointer;overflow-wrap:anywhere;position:relative}.upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.upload small{display:block;margin-top:7px;font-weight:400;color:#617d88;font-size:.75rem}.hint,.warning{font-size:.78rem;line-height:1.6;margin:10px 0 0;color:#637d87}.warning{background:#fff3e5;color:#8b5016;padding:10px;border-radius:5px}.quiet{padding:3px 0;border:0;background:none;font-weight:500;color:#50727f;font-size:.8rem}.segmented{display:flex;margin-bottom:16px}.segmented button{flex:1;border-radius:0}.segmented button:first-child{border-radius:5px 0 0 5px}.segmented button:last-child{border-radius:0 5px 5px 0}button[aria-pressed=true]{background:#e3f5ee;border-color:#70b7a0;color:#14674f}.presets{display:flex;gap:6px}.presets button{font-size:.75rem;padding:6px 10px;background:#f5f8f9}.check{display:flex;gap:9px;align-items:center;font-weight:400}.check input{accent-color:#187b66;width:16px;height:16px}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0}.toolbar{padding:21px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f7f9fa;border-bottom:1px solid #d5dfe3}.toolbar strong{font-size:.95rem}.toolbar small{display:block;color:#6d858e;margin-top:5px;font-size:.8rem}.view-actions{display:flex;gap:6px}.canvas-wrap{flex:1;min-height:220px;overflow:auto;display:flex;align-items:center;justify-content:center;padding:35px;background-image:radial-gradient(#bccbd1 .7px,transparent .7px);background-size:16px 16px}.paper{position:relative;background:#fff;box-shadow:0 3px 6px #203d4617,0 16px 40px #203d4620;width:min(100%,850px);max-height:100%}.paper svg{display:block;width:100%;height:100%;cursor:grab;touch-action:none;overflow:hidden}.paper svg:active{cursor:grabbing}.canvas-wrap.real{display:block}.real .paper{max-height:none;margin:0 auto}.empty-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:#ffffffef;box-shadow:0 3px 20px #1a3b4320;padding:22px 28px;border:1px solid #d6e3e6;border-radius:8px;width:max-content;max-width:85%;pointer-events:none}.empty-note strong{display:block;font-size:1.05rem}.empty-note span{display:block;font-size:.85rem;color:#647d86;margin-top:8px}footer{display:flex;justify-content:space-between;gap:12px;padding:14px 28px;border-top:1px solid #d0dde2;background:#f7f9fa;font-size:.8rem;color:#54717e}footer i{font-style:normal;margin:0 9px}.status{font-size:.78rem;color:#58737e;padding:9px 28px;background:#f7f9fa;min-height:34px}.calibration{background:#fff;padding:18px 28px;border-bottom:1px solid #d2dfe2;max-height:50vh;overflow:auto}.calibration h3{font-size:1rem;margin:0}.calibration p,.calibration small{font-size:.85rem;color:#607984;line-height:1.5}.calibration small{display:block;margin-top:10px}.calibration .row{max-width:500px}.ruler-scroll{overflow:auto;padding:15px 0}.ruler{height:30px;border-left:2px solid #173b48;border-right:2px solid #173b48;border-bottom:2px solid #173b48;text-align:center;max-width:none;flex-shrink:0;font-size:.8rem;background:repeating-linear-gradient(90deg,transparent 0,transparent 9%,#dce5e9 10%)}@media(max-width:1000px){header{padding:0 20px}.private{display:none}.primary{margin-left:auto}.toolbar{align-items:flex-start;flex-direction:column;padding:16px 20px}main{grid-template-columns:290px minmax(0,1fr)}footer{flex-direction:column;padding:12px 20px}.canvas-wrap{padding:24px}}@media(max-width:700px){header{height:auto;min-height:88px;padding:15px;gap:10px}h1{font-size:1.1rem}.eyebrow{font-size:.55rem}.mark{font-size:36px}.primary{padding:10px}.primary span{display:none}main{display:flex;flex-direction:column;height:auto}.workspace{order:-1;min-height:560px}.canvas-wrap{min-height:300px}.paper{max-height:none}.canvas-wrap.real{height:380px}.toolbar{flex-direction:row;flex-wrap:wrap}.toolbar small{font-size:.75rem}aside{overflow:visible;border:0;padding:0 22px}footer{flex-direction:row;flex-wrap:wrap}.calibration{max-height:none}.empty-note{padding:15px}.empty-note strong{font-size:.9rem}.empty-note span{font-size:.75rem}}@media(max-width:700px){.canvas-wrap{height:380px;flex:none}}.calibration{flex-shrink:0}.calibration h4{margin:22px 0 8px;font-size:.95rem}.calibration .row{max-width:650px}.correction-action{display:flex;align-items:center}.view-actions{flex-wrap:wrap}.real .paper{max-width:none;min-width:0}.card-scroll{overflow:auto;padding:12px 0}.calibration-card{border:2px solid #173b48;border-radius:10px;background:#fff;display:grid;place-items:center;flex-shrink:0;color:#58737e;font-size:.8rem;max-width:none}.calibration-done{margin-top:18px}.calibration .segmented{max-width:500px}.calibration{max-height:calc(100vh - 170px)}.workspace:has(.calibration) .canvas-wrap{min-height:80px}@media(max-width:700px){.calibration{max-height:none}}.workspace:has(.calibration-card){overflow-y:auto}.calibration:has(.calibration-card){max-height:none;overflow:visible}.workspace:has(.calibration-card) .canvas-wrap{flex:none;height:300px}.calibration-card{box-sizing:border-box;aspect-ratio:63 / 88;align-self:start;flex:none}.card-scroll{height:auto;min-height:min-content;flex:none}.minimap{position:fixed;right:22px;bottom:76px;width:190px;z-index:5;padding:10px;background:#fffffff5;border:1px solid #b4cbd2;border-radius:8px;box-shadow:0 5px 20px #142f3d25}.minimap-title{display:flex;justify-content:space-between;gap:6px;font-size:.8rem;font-weight:650;margin-bottom:8px}.minimap-title span{font-size:.65rem;font-weight:400;color:#5d7782}.minimap svg{display:block;width:100%;max-height:200px;cursor:grab;touch-action:none;border:1px solid #c7d7dd}.minimap svg:active{cursor:grabbing}.minimap svg:focus-visible{outline:3px solid #2da98c;outline-offset:3px}.minimap small{display:block;font-size:.65rem;color:#52717c;margin-top:7px}@media(max-width:700px){.minimap{width:145px;right:12px;bottom:12px}.minimap-title{flex-direction:column;gap:2px}}