:root{--onr-scan-gold:#bd9049;--onr-scan-charcoal:#303034;--onr-scan-paper:#f7f4ed;--onr-scan-line:#ddd7cb;--onr-scan-green:#2f715f;--onr-scan-red:#a5473f}.onr-scanner-trigger{display:inline-grid;grid-template-columns:32px auto;grid-template-rows:auto auto;align-items:center;gap:0 10px;margin:9px 0 12px;padding:11px 15px;border:1px solid rgba(189,144,73,.45)!important;border-radius:12px!important;background:#f5ecdc!important;color:#493d2c!important;cursor:pointer;min-height:54px}.onr-scanner-trigger>span{grid-row:1/3;font-size:25px;color:var(--onr-scan-gold)}.onr-scanner-trigger strong{font:700 14px/1.1 Manrope,system-ui}.onr-scanner-trigger small{font:500 11px/1.2 Manrope,system-ui;opacity:.7}.onr-scanner-open{overflow:hidden}.onr-scanner-open body{overflow:hidden}#onr-scanner-root{position:fixed;inset:0;z-index:2147483000;display:none;background:rgba(19,19,22,.78);backdrop-filter:blur(8px);padding:18px}#onr-scanner-root.open{display:flex}.onr-scan-modal{margin:auto;width:min(980px,100%);height:min(900px,100%);display:flex;flex-direction:column;background:var(--onr-scan-paper);border-radius:22px;overflow:hidden;box-shadow:0 28px 100px rgba(0,0,0,.42);font-family:Manrope,system-ui;color:#29282a}.onr-scan-head{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;background:var(--onr-scan-charcoal);color:white}.onr-scan-head span{font-size:10px;letter-spacing:1.7px;color:#d6b273}.onr-scan-head h2{margin:3px 0 0;font-size:23px}.onr-scan-head p{margin:3px 0 0;font-size:12px;color:#cbc9c5}.onr-scan-head>button{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.09);color:#fff;font-size:28px;cursor:pointer}.onr-scan-body{flex:1;overflow:auto;padding:24px}.onr-scan-start{max-width:520px;margin:8vh auto;text-align:center}.onr-scan-hero i{display:grid;place-items:center;width:84px;height:84px;margin:auto;border-radius:24px;background:#efe2cc;color:#a77832;font-style:normal;font-size:43px}.onr-scan-hero h3{font-size:25px;margin:18px 0 7px}.onr-scan-hero p{color:#76726c;line-height:1.6;margin:0 auto 26px;max-width:420px}.onr-scan-start>button{display:block;width:100%;margin:10px 0}.onr-scan-modal button.primary,.onr-scan-modal button.secondary{border-radius:11px;padding:13px 18px;font-weight:700;font-family:inherit;cursor:pointer}.onr-scan-modal button.primary{background:var(--onr-scan-gold);border:1px solid var(--onr-scan-gold);color:white}.onr-scan-modal button.secondary{background:white;border:1px solid var(--onr-scan-line);color:#383637}.onr-scan-modal button.wide{width:100%;font-size:15px;margin-top:16px}.onr-camera-frame{position:relative;max-width:760px;margin:auto;border-radius:18px;overflow:hidden;background:#111;aspect-ratio:3/4}.onr-camera-frame video{width:100%;height:100%;object-fit:cover}.onr-camera-guide{position:absolute;inset:8%;border:3px solid rgba(255,255,255,.75);border-radius:6px;box-shadow:0 0 0 999px rgba(0,0,0,.15)}.onr-scan-camera>p,.onr-scan-crop>p{text-align:center;color:#6d6964}.onr-scan-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:17px}.capture{width:70px;height:70px;border-radius:50%;border:6px solid white;background:var(--onr-scan-gold);box-shadow:0 0 0 2px #bbb;cursor:pointer}.onr-crop-stage{position:relative;width:min(760px,100%);height:min(68vh,680px);margin:auto;background:#1c1c1f;overflow:hidden;border-radius:16px}.onr-crop-stage canvas{position:absolute;max-width:100%;max-height:100%;width:auto;height:auto;inset:0;margin:auto}.onr-crop-stage svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.onr-crop-stage polygon{fill:rgba(189,144,73,.12);stroke:#f6bd62;stroke-width:5;vector-effect:non-scaling-stroke}.onr-crop-stage [data-corner]{position:absolute;width:38px;height:38px;margin:-19px;border:4px solid white;border-radius:50%;background:#bd9049;box-shadow:0 2px 12px #000;touch-action:none;cursor:move}.onr-review-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.onr-review-top h3{margin:0;font-size:21px}.onr-review-top p{margin:4px 0;color:#777}.onr-page-list{display:flex;gap:12px;overflow-x:auto;padding:14px 2px 17px}.onr-page-list article{flex:0 0 102px;padding:6px;background:white;border:2px solid transparent;border-radius:13px}.onr-page-list article.active{border-color:var(--onr-scan-gold)}.onr-page-list article>button{position:relative;width:100%;height:110px;border:0;background:#eee;border-radius:8px;overflow:hidden;padding:0}.onr-page-list img{width:100%;height:100%;object-fit:cover}.onr-page-list b{position:absolute;left:5px;bottom:5px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#28282b;color:white}.onr-page-list article>div{display:flex;justify-content:space-between;margin-top:5px}.onr-page-list article>div button{border:0;background:#f3f0e9;border-radius:6px;width:27px;height:27px;cursor:pointer}.onr-editor{display:grid;grid-template-columns:minmax(220px,1fr) 220px;gap:18px;padding:15px;background:#ebe7de;border-radius:16px}.onr-editor>img{width:100%;max-height:44vh;object-fit:contain;background:#222;border-radius:10px}.onr-editor-tools,.onr-filter-row{display:grid;gap:8px;align-content:start}.onr-editor-tools button,.onr-filter-row button{padding:10px;border:1px solid var(--onr-scan-line);border-radius:9px;background:white;text-align:left;cursor:pointer}.onr-filter-row{grid-column:2;margin-top:-125px}.onr-filter-row button.active{background:#3b3939;color:white;border-color:#3b3939}.onr-final-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:18px}.onr-final-fields label{display:grid;gap:6px;font-size:12px;font-weight:700}.onr-final-fields input,.onr-final-fields select{width:100%;min-height:45px;padding:9px 11px;border:1px solid var(--onr-scan-line);border-radius:9px;background:white;font:500 14px Manrope,system-ui}.onr-progress{position:relative;height:30px;margin-top:15px;background:#e5e0d5;border-radius:8px;overflow:hidden}.onr-progress span{display:block;height:100%;background:#d2b27a;transition:width .25s}.onr-progress b{position:absolute;inset:0;display:grid;place-items:center;font-size:12px}.onr-scan-toast{position:fixed;z-index:2147483647;right:20px;bottom:20px;max-width:min(440px,calc(100vw - 40px));padding:14px 18px;border-radius:12px;background:#353438;color:white;font:600 13px/1.45 Manrope,system-ui;box-shadow:0 12px 34px rgba(0,0,0,.3)}.onr-scan-toast.success{background:var(--onr-scan-green)}.onr-scan-toast.error{background:var(--onr-scan-red)}.onr-scan-toast.warn{background:#805e29}@media(max-width:640px){#onr-scanner-root{padding:0}.onr-scan-modal{width:100%;height:100%;border-radius:0}.onr-scan-head{padding:calc(14px + env(safe-area-inset-top)) 16px 14px}.onr-scan-body{padding:16px;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.onr-scan-start{margin:7vh auto}.onr-camera-frame{height:calc(100vh - 250px);aspect-ratio:auto}.onr-crop-stage{height:calc(100vh - 270px)}.onr-review-top{align-items:flex-start}.onr-review-top .secondary{padding:10px 12px!important}.onr-editor{grid-template-columns:1fr}.onr-editor-tools{grid-template-columns:1fr 1fr}.onr-filter-row{grid-column:1;margin:0;grid-template-columns:repeat(2,1fr)}.onr-final-fields{grid-template-columns:1fr}.onr-crop-stage [data-corner]{width:46px;height:46px;margin:-23px}.onr-scanner-trigger{width:100%;margin:9px 0}.onr-scan-modal button.primary,.onr-scan-modal button.secondary{min-height:48px}.onr-scan-actions{position:sticky;bottom:0;padding:10px;background:linear-gradient(transparent,var(--onr-scan-paper) 25%)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.onr-progress span{transition:none}}