.qr-gen{color:var(--text-primary);flex-direction:column;gap:20px;display:flex;container-type:inline-size}.qr-gen__modes{background:var(--color-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.qr-gen__mode{border-radius:var(--radius-md);min-height:44px;color:var(--text-muted);font:600 .92rem var(--font-ui);cursor:pointer;transition:background var(--duration-quick), color var(--duration-quick);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.qr-gen__mode i{font-size:1.15rem}.qr-gen__mode{white-space:nowrap}@container (width<=380px){.qr-gen__mode{gap:6px;padding:8px 6px;font-size:.84rem}}.qr-gen__mode:hover{color:var(--text-primary)}.qr-gen__mode.is-active{background:var(--color-cyan-bg-soft);color:var(--color-accent-text);box-shadow:inset 0 0 0 1px var(--color-cyan-bg-border)}.qr-gen__mode:focus-visible,.qr-gen__type:focus-visible,.qr-gen__icon-btn:focus-visible,.qr-gen__text-btn:focus-visible,.qr-gen__btn-primary:focus-visible,.qr-gen__btn-secondary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.qr-gen__create{grid-template-columns:minmax(0,1fr);grid-template-areas:"content""preview""style";gap:16px;display:grid}.qr-gen__content{grid-area:content;min-width:0}.qr-gen__preview-col{grid-area:preview;min-width:0}.qr-gen__style{flex-direction:column;grid-area:style;gap:16px;min-width:0;display:flex}@container (width>=600px){.qr-gen__create{grid-template:"content preview""style preview"1fr/minmax(0,1fr) 280px;gap:16px 20px}.qr-gen__preview-col{align-self:start;position:sticky;top:80px}}@container (width>=760px){.qr-gen__create{grid-template-columns:minmax(0,1fr) 320px}}@container (width>=900px){.qr-gen__create{grid-template-columns:minmax(0,1fr) 360px}}.qr-gen__group{background:var(--color-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:14px;min-width:0;margin:0;padding:18px;display:flex}.qr-gen__group-title{float:left;width:100%;font:600 .95rem var(--font-ui);color:var(--text-heading);justify-content:space-between;align-items:center;margin-bottom:2px;padding:0;display:flex}.qr-gen__group-title+*{clear:both}.qr-gen__field{flex-direction:column;gap:6px;min-width:0;display:flex}.qr-gen__field-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.qr-gen__label{color:var(--text-muted);letter-spacing:.2px;font-size:.78rem;font-weight:600}.qr-gen__input{background:var(--color-surface-primary);border:1px solid var(--color-border-control);border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--text-primary);font:.92rem var(--font-ui);transition:border-color var(--duration-base);outline:none;padding:9px 12px}.qr-gen__input::placeholder{color:var(--text-muted)}.qr-gen__input:focus{border-color:var(--color-focus-ring)}.qr-gen__textarea{resize:vertical;min-height:72px}.qr-gen__input-row{gap:8px;display:flex}.qr-gen__icon-btn{background:var(--color-surface-primary);border:1px solid var(--color-border-control);border-radius:var(--radius-md);width:42px;min-height:42px;color:var(--text-muted);cursor:pointer;flex:none;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.qr-gen__icon-btn:hover{color:var(--text-primary)}.qr-gen__checkbox{min-height:32px;color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;font-size:.9rem;display:flex}.qr-gen__checkbox input{width:18px;height:18px;accent-color:var(--color-accent-action)}.qr-gen__hint{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.qr-gen__text-btn{color:var(--color-accent-text);font:500 .82rem var(--font-ui);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:5px;padding:4px 6px;display:inline-flex}.qr-gen__text-btn:hover{text-decoration:underline}.qr-gen__types{flex-wrap:wrap;gap:6px;display:flex}.qr-gen__type{background:var(--color-surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);min-height:38px;color:var(--text-muted);font:500 .84rem var(--font-ui);cursor:pointer;transition:border-color var(--duration-quick), color var(--duration-quick), background var(--duration-quick);align-items:center;gap:6px;padding:6px 13px 6px 10px;display:inline-flex}.qr-gen__type i{font-size:1.1rem}.qr-gen__type:hover{color:var(--text-primary);border-color:var(--color-border-hover)}.qr-gen__type.is-active{color:var(--color-accent-text);background:var(--color-cyan-bg-soft);border-color:var(--color-cyan-bg-border-strong)}.qr-gen__color{gap:8px;display:flex}.qr-gen__swatch{background:var(--color-surface-primary);border:1px solid var(--color-border-control);border-radius:var(--radius-md);cursor:pointer;flex:none;width:42px;height:42px;padding:3px}.qr-gen__swatch::-webkit-color-swatch-wrapper{padding:0}.qr-gen__swatch::-webkit-color-swatch{border-radius:var(--radius-sm);border:0}.qr-gen__swatch::-moz-color-swatch{border-radius:var(--radius-sm);border:0}.qr-gen__hex{font-family:var(--font-mono);text-transform:lowercase}.qr-gen__drop{background:var(--color-surface-primary);border:1px dashed var(--color-overlay-strong);border-radius:var(--radius-md);min-height:64px;color:var(--text-muted);text-align:center;cursor:pointer;transition:border-color var(--duration-base), color var(--duration-base);justify-content:center;align-items:center;gap:10px;padding:14px;font-size:.88rem;display:flex}.qr-gen__drop i{font-size:1.4rem}.qr-gen__drop strong{color:var(--text-primary);font-weight:600}.qr-gen__drop:hover,.qr-gen__drop.is-over,.qr-gen__drop:focus-within{border-color:var(--color-accent-action);color:var(--text-primary)}.qr-gen__file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.qr-gen__logo{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.qr-gen__logo-thumb{object-fit:contain;background:var(--color-surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:56px;height:56px;padding:6px}.qr-gen__logo-side{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.qr-gen__btn-primary,.qr-gen__btn-secondary{border-radius:var(--radius-md);min-height:44px;font:600 .92rem var(--font-ui);cursor:pointer;transition:transform var(--duration-quick), box-shadow var(--duration-quick), background var(--duration-quick), border-color var(--duration-quick), color var(--duration-quick);justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;display:inline-flex}.qr-gen__btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow);border:0}.qr-gen__btn-primary:hover:not(:disabled){box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-1px)}.qr-gen__btn-secondary{border:1px solid var(--color-border-control);color:var(--text-primary);background:0 0}.qr-gen__btn-secondary:hover:not(:disabled){background:var(--color-surface-card-hover);border-color:var(--color-accent-action)}.qr-gen__btn-primary:disabled,.qr-gen__btn-secondary:disabled{opacity:.5;cursor:not-allowed}.qr-gen__btn-inline{align-self:flex-start}.qr-preview{background:var(--color-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:16px;display:flex}.qr-preview__stage{aspect-ratio:1;background:var(--color-surface-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;max-width:380px;margin-inline:auto;padding:14px;display:flex}.qr-preview__frame{justify-content:center;width:100%;display:flex}.qr-preview__canvas{border-radius:var(--radius-sm);width:100%;max-width:420px;height:auto;box-shadow:var(--elev-2);display:block}.qr-preview__empty{text-align:center;max-width:240px;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.qr-preview__empty i{opacity:.7;font-size:2.6rem}.qr-preview__empty p{margin:0}.qr-preview__actions{flex-direction:column;gap:10px;display:flex}.qr-preview__format{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qr-preview__format>:last-child:not(.loft-seg){flex:1;min-width:140px}.qr-preview__buttons{flex-wrap:wrap;gap:8px;display:flex}.qr-preview__buttons>*{white-space:nowrap;flex:auto}.qr-tone-success{background:var(--color-success-bg-soft);border-color:color-mix(in srgb, var(--color-success) 35%, transparent)}.qr-tone-success>i{color:var(--color-success)}.qr-tone-warning{background:var(--color-warning-bg-soft);border-color:color-mix(in srgb, var(--color-warning) 40%, transparent)}.qr-tone-warning>i{color:var(--color-warning)}.qr-tone-error{background:var(--color-error-bg-soft);border-color:color-mix(in srgb, var(--color-error) 45%, transparent)}.qr-tone-error>i{color:var(--color-error)}.qr-scan{flex-direction:column;gap:12px;display:flex}.qr-scan__head{justify-content:space-between;align-items:center;display:flex}.qr-scan__title{font:600 .85rem var(--font-ui);color:var(--text-muted);margin:0}.qr-scan__checking{color:var(--text-muted);align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.qr-scan__checking i,.qr-check__spin{animation:.9s linear infinite qr-spin}@keyframes qr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.qr-scan__checking i,.qr-check__spin{animation:none}}.qr-scan__verdict{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--color-surface-primary);gap:10px;padding:12px;display:flex}.qr-scan__verdict>i{color:var(--text-muted);flex:none;font-size:1.5rem}.qr-scan__verdict strong{color:var(--text-heading);font-size:.95rem;display:block}.qr-scan__fix{color:var(--text-body);margin:3px 0 0;font-size:.83rem;line-height:1.5}.qr-scan__tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.qr-scan__tile{flex-direction:column;gap:2px;min-width:0;display:flex}.qr-scan__thumb{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--color-surface-primary);image-rendering:auto;width:100%;margin-bottom:4px}.qr-scan__tile.is-pass .qr-scan__thumb{border-color:color-mix(in srgb, var(--color-success) 45%, transparent)}.qr-scan__tile.is-fail .qr-scan__thumb{border-color:color-mix(in srgb, var(--color-error) 55%, transparent)}.qr-scan__tile-label{color:var(--text-primary);font-size:.74rem;font-weight:600;line-height:1.25}.qr-scan__tile-state{color:var(--text-muted);align-items:center;gap:3px;margin-top:2px;font-size:.72rem;font-weight:600;display:inline-flex}.qr-scan__tile.is-pass .qr-scan__tile-state{color:var(--color-success)}.qr-scan__tile.is-fail .qr-scan__tile-state{color:var(--color-error)}.qr-scan__size{border-top:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding-top:12px;display:flex}.qr-scan__size-out{color:var(--text-body);margin:2px 0 0;font-size:.85rem}.qr-scan__size-out strong{color:var(--text-heading)}.qr-check{flex-direction:column;gap:14px;display:flex}.qr-check__loading{text-align:center;color:var(--text-muted);padding:40px}.qr-check__start{text-align:center;background:var(--color-surface-card);border:1.5px dashed var(--color-overlay-strong);border-radius:var(--radius-lg);transition:border-color var(--duration-base), background var(--duration-base);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.qr-check__start.is-over{border-color:var(--color-accent-action);background:var(--color-cyan-bg-faint)}.qr-check__start>i{color:var(--color-accent-text);font-size:2.8rem}.qr-check__start-title{font:600 1.1rem var(--font-ui);color:var(--text-heading);margin:0}.qr-check__start-sub{max-width:460px;color:var(--text-body);margin:0;font-size:.9rem;line-height:1.55}@media (pointer:coarse){.qr-check__paste-hint{display:none}}.qr-check__actions{flex-wrap:wrap;gap:8px;display:flex}.qr-check__actions--center{justify-content:center;margin-top:6px}.qr-check__error{max-width:460px;color:var(--color-error);margin:4px 0 0;font-size:.85rem}.qr-check__footnote{color:var(--text-muted);text-align:center;margin:0;font-size:.78rem;line-height:1.5}.qr-check__camera{border-radius:var(--radius-lg);background:var(--color-surface-primary);aspect-ratio:4/3;max-height:70vh;position:relative;overflow:hidden}.qr-check__video{object-fit:cover;width:100%;height:100%;display:block}.qr-check__aim{aspect-ratio:1;border:3px solid var(--color-accent-primary);border-radius:var(--radius-lg);width:min(60%,320px);box-shadow:0 0 0 9999px var(--color-overlay-medium);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.qr-check__camera-hint{text-align:center;color:var(--color-text-inverse);text-shadow:0 1px 3px var(--color-shadow-deep);margin:0;font-size:.85rem;font-weight:600;position:absolute;bottom:12px;left:0;right:0}.qr-check--result{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}@container (width>=720px){.qr-check--result{grid-template-columns:260px minmax(0,1fr);align-items:start}}.qr-check__shot{flex-direction:column;gap:6px;margin:0;display:flex}.qr-check__shot-frame{border-radius:var(--radius-md);background:var(--color-surface-primary);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.qr-check__shot-frame img{width:100%;height:auto;display:block}.qr-check__outline{width:100%;height:100%;position:absolute;inset:0}.qr-check__outline polygon{fill:var(--color-cyan-bg-medium);stroke:var(--color-accent-primary);stroke-width:4px;vector-effect:non-scaling-stroke}.qr-check__shot figcaption{color:var(--text-muted);text-align:center;font-size:.75rem}.qr-check__report{flex-direction:column;gap:14px;min-width:0;display:flex}.qr-check__kind{font:600 1.05rem var(--font-ui);color:var(--text-heading);align-items:center;gap:8px;margin:0;display:flex}.qr-check__kind i{color:var(--color-accent-text);font-size:1.3rem}.qr-check__verdict{border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:12px;padding:14px;display:flex}.qr-check__verdict>i{flex:none;font-size:1.8rem}.qr-check__verdict strong{color:var(--text-heading);font-size:1rem;display:block}.qr-check__verdict p{color:var(--text-body);margin:4px 0 0;font-size:.86rem;line-height:1.5}.qr-check__site{font-size:.9rem}.qr-check__domain{font-family:var(--font-mono);color:var(--text-heading);word-break:break-all;font-weight:600}.qr-check__findings{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.qr-check__findings li{color:var(--text-body);gap:8px;font-size:.88rem;line-height:1.5;display:flex}.qr-check__findings i{flex:none;margin-top:2px;font-size:1.05rem}.qr-check__findings .is-bad i{color:var(--color-error)}.qr-check__findings .is-warn i{color:var(--color-warning)}.qr-check__fields{border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;margin:0;display:flex;overflow:hidden}.qr-check__row{background:var(--color-surface-card);grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 12px;display:grid}.qr-check__row+.qr-check__row{border-top:1px solid var(--border-subtle)}.qr-check__row dt{color:var(--text-muted);font-size:.8rem;font-weight:600}.qr-check__row dd{color:var(--text-primary);justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:.9rem;display:flex}.qr-check__value{font-family:var(--font-mono);word-break:break-all;font-size:.85rem}.qr-check__note{color:var(--text-body);margin:0;font-size:.85rem}@container (width<=420px){.qr-gen__group,.qr-preview{padding:14px}.qr-check__row{grid-template-columns:minmax(0,1fr);gap:2px}}