:root{--muted:#707b8c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16233a;background:#f3f5f8;line-height:1.45;color-scheme:light dark}
*{box-sizing:border-box}body{margin:0}.shell{max-width:850px;margin:auto;padding:24px 16px 60px}.brand{padding:18px 4px 24px}.wordmark{font-size:22px;letter-spacing:.16em;font-weight:800;color:#0b2b58}.sub{font-size:13px;color:#687386;margin-top:5px}.card{background:Canvas;border:1px solid color-mix(in srgb,CanvasText 12%,transparent);border-radius:18px;padding:22px;margin:0 0 16px;box-shadow:0 6px 24px rgba(10,30,60,.045)}h1{font-size:28px;margin:0 0 10px}h2{font-size:18px;margin:0 0 18px;color:#143d70}.intro p{margin-bottom:14px}.security-note{background:#eef5ff;border-radius:12px;padding:12px 14px;font-size:13px;color:#24466f}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}.span2{grid-column:span 2}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}input,textarea,select{width:100%;font:inherit;color:inherit;background:Canvas;border:1px solid color-mix(in srgb,CanvasText 18%,transparent);border-radius:10px;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#175ca8;box-shadow:0 0 0 3px rgba(23,92,168,.12)}textarea{resize:vertical}.optional,.small{font-size:12px;font-weight:400;color:#707b8c}.warning-card{border-left:4px solid #d89216}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}button{border:1px solid color-mix(in srgb,CanvasText 18%,transparent);background:Canvas;border-radius:10px;padding:10px 14px;font:inherit;font-weight:650;cursor:pointer}.primary{background:#123f77;color:white;border-color:#123f77}.large{width:100%;padding:14px;margin-top:15px}.modebox{background:color-mix(in srgb,CanvasText 4%,Canvas);border-radius:12px;padding:12px}.radio{flex-direction:row;align-items:flex-start;font-weight:400;margin-top:9px}.radio input,.check input{width:auto}.radio span{display:flex;flex-direction:column}.radio small{color:#6c7787}.check{flex-direction:row;align-items:center;font-weight:400;margin-top:12px}.files{display:flex;flex-direction:column;gap:8px}.fileRow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid color-mix(in srgb,CanvasText 10%,transparent);border-radius:11px}.fileIcon{font-size:20px}.fileName{font-weight:650;font-size:13px;overflow-wrap:anywhere}.fileMeta{font-size:11px;color:#707b8c}.remove{padding:5px 8px}.hidden{display:none!important}.error{color:#b51f2d}.status{font-size:13px}.success{text-align:center;padding:36px}.successIcon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#1c8d54;color:white;font-size:34px;font-weight:800}progress{width:100%;margin-top:14px;height:8px}
@media(max-width:620px){.shell{padding:15px 12px 45px}.card{padding:17px;border-radius:15px}.grid.two{grid-template-columns:1fr}.span2{grid-column:auto}h1{font-size:24px}.actions button{flex:1 1 45%}}
@media(prefers-color-scheme:dark){.security-note{background:#112b49;color:#cbdcf1}.wordmark{color:#78a9e6}}
.scanOverlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:14px}.scanBox{width:min(760px,100%);color:white}.scanBox video{width:100%;max-height:72vh;object-fit:contain;background:#000;border-radius:14px}.scanHint,.scanCount{text-align:center;font-size:13px;margin:9px}.scanActions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.scanActions button{background:#fff;color:#15233a}

.fileButtons{margin-top:5px}.mini{padding:4px 8px;font-size:11px}.previewOverlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:12px}.previewBox{width:min(900px,100%);height:min(90vh,820px);display:flex;flex-direction:column;gap:10px;align-items:center}.previewBox img,.previewBox video,.previewBox iframe{width:100%;height:100%;object-fit:contain;border:0;background:#000;border-radius:10px}.previewBox button{background:white;color:#15233a}

.fileRow,.scanPage{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(120,130,145,.22)}
.fileRow>div{display:flex;flex-direction:column;gap:3px;min-width:0}.fileRow b{overflow-wrap:anywhere}.fileRow small{color:var(--muted)}
button.ghost{background:transparent;border:1px solid rgba(120,130,145,.35);color:inherit;padding:.55rem .75rem}
.scanTray{margin-top:14px;padding:14px;border:1px solid rgba(60,100,160,.24);border-radius:12px;background:rgba(80,120,180,.06)}
.scanHead{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.scanHead span{font-size:.82rem;color:var(--muted)}
progress{width:100%;height:10px;margin-top:12px}

.scanPage{justify-content:flex-start}.scanPage span{flex:1}.scanThumb{width:62px;height:82px;object-fit:cover;border-radius:7px;border:1px solid rgba(120,130,145,.28);background:#fff}.fileButtons{display:flex;gap:6px;flex-wrap:wrap}.previewBox iframe{background:#fff}
@media(prefers-color-scheme:dark){:root{--muted:#9ba7b7}}