:root{--ink:#10233f;--muted:#64748b;--blue:#1769e0;--blue2:#0c50b8;--pale:#eaf3ff;--line:#d8e2ef;--paper:#fff;--bg:#f3f7fc;--red:#d94343}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Noto Sans Devanagari",Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{display:flex;gap:11px;align-items:center}.brand .logo{background:var(--blue);color:#fff;font-size:25px;padding:7px 10px;border-radius:10px;box-shadow:0 6px 18px #1769e044}.brand strong{font-size:18px;display:block}.brand small{font-size:12px;color:var(--muted)}.privacy{font-size:13px;color:#466078}.privacy span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22a06b;margin-right:7px}main{max-width:1500px;margin:auto;padding:25px 3vw}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin:6px 0 22px}.eyebrow{font-size:12px;font-weight:800;color:var(--blue);letter-spacing:1.7px;margin:0 0 7px}.intro h1{font-size:34px;line-height:1.1;margin:0}.intro h1 em{font-style:normal;color:var(--blue)}.intro p:last-child{color:var(--muted);margin:9px 0 0}.steps{display:flex;align-items:center;gap:9px;font-size:13px;color:#496078}.steps b{display:grid;place-items:center;width:28px;height:28px;background:var(--pale);color:var(--blue);border-radius:50%}.steps i{width:32px;height:1px;background:var(--line)}.workspace{min-height:540px;display:grid;grid-template-columns:210px 1fr 280px;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 16px 45px #274b7814}.pages-panel,.tools-panel{padding:18px;background:#f9fbfe}.pages-panel{border-right:1px solid var(--line)}.tools-panel{border-left:1px solid var(--line)}.panel-title,.tool-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-title small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.panel-title button,.tool-head button{border:0;background:var(--pale);color:var(--blue);border-radius:8px;padding:7px 10px;cursor:pointer}.tool-head button{font-size:12px}.page-list{display:flex;flex-direction:column;gap:12px;max-height:485px;overflow:auto}.thumb{position:relative;background:#fff;border:2px solid transparent;border-radius:10px;padding:6px;cursor:pointer;box-shadow:0 2px 9px #20406014}.thumb.active{border-color:var(--blue)}.thumb.dragging{opacity:.45}.thumb img{width:100%;height:110px;object-fit:contain;background:#edf2f7;border-radius:5px}.thumb span{display:block;font-size:12px;text-align:center;margin-top:5px}.editor{position:relative;min-width:0;background:#e8eef6;background-image:linear-gradient(45deg,#dde5ef 25%,transparent 25%),linear-gradient(-45deg,#dde5ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dde5ef 75%),linear-gradient(-45deg,transparent 75%,#dde5ef 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.empty-state{position:absolute;inset:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#ffffffdb;border:2px dashed #aac3df;border-radius:15px;transition:.2s}.editor.dragover .empty-state,.editor.dragover .canvas-wrap{outline:4px solid #1769e055}.scan-icon{font-size:54px;line-height:1;color:var(--blue);position:relative;margin-bottom:10px}.scan-icon span{position:absolute;width:68px;height:3px;background:#22a06b;left:-7px;top:26px;box-shadow:0 0 12px #22a06b}.empty-state h2{margin:8px}.empty-state p{margin:0 0 18px;color:var(--muted)}.empty-state small{margin-top:12px;color:var(--muted)}button{font:inherit}.primary,.secondary{border:0;border-radius:10px;padding:12px 19px;font-weight:700;cursor:pointer}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 6px 16px #1769e03b}.secondary{color:var(--blue);background:var(--pale);border:1px solid #b8d2f5}.hidden{display:none!important}.canvas-wrap{height:540px;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.canvas-wrap canvas{max-width:100%;max-height:490px;box-shadow:0 10px 30px #132b4860;background:white}.tools-panel label{display:block;font-size:12px;font-weight:800;letter-spacing:.8px;color:#52677d;margin:20px 0 9px}.filters,.page-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filters button,.page-tools button,.layout-control button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 6px;color:#344b63;cursor:pointer;font-size:13px}.filters button.active,.layout-control button.active{background:var(--pale);border-color:var(--blue);color:var(--blue);font-weight:700}.page-tools button.danger{color:var(--red)}.slider-row{display:grid;grid-template-columns:1fr 35px;gap:5px;margin:12px 0}.slider-row span{font-size:14px}.slider-row output{text-align:right;color:var(--blue);font-size:13px}.slider-row input{grid-column:1/3;width:100%;accent-color:var(--blue)}.hint{font-size:12px;line-height:1.5;color:var(--muted);background:#edf4fc;padding:9px;border-radius:8px}.exportbar{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:14px;padding:13px 18px;display:flex;align-items:center;gap:22px;box-shadow:0 8px 22px #274b780d}.layout-control{display:flex;align-items:center;gap:7px}.layout-control strong{font-size:14px;margin-right:4px}.layout-control button{padding:8px 12px}.check{font-size:14px;color:#4c6075}.check input{accent-color:var(--blue)}.actions{margin-left:auto;display:flex;gap:9px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#10233f;color:#fff;padding:10px 17px;border-radius:9px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){.workspace{grid-template-columns:170px 1fr}.tools-panel{grid-column:1/3;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px}.tool-head{grid-column:1/3}.tools-panel label{margin-top:8px}.intro{align-items:flex-start}.steps{display:none}}@media(max-width:680px){main{padding:15px}.privacy{display:none}.intro h1{font-size:28px}.workspace{display:block}.pages-panel{border-right:0;border-bottom:1px solid var(--line)}.page-list{flex-direction:row;max-height:none;overflow-x:auto}.thumb{min-width:105px}.thumb img{height:75px}.editor{height:470px}.canvas-wrap{height:470px}.tools-panel{display:block}.exportbar{align-items:stretch;flex-direction:column}.actions{margin:0}.actions button{flex:1}.layout-control{flex-wrap:wrap}}