:root{color-scheme:dark;--bg:#0b1220;--panel:#121d2d;--panel2:#172437;--border:#2a3a50;--text:#eef4fb;--muted:#a7b6c9;--accent:#57b7ff;--green:#35c98b;--danger:#ff8585}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#0b1220,#101a2b 60%,#0c1726);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}.top{border-bottom:1px solid var(--border);background:#0b1220d9}.brand{max-width:1040px;margin:auto;padding:22px 22px;display:flex;align-items:center;gap:14px}.logo{display:grid;place-items:center;width:46px;height:46px;background:#173552;color:var(--accent);border:1px solid #285477;border-radius:13px;font-size:27px}.brand h1{font-size:22px;margin:0;font-weight:750;letter-spacing:-.4px}.brand p{margin:2px 0 0;color:var(--muted);font-size:13px}.return-link{color:var(--accent);text-decoration:none}.return-link:hover{text-decoration:underline}.wrap{max-width:1040px;margin:24px auto;padding:0 18px 32px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab{border:1px solid transparent;background:transparent;color:var(--muted);padding:12px 15px;border-radius:10px 10px 0 0;cursor:pointer;font:inherit}.tab.active{background:var(--panel);border-color:var(--border);border-bottom-color:var(--panel);color:var(--text)}.panel{display:none}.panel.active{display:block}.card,.result{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:16px;box-shadow:0 14px 35px #0002}.card h2,.result h2{font-size:19px;margin:0 0 5px}.muted{color:var(--muted)}.drop{margin:18px 0 15px;min-height:116px;border:1px dashed #45627f;border-radius:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;padding:16px;cursor:pointer;background:#0e1928}.drop:hover{border-color:var(--accent);background:#13243a}.dropicon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#1d3a55;color:var(--accent);font-size:23px}.drop strong{font-size:15px}.options{display:flex;gap:10px 22px;flex-wrap:wrap;margin:14px 0 18px}.check{display:flex;align-items:flex-start;gap:8px;color:#dce7f3;font-size:14px}.check input{margin-top:5px;accent-color:var(--accent)}button{font:inherit}.primary{background:var(--accent);color:#061626;border:0;border-radius:10px;padding:11px 17px;font-weight:750;cursor:pointer}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.5;cursor:wait}.progress{margin-top:12px;color:var(--accent)}.hidden{display:none!important}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.formgrid label{display:grid;gap:6px;color:#dce7f3;font-size:13px}.formgrid input{width:100%;min-width:0;background:#0b1422;color:var(--text);border:1px solid #354960;border-radius:9px;padding:10px 11px;font:inherit}.formgrid input:focus{outline:2px solid #57b7ff55;border-color:var(--accent)}.status{min-height:20px;color:var(--green)}.status.error{color:var(--danger)}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.metric{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:13px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:22px;margin-top:4px}.total strong{color:var(--green)}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;margin:12px 0}td,th{text-align:left;padding:10px 9px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}.pixrow{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:start;margin-top:18px}.pixpayload{width:100%;min-height:104px;resize:vertical;background:#0b1422;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px;overflow-wrap:anywhere}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.secondary{background:#263950;color:var(--text);border:1px solid #405875;border-radius:9px;padding:9px 12px;cursor:pointer}.qr{background:#fff;padding:8px;width:180px;min-height:180px;border-radius:10px;display:grid;place-items:center}.qr img{max-width:164px;height:auto}.note{color:var(--muted);font-size:12px;margin-top:12px}.navlinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.navbtn{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid #405875;background:#263950;color:var(--text);font-size:12px;font-weight:600;text-decoration:none;line-height:1.35}.navbtn:hover{border-color:var(--accent);background:#2c4560}.navbtn.whats{background:#1d6b4a;border-color:#2a9266;color:#fff}.navbtn.whats:hover{background:#238057;border-color:#35c98b}footer{color:var(--muted);font-size:12px;text-align:center;padding:16px 8px}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:650px){.brand{padding:18px 16px}.brand h1{font-size:19px}.wrap{padding:0 12px 24px;margin-top:16px}.card,.result{padding:16px;border-radius:13px}.formgrid{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}.summary .total{grid-column:1/-1}.pixrow{grid-template-columns:1fr}.qr{margin:0 auto}.tab{padding:10px 11px;font-size:13px}}

.page-selection{margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:12px;background:#0e1928}.page-selection h3{font-size:16px;margin:0 0 5px}.page-selection p{margin:5px 0 12px}.range-label{display:block;margin:12px 0 6px;color:#dce7f3;font-size:13px}.range-input{display:block;width:100%;max-width:480px;background:#0b1422;color:var(--text);border:1px solid #354960;border-radius:9px;padding:10px 11px;font:inherit}.range-input:focus{outline:2px solid #57b7ff55;border-color:var(--accent)}.range-input:disabled{opacity:.55}.batch-page-item{padding:13px 0;border-top:1px solid var(--border)}.batch-page-item:first-child{border-top:0}.batch-page-item strong{display:block;overflow-wrap:anywhere;margin-bottom:8px}.batch-page-item .range-input{margin-top:8px}.batch-page-item .muted{font-size:13px}