:root{--green: #3fa54a;--green-dark: #35893e;--green-soft: #e9f5ea;--ink: #1f2430;--sub: #6b7280;--line: #e4e7ec;--canvas: #525659;--blue: #2563eb;--radius: 10px;font-size:15px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;color:inherit}::selection{background:#2563eb40}.app{height:100%;display:flex;flex-direction:column}.landing{flex:1;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#f6faf7,#eef3ee);overflow:auto;padding:48px 20px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:34px}.brand-logo{width:40px;height:40px;border-radius:9px;background:var(--green);display:grid;place-items:center;box-shadow:0 4px 12px #3fa54a59}.brand-name{font-size:22px;font-weight:800;letter-spacing:-.3px}.brand-name span{color:var(--green)}.landing h1{font-size:34px;margin:0 0 10px;text-align:center;letter-spacing:-.5px}.landing .sub{color:var(--sub);text-align:center;max-width:560px;margin:0 0 34px;line-height:1.55}.dropzone{width:100%;max-width:640px;background:#fff;border:2px dashed #c8d4c9;border-radius:16px;padding:46px 30px 40px;text-align:center;transition:border-color .15s,background .15s,transform .15s;cursor:pointer}.dropzone:hover,.dropzone.over{border-color:var(--green);background:#fbfefb;transform:translateY(-2px)}.dz-icon{color:var(--green);margin-bottom:14px}.dz-title{font-size:19px;font-weight:700;margin-bottom:6px}.dz-sub{color:var(--sub);font-size:13.5px;margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:9px;font-weight:600;font-size:14.5px;transition:background .15s,box-shadow .15s,transform .05s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 3px 10px #3fa54a59}.btn-primary:hover{background:var(--green-dark)}.btn-ghost{color:var(--sub)}.btn-ghost:hover{background:#f0f2f0;color:var(--ink)}.btn-white{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-white:hover{background:#f6f7f6}.landing .or{color:#9aa39b;margin:16px 0 4px;font-size:12.5px}.privacy{margin-top:26px;color:#8a948c;font-size:12.5px;display:flex;gap:6px;align-items:center}.error-box{margin-top:18px;background:#fdecec;color:#b42323;padding:10px 16px;border-radius:8px;font-size:13.5px}.header{display:flex;align-items:center;gap:14px;height:54px;padding:0 14px;border-bottom:1px solid var(--line);background:#fff;z-index:30}.header .brand-mini{display:flex;align-items:center;gap:8px}.header .brand-mini .brand-logo{width:30px;height:30px;border-radius:7px}.header .fname{font-weight:600;font-size:14px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-dirty{background:#fef3c7;color:#92600a;font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px}.header .spacer{flex:1}.toolbar{display:flex;align-items:stretch;gap:4px;padding:6px 12px;border-bottom:1px solid var(--line);background:#fff;z-index:25;overflow-x:auto}.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:62px;padding:6px 8px 5px;border-radius:8px;color:#4b5563;font-size:11px;font-weight:600;transition:background .12s,color .12s}.tool svg{width:20px;height:20px}.tool:hover{background:#f2f4f2;color:var(--ink)}.tool.active{background:var(--green-soft);color:var(--green-dark)}.tb-sep{width:1px;background:var(--line);margin:6px}.tb-right{margin-left:auto;display:flex;align-items:center;gap:4px}.icon-btn{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#4b5563}.icon-btn:hover{background:#f2f4f2}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{filter:none}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:disabled:hover{background:none}.icon-btn svg{width:18px;height:18px}.formatbar{display:flex;align-items:center;gap:8px;padding:7px 14px;background:#f8faf8;border-bottom:1px solid var(--line);flex-wrap:wrap;z-index:24}.fb-label{font-size:12px;color:var(--sub);font-weight:600}.fb-select{height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:13px;padding:0 8px}.fb-num{width:52px;height:30px;border:1px solid var(--line);border-radius:7px;text-align:center;font-size:13px;background:#fff}.fb-btn{height:30px;min-width:30px;padding:0 8px;border-radius:7px;font-weight:700;font-size:13px;color:#4b5563;border:1px solid transparent}.fb-btn:hover{background:#eceeed}.fb-btn.on{background:#dbeedd;color:var(--green-dark);border-color:#b9dcc0}.fb-color{width:34px;height:30px;padding:2px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.fb-color::-webkit-color-swatch-wrapper{padding:2px}.fb-color::-webkit-color-swatch{border:none;border-radius:4px}.fb-sep{width:1px;height:22px;background:var(--line)}.workspace{flex:1;display:flex;min-height:0;background:var(--canvas)}.thumbs{width:158px;background:#3d4043;overflow-y:auto;padding:12px 10px 24px;display:flex;flex-direction:column;gap:12px;align-items:center}.thumb{position:relative;border-radius:4px;overflow:hidden;outline:2px solid transparent;cursor:pointer;background:#fff;line-height:0;transition:outline-color .12s,transform .12s}.thumb:hover{transform:translateY(-1px);outline-color:#ffffff73}.thumb.current{outline-color:var(--green)}.thumb canvas{width:118px;height:auto;display:block}.thumb-num{color:#b9bec3;font-size:11px;text-align:center;margin-top:4px;line-height:1.4}.thumb-wrap{display:flex;flex-direction:column}.scroll-area{flex:1;overflow:auto;position:relative;scroll-behavior:auto}.pages-inner{display:flex;flex-direction:column;align-items:center;gap:26px;padding:34px 20px 90px}.page-holder{position:relative;flex-shrink:0}.page-holder.placeholder{background:#63676b;border-radius:3px;display:grid;place-items:center;color:#9aa0a5;font-size:13px}.page-holder.rotated>.page{position:absolute;left:50%;top:50%;transform-origin:center}.page{position:relative;background:#fff;box-shadow:0 2px 6px #00000059,0 10px 28px #00000047;border-radius:2px}.pgcanvas{display:block;width:100%;height:100%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.overlay.tool-text,.overlay.tool-image,.overlay.tool-whiteout,.overlay.tool-rect,.overlay.tool-ellipse,.overlay.tool-line,.overlay.tool-arrow,.overlay.tool-link,.overlay.tool-highlight,.overlay.tool-strike,.overlay.tool-underline,.overlay[class*=tool-field-]{cursor:crosshair}.pline-patch{position:absolute;z-index:1;pointer-events:none}.pline{position:absolute;white-space:pre;cursor:text;color:transparent;caret-color:#111;outline:1.5px solid transparent;outline-offset:0px;border-radius:2px;z-index:2}.pline:hover{outline-color:#2563eb8c}.pline.active,.pline.dirty{background:#fff;color:var(--ink)}.pline.active{outline-color:var(--blue);box-shadow:0 2px 10px #2563eb47;z-index:8}.pobj{position:absolute;z-index:4}.pobj.selected{outline:1.6px solid var(--blue);outline-offset:1px}.pobj.whiteout{background:#fff}.pobj.whiteout:hover,.pobj.whiteout.selected{outline:1.6px dashed var(--blue)}.pobj.image img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pobj.shape{cursor:move}.pobj.textobj{white-space:pre;cursor:text;color:var(--ink);z-index:5}.pobj.textobj.active{outline:1.5px solid var(--blue);background:#ffffffeb;box-shadow:0 2px 10px #2563eb40}.handle{position:absolute;right:-7px;bottom:-7px;width:12px;height:12px;background:#fff;border:2.5px solid var(--blue);border-radius:3px;cursor:nwse-resize;z-index:10}.band{position:absolute;background:#2563eb1f;border:1px solid var(--blue);pointer-events:none;z-index:9}.bottombar{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:2px;background:#2b2e31;color:#d6d9dc;border-radius:10px;padding:5px 8px;box-shadow:0 4px 16px #0006;z-index:20;font-size:13px}.bottombar .bb-btn{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#cfd3d7}.bottombar .bb-btn:hover{background:#3c4043;color:#fff}.bottombar .bb-btn.on{color:#7fd48a}.bottombar svg{width:16px;height:16px}.bb-zoom{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.bb-sep{width:1px;height:20px;background:#45494d;margin:0 5px}.bb-page{min-width:64px;text-align:center;font-variant-numeric:tabular-nums}.hint{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#23272b;color:#eef1f3;padding:10px 18px;border-radius:99px;font-size:13.5px;box-shadow:0 6px 20px #00000059;z-index:60;display:flex;align-items:center;gap:10px}.hint button{color:#9fd8a7;font-weight:700}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181c8c;display:grid;place-items:center;z-index:100}.modal{background:#fff;border-radius:14px;padding:30px 42px;text-align:center;box-shadow:0 18px 60px #00000059;min-width:260px}.spinner{width:34px;height:34px;margin:0 auto 16px;border:3.5px solid #dfe5df;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal .msg{font-weight:600;font-size:14.5px}.hidden-input{display:none}@media (max-width: 760px){.thumbs{display:none}.tool{min-width:50px}}.tb-menu{position:relative;display:inline-flex}.tb-menu>.tool{position:relative;padding-right:15px}.tb-menu .caret{position:absolute;right:5px;top:50%;width:9px;height:9px;margin-top:-3px;opacity:.5}.tb-pop{position:fixed;z-index:60;min-width:178px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 28px #0f172a29}.pop-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border-radius:6px;font-size:13.5px;text-align:left}.pop-item:hover{background:#f2f5f3}.pop-item.on{background:var(--green-soft);color:var(--green-dark);font-weight:600}.pop-item em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--sub)}.pop-swatch{width:13px;height:13px;border-radius:3px;border:1px solid rgba(0,0,0,.12)}.pop-sep{height:1px;margin:5px 4px;background:var(--line)}.pobj.mark{z-index:3;cursor:move}.pobj.mark.selected{outline:1.4px solid var(--blue);outline-offset:1px}.mark-bar{position:absolute;left:0;right:0;border-radius:1px}.pobj.linkbox{z-index:5;cursor:move;border:1.4px solid rgba(37,99,235,.75);border-radius:3px;background:#2563eb17}.pobj.linkbox.empty{border-style:dashed;border-color:#d97706;background:#d977061a}.pobj.fieldbox{z-index:5;cursor:move;display:flex;align-items:center;gap:6px;padding:0 6px;border:1.4px dashed #7c3aed;border-radius:3px;background:#7c3aed14;overflow:hidden}.field-tag{flex:none;padding:1px 5px;border-radius:3px;background:#7c3aed;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase}.field-name{font-size:11px;color:#5b21b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwidget{position:absolute;z-index:6;border:1.2px solid rgba(37,99,235,.5);border-radius:3px;background:#2563eb0f;padding:1px 4px;font-family:inherit;color:var(--ink);resize:none}.pwidget:focus{outline:2px solid var(--blue);outline-offset:-1px;background:#fff}.pwidget.ro{opacity:.6;border-style:dashed}.pwidget.check{display:flex;align-items:center;justify-content:center;padding:0}.pwidget.check input{width:78%;height:78%;accent-color:var(--blue)}.findbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;background:#fffbe9;border-bottom:1px solid #f2e3a8;color:#6b5307}.find-input{height:30px;min-width:170px;padding:0 9px;border:1px solid #e6d494;border-radius:7px;background:#fff;font-size:13.5px}.find-input:focus{outline:2px solid var(--blue);outline-offset:-1px}.find-count{min-width:74px;font-size:12.5px;font-variant-numeric:tabular-nums}.find-replace{padding:5px 12px;font-size:13px}.find-case{display:flex;align-items:center;gap:5px;font-size:12.5px}.sign-modal{width:min(560px,92vw);padding:18px;gap:0;align-items:stretch;text-align:left}.sign-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:16px}.sign-tabs{display:flex;align-items:center;gap:6px;margin-bottom:12px}.sign-tab{padding:6px 13px;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--sub)}.sign-tab.on{background:var(--green-soft);color:var(--green-dark)}.sign-color{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--sub)}.sign-color input{width:30px;height:26px;padding:0;border:1px solid var(--line);border-radius:6px;background:none}.sign-pad{width:100%;height:190px;border:1.5px dashed #c8d2cb;border-radius:10px;background:repeating-linear-gradient(45deg,#fcfdfc,#fcfdfc 9px,#f6f8f6 9px,#f6f8f6 18px);touch-action:none;cursor:crosshair}.sign-input{width:100%;height:40px;padding:0 11px;border:1px solid var(--line);border-radius:8px;font-size:15px}.sign-styles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.sign-style{height:62px;border:1.5px solid var(--line);border-radius:9px;font-size:27px;overflow:hidden;white-space:nowrap}.sign-style.on{border-color:var(--green);background:var(--green-soft)}.sign-actions{display:flex;align-items:center;margin-top:14px}.sign-upload{padding:18px 4px;font-size:13.5px;color:var(--sub)}.sign-upload p{margin:0 0 12px}.fb-url{height:28px;min-width:190px;padding:0 8px;border:1px solid var(--line);border-radius:6px;font-size:13px}.fb-url:focus{outline:2px solid var(--blue);outline-offset:-1px}.thumb{position:relative;overflow:hidden}.thumb-inner{position:absolute;left:50%;top:50%;transform-origin:center}.thumb-blank{background:#fff}.thumb-pending{background:#565a5e;display:grid;place-items:center;color:#9aa0a5;font-size:12px}.thumb-wrap.drop{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}.thumb-tools{position:absolute;right:4px;top:4px;display:none;gap:3px;z-index:2}.thumb:hover .thumb-tools{display:flex}.thumb-tools button{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;background:#111827b8;color:#fff}.thumb-tools button:hover{background:#111827eb}.thumb-tools svg{width:13px;height:13px}.ocr-modal{width:min(600px,94vw);padding:18px;align-items:stretch;text-align:left;gap:0}.ocr-note{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--sub)}.ocr-note b{color:var(--ink)}.ocr-row{display:flex;gap:12px;margin-bottom:12px}.ocr-label{flex:none;width:76px;padding-top:6px;font-size:12.5px;font-weight:600;color:var(--sub)}.ocr-choices{display:flex;flex-wrap:wrap;gap:6px}.ocr-choice{padding:5px 11px;border:1px solid var(--line);border-radius:20px;font-size:12.5px;color:var(--sub)}.ocr-choice.on{border-color:var(--green);background:var(--green-soft);color:var(--green-dark);font-weight:600}.ocr-fine{margin:4px 0 0;font-size:11.5px;color:var(--sub)}.ocr-error{margin:10px 0 0;font-size:12.5px;color:#b91c1c}.ocr-progress{padding:12px 0 4px}.ocr-bar{height:8px;border-radius:5px;background:#eef1ee;overflow:hidden}.ocr-bar span{display:block;height:100%;background:var(--green);transition:width .25s}.ocr-status{margin-top:10px;font-size:13px;color:var(--sub);text-transform:capitalize}.home{flex:1;overflow:auto;padding:48px 24px 60px;background:linear-gradient(180deg,#faf3ea,#f6ece0);display:flex;flex-direction:column;align-items:center}.home h1{font-size:32px;margin:0 0 10px;text-align:center;letter-spacing:-.5px}.home .sub{color:var(--sub);text-align:center;max-width:580px;margin:0 0 36px;line-height:1.55}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;width:100%;max-width:1000px}.home-card{display:block;text-align:left;padding:20px 22px 22px;background:#fff;border-radius:16px;box-shadow:0 1px 2px #18140e0d,0 10px 24px #18140e0f;transition:transform .14s,box-shadow .14s}.home-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #18140e0f,0 16px 32px #18140e1a}.home-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;margin-bottom:14px}.home-ic svg{width:20px;height:20px}.home-name{display:block;font-size:19px;font-weight:700;margin-bottom:8px;letter-spacing:-.2px}.home-blurb{display:block;color:var(--sub);font-size:13.5px;line-height:1.5}.home .privacy{margin-top:40px}.tool-screen{flex:1;overflow:auto;padding:26px 24px 60px;background:linear-gradient(180deg,#faf7f2,#f4f6f3)}.tool-head{max-width:940px;margin:0 auto 22px}.tool-back{display:inline-flex;align-items:center;gap:5px;padding:6px 11px 6px 7px;margin-bottom:16px;border-radius:20px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--sub)}.tool-back:hover{color:var(--ink)}.landing-back{align-self:flex-start;margin-bottom:0}.tool-id{display:flex;align-items:flex-start;gap:14px}.tool-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex:none}.tool-ic svg{width:21px;height:21px}.tool-id h2{margin:2px 0 4px;font-size:24px;letter-spacing:-.3px}.tool-id p{margin:0;color:var(--sub);font-size:13.5px;max-width:620px;line-height:1.5}.tool-body{max-width:940px;margin:0 auto}.tool-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:46px 20px;border:2px dashed #cfd6cf;border-radius:14px;background:#fff;color:var(--green);cursor:pointer;transition:border-color .15s,background .15s}.tool-drop:hover,.tool-drop.over{border-color:var(--green);background:var(--green-soft)}.tool-drop .dz-title{color:var(--ink);font-size:17px;font-weight:700;margin-top:6px}.tool-drop .dz-sub{color:var(--sub);font-size:13px}.tool-file{display:flex;align-items:center;gap:16px;padding:14px 16px;margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.tool-file img,.tool-file canvas{border:1px solid var(--line);border-radius:4px}.tool-file strong{display:block;font-size:14.5px}.tool-file span{color:var(--sub);font-size:12.5px}.tool-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;color:var(--sub)}.tool-hint{font-style:normal;margin-left:auto;font-size:12.5px}.btn.sm{padding:5px 12px;font-size:12.5px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.tool-page{position:relative;padding:8px;background:#fff;border:2px solid var(--line);border-radius:10px;display:grid;place-items:center}.tool-page.on{border-color:var(--green);background:var(--green-soft)}.tool-thumb-canvas{display:block;border:1px solid var(--line);background:#fff;transition:opacity .2s}.tool-page-num{display:block;margin-top:7px;font-size:12px;color:var(--sub)}.tool-check{position:absolute;top:10px;right:10px;width:19px;height:19px;border-radius:50%;border:1.6px solid var(--line);background:#fff;display:grid;place-items:center;color:transparent}.tool-page.on .tool-check{background:var(--green);border-color:var(--green);color:#fff}.tool-options{display:grid;gap:10px;margin-bottom:18px}.tool-option{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;background:#fff;border:1.6px solid var(--line);border-radius:12px;cursor:pointer}.tool-option.on{border-color:var(--green);background:var(--green-soft)}.tool-option input{margin-top:3px;accent-color:var(--green)}.tool-option strong{display:block;font-size:14.5px}.tool-option span{display:block;color:var(--sub);font-size:12.5px;margin-top:2px}.tool-input{display:block;margin-top:9px;height:32px;min-width:220px;padding:0 10px;border:1px solid var(--line);border-radius:7px;font-size:13.5px}.tool-input:focus{outline:2px solid var(--blue);outline-offset:-1px}.tool-note{margin:0 0 16px;color:var(--sub);font-size:13px;line-height:1.55}.tool-fine{margin:0 0 12px;color:var(--sub);font-size:12px}.tool-actions{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}.tool-done{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--green-soft);border:1px solid #bfe0c4;border-radius:12px;color:var(--green-dark);font-size:14px}.tool-done>span{flex:1}.tool-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;font-size:12.5px;color:var(--sub);font-weight:600}.tool-select{height:34px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13.5px;color:var(--ink)}.merge-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}.merge-item{display:flex;align-items:center;gap:11px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;cursor:grab}.merge-item.dragging{opacity:.5}.merge-grip{color:#b6bcb7;display:flex}.merge-kind{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;background:#eef1ee;color:var(--sub)}.merge-kind.image{background:#ffeadb;color:#d2743a}.merge-name{flex:1;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merge-size{font-size:12px;color:var(--sub);font-variant-numeric:tabular-nums}.merge-x{color:var(--sub);display:flex;padding:3px;border-radius:5px}.merge-x:hover{background:#f2f4f2;color:#d33}.crop-layout{display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}.crop-stage{position:relative;background:#fff;box-shadow:0 4px 16px #00000024;cursor:crosshair;touch-action:none;flex:none}.crop-canvas{display:block;width:100%;height:100%}.crop-shade{position:absolute;background:#18201a73;pointer-events:none}.crop-frame{position:absolute;outline:1.6px solid var(--green);pointer-events:none}.crop-pager{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12.5px;color:var(--sub)}.crop-side{flex:1;min-width:260px}.crop-margins{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.crop-margins div{padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px;text-align:center}.crop-margins span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--sub)}.crop-margins strong{font-size:13px;font-variant-numeric:tabular-nums}.header-home{padding:5px 11px;margin-left:4px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--sub)}.header-home:hover{background:#f2f4f2;color:var(--ink)}.tool-grid.board{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.board-page{cursor:grab;padding:10px 8px 8px}.board-page.drop{outline:2px solid var(--green);outline-offset:2px}.board-frame{display:grid;place-items:center;width:116px;height:150px;overflow:hidden}.board-frame.swap{width:150px;height:116px}.board-tools{display:flex;gap:4px;margin-top:6px}.board-tools button{width:26px;height:24px;display:grid;place-items:center;border-radius:6px;background:#f2f4f2;color:var(--sub)}.board-tools button:hover{background:#e6eae6;color:var(--ink)}.home-section{width:100%;max-width:1000px;margin-bottom:34px}.home-group{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a08c73}.field-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.field-row .tool-field{margin-bottom:14px}.tool-input.wide{min-width:300px}.hf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 16px}.tool-options.nup{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:6px 0 14px}.perm{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1.4px solid var(--line);border-radius:9px;background:#fff;font-size:13px;cursor:pointer}.perm.on{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.perm input{accent-color:var(--green)}.perm.block{margin-bottom:14px}.tool-lock{width:60px;height:78px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#f7f9f7;color:var(--sub)}.redact-box{position:absolute;background:#000;outline:1.5px solid #e11d48;cursor:pointer}.redact-box.drawing{opacity:.6;pointer-events:none}.redact-warning{padding:12px 14px;margin-bottom:16px;border:1px solid #f0d9a8;border-radius:10px;background:#fffbe9;color:#6b5307;font-size:12.5px;line-height:1.55}.redact-warning strong{display:block;margin-bottom:3px;color:#4a3a05}.xl-preview{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:16px}.xl-preview table{border-collapse:collapse;font-size:12px;width:100%}.xl-preview td{border:1px solid #eef1ee;padding:4px 8px;white-space:nowrap}.xl-preview tr.picked td{background:var(--green-soft);color:var(--green-dark);font-weight:600}.xl-preview tr:hover td{background:#f6f8f6}.xl-preview tr.picked:hover td{background:var(--green-soft)}