:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f3f5f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.app{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2))}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;font-size:20px}.brand-mark{display:grid;place-items:center;height:31px;width:31px;border-radius:9px;background:#5b5ce2;color:#fff;font-size:16px}.header-actions{display:flex;align-items:center;gap:18px}.count{color:#7a8394;font-size:14px}.button{border:0;border-radius:10px;padding:11px 16px;font-weight:750;cursor:pointer;white-space:nowrap}.export{color:#fff;background:#5b5ce2;box-shadow:0 6px 16px #5b5ce233}.export:disabled{opacity:.45;cursor:not-allowed}.ghost{background:#fff;border:1px solid #dfe4ee;color:#283347}.tabs{display:flex;gap:5px;width:max-content;max-width:100%;overflow-x:auto;padding:5px;margin-bottom:30px;background:#e9ecf3;border-radius:12px}.tabs button{border:0;padding:10px 15px;border-radius:8px;background:transparent;color:#687386;cursor:pointer;font-weight:750}.tabs button.active{background:#fff;color:#5152cd;box-shadow:0 1px 4px #1921321f}.tool-card{padding:30px;border:1px solid #e0e4ec;border-radius:18px;background:#fff;box-shadow:0 12px 34px #1f29370f}.tool-card h1{margin:0 0 8px;font-size:32px;letter-spacing:-.04em}.tool-card>p{margin:0 0 23px;color:#737d8d}.file-strip{display:flex;gap:14px;min-height:146px;padding:24px 0;overflow-x:auto}.pdf-card{position:relative;flex:0 0 170px;min-height:125px;padding:16px;overflow:hidden;border:1px solid #dce1ec;border-radius:12px;background:#fafbff;text-align:left;cursor:grab}.pdf-card:active{cursor:grabbing}.pdf-card span{display:block;color:#d54d56;font-size:11px;font-weight:850;letter-spacing:.08em}.pdf-card b{position:absolute;right:14px;top:14px;color:#5b5ce2;font-size:18px}.pdf-card small{display:block;margin-top:24px;overflow:hidden;color:#4b5669;text-overflow:ellipsis;white-space:nowrap}.pdf-card i{position:absolute;right:10px;bottom:9px;color:#c64d58;font-size:18px;font-style:normal}.empty-inline{display:grid;width:100%;place-items:center;color:#8d96a5;border:1px dashed #d3d9e4;border-radius:12px}.range-controls{display:flex;align-items:end;flex-wrap:wrap;gap:13px;margin:25px 0 18px}.range-controls label{display:grid;gap:5px;color:#697487;font-size:12px;font-weight:800}.range-controls input{width:90px;padding:9px;border:1px solid #dce1ec;border-radius:8px}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:14px;max-height:440px;overflow:auto;padding:4px}.page-preview{padding:7px;border:1px solid #e0e4ec;border-radius:10px;background:#fff;cursor:pointer}.page-preview.chosen{border:2px solid #5b5ce2;box-shadow:0 0 0 3px #ececff}.page-preview img{display:block;width:100%;height:140px;object-fit:contain;background:#f5f6f9}.page-preview span{display:block;padding:7px 2px 1px;color:#697487;font-size:11px;font-weight:750}.upload-word{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:185px;margin-bottom:18px;border:2px dashed #ccd4e4;border-radius:14px;color:#2e394d;cursor:pointer}.upload-word:hover{border-color:#5b5ce2;background:#fbfbff}.upload-word small{margin-top:8px;color:#8590a0}.conversion-note{margin-top:18px!important;font-size:12px}.edit-actions{display:flex;flex-wrap:wrap;gap:10px}.annotation-notice{margin:18px 0;padding:11px 14px;border-radius:9px;background:#eef;color:#5152cd;font-size:13px;font-weight:700}.annotation-notice button{margin-left:10px;border:0;background:transparent;color:#5152cd;cursor:pointer;font-weight:800}.edit-page-list{display:grid;gap:25px;max-height:680px;overflow:auto;margin-top:24px;padding:4px 14px 4px 4px}.edit-page{position:relative;width:min(100%,680px);margin:0 auto;line-height:0;cursor:crosshair;box-shadow:0 3px 15px #17203329}.edit-page>img{display:block;width:100%;height:auto}.edit-page>span{position:absolute;right:-69px;top:0;color:#7c8594;font-size:12px;font-weight:750;line-height:1}.annotation{position:absolute;z-index:2;min-height:20px;border:1px dashed #5b5ce2;background:#ffffff59;cursor:move;line-height:normal}.annotation textarea{width:100%;height:100%;resize:none;border:0;outline:0;padding:4px;background:#ffffffb8;color:#172033;font:600 13px Inter,sans-serif}.annotation.signature{border:1px dashed #3d81c8}.annotation.signature img{width:100%;height:100%;object-fit:contain}.delete-annotation{position:absolute;right:-9px;top:-9px;width:19px;height:19px;padding:0;border:1px solid white;border-radius:50%;background:#c74755;color:#fff;cursor:pointer;line-height:15px}.signature-modal{position:fixed;z-index:10;inset:0;display:grid;place-items:center;background:#11182780}.signature-modal>div{width:min(650px,calc(100% - 30px));padding:24px;border-radius:16px;background:#fff;box-shadow:0 18px 55px #00000040}.signature-modal h2{margin:0 0 15px}.signature-modal canvas{display:block;width:100%;height:220px;margin-bottom:14px;border:1px solid #ccd3df;border-radius:10px;background:#fff;touch-action:none}.resize-annotation{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;padding:0;border:2px solid white;border-radius:3px;background:#5b5ce2;cursor:nwse-resize}.font-size{position:absolute;left:2px;bottom:-29px;display:flex;align-items:center;gap:3px;padding:3px 5px;border:1px solid #cfd2ff;border-radius:5px;background:#fff;color:#4f50c9;font-size:11px;font-weight:800;line-height:1}.font-size input{width:35px;padding:0;border:0;outline:0;color:#172033;font-size:11px}.annotation.image{border:1px dashed #3d81c8}.annotation.image img{width:100%;height:100%;object-fit:contain}.editor-shell{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:42px 0 54px}.editor-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:27px}.eyebrow{margin:0 0 8px;color:#5b5ce2;font-size:11px;font-weight:850;letter-spacing:.15em}.editor-intro h1{margin:0 0 8px;font-size:clamp(30px,4vw,43px);letter-spacing:-.045em}.editor-intro p:not(.eyebrow){margin:0;color:#737d8d}.upload-empty{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;border:2px dashed #cfd5e4;border-radius:20px;cursor:pointer;color:#263248}.upload-empty:hover{border-color:#5b5ce2;background:#fbfbff}.upload-empty small{color:#8b93a2}.upload-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eeefff;color:#5b5ce2;font-size:27px;margin-bottom:4px}.canvas-card{overflow:hidden;border:1px solid #e0e4ec;border-radius:18px;background:#fff;box-shadow:0 12px 34px #1f29370f}.canvas-toolbar,.canvas-footer{min-height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;color:#5d687a;font-size:13px;font-weight:700}.canvas-toolbar{border-bottom:1px solid #edf0f4}.hint{color:#9aa2af;font-weight:500}.canvas{display:flex;align-items:center;justify-content:center;width:min(100%,850px);height:min(54vw,455px);min-height:280px;margin:25px auto;overflow:hidden;background:repeating-linear-gradient(45deg,#fafbfd,#fafbfd 12px,#f6f8fb 12px 24px);box-shadow:0 3px 15px #1c23341f}.image-stage{position:relative;display:inline-block;max-width:100%;max-height:100%;line-height:0}.canvas-image{display:block;max-width:100%;max-height:min(54vw,455px);width:auto;height:auto;transition:filter .16s}.filter-grayscale{filter:grayscale(1)}.filter-sepia{filter:sepia(.9) saturate(.85)}.filter-contrast{filter:contrast(1.32) saturate(1.1)}.crop-box{position:absolute;border:2px dashed white;outline:1px solid rgba(16,24,40,.7);cursor:move;box-shadow:0 0 0 999px #0d142259}.crop-handle{position:absolute;width:14px;height:14px;padding:0;border:2px solid white;border-radius:50%;background:#2c82cf;z-index:2}.crop-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.crop-handle.n{left:calc(50% - 7px);top:-8px;cursor:ns-resize}.crop-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.crop-handle.e{right:-8px;top:calc(50% - 7px);cursor:ew-resize}.crop-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.crop-handle.s{left:calc(50% - 7px);bottom:-8px;cursor:ns-resize}.crop-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.crop-handle.w{left:-8px;top:calc(50% - 7px);cursor:ew-resize}.edit-panel{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:15px 19px;border-top:1px solid #edf0f4}.tool-group{display:flex;align-items:center;gap:9px}.tool-label{font-size:12px;color:#697487;font-weight:800}.crop-help{color:#8b94a3;font-size:12px}.text-button{border:0;background:transparent;color:#5b5ce2;cursor:pointer;font-size:12px;font-weight:750}.filter-section{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.filter-button{border:1px solid #e1e5ed;background:#fff;border-radius:7px;padding:6px 9px;text-transform:capitalize;color:#5d687a;cursor:pointer;font-size:11px;font-weight:750}.filter-button.active{color:#4e4fcf;background:#eef;border-color:#bfc0ff}.apply-all{border:1px solid #c9caff;border-radius:7px;background:#f2f2ff;color:#5152cd;padding:7px 10px;cursor:pointer;font-size:11px;font-weight:800}.apply-all:hover{background:#e8e8ff}.canvas-footer{border-top:1px solid #edf0f4}.canvas-footer span{max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.remove-selected{border:0;background:transparent;color:#ca4c58;cursor:pointer;font-weight:750}.filmstrip{display:flex;gap:13px;padding:22px 2px;overflow-x:auto}.thumbnail,.add-more{flex:0 0 122px;height:126px;position:relative;overflow:hidden;padding:0;border:1px solid #dfe4ec;border-radius:12px;background:#fff;cursor:pointer}.thumbnail.selected{border:2px solid #5b5ce2;box-shadow:0 0 0 3px #e7e7ff}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail span{position:absolute;left:7px;bottom:7px;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#151c2dc7;color:#fff;font-size:11px;font-weight:800}.thumbnail i{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#677184;font-size:17px;font-style:normal;opacity:0}.thumbnail:hover i{opacity:1}.add-more{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-style:dashed;color:#687386}.add-more:hover{color:#5b5ce2;border-color:#5b5ce2}.add-more span{font-size:26px;line-height:1}.add-more b{font-size:13px}.status{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:12px 18px;border-radius:11px;background:#172033;color:#fff;box-shadow:0 10px 28px #0000002e;font-size:14px}@media(max-width:650px){.topbar{height:64px}.count{display:none}.editor-shell{padding-top:28px}.editor-intro{align-items:flex-start;flex-direction:column}.editor-intro .button{width:100%;text-align:center}.canvas{height:330px;min-height:0;margin:15px 0;width:100%}.canvas-toolbar .hint{display:none}.edit-panel{gap:13px}.filters{width:100%;flex-wrap:wrap}}