:root{--bg:#17191e;--surface:#1e2127;--surface-2:#252931;--hover:#2c313a;--canvas:#131519;--border:#2e333d;--border-soft:#262a32;--text:#e2e4e8;--text-2:#a2a8b3;--text-3:#6f7682;--accent:#6d9af0;--accent-hover:#86acf3;--accent-soft:#243149;--accent-text:#0f1522;--success:#5cbf8a;--success-soft:#1d3328;--warning:#e3b25d;--danger:#e46f6c;--danger-soft:#3a2325;--radius:14px;--radius-s:9px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI Variable Text,Segoe UI,Noto Sans Arabic,Noto Sans,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}a{color:var(--accent)}svg.icon{flex:none;width:18px;height:18px}.btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px 14px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--hover);border-color:#3a404c}.btn:disabled{color:var(--text-3);background:var(--surface);border-color:var(--border-soft);cursor:default}.btn.accent{background:var(--accent);color:var(--accent-text);border:none;padding:9px 22px;font-weight:600}.btn.accent:hover{background:var(--accent-hover)}.btn.accent:disabled{background:var(--accent-soft);color:#7d8aa6}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--hover);color:var(--text)}.btn.icon{background:0 0;border-color:#0000;padding:6px}.btn.icon:hover{background:var(--hover);border-color:var(--border)}.btn.icon.on{background:var(--accent-soft);border-color:#3a5486}.btn.danger:hover{background:var(--danger-soft);border-color:#5a3134}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip{color:var(--text-2);background:var(--surface-2);border-radius:10px;padding:3px 12px;font-size:13px}.muted{color:var(--text-2)}.faint{color:var(--text-3);font-size:12.5px}.check{background:var(--bg);border:1.5px solid #4a5160;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.check.on{background:var(--accent);border-color:var(--accent)}.check.on:after{content:"";border:2px solid var(--accent-text);border-top:0;border-inline-end:0;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}[dir=rtl] .check.on:after{transform:translateY(-1px)rotate(-45deg)scaleX(-1)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{grid-template-rows:auto 1fr;gap:10px;height:100dvh;padding:10px;display:grid}.main{min-height:0;animation:.35s both screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.top{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:8px 10px 8px 14px;display:flex}[dir=rtl] .top{padding:8px 14px 8px 10px}.brand{color:var(--accent);align-items:center;gap:8px;display:flex}.brand-name{color:var(--text);font-size:15px;font-weight:600}.summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.top-actions{gap:4px;margin-inline-start:auto;display:flex}.engine{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;gap:6px;min-width:min(360px,100%);padding:10px 14px;display:grid}.engine-row{color:var(--text-2);align-items:center;gap:8px;display:flex}.engine-row .icon{color:var(--accent);animation:3s linear infinite spin}.engine-pct{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.engine.ready{color:var(--success);background:0 0;border-color:#0000;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.engine.failed{color:var(--danger);background:var(--danger-soft)}.bar{background:var(--surface-2);border-radius:4px;height:4px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:4px;height:100%;transition:width .3s}[dir=rtl] .bar-fill{background:linear-gradient(270deg, var(--accent), var(--accent-hover));margin-inline-start:auto}@keyframes spin{to{transform:rotate(360deg)}}.start{flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;padding:16px;display:flex;overflow:auto}.start-title{text-align:center;max-width:680px;margin:0;font-size:clamp(18px,2.4vw,24px);font-weight:600;line-height:1.5}.dropzone{background:var(--surface);cursor:pointer;text-align:center;border:1.5px dashed #3a404c;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:min(720px,100%);padding:36px 20px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);background:#1f232b;outline:none}.drop-title{font-size:17px;font-weight:600}.drop-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.privacy{color:var(--success);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.start-foot{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.start-foot a,.linkish{color:var(--text-3);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;text-decoration:none}.start-foot a:hover,.linkish:hover{color:var(--text-2);text-decoration:underline}.illus{filter:drop-shadow(0 6px 18px #00000059)}.drop-overlay{border:2px dashed var(--accent);color:var(--accent-hover);z-index:50;pointer-events:none;background:#17191edb;border-radius:20px;place-items:center;font-size:20px;font-weight:600;display:grid;position:fixed;inset:10px}.modal-back{z-index:60;background:#08090c99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(420px,100%);padding:20px 22px;animation:.2s both screen-in;box-shadow:0 20px 60px #00000080}.modal h2{margin:0 0 8px;font-size:17px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.toast{bottom:18px;background:var(--surface-2);border:1px solid var(--border);z-index:70;border-radius:10px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 32px);margin:auto;padding:10px 16px;animation:.2s both screen-in;position:fixed;inset-inline:0;box-shadow:0 10px 30px #0006}.confirm{grid-template-rows:auto 1fr auto;gap:12px;height:100%;min-height:0;display:grid}.confirm-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 6px 0;display:flex}.confirm-head h2{align-items:center;gap:10px;margin:0 0 4px;font-size:18px;display:flex}.confirm-head p{margin:0}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:12px;padding:4px;display:grid;overflow:auto}.thumb{background:var(--surface-2);border:1px solid var(--border-soft);aspect-ratio:3/4;border-radius:12px;grid-template-rows:1fr auto;margin:0;animation:.3s both screen-in;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;min-height:0}.thumb figcaption{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:12px;overflow:hidden}.thumb.bad figcaption{color:var(--danger)}.thumb .x{top:6px;opacity:0;background:#17191ebf;transition:opacity .12s;position:absolute;inset-inline-end:6px}.thumb:hover .x,.thumb .x:focus-visible{opacity:1}.thumb.add{color:var(--text-2);cursor:pointer;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.thumb.add:hover{color:var(--accent);border-color:var(--accent)}.thumb-wait{background:linear-gradient(100deg, var(--surface-2) 30%, var(--hover) 50%, var(--surface-2) 70%) 0 0 / 300% 100%;width:100%;height:100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-100% 0}}.confirm-bar{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.confirm-bar .btn.big{margin-inline-start:auto}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.btn.big{padding:10px 26px;font-size:15px}.scan{grid-template-rows:1fr auto;gap:12px;height:100%;min-height:0;display:grid}.scan-stage{background:var(--canvas);border-radius:var(--radius);place-items:center;min-height:0;padding:20px;display:grid;overflow:hidden}.scan-frame{border-radius:6px;line-height:0;animation:.45s cubic-bezier(.2,.8,.2,1) both frame-in;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000008c}@keyframes frame-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.scan-frame img{filter:brightness(.82)saturate(.9);max-width:100%;max-height:calc(100dvh - 300px);transition:filter .5s;display:block}.scan-frame.finished img{filter:none}.scan-edges{mix-blend-mode:screen;filter:drop-shadow(0 0 3px #6d9af0cc);width:100%;height:100%;animation:1.3s ease-out both reveal;position:absolute;inset:0}.scan-frame.finished .scan-edges{opacity:0;transition:opacity .6s}@keyframes reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.scan-beam{inset-inline:0;pointer-events:none;background:linear-gradient(#6d9af000 0%,#6d9af01a 70%,#86acf38c 96%,#cfe0ff 100%);height:22%;animation:2.6s cubic-bezier(.45,0,.55,1) infinite alternate sweep;position:absolute;top:0}.scan-beam:after{content:"";inset-inline:0;background:#e6eeff;height:2px;position:absolute;bottom:-1px;box-shadow:0 0 14px 4px #6d9af0bf,0 0 40px 10px #6d9af059}@keyframes sweep{0%{transform:translateY(-100%)}to{transform:translateY(355%)}}.scan-quads{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scan-quads polygon{fill:#6d9af024;stroke:var(--accent-hover);stroke-width:3px;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;filter:drop-shadow(0 0 6px #6d9af0b3);animation:.7s ease-out forwards draw,.5s ease-out .65s lock}@keyframes draw{to{stroke-dashoffset:0}}@keyframes lock{50%{stroke-width:5px}}.scan-info{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px;display:flex}.scan-status{align-items:center;gap:10px;min-width:200px;display:flex}.scan-strip{flex:1;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.strip-item{background:var(--surface-2);cursor:pointer;opacity:.55;border:2px solid #0000;border-radius:8px;flex:none;width:46px;height:46px;padding:0;transition:opacity .2s,border-color .2s;position:relative;overflow:hidden}.strip-item img{object-fit:cover;width:100%;height:100%}.strip-item.cur{border-color:var(--accent);opacity:1}.strip-item.st-done{opacity:.9}.strip-ok{bottom:2px;background:var(--success);width:16px;height:16px;color:var(--accent-text);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:2px}.dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot.busy{background:var(--accent);animation:1.1s ease-in-out infinite pulse}.dot.ok{background:var(--success)}@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}.editor{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:230px minmax(0,1fr) 300px;gap:10px;height:100%;min-height:0;display:grid}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);grid-template-rows:auto 1fr;min-height:0;display:grid}.panel-title{align-items:center;gap:8px;padding:12px 14px 8px;font-weight:600;display:flex}.panel-list{align-content:start;gap:6px;padding:4px 8px 10px;display:grid;overflow:auto}.page-tile{background:var(--surface-2);cursor:pointer;border:1px solid #0000;border-radius:12px;grid-template-columns:56px 1fr;align-items:center;gap:10px;padding:6px;display:grid;position:relative}.page-tile:hover{background:var(--hover)}.page-tile.cur{background:var(--accent-soft);border-color:#3a5486}.page-tile img,.page-tile .thumb-wait{object-fit:cover;border-radius:8px;width:56px;height:56px}.page-meta{gap:2px;min-width:0;display:grid}.page-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.page-tile .x{top:4px;opacity:0;position:absolute;inset-inline-end:4px}.page-tile:hover .x{opacity:1}.canvas{background:var(--canvas);border-radius:var(--radius);place-items:center;min-height:0;padding:14px;display:grid;position:relative;overflow:hidden;container-type:size}.canvas-img{width:min(100cqw, calc(100cqh * var(--arn)));aspect-ratio:var(--ar);line-height:0;position:relative}.canvas-img img{-webkit-user-select:none;user-select:none;width:100%;height:100%}.canvas-img svg{touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bg-hit{fill:#0000;cursor:crosshair}.doc polygon{fill:#6d9af017;stroke:var(--accent);stroke-width:2px;cursor:pointer}.doc.cur polygon{fill:#6d9af033;stroke-width:3px}.doc.off polygon{stroke:#7d8492;stroke-dasharray:6 5;fill:#7d849214}.badge circle{fill:var(--accent)}.doc.off .badge circle{fill:#4a5163}.badge text{fill:#fff;text-anchor:middle;pointer-events:none;font:600 14px Segoe UI,system-ui,sans-serif}.badge{cursor:pointer}.handle{fill:var(--accent);stroke:#fff;stroke-width:2px;cursor:grab}.handle:hover{fill:var(--accent-hover)}.handle-hit{fill:#0000;cursor:grab}.handle{pointer-events:none}.drawing{fill:#6d9af01f;stroke:var(--accent-hover);stroke-width:2px;stroke-dasharray:6 4;pointer-events:none}.canvas-busy,.canvas-empty{bottom:14px;border:1px solid var(--border);background:#1e2127eb;border-radius:10px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;max-width:90%;margin:auto;padding:8px 14px;display:flex;position:absolute;inset-inline:0}.doc-card{background:var(--surface-2);cursor:pointer;border:1px solid #0000;border-radius:12px;gap:8px;padding:8px;display:grid}.doc-card:hover{background:var(--hover)}.doc-card.cur{border-color:#3a5486}.doc-thumb{background:var(--canvas);border-radius:8px;place-items:center;min-height:120px;display:grid;position:relative;overflow:hidden}.doc-thumb img{max-width:100%;max-height:200px;display:block}.doc-thumb .thumb-wait{height:140px}.badge-ok{top:6px;background:var(--success-soft);color:var(--success);border-radius:8px;padding:2px 8px;font-size:11.5px;position:absolute;inset-inline-start:6px}.doc-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.sel{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:2px;font-size:13px;display:inline-flex}.doc-tools{display:flex}.doc-tools .btn.icon{padding:5px}.pad{padding:8px}.bottom{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:18px;padding:8px 12px;display:flex}.bottom-group{align-items:center;gap:6px;display:flex}.bottom .btn.big{margin-inline-start:auto}.btn.on-toggle{background:var(--accent-soft);color:#cfdcf8;border-color:#3a5486}@media (max-width:900px){body{overflow:auto}.shell{height:auto;min-height:100dvh;padding:8px 16px}.top{flex-wrap:wrap}.top-actions .btn{padding:6px 8px}.summary{order:3;width:100%}.editor{grid-template-rows:auto 60vh auto auto;grid-template-columns:1fr;height:auto}.panel.pages{order:1}.panel.pages .panel-list{grid-auto-columns:200px;grid-auto-flow:column;overflow-x:auto}.canvas{order:2}.panel.docs{order:3}.bottom{order:4;position:sticky;bottom:8px}.scan-frame img{max-height:55vh}.confirm{height:auto}}@media (max-width:520px){.top-actions .lbl{display:none}.top{flex-wrap:nowrap}.summary{display:none}.top-actions .btn span,.btn.lang{font-size:12px}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.dropzone{padding:26px 14px}}.modal{max-height:calc(100dvh - 32px);position:relative;overflow:auto}.modal-account,.modal-contact{width:min(460px,100%)}.modal-x{top:10px;position:absolute;inset-inline-end:10px}.modal h2{padding-inline-end:30px}.modal h3{margin:14px 0 6px;font-size:14px}.form{gap:10px;display:grid}.form label{color:var(--text-2);gap:5px;font-size:13px;display:grid}.form input,.form textarea,.row input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:9px;width:100%;padding:9px 11px}.form input:focus,.form textarea:focus,.row input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.form textarea{resize:vertical;font:inherit}.form pre{white-space:pre-wrap;margin:6px 0 0;font-size:12px}.form-err{color:var(--danger);margin:0}.form-ok{color:var(--success);align-items:center;gap:8px;margin:0;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row input{flex:1;min-width:160px}.tabs{background:var(--bg);border-radius:10px;gap:4px;margin:12px 0;padding:4px;display:flex}.tabs button{cursor:pointer;color:var(--text-2);background:0 0;border:0;border-radius:7px;flex:1;padding:7px}.tabs button.on{background:var(--surface-2);color:var(--text)}.turnstile{min-height:65px}.acc-status{background:var(--surface-2);border-radius:10px;padding:10px 12px}.acc-status.subscribed{background:var(--success-soft);color:var(--success)}.acc-status.suspended{background:var(--danger-soft);color:var(--danger)}.devices{gap:6px;margin:0;padding:0;list-style:none;display:grid}.devices li{background:var(--surface-2);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.btn.ghost.danger{color:var(--danger)}.btn.danger-solid{background:var(--danger);color:#1a0d0d;border:0;font-weight:600}.acc-btn.subscribed{color:var(--success)}.err-detail{overflow-wrap:anywhere;margin-top:4px;display:block}.engine-wait{font-variant-numeric:tabular-nums}.ad-slot{border:1px dashed var(--border);background:var(--surface);border-radius:10px;flex:none}.ad-start{width:min(728px,100%);height:90px}.ad-scan{width:300px;height:50px}@media (max-width:520px){.ad-start{width:min(320px,100%);height:100px}.ad-scan{width:100%}}.about{max-width:760px;color:var(--text-2);margin:0 auto;padding:8px 16px 40px;line-height:1.8;display:none}.about h2{color:var(--text);font-size:19px}.about h3{color:var(--text);margin-bottom:0;font-size:15px}html[data-screen=start] .about{display:block}html[data-screen=start] body{overflow:auto}html[data-screen=start] .shell{height:auto;min-height:100dvh}.learn-notice{background:var(--accent-soft);border-radius:var(--radius);border:1px solid #3a5486;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex}.learn-notice>span{flex:1;min-width:240px}.learn-notice a{color:#cfdcf8}