:root{--bg: #ffffff;--fg: #0f172a;--muted: #64748b;--border: #e2e8f0;--primary: #0f172a;--primary-fg: #ffffff;--accent: #f1f5f9;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;width:100%}a{color:inherit}.web-shell{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.web-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0 1.5rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.web-brand{font-size:1.125rem;font-weight:700;letter-spacing:-.01em;text-decoration:none}.web-nav{display:flex;gap:1.25rem;font-size:.875rem}.web-nav a{color:var(--muted);text-decoration:none}.web-nav a:hover,.web-nav a[data-active=true]{color:var(--fg)}.web-hero h1{font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.02em;margin:0 0 .75rem}.web-hero p{color:var(--muted);font-size:1rem;margin:0 0 1.5rem;max-width:60ch}.web-cta{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;background:var(--primary);color:var(--primary-fg);border-radius:.5rem;text-decoration:none}.web-page-title{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .25rem}.web-page-sub{color:var(--muted);font-size:.9375rem;margin:0 0 1.5rem;max-width:60ch}.qrd-root{--qrd-gap: 1.5rem;--qrd-radius: .75rem;--qrd-border: 1px solid #e2e8f0;--qrd-bg: #ffffff;--qrd-fg: #0f172a;--qrd-muted: #64748b;--qrd-primary: #0f172a;--qrd-primary-fg: #fafafa;--qrd-accent: #f1f5f9;color:var(--qrd-fg);font-family:inherit;width:100%}.qrd-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--qrd-gap)}@media (min-width: 769px){.qrd-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"settings preview";align-items:start}.qrd-settings{grid-area:settings}.qrd-preview{grid-area:preview}}.qrd-settings{display:flex;flex-direction:column;gap:var(--qrd-gap);min-width:0}.qrd-preview{position:sticky;top:0;z-index:1;background:var(--qrd-bg);border-bottom:var(--qrd-border);padding:.75rem 0;margin:0 calc(-1 * var(--qrd-pad-x, 0px))}@media (min-width: 769px){.qrd-preview{top:1.25rem;border-bottom:none;padding:0;margin:0}}.qrd-preview-sticky{display:flex;flex-direction:column;gap:.75rem;align-items:center;border:var(--qrd-border);border-radius:var(--qrd-radius);background:var(--qrd-bg);padding:1rem}@media (max-width: 768px){.qrd-preview-sticky{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.625rem .75rem;padding:.625rem .75rem;border:none;border-radius:0}.qrd-preview-sticky>*{min-width:0}.qrd-preview-sticky [data-testid=qr-preview]{width:160px!important;height:160px!important;flex:0 0 160px}.qrd-preview-sticky [data-testid=scannability-panel]{flex:1 1 0;min-width:0;max-height:160px;overflow-y:auto}.qrd-preview-sticky .qrd-score-factors{font-size:.7rem}.qrd-preview-sticky .qrd-score-value{font-size:1.4rem}.qrd-preview-sticky .qrd-download{flex:1 0 100%}}.qrd-section{border:var(--qrd-border);border-radius:var(--qrd-radius);background:var(--qrd-bg);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.qrd-section-header{display:flex;flex-direction:column;gap:.125rem}.qrd-section-title{font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0}.qrd-section-desc{font-size:.8125rem;color:var(--qrd-muted);margin:0}.qrd-tabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;background:var(--qrd-accent);border-radius:var(--qrd-radius);width:fit-content;max-width:100%}.qrd-tab{padding:.375rem .875rem;font-size:.8125rem;font-weight:500;border:none;background:transparent;border-radius:calc(var(--qrd-radius) - .25rem);color:var(--qrd-muted);cursor:pointer}.qrd-tab-active{background:var(--qrd-bg);color:var(--qrd-fg);box-shadow:0 1px 2px #0000000d}.qrd-field{display:flex;flex-direction:column;gap:.375rem}.qrd-label{font-size:.8125rem;font-weight:500;color:var(--qrd-fg)}.qrd-hint{font-size:.75rem;color:var(--qrd-muted);margin:0}.qrd-hint-warn{color:#ab6f07}.qrd-hint[data-error=true]{color:#c52020}.qrd-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.qrd-input{padding:.5rem .625rem;border:var(--qrd-border);border-radius:calc(var(--qrd-radius) - .25rem);background:var(--qrd-bg);color:var(--qrd-fg);font-size:.875rem;font-family:inherit;width:100%}.qrd-textarea{resize:vertical;min-height:5rem}.qrd-grid-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.qrd-color-row{display:flex;gap:.5rem;align-items:center}.qrd-color-swatch{width:2.5rem;height:2.5rem;padding:0;border:var(--qrd-border);border-radius:calc(var(--qrd-radius) - .25rem);cursor:pointer;background:transparent}.qrd-swatch-wrap{position:relative;display:inline-block}.qrd-swatch-popover{position:absolute;top:calc(100% + .375rem);left:0;z-index:50;padding:.625rem;background:var(--qrd-bg);border:var(--qrd-border);border-radius:var(--qrd-radius);box-shadow:0 8px 24px #0f172a2e;display:flex;flex-direction:column;gap:.5rem;width:240px}.qrd-swatch-popover .react-colorful{width:100%;height:168px}.qrd-swatch-popover .react-colorful__saturation{border-radius:calc(var(--qrd-radius) - .25rem) calc(var(--qrd-radius) - .25rem) 0 0}.qrd-swatch-popover .react-colorful__last-control{border-radius:0 0 calc(var(--qrd-radius) - .25rem) calc(var(--qrd-radius) - .25rem)}.qrd-swatch-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem}.qrd-swatch-preset{width:100%;aspect-ratio:1 / 1;border:1px solid #e2e8f0;border-radius:calc(var(--qrd-radius) - .5rem);padding:0;cursor:pointer}.qrd-swatch-preset:hover{border-color:var(--qrd-primary)}.qrd-swatch-preset-active{outline:2px solid var(--qrd-primary);outline-offset:1px}.qrd-swatch-hex-row{display:flex;align-items:center;gap:.375rem}.qrd-swatch-hex-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;color:var(--qrd-muted)}.qrd-color-hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;text-transform:uppercase}.qrd-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--qrd-fg);cursor:pointer}.qrd-chip-row{display:flex;flex-wrap:wrap;gap:.375rem}.qrd-chip{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border:var(--qrd-border);background:var(--qrd-bg);color:var(--qrd-fg);border-radius:calc(var(--qrd-radius) - .25rem);cursor:pointer;text-transform:capitalize}.qrd-chip-active{border-color:var(--qrd-primary);background:var(--qrd-primary);color:var(--qrd-primary-fg)}.qrd-btn{padding:.5rem .875rem;font-size:.875rem;font-weight:500;border-radius:calc(var(--qrd-radius) - .25rem);cursor:pointer;border:var(--qrd-border);background:var(--qrd-bg);color:var(--qrd-fg)}.qrd-btn-primary{background:var(--qrd-primary);color:var(--qrd-primary-fg);border-color:var(--qrd-primary)}.qrd-btn-primary:disabled{opacity:.6;cursor:not-allowed}.qrd-btn-link{background:none;border:none;color:var(--qrd-muted);font-size:.75rem;text-decoration:underline;cursor:pointer;padding:0;align-self:flex-start}.qrd-download{display:flex;gap:.5rem;width:100%;border:none;padding:0;margin:0}.qrd-download .qrd-btn{flex:1}.qrd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qrd-score{width:100%;display:flex;flex-direction:column;gap:.5rem}.qrd-score-header{display:flex;align-items:baseline;gap:.5rem}.qrd-score-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.qrd-score-band{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.qrd-band-excellent .qrd-score-value,.qrd-band-excellent .qrd-score-band{color:#1a9948}.qrd-band-good .qrd-score-value,.qrd-band-good .qrd-score-band{color:#0a7db2}.qrd-band-caution .qrd-score-value,.qrd-band-caution .qrd-score-band{color:#c47f08}.qrd-band-risky .qrd-score-value,.qrd-band-risky .qrd-score-band{color:#c52020}.qrd-score-factors{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;font-size:.75rem}.qrd-score-allclear{margin:0;font-size:.75rem;color:#1a9948}.qrd-factor{display:flex;align-items:flex-start;gap:.5rem;color:var(--qrd-muted)}.qrd-factor-icon{font-weight:700;width:1rem;text-align:center}.qrd-sev-ok .qrd-factor-icon{color:#1a9948}.qrd-sev-caution .qrd-factor-icon{color:#c47f08}.qrd-sev-warn .qrd-factor-icon{color:#c52020}.qrd-factor-message{flex:1 1 0;min-width:0}.qrd-factor-fix{border:var(--qrd-border);background:var(--qrd-bg);color:var(--qrd-fg);border-radius:calc(var(--qrd-radius) - .375rem);font-size:.7rem;font-weight:500;padding:.125rem .5rem;cursor:pointer;white-space:nowrap;flex:0 0 auto}.qrd-factor-fix:hover{border-color:var(--qrd-primary);color:var(--qrd-primary)}.qrd-verify{margin:0;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:calc(var(--qrd-radius) - .25rem);align-self:flex-start}.qrd-verify-checking{background:var(--qrd-accent);color:var(--qrd-muted)}.qrd-verify-ok{background:#e9fbf0;color:#157a3a}.qrd-verify-fail{background:#fbe9e9;color:#a71b1b}.qrd-color-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.qrd-mini-tabs{display:inline-flex;background:var(--qrd-accent);border-radius:calc(var(--qrd-radius) - .25rem);padding:.125rem;gap:.125rem}.qrd-mini-tab{padding:.25rem .625rem;border:none;background:transparent;border-radius:calc(var(--qrd-radius) - .375rem);color:var(--qrd-muted);font-size:.75rem;font-weight:500;cursor:pointer}.qrd-mini-tab-active{background:var(--qrd-bg);color:var(--qrd-fg);box-shadow:0 1px 2px #0000000d}.qrd-gradient{display:flex;flex-direction:column;gap:.5rem}.qrd-gradient-types{display:flex;gap:.25rem}.qrd-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem}.qrd-palette-swatch{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;height:64px;padding:0;border:var(--qrd-border);border-radius:calc(var(--qrd-radius) - .25rem);cursor:pointer;overflow:hidden}.qrd-palette-swatch:hover{border-color:var(--qrd-primary)}.qrd-palette-dot{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%}.qrd-palette-name{background:#0f172a8c;color:#fff;font-size:.65rem;font-weight:600;text-align:center;padding:.25rem .375rem;letter-spacing:.02em}.qrd-bg-image{display:flex;flex-direction:column;gap:.5rem}.qrd-frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem}.qrd-frame-swatch{display:flex;flex-direction:column;gap:.25rem;padding:.375rem;background:var(--qrd-bg);border:var(--qrd-border);border-radius:calc(var(--qrd-radius) - .25rem);cursor:pointer}.qrd-frame-swatch-active{border-color:var(--qrd-primary);box-shadow:0 0 0 1px var(--qrd-primary)}.qrd-frame-thumb{display:block;aspect-ratio:1 / 1.1;width:100%}.qrd-frame-thumb svg{width:100%;height:100%;display:block}.qrd-frame-thumb-empty{display:grid;place-items:center;height:64px;font-size:1.25rem;color:var(--qrd-muted);background:var(--qrd-accent);border-radius:calc(var(--qrd-radius) - .5rem)}.qrd-frame-name{font-size:.7rem;font-weight:500;color:var(--qrd-muted);text-align:center}.qrd-chip-badge{margin-left:.25rem;font-size:.7rem;color:#c47f08}.qrd-chip-active .qrd-chip-badge{color:#facf85}.qrd-advanced{display:flex;flex-direction:column;gap:.75rem}[data-testid=qr-preview] svg{width:100%;height:100%;display:block}