*{box-sizing:border-box}body{margin:0;background:#eef5f5;color:#183e47;font-family:Arial,sans-serif}header{padding:22px 5%;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce8e9}.brand{font-size:28px;color:#237f80}.brand small{font-size:13px;display:inline-block;margin-right:18px;color:#678187}.badge{font-size:12px;background:#e2f2ee;color:#326e68;padding:9px 14px;border-radius:30px}.intro{padding:38px 5% 26px;background:radial-gradient(ellipse at top left,#c7e8df,transparent 60%)}.eyebrow{font-size:12px;color:#3b8a83;letter-spacing:1px}h1{font-size:clamp(26px,4vw,40px);margin:12px 0}p{line-height:1.8;color:#607c83;font-size:14px}main{padding:0 5% 45px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px}section.card{margin-bottom:18px}.card{background:white;border:1px solid #dce8e9;border-radius:22px;padding:22px;box-shadow:0 8px 28px #193e4705}h2{font-size:18px;margin:0 0 20px}h2 b{background:#e8f4ef;color:#328e80;border-radius:9px;padding:5px 10px;margin-left:8px}label{display:block;font-size:13px;font-weight:bold;margin:16px 0 8px}input,select{font:inherit;color:inherit;background:#f8fbfb;border:1px solid #d3e1e2;border-radius:10px;padding:11px;width:100%;margin-top:7px}input[type=checkbox]{width:auto;margin:0}input[type=range]{padding:0;accent-color:#298e80}.check{display:flex;gap:10px;align-items:center}button{font:inherit;font-size:14px;background:#1c7072;color:white;border:1px solid transparent;border-radius:11px;padding:12px 17px;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:default}.card>button{width:100%;margin-top:9px}.secondary{background:#edf5f5;color:#235b62;border-color:#d5e5e5}.upload{border:2px dashed #aad5cc;border-radius:16px;text-align:center;padding:18px;color:#278c7b;background:#f6fcf9;font-size:30px;cursor:pointer}.upload strong{display:block;font-size:16px;margin:8px}.upload span{display:block;font-size:12px;font-weight:normal}.upload input{font-size:11px;border:0;max-width:100%}progress{width:100%;height:6px;accent-color:#2c9586}.workspaceHead{display:flex;justify-content:space-between;align-items:center;gap:10px}.workspaceHead h2{margin-top:8px}#empty{text-align:center;padding:100px 15px;color:#a4c4c4;font-size:65px}#empty h3{font-size:21px;color:#436d72}#empty p{font-size:14px}.row{display:flex;gap:10px;align-items:center;margin:16px 0;flex-wrap:wrap}.row select{width:140px;margin:0}#paper{position:relative;max-width:100%;width:fit-content;margin:20px auto;line-height:0;box-shadow:0 10px 24px #123b4322;touch-action:auto}#pageImage{display:block;max-width:100%;max-height:650px}#areas{position:absolute;inset:0;pointer-events:none}.area{position:absolute;background:#38a39922;border:2px solid #258f82;pointer-events:auto;cursor:pointer;color:#144b48;font-size:12px;line-height:1.2}#selection{position:absolute;display:none;border:2px dashed #e89430;background:#e8943033;pointer-events:none}.hint{font-size:12px}.note{background:#dfeee8;border-radius:18px;margin-top:20px;padding:22px}.note p{margin-bottom:0}.linkrow{padding:10px 0;border-top:1px solid #edf2f2;display:flex;gap:8px;align-items:center}.linkrow a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;direction:ltr;font-size:12px;color:#287b79}.linkrow button{padding:7px 10px;font-size:12px}dialog{border:0;border-radius:18px;width:95vw;height:92vh;padding:12px;background:#17383e}dialog::backdrop{background:#031a20bb}iframe{display:block;border:0;width:100%;height:calc(100% - 50px);margin-top:9px;background:#0a2026}@media(max-width:900px){main{grid-template-columns:1fr}header .badge{display:none}.brand small{font-size:11px}.workspaceHead{flex-wrap:wrap}#empty{padding:45px 5px}}[hidden]{display:none!important}