#dropqr-app{--bg:var(--bg-2);--bg-elev:var(--surface);--fg:var(--text);--fg-dim:var(--muted);--accent-strong:var(--accent-deep);--danger:#c2552d;--success:#1f8a5c;--border:var(--line);--shadow:0 6px 18px #1f72ad14;--radius:16px;color:var(--fg);line-height:1.6;& header.brand{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:24px;display:flex}& header.brand h1{letter-spacing:.5px;margin:0;font-size:28px}& header.brand .tag{color:var(--fg-dim);font-size:13px}& a.btn,& button{appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,transform 50ms}& a.btn:hover,& button:hover{border-color:var(--accent)}& a.btn:active,& button:active{transform:translateY(1px)}& button.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}& button.primary:disabled{opacity:.5;cursor:not-allowed}& button.ghost{background:0 0}& .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}& .card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}& .card h2{margin:0 0 6px;font-size:17px}& .card p{color:var(--fg-dim);min-height:38px;margin:0 0 12px;font-size:13.5px}& nav.back{margin-bottom:16px}& .row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}& .row.tight{gap:6px}& .col{flex-direction:column;gap:8px;display:flex}& label.field{color:var(--fg-dim);flex-direction:column;gap:6px;font-size:13px;display:flex}& label.field select,& label.field input[type=file]{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:15px}& .dropzone{text-align:center;border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 16px;transition:border-color .12s,background .12s;display:flex}& .dropzone:hover{border-color:var(--accent)}& .dropzone.dragover{border-color:var(--accent-strong);background:#6aa8ff14}& .dropzone.sending{cursor:default;opacity:.85}& .dropzone .dz-icon{color:var(--accent);font-size:26px;line-height:1}& .dropzone .dz-label{word-break:break-all;font-size:15px;font-weight:600}& .dropzone .dz-sub{color:var(--fg-dim);font-size:12.5px}& .text-input{background:var(--bg);min-width:0;color:var(--fg);border:1px solid var(--border);border-radius:8px;flex:200px;padding:9px 11px;font-size:15px}& .mode-toggle{background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}& .mode-btn{appearance:none;color:var(--fg-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:9px 26px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background .12s,color .12s}& .mode-btn.active{background:var(--accent-strong);color:#fff;cursor:default}& .mode-btn:not(.active):hover{color:var(--accent)}& .status{color:var(--fg-dim);font-size:13px}& .status.ok{color:var(--success)}& .status.err{color:var(--danger)}& .progress{background:var(--bg);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}& .progress>span{background:linear-gradient(90deg, var(--accent), var(--accent-strong));width:0%;height:100%;transition:width .2s;display:block}& .qr-stage{border-radius:var(--radius);background:#fff;justify-content:center;align-items:center;margin-top:14px;padding:16px;display:flex}& .qr-stage canvas,& .qr-stage svg{max-width:320px;image-rendering:pixelated;display:block;width:100%!important;height:auto!important}& .video-wrap{border-radius:var(--radius);aspect-ratio:4/3;background:#000;position:relative;overflow:hidden}& .video-wrap video{object-fit:cover;width:100%;height:100%}& .video-wrap canvas{display:none}& .kv{grid-template-columns:1fr 2fr;gap:4px 12px;font-size:14px;display:grid}& .kv dt{color:var(--fg-dim)}& .kv dd{word-break:break-all;margin:0}& .banner{border:1px dashed var(--border);color:var(--fg-dim);border-radius:10px;margin:12px 0;padding:10px 12px;font-size:13px}& .banner.warn{color:#d6b15a;border-color:#b59538}& .banner.err{border-color:var(--danger);color:var(--danger)}& footer.note{color:var(--fg-dim);text-align:center;margin-top:32px;font-size:12px}}.dq[data-astro-cid-obgn3ezb]{max-width:880px}h1[data-astro-cid-obgn3ezb]{margin:6px 0 10px;font-size:clamp(2rem,5vw,3rem)}.note[data-astro-cid-obgn3ezb]{color:var(--muted);margin-top:28px;font-size:.88rem;line-height:1.8}.note[data-astro-cid-obgn3ezb] a[data-astro-cid-obgn3ezb]{color:var(--accent-deep);text-underline-offset:3px;margin-left:4px;text-decoration:underline}