.qrs-page{--qrs-ink: oklch(.235 .018 160);--qrs-muted: oklch(.49 .018 160);--qrs-soft: oklch(.965 .012 145);--qrs-wash: oklch(1 0 0);--qrs-surface: oklch(1 0 0);--qrs-accent: oklch(.43 .092 158);--qrs-accent-strong: oklch(.34 .078 158);--qrs-accent-pale: oklch(.95 .034 150);--qrs-border: oklch(.885 .013 145);--qrs-error: oklch(.52 .17 27);min-height:100vh;padding:68px 24px 96px;color:var(--qrs-ink);background:var(--qrs-wash)}.qrs-page *,.qrs-page *:before,.qrs-page *:after{box-sizing:border-box}.qrs-page button,.qrs-page input,.qrs-page select,.qrs-page textarea{font:inherit}.qrs-page button{cursor:pointer}.qrs-page__inner{width:min(1200px,100%);margin:0 auto}.qrs-breadcrumb{display:flex;margin:65px auto 24px;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;color:var(--qrs-muted);font-size:14px;font-weight:650}.qrs-breadcrumb a{color:var(--qrs-accent-strong);text-decoration:none}.qrs-breadcrumb a:hover{text-decoration:underline}.qrs-intro{max-width:900px;margin:0 auto;text-align:center}.qrs-intro__art{position:relative;width:76px;height:62px;margin:0 auto 18px}.qrs-intro__art svg{position:absolute;display:block;padding:11px;border:1px solid oklch(.78 .055 150);border-radius:14px;background:var(--qrs-surface)}.qrs-intro__art svg:first-child{top:0;left:0;width:53px;height:53px;color:var(--qrs-accent-strong);transform:rotate(-3deg)}.qrs-intro__art svg:last-child{right:0;bottom:0;width:45px;height:45px;color:#924a03;transform:rotate(4deg)}.qrs-intro>p{margin:0;color:var(--qrs-accent-strong);font-size:13px;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.qrs-intro h1{margin:8px 0 0;font-size:46px;font-weight:790;line-height:1.03;letter-spacing:-.058em}.qrs-intro>span{display:block;max-width:680px;margin:17px auto 0;color:var(--qrs-muted);font-size:17px;line-height:1.65}.qrs-intro ul{display:flex;margin:20px 0 0;padding:0;flex-wrap:wrap;justify-content:center;gap:9px 19px;color:var(--qrs-muted);font-size:14px;font-weight:650;list-style:none}.qrs-intro li{display:inline-flex;align-items:center;gap:6px}.qrs-intro li svg{width:15px;height:15px;color:var(--qrs-accent)}.qrs-studio{margin-top:38px;overflow:clip;border:1.5px solid var(--qrs-border);border-radius:16px;background:var(--qrs-surface)}.qrs-mode-switch{display:grid;width:min(420px,calc(100% - 40px));margin:22px auto;padding:4px;grid-template-columns:1fr 1fr;border:1px solid var(--qrs-border);border-radius:14px;background:var(--qrs-soft)}.qrs-mode-switch button{display:flex;min-height:48px;padding:0 18px;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;color:var(--qrs-muted);background:transparent;font-size:14px;font-weight:720;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.qrs-mode-switch button svg{width:18px;height:18px}.qrs-mode-switch button:hover{color:var(--qrs-ink)}.qrs-mode-switch button:active{transform:translateY(1px)}.qrs-mode-switch button[aria-selected=true]{color:var(--qrs-accent-strong);background:var(--qrs-surface);border-color:var(--qrs-border)}.qrs-type-picker{padding:28px 32px 30px;border-top:1px solid var(--qrs-border);background:var(--qrs-surface)}.qrs-type-picker--barcode{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:32px;align-items:center}.qrs-section-title{display:flex;align-items:flex-start;gap:14px}.qrs-section-title>span,.qrs-preview__heading>span{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border:1px solid oklch(.76 .06 152);border-radius:50%;color:var(--qrs-accent-strong);background:var(--qrs-accent-pale);font-size:12px;font-weight:800}.qrs-section-title h2,.qrs-preview__heading h2{margin:0;font-size:19px;font-weight:760;line-height:1.25;letter-spacing:-.025em}.qrs-section-title p,.qrs-preview__heading p{margin:4px 0 0;color:var(--qrs-muted);font-size:14px;line-height:1.45}.qrs-type-list{display:grid;margin-top:20px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.qrs-type-list button{display:flex;min-width:0;min-height:70px;padding:11px 12px;align-items:center;gap:10px;border:1.5px solid var(--qrs-border);border-radius:12px;color:var(--qrs-ink);text-align:left;background:var(--qrs-surface);transition:border-color .18s ease,background .18s ease,transform .18s ease}.qrs-type-list button:hover{border-color:#89b494}.qrs-type-list button:active{transform:translateY(1px)}.qrs-type-list button[aria-pressed=true]{border-color:var(--qrs-accent);background:var(--qrs-accent-pale)}.qrs-type-list button>svg{width:19px;height:19px;flex:0 0 auto;color:var(--qrs-accent)}.qrs-type-list button span{min-width:0}.qrs-type-list button strong,.qrs-type-list button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qrs-type-list button strong{font-size:14px;font-weight:740}.qrs-type-list button small{margin-top:2px;color:var(--qrs-muted);font-size:12px}.qrs-format-select{display:grid;gap:7px}.qrs-format-select>span{color:var(--qrs-ink);font-size:15px;font-weight:720}.qrs-format-select select{width:100%;min-height:48px;padding:0 42px 0 14px;border:2px solid var(--qrs-border);border-radius:10px;color:var(--qrs-ink);background:var(--qrs-surface);font-size:16px}.qrs-format-select small{color:var(--qrs-muted);font-size:13px;line-height:1.5}.qrs-workspace{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);border-top:1px solid var(--qrs-border)}.qrs-editor{min-width:0;padding:34px 36px 42px}.qrs-preview{min-width:0;padding:34px;border-left:1px solid var(--qrs-border);background:var(--qrs-surface)}.qrs-preview__heading{display:flex;gap:12px;align-items:flex-start}.qrs-form-grid{display:grid;margin-top:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.qrs-field{display:grid;min-width:0;gap:7px}.qrs-field--wide,.qrs-settings-grid__wide{grid-column:1 / -1}.qrs-field>span,.qrs-settings-grid label>span,.qrs-color-field>span{font-size:15px;font-weight:720}.qrs-field input,.qrs-field select,.qrs-field textarea,.qrs-settings-grid input,.qrs-settings-grid select,.qrs-color-field input[type=text],.qrs-barcode-entry input{width:100%;border:2px solid var(--qrs-border);border-radius:10px;color:var(--qrs-ink);outline:0;background:var(--qrs-surface);font-size:16px;transition:border-color .17s ease,background .17s ease}.qrs-field input,.qrs-field select,.qrs-settings-grid input,.qrs-settings-grid select,.qrs-barcode-entry input{min-height:48px;padding:0 13px}.qrs-field textarea{min-height:92px;padding:12px 13px;resize:vertical;line-height:1.5}.qrs-field input:hover,.qrs-field select:hover,.qrs-field textarea:hover,.qrs-settings-grid input:hover,.qrs-settings-grid select:hover,.qrs-barcode-entry input:hover{border-color:#a2b8a6}.qrs-field input:focus,.qrs-field select:focus,.qrs-field textarea:focus,.qrs-settings-grid input:focus,.qrs-settings-grid select:focus,.qrs-color-field input:focus,.qrs-barcode-entry input:focus{border-color:var(--qrs-accent)}.qrs-field input:disabled,.qrs-field select:disabled{color:#757c77;cursor:not-allowed;background:#ebf0eb}.qrs-field small,.qrs-settings-grid label small{color:var(--qrs-muted);font-size:13px;line-height:1.45}.qrs-bulk-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:13px!important}.qrs-bulk-count{margin:-5px 0 0;padding:12px 14px;border-radius:10px;color:var(--qrs-accent-strong);background:var(--qrs-accent-pale);font-size:13px}.qrs-bulk-count strong{font-size:16px}.qrs-check{display:flex;min-height:50px;padding:10px 12px;align-items:flex-start;gap:10px;border:1px solid var(--qrs-border);border-radius:10px;background:var(--qrs-surface);cursor:pointer}.qrs-check input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--qrs-accent)}.qrs-check span{display:grid;gap:2px}.qrs-check strong{font-size:14px}.qrs-check small{color:var(--qrs-muted);font-size:12px;line-height:1.35}.qrs-check--compact{margin-top:19px}.qrs-message{display:flex;margin:16px 0 0;padding:11px 13px;align-items:flex-start;gap:9px;border:1px solid oklch(.83 .04 150);border-radius:10px;color:var(--qrs-accent-strong);background:var(--qrs-accent-pale);font-size:13px;line-height:1.45}.qrs-message svg{width:16px;height:16px;flex:0 0 auto}.qrs-message--error{border-color:#e6a49c;color:#8d2521;background:#ffedea;background:oklch(.96 .025 27)}.qrs-barcode-entry{display:grid;margin-top:24px;grid-template-columns:minmax(0,1fr) minmax(180px,.6fr);gap:16px;align-items:end}.qrs-barcode-entry>p{display:grid;min-height:74px;margin:0;padding:12px 14px;align-content:center;border:1px solid var(--qrs-border);border-radius:10px;color:var(--qrs-muted);background:var(--qrs-surface);font-size:13px;line-height:1.45}.qrs-barcode-entry>p strong{margin-bottom:3px;color:var(--qrs-ink);font-size:14px}.qrs-customize{margin-top:25px;border-top:1px solid var(--qrs-border);border-bottom:1px solid var(--qrs-border)}.qrs-customize>summary{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.qrs-customize>summary::-webkit-details-marker{display:none}.qrs-customize>summary span{display:grid;gap:3px}.qrs-customize>summary strong{font-size:15px}.qrs-customize>summary small{color:var(--qrs-muted);font-size:13px}.qrs-customize>summary svg{width:18px;height:18px;color:var(--qrs-muted);transition:transform .18s cubic-bezier(.16,1,.3,1)}.qrs-customize[open]>summary svg{transform:rotate(180deg)}.qrs-customize__body{padding:4px 0 24px}.qrs-color-grid,.qrs-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qrs-settings-grid{margin-top:14px}.qrs-settings-grid label,.qrs-color-field{display:grid;gap:7px}.qrs-color-field>span:last-child{display:grid;grid-template-columns:48px minmax(0,1fr)}.qrs-color-field input[type=color]{width:48px;height:48px;padding:5px;border:2px solid var(--qrs-border);border-radius:10px 0 0 10px;background:var(--qrs-surface)}.qrs-color-field input:not([type=color]){min-width:0;height:48px;padding:0 11px;border:2px solid var(--qrs-border);border-left:0;border-radius:0 10px 10px 0;color:var(--qrs-ink);background:var(--qrs-surface);font-size:14px;text-transform:uppercase}.qrs-logo-row{display:flex;margin-top:15px;padding:13px 14px;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--qrs-border);border-radius:10px;background:var(--qrs-surface)}.qrs-logo-row>div{display:grid;gap:3px}.qrs-logo-row strong{font-size:14px}.qrs-logo-row small{max-width:48ch;color:var(--qrs-muted);font-size:12px;line-height:1.4}.qrs-secondary-button{display:inline-flex;min-height:44px;padding:0 13px;flex:0 0 auto;align-items:center;gap:7px;border:1.5px solid var(--qrs-border);border-radius:9px;color:var(--qrs-ink);background:var(--qrs-surface);font-size:14px;font-weight:700}.qrs-secondary-button:hover{border-color:var(--qrs-accent)}.qrs-secondary-button svg{width:15px;height:15px}.qrs-safe-contrast{display:flex;margin:13px 0 0;align-items:center;gap:7px;color:var(--qrs-accent-strong);font-size:13px;font-weight:650}.qrs-safe-contrast svg{width:15px;height:15px}.qrs-contrast-warning{display:grid;margin-top:14px;padding:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid oklch(.77 .09 60);border-radius:10px;color:#7f3f00;color:oklch(.44 .12 55);background:#ffefda;background:oklch(.96 .04 76)}.qrs-contrast-warning>svg{width:18px;height:18px}.qrs-contrast-warning>div{display:grid;gap:2px}.qrs-contrast-warning strong{font-size:13px}.qrs-contrast-warning span{font-size:12px;line-height:1.4}.qrs-contrast-warning button{min-height:38px;padding:0 11px;border:1px solid currentColor;border-radius:8px;color:inherit;background:transparent;font-size:13px;font-weight:700}.qrs-preview__canvas{display:grid;width:100%;min-height:328px;margin-top:21px;padding:22px;place-items:center;overflow:hidden;border:1px solid var(--qrs-border);border-radius:17px;background-color:var(--qrs-surface);background-image:linear-gradient(45deg,oklch(.95 .006 140) 25%,transparent 25%),linear-gradient(-45deg,oklch(.95 .006 140) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,oklch(.95 .006 140) 75%),linear-gradient(-45deg,transparent 75%,oklch(.95 .006 140) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.qrs-preview__canvas img{display:block;width:min(100%,290px);height:auto;max-height:290px;object-fit:contain}.qrs-preview__canvas--barcode img{width:min(100%,390px);max-height:220px}.qrs-preview__empty{display:grid;max-width:240px;justify-items:center;gap:7px;color:var(--qrs-muted);text-align:center}.qrs-preview__empty svg{width:42px;height:42px;margin-bottom:5px;color:#8ba694}.qrs-preview__empty strong{color:var(--qrs-ink);font-size:14px}.qrs-preview__empty span{font-size:13px;line-height:1.45}.qrs-status{display:flex;margin-top:12px;padding:11px 12px;align-items:flex-start;gap:9px;border:1px solid var(--qrs-border);border-radius:11px;background:var(--qrs-surface)}.qrs-status>svg{width:17px;height:17px;flex:0 0 auto;color:var(--qrs-muted)}.qrs-status>span{display:grid;gap:2px}.qrs-status strong{font-size:13px}.qrs-status small{color:var(--qrs-muted);font-size:12px;line-height:1.4}.qrs-status--ready{border-color:#a2c5a8;background:var(--qrs-accent-pale)}.qrs-status--ready>svg,.qrs-status--ready strong{color:var(--qrs-accent-strong)}.qrs-status--error{border-color:#e5b3ac;background:#ffefed;background:oklch(.965 .02 27)}.qrs-status--error>svg,.qrs-status--error strong{color:var(--qrs-error)}.qrs-downloads{display:grid;margin-top:16px;gap:8px}.qrs-download-primary{position:relative;display:grid;width:100%;min-height:62px;padding:11px 16px 11px 45px;grid-template-columns:1fr;align-content:center;border:1px solid var(--qrs-accent-strong);border-radius:12px;color:#f7fcf7;text-align:left;background:var(--qrs-accent-strong);font-size:15px;font-weight:760;transition:background .18s ease,transform .18s ease,opacity .18s ease}.qrs-download-primary:hover:not(:disabled){background:#003820;background:oklch(.3 .075 158)}.qrs-download-primary:active:not(:disabled){transform:translateY(1px)}.qrs-download-primary:disabled{cursor:not-allowed;opacity:.45}.qrs-download-primary>svg{position:absolute;width:18px;height:18px;margin:10px 0 0 -29px}.qrs-download-primary small{margin-top:2px;color:#c6d6c9;font-size:12px;font-weight:500}.qrs-preview>.qrs-download-primary{margin-top:16px}.qrs-downloads>div{display:grid;grid-template-columns:.7fr .7fr 1.25fr;gap:7px}.qrs-downloads>div button{display:inline-flex;min-height:44px;padding:0 10px;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--qrs-border);border-radius:9px;color:var(--qrs-ink);background:var(--qrs-surface);font-size:13px;font-weight:710}.qrs-downloads>div button:hover:not(:disabled){border-color:var(--qrs-accent);color:var(--qrs-accent-strong)}.qrs-downloads>div button:disabled{cursor:not-allowed;opacity:.45}.qrs-downloads>div svg{width:13px;height:13px}.qrs-static-note{display:flex;margin:14px 0 0;align-items:flex-start;justify-content:center;gap:6px;color:var(--qrs-muted);text-align:center;font-size:12px;line-height:1.4}.qrs-static-note svg{width:13px;height:13px;flex:0 0 auto;color:var(--qrs-accent)}.qrs-explainer{display:grid;margin-top:34px;padding:34px 36px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;border:1.5px solid var(--qrs-border);border-radius:16px;background:var(--qrs-surface)}.qrs-explainer>div>span{color:var(--qrs-accent-strong);font-size:13px;font-weight:760}.qrs-explainer h2{margin:8px 0 0;font-size:25px;line-height:1.15;letter-spacing:-.04em}.qrs-explainer ol{display:grid;margin:0;padding:0;grid-template-columns:repeat(3,1fr);list-style:none}.qrs-explainer li{display:grid;padding:5px 20px;gap:5px;border-left:1px solid var(--qrs-border)}.qrs-explainer li strong{font-size:14px}.qrs-explainer li span{color:var(--qrs-muted);font-size:13px;line-height:1.45}.qrs-faq{width:min(900px,100%);margin:58px auto 0}.qrs-faq h2{margin:0 0 18px;text-align:center;font-size:28px;letter-spacing:-.04em}.qrs-faq>div{border-top:1px solid var(--qrs-border)}.qrs-faq details{border-bottom:1px solid var(--qrs-border)}.qrs-faq summary{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:15px;font-weight:720}.qrs-faq summary::-webkit-details-marker{display:none}.qrs-faq summary svg{width:18px;height:18px;color:var(--qrs-muted);transition:transform .18s cubic-bezier(.16,1,.3,1)}.qrs-faq details[open] summary svg{transform:rotate(180deg)}.qrs-faq details p{max-width:70ch;margin:-2px 0 19px;color:var(--qrs-muted);font-size:14px;line-height:1.65}.qrs-page button:focus-visible,.qrs-page a:focus-visible,.qrs-page summary:focus-visible{outline:3px solid oklch(.72 .08 153 / .45);outline-offset:3px}@media(max-width:1060px){.qrs-type-list{grid-template-columns:repeat(4,minmax(0,1fr))}.qrs-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,.75fr)}.qrs-editor{padding-inline:28px}.qrs-preview{padding-inline:26px}}@media(max-width:820px){.qrs-page{padding-inline:16px}.qrs-intro h1{font-size:39px}.qrs-workspace{grid-template-columns:1fr}.qrs-preview{border-top:1px solid var(--qrs-border);border-left:0}.qrs-type-picker--barcode,.qrs-explainer{grid-template-columns:1fr}.qrs-type-picker--barcode{gap:22px}.qrs-explainer{gap:25px}}@media(max-width:620px){.qrs-page{padding:44px 10px 72px}.qrs-breadcrumb{margin-top:64px;padding-inline:10px}.qrs-intro{padding-inline:10px}.qrs-intro h1{font-size:34px;letter-spacing:-.05em}.qrs-intro>span{font-size:16px}.qrs-intro ul{gap:8px 13px}.qrs-studio{border-radius:16px}.qrs-mode-switch{width:calc(100% - 28px);margin-block:14px}.qrs-mode-switch button{min-height:44px}.qrs-type-picker,.qrs-editor,.qrs-preview{padding:24px 18px 28px}.qrs-type-list{grid-template-columns:repeat(2,minmax(0,1fr))}.qrs-type-list button{min-height:66px}.qrs-form-grid,.qrs-color-grid,.qrs-settings-grid,.qrs-barcode-entry{grid-template-columns:1fr}.qrs-field--wide,.qrs-settings-grid__wide{grid-column:auto}.qrs-preview__canvas{min-height:290px;padding:18px}.qrs-logo-row{align-items:flex-start;flex-direction:column}.qrs-contrast-warning{grid-template-columns:auto 1fr}.qrs-contrast-warning button{grid-column:1 / -1}.qrs-explainer{padding:26px 20px}.qrs-explainer ol{grid-template-columns:1fr}.qrs-explainer li{padding:11px 0;border-top:1px solid var(--qrs-border);border-left:0}}@media(prefers-reduced-motion:reduce){.qrs-page *,.qrs-page *:before,.qrs-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}