:root{font-family:DM Sans,system-ui,sans-serif;color:#192840;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #94adff;outline-offset:2px}.app{height:100dvh;display:flex;flex-direction:column}header{height:76px;background:#fff;border-bottom:1px solid #e8edf5;display:flex;align-items:center;padding:0 30px;gap:36px;flex:none}.brand{display:flex;align-items:center;gap:10px;min-width:185px}.mark{display:grid;place-items:center;background:#244edc;color:#fff;width:39px;height:39px;border-radius:12px;font-weight:800;font-size:20px;position:relative}.mark span{font-size:9px;position:absolute;right:5px;bottom:5px}.brand b{display:block;font:800 17px Manrope,system-ui}.brand small{display:block;font-size:8px;letter-spacing:.19em;color:#8e9bb1;font-weight:700;margin-top:2px}.top-actions,.header-end,.tools{display:flex;align-items:center;gap:7px}.top-actions button,.tools button{min-width:38px;height:38px;border-radius:9px;font-weight:700}.top-actions button:hover,.tools button:hover{background:#f1f4fb}.subtle{padding:0 13px!important;font-size:13px}.divider{height:26px;width:1px;background:#e8edf4;margin:0 9px}.zoom{font-size:12px;font-weight:700;min-width:40px;text-align:center;color:#607089}.header-end{margin-left:auto;gap:22px}.privacy{font-size:11px;color:#74849c}.privacy:first-letter{color:#50b18a}.primary{background:#2853dc;color:#fff;border-radius:9px;padding:12px 19px;font-weight:700;font-size:13px;box-shadow:0 5px 12px #254cce20}.primary:hover{background:#1e43bb}.error{background:#fff0ef;color:#a0342d;padding:10px 24px;font-size:13px;display:flex;justify-content:space-between}.welcome{flex:1;display:flex;align-items:center;justify-content:center;gap:min(10vw,150px);padding:50px;background:radial-gradient(circle at 75% 45%,#e7edff 0,transparent 34%),#f8faff;overflow:auto}.hero{max-width:520px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#3158cc;font-weight:800}.hero h1{font:800 clamp(37px,4vw,58px)/1.13 Manrope,system-ui;letter-spacing:-.055em;margin:19px 0}.hero h1 em{font-style:normal;color:#3158dc}.hero p{color:#78879e;line-height:1.7;max-width:395px;font-size:15px}.big{padding:16px 24px;margin-top:20px}.hero .drop{font-size:12px;margin:12px 0 42px}.trust{color:#7e8da4;font-size:12px}.illustration{width:350px;transform:rotate(4deg)}.paper{background:#fff;min-height:430px;border-radius:6px;padding:36px;box-shadow:0 30px 65px #8c9fc83d;position:relative}.paper-head{display:flex;justify-content:space-between;font-weight:800;font-size:17px;letter-spacing:.1em}.paper-head b{color:#3158dc}.paper-line{width:48%;height:6px;background:#edf1f8;border-radius:3px;margin-top:10px}.paper-line.wide{width:66%;margin-top:32px}.paper-line.short{width:35%}.paper-table{margin-top:45px;border-top:1px solid #e9edf4;font-size:10px;color:#8997aa}.paper-table div{padding:17px 0;border-bottom:1px solid #edf1f6}.paper-table b{float:right;color:#283953}.paper-total{margin-top:26px;font-size:10px;color:#a0adbd}.paper-total strong{float:right;color:#244dd4;font-size:19px}.float-tag{position:absolute;right:-55px;bottom:80px;background:#2853dc;color:#fff;padding:15px 20px;border-radius:10px;font-size:12px;box-shadow:0 12px 25px #2853dc44}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:190px minmax(0,1fr) 290px}.sidebar,.properties{background:#fff;min-height:0;overflow:auto}.sidebar{border-right:1px solid #e8edf5;padding:24px 16px}.side-title{font-size:10px;font-weight:800;letter-spacing:.15em;color:#8190a5;display:flex;justify-content:space-between}.side-title span{background:#eef2fa;border-radius:5px;padding:3px 6px;letter-spacing:0}.filename{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7c8aa0;margin:10px 0 23px}.thumbs{display:flex;flex-direction:column;align-items:center;gap:16px}.thumb{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;color:#7b8a9e;padding:4px}.thumb canvas{width:110px;height:auto;box-shadow:0 2px 9px #233b5d1c;border:2px solid transparent}.thumb.active canvas{border-color:#3159df;box-shadow:0 0 0 3px #e1e9ff}.thumb.active span{color:#3159df;font-weight:700}.editor{display:flex;flex-direction:column;min-width:0;min-height:0;background:#eef2f8}.editorbar{height:60px;background:#fff;border-bottom:1px solid #e8edf5;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:10px}.tools button{padding:0 12px;font-size:13px}.tools button.active{background:#ebf0ff;color:#2853dc}.page-count{color:#8795a9;font-size:12px;white-space:nowrap}.canvas-scroll{overflow:auto;flex:1;padding:42px;display:flex;align-items:flex-start}.stage{position:relative;margin:auto;flex:none;background:#fff;box-shadow:0 8px 28px #25395820;touch-action:none}.stage canvas{display:block}.region{position:absolute;background:transparent;padding:0}.region:hover,.region:focus-visible{background:#406df326;outline:1px solid #4774f0}.overlay{position:absolute;overflow:visible;cursor:move;touch-action:none;line-height:1.15;white-space:pre-wrap}.overlay span{display:block;overflow:hidden;width:100%;height:100%}.overlay.selected{outline:2px solid #315be3}.resize{width:12px;height:12px;background:#315be3;border:2px solid white;position:absolute;right:-6px;bottom:-6px;cursor:nwse-resize;touch-action:none}.bottom-status{background:#fff;border-top:1px solid #e8edf5;display:flex;justify-content:space-between;padding:12px 24px;color:#95a2b4;font-size:11px}.properties{border-left:1px solid #e8edf5;padding:27px 22px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font:800 19px Manrope,system-ui;letter-spacing:-.03em;margin:8px 0}.panel-heading>span{color:#a9b8d4;font-size:23px}.empty-props{text-align:center;padding:35px 10px 20px;color:#8190a5;font-size:12px;line-height:1.6}.empty-props b{color:#3b4b64}.prop-icon{width:44px;height:44px;background:#eef3ff;border-radius:13px;color:#3158dc;display:grid;place-items:center;margin:0 auto 13px;font-size:22px}.separator{height:1px;background:#edf0f5;margin:22px 0}label{display:block;font-size:11px;font-weight:700;color:#65758d;margin:15px 0}input:not([type=color]),textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe5ef;border-radius:8px;padding:10px;color:#283953;background:#fff}textarea{min-height:75px;resize:vertical}input[type=color]{display:block;width:100%;height:36px;margin-top:7px;border:1px solid #dfe5ef;border-radius:8px;background:#fff;padding:3px}.hint{font-size:12px;line-height:1.5;color:#8795a9}.delete{color:#bc4949;font-size:12px;padding:8px 0}.secondary{border:1px solid #d9e2f2;border-radius:8px;padding:10px;width:100%;font-weight:700;font-size:12px;color:#3158cc}summary{font-size:12px;font-weight:700;cursor:pointer}.tip,.notice{background:#f4f7fd;border-radius:10px;padding:14px;margin-top:24px;font-size:11px;line-height:1.55;color:#8190a5}.tip b{color:#52647e}.tip p{margin-bottom:0}.notice{background:#edf3ff;color:#3658a0}@media(max-width:900px){header{padding:0 15px;gap:10px}.brand{min-width:auto}.privacy{display:none}.workspace{grid-template-columns:135px minmax(0,1fr) 245px}.sidebar{padding:20px 10px}.canvas-scroll{padding:25px}.illustration{width:280px}.welcome{gap:50px}.float-tag{right:-20px}}@media(max-width:650px){.app{height:auto;min-height:100dvh}header{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 12px}.brand{margin-right:auto}.top-actions{order:3;width:100%;justify-content:center;border-top:1px solid #eef1f7;padding-top:7px}.header-end{margin-left:0}.primary{padding:10px 12px}.welcome{min-height:calc(100dvh - 65px);padding:45px 24px;display:block}.hero h1{font-size:39px}.illustration{width:220px;margin:70px auto 30px}.paper{min-height:300px;padding:25px}.paper-table{margin-top:25px}.workspace{display:flex;flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid #e8edf5;padding:12px}.filename{margin:5px 0}.thumbs{flex-direction:row;overflow:auto;align-items:flex-start;gap:10px}.thumb canvas{width:55px}.thumb{flex:none}.editor{min-height:65vh}.editorbar{padding:0 10px}.tools button{padding:0 8px}.canvas-scroll{padding:20px;min-height:55vh}.properties{border-left:0;padding:22px}.empty-props{padding:15px}.bottom-status{padding:10px}.tip{margin-bottom:env(safe-area-inset-bottom)}}.steps{padding:0;list-style:none;display:grid;gap:12px;margin:25px 0;color:#31425f;font-weight:700;counter-reset:step}.steps li{display:flex;align-items:center;gap:12px;counter-increment:step}.steps li:before{content:counter(step);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8efff;color:#2853dc;font-size:13px;flex:none}.advanced-header,.editor-advanced{position:relative}.advanced-header summary,.editor-advanced summary,.advanced-properties summary{padding:10px;border-radius:8px;color:#52647e}.advanced-header[open],.editor-advanced[open]{z-index:5}.advanced-actions,.editor-advanced .tools{position:absolute;top:100%;left:0;display:flex;align-items:center;background:#fff;border:1px solid #dfe5ef;border-radius:10px;padding:8px;box-shadow:0 8px 24px #25395822;white-space:nowrap}.price-label{font-size:15px;color:#263b5b}.price-label textarea{font-size:22px;font-weight:700;min-height:76px;border:2px solid #9eb1e3;padding:12px}.advanced-properties{margin:15px 0}.properties .tip summary{color:#52647e}.editorbar{min-height:60px}.region{min-width:0}.region:focus-visible{z-index:2}@media(max-width:650px){.workspace{display:flex}.sidebar{order:0}.properties{order:1}.editor{order:2;min-height:60vh}.properties{overflow:visible;padding:18px}.empty-props{padding:5px}.empty-props .prop-icon{display:none}.empty-props p{margin:4px 0}.properties .separator{margin:12px 0}.price-label textarea{min-height:60px}.canvas-scroll{min-height:50vh}.page-count{font-size:11px}.advanced-actions{left:auto;right:0}.welcome{min-height:0}.illustration{margin-top:45px}.top-actions{justify-content:space-between}.header-end .primary{font-size:12px}}.help-button{border:1px solid #cbd7ef;border-radius:9px;padding:10px 12px;color:#2446ad;font-weight:700;font-size:12px;white-space:nowrap}.help-button:hover{background:#eef3ff}.guide{display:flex;align-items:center;gap:18px;background:#eef3ff;border-bottom:1px solid #c9d7f7;padding:14px 30px;flex:none}.guide-art{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:16px;background:#fff;color:#2853dc;font-size:28px;box-shadow:0 4px 12px #254cce15}.guide-copy{flex:1;min-width:0}.guide-step{font-size:10px;letter-spacing:.14em;font-weight:800;color:#3158cc}.guide h2{font-size:19px;margin:3px 0}.guide p{font-size:14px;line-height:1.4;margin:3px 0;color:#31425f}.guide p.guide-tip{font-size:12px;color:#52647e}.guide-actions{display:flex;align-items:center;gap:8px;flex:none}.guide-actions button:not(.primary){padding:10px;border-radius:8px;font-weight:700;color:#3158cc}.guide-actions button:not(.primary):hover{background:#dce6ff}.guide-highlight{outline:3px solid #7295ff;outline-offset:3px}.guide-cue{color:#2446ad;font-weight:800;background:#edf3ff;border-radius:8px;padding:8px}.region:hover,.region:focus-visible{outline:2px solid #2853dc}@media(max-width:650px){.help-button{font-size:12px;padding:9px}.guide{padding:12px 14px;gap:10px;flex-wrap:wrap}.guide-art{width:42px;height:42px;font-size:22px}.guide-copy{min-width:calc(100% - 52px)}.guide h2{font-size:17px}.guide p{font-size:13px}.guide-actions{width:100%;justify-content:flex-end}.guide-actions button{min-height:44px;min-width:55px}.header-end{gap:6px}.help-button span{white-space:normal}.guide-highlight{outline-offset:2px}}header{gap:16px}.brand{min-width:0}.header-end{gap:8px}.top-actions button,.tools button,.help-button,.primary,summary{min-height:44px}.welcome{background:#f8faff}.hero{width:min(100%,540px)}.hero h1{font-size:clamp(32px,5vw,48px);margin:0 0 28px}.steps{gap:16px;font-size:18px}.steps li{min-height:60px}.steps li:before{width:44px;height:44px;font-size:16px}.steps .big{margin:0;font-size:17px;min-height:54px;padding:14px 26px}.safety{margin-top:30px;color:#65758d;font-size:12px}.safety p{font-size:12px;line-height:1.5}.guide{padding:14px 24px;align-items:stretch}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}.guide-card{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:12px;font-size:14px}.guide-card span{font-size:24px}.guide-close{font-size:25px;min-width:44px;min-height:44px}.properties .tip{margin-top:14px}.region{touch-action:manipulation}.resize{width:24px;height:24px;right:-12px;bottom:-12px}@media(max-width:650px){header{flex-wrap:nowrap}.brand b{font-size:15px}.top-actions{order:0;width:auto;border:0;padding:0}.top-actions .subtle{display:none}.advanced-header summary{font-size:12px;padding:10px 4px}.header-end{margin-left:auto}.header-end .primary{font-size:12px;white-space:nowrap}.guide{padding:10px;flex-wrap:nowrap}.guide-cards{gap:5px}.guide-card{padding:8px 5px;display:flex;flex-direction:column;text-align:center;font-size:11px;gap:3px}.guide-card span{font-size:20px}.guide-close{min-width:36px}.welcome{padding:40px 20px}.steps{font-size:16px}.workspace .properties{padding:14px}.canvas-scroll{padding:12px}.sidebar{padding:8px 12px}.thumb canvas{width:48px}.bottom-status{display:none}}.selection-draft{position:absolute;border:2px dashed #2853dc;background:#2853dc33;pointer-events:none}.stage{cursor:crosshair}.overlay{font-family:Arial,Helvetica,sans-serif;line-height:1;white-space:pre;cursor:move}.overlay span{position:absolute;bottom:0;left:0;height:auto;max-height:100%;line-height:1;white-space:pre;overflow:hidden}.properties .secondary{min-height:44px}.stage canvas{pointer-events:none}.price-label input{font-size:22px;font-weight:700;min-height:60px;border:2px solid #9eb1e3;padding:12px}.overlay span{overflow:visible;max-height:none;width:max-content}.edit-actions{display:flex;gap:8px}.edit-actions button{flex:1;min-height:44px}.fit-label{display:flex;align-items:center;gap:8px}.fit-label input{width:auto;margin:0}.resize{width:44px;height:44px;right:-22px;bottom:-22px;border:0;background:transparent;display:grid;place-items:center}.resize:after{content:"";width:18px;height:18px;border:2px solid white;border-radius:50%;background:#2853dc;box-shadow:0 1px 5px #0006}.overlay.selected{z-index:2}.page-count{color:#2446ad;font-weight:700}.stage{outline:2px solid #ccd8f3}.price-label input{font-size:22px}.main-nav{display:flex;gap:4px}.main-nav button,.tool-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:9px;color:inherit;font-weight:700}.main-nav .active,.tool-tabs .active{background:#dff3f4;color:#087d83}.tool-dashboard{max-width:1100px;margin:0 auto;padding:40px 24px;overflow:auto}.tool-heading h1{font-size:36px;margin:4px 0}.tool-heading p{color:#607080}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em}.tool-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:28px 0 20px}.tool-tabs button{background:#fff;border:1px solid #dbe4e9}.tool-card{background:#fff;border:1px solid #dbe4e9;border-radius:16px;padding:24px;margin:16px 0;box-shadow:0 6px 24px #17243b08}.tool-card h2{margin-top:0}.tool-card p,.tool-note{color:#5c6c78;line-height:1.5}.tool-card button{padding:9px 13px;border:1px solid #cad7df;border-radius:8px;background:#fff;color:#1c3544;cursor:pointer}.tool-card button.primary{background:#087f86;color:#fff}.tool-card button:disabled{opacity:.4;cursor:not-allowed}.tool-card input:not([type=file]){padding:10px;border:1px solid #cbd7de;border-radius:8px;max-width:100%}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin:20px 0}.page-card{border:1px solid #dce5e9;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#f8fafb}.page-card canvas{max-width:100%;height:auto;background:#fff;box-shadow:0 2px 5px #0002}.page-actions{display:flex;gap:2px}.page-actions button{padding:6px}.tool-note{padding:20px 0;font-size:14px}.signature{display:block;max-width:100%;border:1px solid #b9cad2;background:#fff;touch-action:none}.placement{position:relative;width:398px;max-width:100%;height:515px;background-size:100% 100%;background-repeat:no-repeat;border:1px solid #ccd8df;overflow:hidden;margin:15px 0}.placed-image{position:absolute;border:1px dashed #07888e;touch-action:none;cursor:move}.placed-image img{width:100%;height:100%;object-fit:fill;pointer-events:none}.placed-image span{position:absolute;right:0;bottom:0;background:#087f86;color:#fff;cursor:nwse-resize;touch-action:none}@media(max-width:650px){.main-nav button{padding:8px}.tool-dashboard{padding:24px 14px}.tool-card{padding:16px}.placement{width:min(398px,100%)}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){header{flex-wrap:wrap;gap:4px 8px}.brand{margin-right:auto}.main-nav{order:3;width:100%;justify-content:center;border-top:1px solid #edf1f6}.main-nav button{min-height:44px}.tool-dashboard{width:100%;min-width:0}.inline input{width:auto;min-width:0;flex:1 1 160px}}.draw-surface{width:min(100%,600px);position:relative;background:#fff;border:1px solid #b9cad2;touch-action:none;overflow:hidden}.draw-surface canvas,.draw-surface svg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.tool-card select{display:block;margin-top:7px;padding:10px;border:1px solid #cbd7de;border-radius:8px;background:#fff;color:#192840;min-height:44px}.tool-card .inline label{margin:0}.detected-price{position:absolute;padding:0;border:2px solid #1765db;background:#3c84ff30;border-radius:3px;cursor:pointer;touch-action:manipulation}.detected-price:focus-visible{outline:3px solid #063c9c;outline-offset:2px}.overlay span{width:100%;text-align:inherit}.advanced-properties select{display:block;width:100%;min-height:44px;margin-top:7px;border:1px solid #dfe5ef;border-radius:8px;background:#fff;padding:8px}.confidence{position:absolute;left:-2px;bottom:100%;background:#1755bc;color:#fff;border-radius:3px 3px 0 0;font:700 10px/1.3 system-ui;padding:1px 3px;pointer-events:none}