:root{--bg:#f6f7fb;--panel:#fff;--text:#0f172a;--muted:#475569;--muted2:#64748b;--border:#0f172a1f;--border2:#0f172a14;--shadow:0 10px 30px #02061714;--shadow2:0 1px 6px #02061714;--radius:14px;--radiusSm:10px;--primary:#2563eb;--primaryHover:#1d4ed8;--danger:#ef4444;--warn:#b45309;--focus:0 0 0 3px #2563eb2e;--font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}@media (prefers-color-scheme:dark){:root{--bg:#070b14;--panel:#0b1220;--text:#e5e7eb;--muted:#a3adc2;--muted2:#8b96ad;--border:#e2e8f024;--border2:#e2e8f014;--shadow:0 10px 30px #00000073;--shadow2:0 1px 6px #0006;--primary:#60a5fa;--primaryHover:#93c5fd;--focus:0 0 0 3px #60a5fa38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--text);background:radial-gradient(1200px 600px at 20% -10%,#2563eb24,transparent 60%),radial-gradient(900px 500px at 100% 0%,#10b9811f,transparent 55%),var(--bg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:inherit;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:0 16px}.muted{color:var(--muted2)}.page{padding:24px 0}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow2)}.cardInner{padding:16px}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:600;transition:transform 80ms,border-color .12s,background .12s,box-shadow .12s}.btn:hover{border-color:#2563eb4d}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--focus);outline:none}.btn[disabled]{cursor:not-allowed;opacity:.55}.btnPrimary{background:linear-gradient(#2563eb1f,#2563eb0f);border-color:#2563eb59}.btnPrimary:hover{border-color:#2563eb99}.btnLink{border:1px solid var(--border2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;display:inline-flex}.btnLink:hover{border-color:#2563eb59}.field{gap:6px;display:grid}.fieldLabel{font-weight:700}.fieldHelp{color:var(--muted2);font-size:12px}.input,.select,.textarea{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:12px;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{box-shadow:var(--focus);border-color:#2563eb8c;outline:none}.checkboxRow{align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:720px){.grid2{grid-template-columns:1fr 1fr}}.spanAll{grid-column:1/-1}.inlineRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.titleRow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.error{color:var(--danger);font-weight:600}.warn{color:var(--warn)}.divider{background:var(--border2);height:1px}details{border:1px solid var(--border2);border-radius:var(--radius);background:#ffffff80}@media (prefers-color-scheme:dark){details{background:#0b122066}}summary{cursor:pointer;padding:12px 14px;font-weight:800;list-style:none}summary::-webkit-details-marker{display:none}.detailsBody{padding:0 14px 14px}.appHeader{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border2);background:#f6f7fbb3;position:sticky;top:0}@media (prefers-color-scheme:dark){.appHeader{background:#070b14a6}}.appHeaderInner{justify-content:space-between;align-items:center;height:56px;display:flex}.brand{letter-spacing:-.02em;font-weight:900}.appNav{gap:8px;display:flex}.navLink{border:1px solid var(--border2);border-radius:999px;padding:8px 10px}.navLink:hover{border-color:#2563eb59}.appMain{min-height:calc(100vh - 140px)}.appFooter{border-top:1px solid var(--border2);padding:18px 0}.appFooterInner{gap:6px;font-size:12px;display:grid}.qrToolGrid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:980px){.qrToolGrid{grid-template-columns:1fr 420px;align-items:start}}.qrPreviewSticky{position:static}@media (min-width:980px){.qrPreviewSticky{position:sticky;top:76px}}.qrPreviewBox{background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius);padding:12px}.qrSvgWrap{place-items:center;display:grid}.modalOverlay{z-index:50;background:#0206178c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);width:min(980px,100%);max-height:min(92vh,920px);box-shadow:var(--shadow);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.modalHeader{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.modalBody{padding:14px;overflow:auto}.a4Wrap{justify-content:center;display:flex}.a4Sheet{background:#fff;border:1px solid #0f172a1f;place-items:center;width:210mm;height:297mm;padding:18mm;display:grid;box-shadow:0 1px 6px #02061714}.a4Inner{justify-items:center;gap:6mm;display:grid}.pill{border:1px solid var(--border2);color:var(--muted2);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}