.qr-create{align-items:start}.qr-inputs{display:grid;min-width:0;align-content:start;gap:var(--space-4)}.qr-inputs>.tool-segmented{justify-self:start}.qr-textarea{min-height:6.5rem}.qr-textarea-prose{font-family:var(--font-sans);font-size:var(--font-size-sm)}.qr-check-field{align-self:end;min-height:2.1rem}.qr-wide{grid-column:1/-1}.qr-messages{margin-top:calc(var(--space-2) * -1)}.qr-messages>p{margin:0;animation:tool-fade var(--duration-base) var(--ease-standard)}.qr-problem{color:var(--danger);font-size:var(--font-size-xs)}.qr-options{display:grid;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.qr-options .tool-section-title{margin:0}.qr-option{justify-content:space-between;gap:var(--space-2) var(--space-3)}.qr-colors,.qr-option{display:flex;flex-wrap:wrap;align-items:center}.qr-colors{gap:var(--space-3) var(--space-5)}.qr-color{display:inline-flex;align-items:center;gap:var(--space-2)}.qr-color label{display:grid;gap:1px;cursor:pointer}.qr-color-value{color:var(--text);font-family:var(--font-mono)}.qr-color-value,.qr-warning{font-size:var(--font-size-xs)}.qr-warning{margin:calc(var(--space-2) * -1) 0 0;color:var(--warning);animation:tool-fade var(--duration-base) var(--ease-standard)}.qr-ranges{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-3) var(--space-5)}.qr-output{position:sticky;top:calc(var(--space-4) + var(--safe-top));display:grid;min-width:0;align-content:start;gap:var(--space-3)}.qr-output>.tool-hint{margin:0}.qr-preview{display:grid;width:100%;max-height:28rem;aspect-ratio:1;place-items:center;padding:var(--space-5);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.qr-preview[data-empty]{border-style:dashed}.qr-placeholder{display:inline-flex;max-width:16rem;align-items:center;gap:var(--space-2);margin:0;color:var(--text-faint);font-size:var(--font-size-sm);text-align:center;animation:tool-fade var(--duration-base) var(--ease-standard)}.qr-code{display:block;width:100%;max-width:21rem;height:auto;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--border);animation:qr-in var(--duration-base) var(--ease-standard) both}.qr-code[data-wide]{max-width:100%}@keyframes qr-in{0%{opacity:.35}}.qr-summary{display:grid;gap:var(--space-2)}.qr-detail{margin:0;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qr-capacity{display:flex;align-items:center;gap:var(--space-3)}.qr-capacity .tool-hint{flex:0 0 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qr-capacity-bar{flex:1 1 auto;height:4px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent)}.qr-capacity-bar>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transform-origin:left;transition:transform var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.qr-capacity-bar[data-full]>span{background:var(--warning)}.qr-scan{display:grid;gap:var(--space-3)}.qr-scan-surface{overflow:hidden}.qr-drop-actions{justify-content:center}.qr-device .tool-select{width:auto;min-width:14rem;max-width:100%}.qr-stage{display:flex;justify-content:center;padding:var(--space-3);border-top:1px solid var(--border);background:color-mix(in srgb,var(--text) 3%,var(--surface))}.qr-frame{position:relative;width:100%;line-height:0}.qr-media{display:block;max-width:100%;max-height:min(70vh,38rem);margin:0 auto;border-radius:var(--radius-md)}.qr-video{width:100%;height:auto;object-fit:contain}.qr-frame[data-mirror] .qr-media,.qr-frame[data-mirror] .qr-outlines{transform:scaleX(-1)}.qr-outlines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.qr-outlines polygon{fill:color-mix(in srgb,var(--success) 16%,transparent);stroke:var(--success);stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke;animation:tool-fade var(--duration-fast) var(--ease-standard) both}.qr-outline-label circle{fill:var(--success)}.qr-outline-label text{fill:var(--background);font-family:var(--font-mono);font-weight:700}.qr-live{position:absolute;top:var(--space-2);left:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:999px;background:color-mix(in srgb,var(--background) 78%,transparent);color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;line-height:1.6}.qr-live-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--success);animation:qr-pulse 1.6s var(--ease-standard) infinite}@keyframes qr-pulse{50%{opacity:.3}}.qr-alert{margin:0}.qr-status{display:flex;min-height:1.25rem;align-items:center;gap:var(--space-2);margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.qr-results>li.qr-result{align-items:flex-start;padding:var(--space-3) var(--space-4)}.qr-result-number{display:grid;width:1.4rem;height:1.4rem;flex:0 0 auto;place-items:center;margin-top:1px;border-radius:50%;background:var(--success);color:var(--background);font-family:var(--font-mono);font-size:.7rem;font-weight:700}.qr-result-body{display:grid;min-width:0;flex:1 1 auto;gap:var(--space-2)}.qr-result-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.qr-result-kind{color:var(--text-muted);font-size:var(--font-size-xs)}.qr-result-text{max-height:12rem;margin:0;overflow:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.5;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;white-space:pre-wrap}.qr-result-kv{font-size:var(--font-size-xs)}.qr-url{color:var(--text-muted);font-family:var(--font-mono);overflow-wrap:anywhere}.qr-result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width:700px){.qr-output{position:static}.qr-preview{max-height:22rem}}