@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#16213b;background:#f8faff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #8aa4ff;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}header{height:96px;padding:0 4.5%;display:flex;align-items:center;gap:35px;border-bottom:1px solid #e8edf7;background:#f8faff;position:relative;z-index:20}.brand{display:flex;align-items:center;color:inherit;text-decoration:none;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px}.light{font-weight:500}.mark{width:33px;height:33px;border-radius:9px;background:#2b54ea;color:white;margin-right:10px;font-size:25px;line-height:33px;text-align:center;letter-spacing:-3px;padding-right:3px}.mark span{color:#aebfff}.header-note{font-size:14px;color:#8690a3}.actions{margin-left:auto;display:flex;align-items:center;gap:12px}.actions>button:not(.round){font-size:14px;padding:12px 16px}.round{width:48px;height:48px;display:grid;place-items:center;border:1px solid #dfe5ef;border-radius:50%;background:white;box-shadow:0 3px 10px #223c6310}.round svg{width:22px}.round[aria-expanded=true]{background:#2b54ea;color:white;border-color:#2b54ea}.primary{background:#2b54ea;color:white;border-radius:9px;padding:15px 24px;font-weight:600;box-shadow:0 5px 14px #2b54ea21}.primary:hover{background:#2044d0}#empty{max-width:1180px;margin:0 auto;min-height:calc(100svh - 96px);display:grid;grid-template-columns:1fr 1.04fr;align-content:center;gap:60px;padding:60px 40px 30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#6680b4;margin-bottom:23px}h1{font-family:Manrope,sans-serif;font-size:clamp(64px,7vw,94px);letter-spacing:-5px;line-height:1.08;margin:0;font-weight:800}h1 span{color:#2b54ea}.intro>p{font-size:19px;color:#7a8599;line-height:1.7;margin-top:26px}.dropzone{background:white;border:1.5px dashed #b9c7e5;border-radius:20px;min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 14px 60px #253f6610;transition:background .2s,border-color .2s}.dropzone:hover{background:#fcfdff;border-color:#2b54ea}.upload-icon{height:64px;width:64px;background:#eef2ff;border-radius:17px;display:grid;place-items:center;margin-bottom:10px;color:#2b54ea}.upload-icon svg{width:33px}h2{font-family:Manrope,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.6px;margin:14px 0 8px}.dropzone>p{margin:0 0 27px;font-size:16px;color:#8b94a6}.dropzone .primary{display:flex;gap:17px;align-items:center;font-size:15px}.primary svg{width:20px}.local-note{font-size:12px;color:#929cad;display:flex;align-items:center;gap:6px;margin-top:25px}.local-note svg{width:14px;height:14px}footer{display:flex;justify-content:space-between;padding:25px 4.5%;font-size:12px;color:#99a2b3}#panel{position:fixed;right:4.5%;top:83px;width:310px;background:white;border:1px solid #e1e6f0;border-radius:17px;padding:22px;z-index:40;box-shadow:0 18px 60px #18274b22}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:20px;margin:0}.panel-head button{font-size:25px;color:#8a95a9}#panel>p{font-size:13px;color:#8590a3;margin:8px 0 25px}label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}label span{color:#8a95a9}select,input[type=number]{border:1px solid #dce3f0;background:#fafbfe;border-radius:8px;width:100%;height:43px;padding:0 12px;color:#16213b}.fieldrow{display:flex;gap:16px;margin:20px 0}.fieldrow>div{flex:1}input[type=color]{width:100%;height:43px;padding:5px;border:1px solid #dce3f0;border-radius:8px;background:#fafbfe}.toggle-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f6;padding-top:20px;cursor:pointer}.toggle-row span{color:#16213b}.toggle-row small{display:block;color:#8590a3;font-size:12px;margin-top:6px;font-weight:400}.toggle-row input{accent-color:#2b54ea;width:19px;height:19px}#sample{margin-top:23px;background:#f6f8ff;border-radius:9px;padding:18px;overflow-wrap:anywhere}.danger{color:#d34343;font-size:14px;margin-top:17px}.editing header{height:70px;background:white;padding:0 24px}.editing .header-note{display:none}#workspace{height:calc(100svh - 70px);overflow:auto;background:#e9edf4;padding:28px 24px 90px}#pages{display:flex;flex-direction:column;align-items:center;gap:24px;min-width:100%}.pdf-page{position:relative;background:white;box-shadow:0 4px 20px #2339561c;flex-shrink:0;cursor:text}.pdf-page canvas{display:block;width:100%;height:100%;pointer-events:none}.annotation{position:absolute;line-height:1.2;white-space:pre;outline:none;min-width:3px;min-height:1.2em;padding:0;margin:0;cursor:text;transform-origin:top left;z-index:2}.annotation.boxed{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid currentColor;padding:6px}.annotation:focus{outline:1px dashed #2b54ea}.handle{position:absolute;top:-20px;left:-1px;height:19px;padding:0 7px;background:#2b54ea;color:white;font-size:12px;font-family:sans-serif;cursor:grab;display:none;user-select:none}.annotation:focus-within .handle{display:block}.text{outline:0;min-height:1.2em}.annotation.boxed{resize:horizontal;overflow:auto}#editorbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:25;display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #dce3ed;border-radius:13px;padding:10px 16px;box-shadow:0 6px 26px #192d5024;max-width:calc(100% - 24px);white-space:nowrap;font-size:13px}#filename{max-width:180px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.divider{width:1px;height:20px;background:#e1e7f0}.zoom{display:flex;align-items:center;gap:8px}.zoom button{font-size:20px;width:26px}#editorbar .hint{color:#8892a6;font-size:12px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#16213b;color:white;z-index:80;max-width:90%;padding:13px 20px;border-radius:10px;font-size:14px}#dragmask{position:fixed;inset:0;z-index:100;background:#edf2fff0;display:grid;place-items:center;border:5px dashed #2b54ea;color:#2b54ea;font-size:30px;font-weight:600}@media(max-width:760px){header{height:76px;padding:0 22px}.header-note{display:none}#empty{grid-template-columns:1fr;gap:30px;padding:38px 24px 20px}.intro{text-align:center}h1{font-size:62px;letter-spacing:-3px}h1 br{display:none}h1 span{margin-left:12px}.eyebrow{margin-bottom:15px}.intro>p{font-size:16px;margin:18px 0 0}.intro p br{display:none}.dropzone{min-height:320px}footer{padding:25px 24px;font-size:11px}#panel{right:12px;top:65px;max-width:calc(100% - 24px)}.editing header{padding:0 14px}.editing .brand{font-size:20px}.editing .mark{display:none}.actions{gap:5px}.actions>button:not(.round){padding:10px;font-size:12px}#workspace{padding:15px 10px 90px}#editorbar{gap:8px;padding:9px 10px}#filename{max-width:90px}#editorbar .hint{display:none}.round{width:42px;height:42px}}

#panel{max-height:calc(100svh - 100px);overflow:auto}#panel>label,#textfields>label{margin-top:16px}#panel input[type=color]{width:100%}.profile-tabs{display:flex;background:#eef2fb;padding:4px;border-radius:9px;margin-top:20px;gap:4px}.profile-tabs button{flex:1;padding:9px;border-radius:6px;font-size:14px}.profile-tabs button[aria-pressed=true]{background:white;color:#2b54ea;box-shadow:0 2px 6px #16213b12}#actionfield{margin-bottom:18px}#texttoggles .toggle-row{margin-top:16px;padding-top:16px}.shape{cursor:pointer;padding:0!important;border:0!important}.shape svg{width:100%;height:100%;display:block}.shape:focus{outline:1px dashed #2b54ea}.shape:focus .handle{display:block}.shape .handle{z-index:3}#editorbar .hint{max-width:220px;white-space:normal}@media(max-width:760px){#panel{max-height:calc(100svh - 80px)}}

.shape{touch-action:none}.pdf-page.draw-mode{touch-action:none;cursor:crosshair}.resize-handle{display:none;position:absolute;width:14px;height:14px;background:white;border:2px solid #2b54ea;border-radius:3px;padding:0;z-index:5;touch-action:none}.shape.selected .resize-handle,.shape:focus-within .resize-handle{display:block}.resize-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}.resize-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.resize-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.resize-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.shape.selected{outline:1px dashed #2b54ea}.shape.selected .handle{display:block}.handle{touch-action:none}

.shape-help{font-size:13px;color:#8590a3;line-height:1.5;margin:16px 0 0}

.line-shape,.line-shape:focus,.line-shape:focus-within,.line-shape.selected{outline:none!important;min-width:0;min-height:0;pointer-events:none}.line-shape svg{pointer-events:none;overflow:visible}.line-shape svg line{pointer-events:stroke;cursor:pointer}.line-shape .handle{pointer-events:auto}.endpoint-handle{display:none;position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);background:white;border:2px solid #2b54ea;border-radius:50%;padding:0;z-index:5;cursor:crosshair;touch-action:none;pointer-events:auto}.line-shape.selected .endpoint-handle,.line-shape:focus-within .endpoint-handle{display:block}

.text-tools{position:absolute;z-index:4;pointer-events:none}.text-tools .handle{display:block;pointer-events:auto;touch-action:none;white-space:nowrap}.text-tools .handle:active{cursor:grabbing}

.pdf-page{touch-action:none}.annotation:not(.shape){cursor:default}.annotation.boxed:not(.shape).selected{outline:1px dashed #2b54ea;outline-offset:-1px}.annotation .text{cursor:text}.annotation.boxed.fixed-height{resize:both}.text-border-hit{position:absolute;z-index:3;cursor:pointer;touch-action:none}.text-border-hit.top{top:0;left:0;right:0;height:5px}.text-border-hit.bottom{bottom:0;left:0;right:14px;height:5px}.text-border-hit.left{left:0;top:0;bottom:0;width:5px}.text-border-hit.right{right:0;top:0;bottom:14px;width:5px}

.annotation.boxed,.annotation.boxed.fixed-height{resize:none}.text-tools .resize-handle{display:block;pointer-events:auto}.actions>button.history-button{display:flex;align-items:center;gap:5px;font-size:20px;padding:9px;border-radius:8px}.history-button span{font-size:13px}.history-button:hover:not(:disabled){background:#edf2ff}.history-button:disabled{cursor:default;opacity:.35}@media(max-width:760px){.history-button span{display:none}.actions>button.history-button{padding:6px;font-size:20px}.editing .brand{font-size:18px}.actions>button:not(.round){padding:8px;font-size:12px}}

@media(max-width:480px){.editing header{padding:0 8px;gap:8px}.editing .brand{font-size:0}.editing .mark{display:block;font-size:22px;width:28px;height:28px;line-height:28px;margin:0}.editing .actions{gap:3px}.editing .round{width:36px;height:36px}.editing .actions>button:not(.round):not(.history-button){padding:8px 6px;font-size:11px}}

#exportmenu{position:fixed;right:80px;top:64px;width:320px;max-width:calc(100% - 24px);z-index:45;border:1px solid #dce3f0;background:white;border-radius:13px;padding:6px;box-shadow:0 12px 36px #18274b22}#exportmenu button{display:block;text-align:left;width:100%;padding:14px;border-radius:8px}#exportmenu button:hover,#exportmenu button:focus-visible{background:#edf2ff}#exportmenu strong{display:block;font-size:15px}#exportmenu span{display:block;font-size:13px;line-height:1.5;color:#7a8599;margin-top:5px}@media(max-width:480px){#exportmenu{right:12px}}

.text-tools.unboxed .resize-handle,.annotation:not(.boxed) .text-border-hit{display:none}.annotation:not(.shape):not(.boxed){outline:none!important;cursor:text}
.formatting{display:flex;gap:8px;margin-top:16px}.formatting button{border:1px solid #dce3f0;border-radius:7px;width:42px;height:36px;font-size:17px}.formatting button[aria-pressed=true]{background:#eaf0ff;color:#2b54ea;border-color:#2b54ea}.navigation{display:flex;align-items:center;gap:6px;white-space:nowrap}.navigation input{width:44px;padding:5px;border:1px solid #dce3f0;border-radius:5px;text-align:center}.navigation button{font-size:22px;padding:0 5px}.navigation button:disabled{opacity:.3}.navigation label{font-size:12px}#savestatus{font-size:11px;color:#74809a;white-space:nowrap}#editorbar .hint{display:none}.text-warning{position:absolute;z-index:5;background:#fff3db;border:1px solid #e8bc63;color:#865610;border-radius:4px;font-size:11px;padding:2px 6px;white-space:nowrap}.export-name{padding:12px}.export-name label{font-size:13px;display:block;margin-bottom:6px}.export-name>div{display:flex;align-items:center;gap:8px}.export-name input{width:100%;min-width:0;border:1px solid #dce3f0;border-radius:6px;padding:9px;font:inherit}.export-name>div>span{margin:0}#exportwarning{font-size:12px;line-height:1.5;color:#865610;margin:10px 0 0}#recovery{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin:20px auto 0;padding:16px 20px;width:fit-content;max-width:calc(100% - 32px);background:white;border:1px solid #dce3f0;border-radius:12px;box-shadow:0 5px 20px #18274b08}#recovery span{display:block;color:#74809a;font-size:13px;margin-top:4px}#recovery .primary{padding:9px 16px}#recovery[hidden]{display:none}@media(max-width:760px){#editorbar{flex-wrap:wrap;gap:8px;max-width:calc(100% - 20px);justify-content:center}#filename{max-width:100px}#savestatus{font-size:10px}#recovery{gap:8px;padding:12px;font-size:13px}}
#shortcuthelp{margin-top:20px;border-top:1px solid #e8edf6;padding-top:16px}#shortcuthelp summary{cursor:pointer;color:#2b54ea;font-size:14px;font-weight:600}#shortcuthelp p{font-size:13px;line-height:1.55;color:#74809a}#shortcuthelp dl{margin:14px 0}#shortcuthelp dl>div{padding:8px 0;border-bottom:1px solid #edf0f5}#shortcuthelp dt{font-size:13px;font-weight:600}#shortcuthelp dd{font-size:12px;margin:3px 0 0;color:#74809a}

@media(max-width:760px){#empty{min-height:calc(100svh - 76px)}}
.rotation-controls{display:flex;gap:3px;border-left:1px solid #e1e7f0;padding-left:8px}.rotation-controls button{font-size:22px;width:30px;height:32px;border-radius:6px}.rotation-controls button:hover:not(:disabled){background:#edf2ff}.annotation,.text-tools{transform-origin:top left}

.rotation-controls button{display:grid;place-items:center}.rotation-controls svg{width:22px;height:22px}.rotation-controls .counterclockwise{transform:scaleX(-1)}