.wifiqr-tool{gap:var(--s5);grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:start;display:grid}.wifiqr-counter,.wifiqr-ticket{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5)}.wifiqr-counter{gap:var(--s4);display:grid}.wifiqr-field{gap:var(--s2);display:grid}.wifiqr-field>label,.wifiqr-security legend{font-family:var(--font-mono);color:var(--ink-1);font-size:var(--step--1)}.wifiqr-field input{width:100%;min-height:46px;padding:10px var(--s3);background:var(--surface-0);color:var(--ink-0);border:1px solid var(--line-firm);border-radius:var(--r-md);font-size:16px}.wifiqr-field input:focus,.wifiqr-security label:focus-within,.wifiqr-hidden:focus-within{outline:2px solid var(--focus);outline-offset:2px}.wifiqr-security{gap:var(--s2);border:0;grid-template-columns:repeat(3,1fr);margin:0;padding:0;display:grid}.wifiqr-security legend{margin-bottom:var(--s2)}.wifiqr-security label{justify-content:center;align-items:center;gap:var(--s2);min-height:46px;padding:var(--s2);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;display:flex}.wifiqr-security input,.wifiqr-hidden input{accent-color:var(--brass)}.wifiqr-password{gap:var(--s2);grid-template-columns:minmax(0,1fr) auto;display:grid}.wifiqr-password button{min-width:60px;min-height:46px;padding:0 var(--s3);color:var(--ink-0);border:1px solid var(--line-firm);border-radius:var(--r-md)}.wifiqr-hidden{align-items:center;gap:var(--s3);cursor:pointer;min-height:44px;display:flex}.wifiqr-hidden input{width:18px;height:18px}.wifiqr-local,.wifiqr-scan-note{color:var(--ink-2);font-size:var(--step--1);margin:0}.wifiqr-generate,.wifiqr-actions a{min-height:46px;padding:10px var(--s4);background:var(--brass);color:var(--on-brass);border-radius:var(--r-md);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.wifiqr-generate:disabled{opacity:.72;cursor:wait}.wifiqr-error{min-height:1.5em;color:var(--error);font-size:var(--step--1);margin:0}.wifiqr-ticket{min-height:440px;box-shadow:var(--shadow-1);transition:box-shadow .18s var(--ease), transform .18s var(--ease);position:relative}.wifiqr-ticket.has-result{box-shadow:var(--shadow-2);transform:translateY(-2px)}.wifiqr-stub{color:var(--ink-2);font-family:var(--font-mono);font-size:var(--step--1);justify-content:space-between;display:flex}.wifiqr-stub span:first-child{color:var(--brass-lo)}.wifiqr-perf{height:1px;margin:var(--s4) calc(-1 * var(--s5));background-image:linear-gradient(90deg, var(--line-firm) 55%, transparent 0);background-size:9px 1px}.wifiqr-empty,.wifiqr-working{place-content:center;justify-items:center;gap:var(--s4);min-height:320px;color:var(--ink-2);text-align:center;display:grid}.wifiqr-empty span{font-size:var(--step-4);color:var(--brass-lo)}.wifiqr-empty p,.wifiqr-working p{max-width:30ch;margin:0}.wifiqr-mini-grid{grid-template-columns:repeat(4,1fr);gap:3px;width:72px;display:grid}.wifiqr-mini-grid i{aspect-ratio:1;background:var(--ink-1);animation:wifiqr-build .72s var(--ease) infinite alternate;border-radius:2px}.wifiqr-mini-grid i:nth-child(3n){animation-delay:.16s}.wifiqr-mini-grid i:nth-child(4n){opacity:.2;animation-delay:.32s}@keyframes wifiqr-build{0%{opacity:.18;transform:scale(.78)}to{opacity:1;transform:scale(1)}}.wifiqr-preview{width:min(100%,340px);margin:0 auto var(--s4);padding:var(--s2);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--r-md)}.wifiqr-preview img{width:100%;height:auto;image-rendering:pixelated;display:block}.wifiqr-facts{margin:0 0 var(--s4);gap:var(--s2);display:grid}.wifiqr-facts div{gap:var(--s3);grid-template-columns:92px minmax(0,1fr);display:grid}.wifiqr-facts dt{color:var(--ink-2);font-size:var(--step--1)}.wifiqr-facts dd{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--step--1);margin:0}.wifiqr-actions{gap:var(--s3);margin-bottom:var(--s3);grid-template-columns:1fr 1fr;display:grid}.wifiqr-actions a:last-child{background:var(--surface-0);color:var(--ink-0);border:1px solid var(--brass)}@media (width<=820px){.wifiqr-tool,.wifiqr-security{grid-template-columns:1fr}.wifiqr-security label{padding-inline:var(--s3);justify-content:flex-start}.wifiqr-ticket{min-height:390px}.wifiqr-generate{bottom:var(--s4);z-index:1;position:sticky}}@media (width<=390px){.wifiqr-counter,.wifiqr-ticket{padding:var(--s4)}.wifiqr-perf{margin-inline:calc(-1 * var(--s4))}.wifiqr-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.wifiqr-ticket{transition:opacity .12s linear}.wifiqr-ticket.has-result{transform:none}.wifiqr-mini-grid i{opacity:.7;animation:none;transform:none}}