:root{--ink:#142d3b;--ink2:#243e4c;--teal:#087f72;--mint:#61dbc1;--cloud:#f3f6f7;--line:#dde7e8;--muted:#647987}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#142d3b;background:#f3f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:disabled{opacity:.38;cursor:not-allowed}.app{height:100vh;min-height:650px;display:flex;flex-direction:column}header{height:74px;background:#fff;border-bottom:1px solid #dde7e8;display:flex;align-items:center;justify-content:space-between;padding:0 25px;flex-shrink:0}.brand{display:flex;gap:12px;align-items:center}.brandicon{width:43px;height:43px;display:grid;place-items:center;background:#142d3b;color:#fff;border-radius:12px}.brand strong{font-size:18px;letter-spacing:-.5px}.brand strong span{color:#087f72}.brand small{display:block;color:#8790a2;font-size:11px;margin-top:3px}.header-right,.tools,.toolbar,.zoom{display:flex;align-items:center;gap:10px}.private{display:flex;align-items:center;gap:7px;color:#21876a;font-size:12px;margin-right:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:9px;font-size:13px;font-weight:650}.primary{background:#087f72;color:#fff}.secondary{border:1px solid #dbe1ec;background:#fff}.toolbar{height:57px;background:#fff;border-bottom:1px solid #dde7e8;justify-content:space-between;padding:0 22px;flex-shrink:0}.tools button,.zoom button{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:7px;color:#5e687d;font-size:13px}.tools button.active{background:#e2f5ef;color:#087f72;font-weight:650}.sep{height:22px;border-left:1px solid #e5e8ef;margin:0 4px}.zoom{font-size:12px;color:#65718a}.layout{display:grid;grid-template-columns:260px minmax(0,1fr) 245px;flex:1;min-height:0}aside{background:#fff}.layout>aside:first-child{border-right:1px solid #dde7e8;display:flex;flex-direction:column;min-height:0}.aside-title{padding:19px 17px 14px;display:flex;justify-content:space-between;align-items:center}.aside-title strong{font-size:13px}.aside-title span{font-size:11px;background:#e9eef8;padding:3px 7px;border-radius:6px;margin-left:5px;color:#546480}.pages{overflow-y:auto;flex:1;padding:0 10px}.page-item{border:1px solid transparent;border-radius:10px;display:flex;gap:11px;padding:9px;margin-bottom:7px;cursor:pointer}.page-item.selected{border-color:#8cd9c9;background:#effaf6}.page-image{height:85px;width:65px;background:#fff;border:1px solid #e0e5ed;display:grid;place-items:center;overflow:hidden;flex-shrink:0;box-shadow:0 1px 3px #0000000d}.page-image img{max-height:100%;max-width:100%;object-fit:contain}.page-info{min-width:0;flex:1}.page-info b{font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.page-info small{font-size:10px;color:#8a94a5;display:block;margin-top:4px}.actions{display:flex;gap:3px;margin-top:8px}.actions button{background:#fff;border:1px solid #e5eaf1;border-radius:5px;padding:4px}.aside-footer{padding:13px;border-top:1px solid #e9edf3}.aside-footer button{font-size:12px;color:#b24444;display:flex;gap:7px;align-items:center}.sidebar-empty{color:#a3aabb;font-size:12px;padding:25px 15px;text-align:center}main{overflow:hidden;display:flex;flex-direction:column;min-width:0}.welcome{margin:auto;max-width:550px;text-align:center;padding:30px}.welcome-icon{width:75px;height:75px;background:#e0f6ef;color:#087f72;border-radius:20px;display:grid;place-items:center;margin:0 auto 25px}.welcome h1{font-size:27px;letter-spacing:-.8px;margin:0 0 12px}.welcome p{color:#7b879c;font-size:14px;line-height:1.7}.large{padding:14px 24px;margin-top:17px}.welcome .hint{font-size:11px}.features{display:flex;gap:20px;justify-content:center;margin-top:45px;color:#67738b;font-size:12px}.features span{display:flex;align-items:center;gap:6px}.right{border-left:1px solid #dde7e8;padding:23px 18px;overflow:auto}.right h3{font-size:13px;margin:0 0 25px}.detail{margin-bottom:23px}.detail label,.fieldlabel{display:block;color:#8994a7;font-size:11px;margin-bottom:7px}.detail strong{font-size:12px;overflow-wrap:anywhere;font-weight:600}.right hr{border:0;border-top:1px solid #e7eaf1;margin:22px 0}.right input,.editbar input{border:1px solid #dce3ed;padding:11px;border-radius:8px;outline:none;width:100%;font-size:12px}.right input:focus,.editbar input:focus{border-color:#087f72}.wide{width:100%;margin-top:13px}.muted{font-size:12px;color:#8c97a8;line-height:1.7}.privacy-note{display:flex;gap:10px;background:#eff9f5;border-radius:9px;padding:13px;margin-top:35px;color:#24866d}.privacy-note strong{font-size:12px}.privacy-note p{font-size:11px;line-height:1.6;margin:6px 0 0;color:#5c897d}.workarea{height:100%;display:flex;flex-direction:column;min-height:0}.canvas-scroller{flex:1;min-height:0;overflow:auto;padding:38px;display:flex;align-items:flex-start;justify-content:center}.sheet{background:#fff;position:relative;box-shadow:0 5px 25px #142d3b25;flex-shrink:0;overflow:hidden}.sheet.placing{cursor:crosshair}.sheet>img{width:100%;height:100%;object-fit:fill;pointer-events:none}.mark{position:absolute;white-space:nowrap;color:#125c53;line-height:1.2;transform:translateY(-50%);max-width:95%;overflow:visible}.mark.signature{font-family:cursive;font-style:italic}.mark button{font-size:13px;color:#b42318;background:#fff;border:1px solid #ddd;border-radius:100%;width:18px;height:18px;margin-left:6px;vertical-align:top;display:none}.mark:hover button{display:inline-block}.bottom-note{padding:12px;text-align:center;color:#8b96a9;font-size:11px}.editbar{background:#e5f4ef;padding:12px 18px;display:flex;align-items:center;gap:10px;font-size:12px}.editbar label{font-weight:650;white-space:nowrap}.editbar input{max-width:260px;background:#fff}.editbar span{color:#63738d}.message{display:flex;gap:9px;align-items:center;padding:12px 20px;font-size:12px}.message button{margin-left:auto}.error{background:#fff1f0;color:#b42318}.success{background:#ecf9f1;color:#19734b}.busy{background:#eef3ff;color:#087f72}.spinner{width:15px;height:15px;border:2px solid #a4e3d5;border-top-color:#087f72;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.layout{grid-template-columns:220px minmax(0,1fr)}.right,.private{display:none}}@media (max-width:650px){.layout{grid-template-columns:120px minmax(0,1fr)}.page-item{display:block}.page-info b{font-size:10px}.page-image{margin:auto}.tools button{font-size:0;gap:0}.header-right .secondary,.brand small{display:none}.features{flex-wrap:wrap}.canvas-scroller{padding:15px}.editbar{flex-wrap:wrap}}header{box-shadow:0 1px #142d3b08;min-height:78px}.brandicon{background:transparent;border-radius:14px;width:47px;height:47px}.brandicon img{width:45px;height:45px}.brand strong{font-size:19px;font-weight:780;letter-spacing:-.8px}.brand strong span{font-weight:520;color:#087f72}.brand small{font-size:9px;letter-spacing:1.65px;color:#7b929a;font-weight:700}.private{border:1px solid #d6ebe3;border-radius:30px;background:#f0faf5;padding:8px 11px;color:#087f72;font-weight:650}.primary{background:#087f72;box-shadow:0 2px 7px #087f721c}.primary:hover{background:#07675d}.secondary:hover,.tools button:hover:not(:disabled),.actions button:hover{background:#edf7f3}.welcome{max-width:620px}.welcome-icon{background:transparent;width:88px;height:88px;margin-bottom:16px}.welcome-icon img{width:76px;height:76px}.welcome h1{font-size:35px;letter-spacing:-1.6px;color:#142d3b;font-weight:760}.welcome p{color:#637b84;font-size:14px;max-width:510px;margin:0 auto;line-height:1.85}.welcome .large{margin-top:28px}.welcome .hint{margin-top:13px;font-size:11px}.features{margin-top:45px;border-top:1px solid #dde7e8;padding-top:23px;color:#56737b}.features svg{color:#087f72}.page-item.selected{box-shadow:inset 3px 0 #087f72}.page-item{transition:background .15s,border-color .15s}.right h3{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#546e77}.sheet{border:1px solid #e4eaeb;box-shadow:0 14px 42px #142d3b20}:focus-visible{outline:3px solid #61dbc1;outline-offset:2px}@media (max-width:650px){.welcome h1{font-size:25px}.brand strong{font-size:16px}}.markup-toolbar{height:auto;min-height:60px;padding:8px 14px;gap:10px}.markup-toolbar .tools{gap:2px;flex-wrap:wrap}.markup-toolbar .tools button{padding:9px 7px;gap:5px}.markup-toolbar .tools button span{font-size:11px}.markup-toolbar .zoom{flex-shrink:0}.mark-options{background:#eaf5f1;flex-wrap:wrap}.mark-options input[type=color]{width:34px;height:32px;padding:2px;border-radius:7px;cursor:pointer}.mark-options input[type=range]{width:95px;accent-color:#087f72}.mark-options .mark-text{width:190px}.mark-options>span{margin-left:auto}.markup-sheet{touch-action:none}.annotation-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.annotation-layer *{pointer-events:none}.markup-sheet>img{width:100%;height:100%;object-fit:fill}.page-info .actions{flex-wrap:wrap}@media (max-width:1100px){.markup-toolbar .tools button span{display:none}}@media (max-width:650px){.markup-toolbar{align-items:flex-start}.markup-toolbar .tools button{padding:7px}.mark-options>span{margin-left:0}.markup-sheet{min-width:200px}}