:root{--qr-bg:#0c0a09;--qr-panel:#171412;--qr-border:#4b423b;--qr-text:#fafaf9;--qr-muted:#d6d3d1;--qr-accent:#f2c94c;--qr-orange:#ff963d;--qr-cream:#fff8ed;--qr-ink:#1c1917}html{overflow-x:clip;scroll-behavior:smooth}body.qr-page{margin:0;overflow-x:clip;background:var(--qr-bg);color:var(--qr-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.qr-page *,.qr-page *::before,.qr-page *::after{box-sizing:border-box}.qr-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.qr-hero{padding:112px 0 68px;border-bottom:1px solid #302820;background:radial-gradient(circle at 14% 15%,rgba(242,201,76,.14),transparent 35%),#0c0a09}.qr-hero__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:54px;align-items:center}.qr-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:#e7e5e4;font-size:.86rem}.qr-breadcrumb a{color:#ffe07a;text-decoration:underline;text-underline-offset:3px}.qr-eyebrow,.qr-kicker{margin:0 0 12px;color:#f2c94c;font-size:.78rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.qr-hero h1{margin:0;color:#fff;font-size:clamp(3rem,6vw,5.5rem);line-height:.96;letter-spacing:-.055em}.qr-hero h1 span{color:#ff963d}.qr-lead{margin:24px 0 0;color:#e7e5e4;font-size:1.12rem;line-height:1.7}.qr-proof{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 30px}.qr-proof span{padding:8px 12px;border:1px solid #5d5046;border-radius:999px;background:#181411;color:#fff;font-size:.82rem;font-weight:750}.qr-hero__image{margin:0}.qr-hero__image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #3a312a;border-radius:22px}.qr-hero__image figcaption{margin-top:10px;color:#c9c3bd;font-size:.78rem}.qr-answer{background:#fff8ed;color:#652810;border-bottom:1px solid #f1c19f}.qr-answer p{margin:0;padding:17px 0;line-height:1.65}.qr-answer strong{color:#7c2d12}
.qr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid transparent;border-radius:12px;font:inherit;font-weight:850;line-height:1.2;text-decoration:none;cursor:pointer}.qr-btn--primary{background:#f2c94c;color:#1c1917;border-color:#f2c94c}.qr-btn--primary:hover,.qr-btn--primary:focus-visible{background:#ffe07a;color:#0c0a09}.qr-btn--secondary{background:#fff;color:#1c1917;border-color:#a8a29e}.qr-btn--secondary:hover,.qr-btn--secondary:focus-visible{background:#f5f5f4;color:#0c0a09}.qr-btn--quiet{background:transparent;color:#fff;border-color:#8f8178}.qr-btn--quiet:hover,.qr-btn--quiet:focus-visible{background:#362d27;color:#fff}.qr-btn:disabled{background:#d6d3d1;color:#78716c;border-color:#d6d3d1;cursor:not-allowed;opacity:1}.qr-tool,.qr-content{padding:72px 0}.qr-content--soft{background:#171412;border-block:1px solid #302820}.qr-heading{max-width:780px;margin-bottom:30px}.qr-heading h2{margin:0;color:#fff;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.035em}.qr-heading>p:last-child{margin:12px 0 0;color:#d6d3d1;line-height:1.7}.qr-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.65fr);gap:20px;align-items:start}.qr-editor{padding:24px;border:1px solid #d7cbbc;border-radius:18px;background:#fff8ed;color:#1c1917}.qr-editor fieldset{margin:0;padding:0;border:0}.qr-editor fieldset+fieldset{margin-top:25px;padding-top:24px;border-top:1px solid #d6cbbb}.qr-editor legend{width:100%;margin-bottom:14px;color:#1c1917;font-size:1.04rem;font-weight:900}.qr-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qr-tabs button{min-height:44px;border:1px solid #786b61;border-radius:10px;background:#fff;color:#292524;font:inherit;font-weight:850;cursor:pointer}.qr-tabs button:hover,.qr-tabs button:focus-visible{border-color:#a7340f;background:#fff4eb;color:#7c2d12}.qr-tabs button.is-active{border-color:#b63b12;background:#b63b12;color:#fff}.qr-editor label{display:grid;gap:8px;color:#292524;font-size:.88rem;font-weight:800}.qr-editor input,.qr-editor select,.qr-editor textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid #786b61;border-radius:10px;background:#fff;color:#1c1917;font:inherit}.qr-editor textarea{resize:vertical}.qr-editor input:focus,.qr-editor select:focus,.qr-editor textarea:focus{outline:3px solid rgba(216,74,22,.28);outline-offset:1px;border-color:#a7340f}.qr-fields[hidden]{display:none!important}.qr-grid-two,.qr-grid-three{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qr-grid-three{grid-template-columns:repeat(3,1fr)}.qr-wide{grid-column:1/-1}.qr-help{margin:8px 0 0;color:#57534e;font-size:.78rem}.qr-check{display:flex!important;align-items:center;gap:8px;align-self:end;min-height:48px}.qr-check input,.qr-inline-check input{width:18px;min-height:18px;height:18px}.qr-inline-check{display:flex;align-items:center;gap:6px;color:#57534e;font-size:.78rem;font-weight:650}.qr-color{display:flex;align-items:center;min-height:48px;padding:6px;border:1px solid #786b61;border-radius:10px;background:#fff}.qr-color input{width:54px;min-height:34px;height:34px;padding:0;border:0}.qr-color span{padding-left:8px;color:#292524}.qr-contrast{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px;border:1px solid #5f7f46;border-radius:10px;background:#eef8e7;color:#274015}.qr-contrast.is-warning{border-color:#c2410c;background:#fff0e6;color:#7c2d12}.qr-privacy{margin:24px 0 0;padding:13px;border-left:4px solid #b63b12;background:#ffeadb;color:#57210e;font-size:.82rem;line-height:1.55}
.qr-preview{position:sticky;top:90px;padding:22px;border:1px solid #4b423b;border-radius:18px;background:#211b17;color:#fff}.qr-preview__top{display:flex;justify-content:space-between;gap:12px;align-items:center}.qr-preview__top span{padding:6px 9px;border-radius:999px;background:#f2c94c;color:#1c1917;font-size:.72rem;font-weight:850}.qr-canvas-wrap{width:min(100%,430px);margin:12px auto;padding:12px;border-radius:15px;background:#fff}.qr-canvas-wrap canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.qr-payload{max-height:84px;margin:14px 0 0;padding:10px;border-radius:9px;background:#0c0a09;color:#e7e5e4;font:500 .76rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto;overflow-wrap:anywhere}.qr-status{min-height:1.4em;margin:12px 0 0;color:#ffe7a3;font-size:.84rem;font-weight:750}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.qr-test-note{margin:14px 0 0;color:#d6d3d1;font-size:.78rem;line-height:1.5}
.qr-use-grid,.qr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.qr-use-grid article,.qr-steps article{padding:20px;border:1px solid #4b423b;border-radius:15px;background:#171412}.qr-content--soft .qr-use-grid article{background:#0f0d0b}.qr-use-grid span,.qr-steps article>span{color:#ff963d;font-size:.76rem;font-weight:900}.qr-use-grid h3,.qr-steps h3{margin:10px 0 8px;color:#fff}.qr-use-grid p,.qr-steps p{margin:0;color:#d6d3d1;line-height:1.6}.qr-copy-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:22px;align-items:start}.qr-copy-grid h2{margin:0;color:#fff;font-size:clamp(2rem,4vw,3rem)}.qr-copy-grid article>p:not(.qr-kicker){color:#e7e5e4;line-height:1.75}.qr-warning{padding:22px;border:1px solid #d97706;border-radius:15px;background:#fff8ed;color:#421b0b}.qr-warning strong{font-size:1.08rem}.qr-warning p{line-height:1.65}.qr-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-faq details{border:1px solid #4b423b;border-radius:12px;background:#171412}.qr-faq summary{padding:17px;color:#fff;font-weight:850;cursor:pointer}.qr-faq p{margin:0;padding:0 17px 17px;color:#d6d3d1;line-height:1.65}.qr-related{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.qr-related a{display:grid;gap:7px;min-height:100px;padding:16px;border:1px solid #5d5046;border-radius:12px;background:#171412;color:#fff;text-decoration:none;font-weight:800}.qr-related a:hover,.qr-related a:focus-visible{border-color:#f2c94c}.qr-related span{color:#ffb36e;font-size:.72rem;text-transform:uppercase}.qr-final{text-align:center}.qr-final h2{margin:0;color:#fff;font-size:clamp(2rem,4vw,3.2rem)}.qr-final p:not(.qr-kicker){max-width:680px;margin:14px auto 24px;color:#d6d3d1}.qr-print-sheet{display:none}
@media(max-width:900px){.qr-hero__grid,.qr-workspace,.qr-copy-grid{grid-template-columns:1fr}.qr-hero__image{order:-1}.qr-preview{position:static}.qr-use-grid,.qr-steps,.qr-related{grid-template-columns:1fr 1fr}.qr-grid-three{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.qr-container{width:min(100% - 24px,1180px)}.qr-hero{padding:90px 0 46px}.qr-hero h1{font-size:clamp(2.6rem,15vw,4.2rem)}.qr-tool,.qr-content{padding:52px 0}.qr-editor,.qr-preview{padding:17px}.qr-tabs{grid-template-columns:1fr 1fr}.qr-grid-two,.qr-grid-three,.qr-use-grid,.qr-steps,.qr-faq,.qr-related{grid-template-columns:1fr}.qr-actions{grid-template-columns:1fr}.qr-btn{width:100%}.qr-contrast{align-items:flex-start;flex-direction:column}}
@media print{@page{size:A4;margin:12mm}body.qr-page{background:#fff!important}.qr-page main>*:not(.qr-print-sheet),.qr-page>.navbar,.qr-page>.footer{display:none!important}.qr-print-sheet{display:flex!important;min-height:270mm;align-items:center;justify-content:center;color:#111;background:#fff}.qr-print-card{width:150mm;text-align:center}.qr-print-card canvas{width:120mm;height:120mm}.qr-print-card h2{margin:12mm 0 4mm;color:#111;font-size:28pt}.qr-print-card p{color:#333;font-size:11pt;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}