:root{--canvas:#FBFBFB;--ink:#1A1A1A;--caption:#555555;--grid:#E5E5E5;--accent:#E63224}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}main{min-height:100vh;padding:0 36px}
.site-header{height:72px;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--grid);font-size:10px;font-weight:700;letter-spacing:.15em}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;letter-spacing:0}.issue{color:var(--caption)}
.intro{display:grid;grid-template-columns:8fr 4fr;align-items:end;padding:52px 0 58px;border-bottom:1px solid var(--grid)}.eyebrow{grid-column:1/-1;margin:0 0 22px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.18em}h1{margin:0;max-width:1000px;color:var(--ink);font-size:clamp(54px,7.2vw,108px);font-weight:700;letter-spacing:-.065em;line-height:.87}h1 em{font-style:normal;font-weight:400}.lede{justify-self:end;max-width:330px;margin:0 0 3px;color:var(--caption);font-size:16px;line-height:1.5}
.workspace{display:grid;grid-template-columns:8fr 4fr;min-height:540px;border-bottom:1px solid var(--grid)}.form-panel{padding:34px 52px 48px 0;border-right:1px solid var(--grid)}.result-panel{padding:34px 0 36px 42px}.section-index{display:flex;gap:30px;margin-bottom:52px;color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.16em}.section-index span:first-child{color:var(--caption)}
label{display:block;margin-bottom:12px;color:var(--caption);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.url-field{display:flex;align-items:center;gap:14px;height:76px;padding:0 20px;border:1px solid var(--grid);background:#fff}.url-field svg,.result-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;flex:none}input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:18px}input::placeholder{color:#999}.url-field:focus-within{border-color:var(--accent)}.field-note{margin:13px 0 0;color:var(--caption);font-size:12px;line-height:1.5}
.create-button{width:100%;height:66px;display:flex;align-items:center;justify-content:space-between;margin-top:52px;padding:0 22px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;cursor:pointer}.create-button:hover,.create-button:focus-visible{border-color:var(--accent);background:var(--accent)}.create-button span{font-size:22px;font-weight:400}
.empty-state{height:380px;display:grid;place-items:center;align-content:center;gap:26px;color:var(--caption);text-align:center;font-size:13px;line-height:1.5}.empty-grid{width:118px;height:118px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.empty-grid span{border:1px solid var(--grid)}.empty-grid span:nth-child(1),.empty-grid span:nth-child(3),.empty-grid span:nth-child(6),.empty-grid span:nth-child(8),.empty-grid span:nth-child(9),.empty-grid span:nth-child(12),.empty-grid span:nth-child(14),.empty-grid span:nth-child(15){background:var(--grid)}
.result-content{max-width:410px}.qr-frame{display:grid;place-items:center;padding:17px;border:1px solid var(--grid);background:#fff;aspect-ratio:1}.qr-frame canvas{width:100%!important;height:100%!important}.destination-preview{margin-top:20px;padding-bottom:17px;border-bottom:1px solid var(--grid)}.destination-preview span{display:block;margin-bottom:7px;color:var(--caption);font-size:9px;font-weight:700;letter-spacing:.15em}.destination-preview strong{display:block;color:var(--ink);font-size:17px;word-break:break-all}
.result-actions{display:grid;grid-template-columns:1fr 48px;margin-top:12px;gap:8px}.result-actions button{height:48px;border:1px solid var(--grid);background:transparent;color:var(--ink);cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.1em}.download-button{display:flex;align-items:center;justify-content:center;gap:10px}.result-actions button:hover,.result-actions button:focus-visible{border-color:var(--accent);color:var(--accent)}.reset-button{display:grid;place-items:center}
footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;color:var(--caption);font-size:9px;font-weight:700;letter-spacing:.15em}[hidden]{display:none!important}
@media(max-width:800px){main{padding:0 18px}.site-header{height:64px}.issue{display:none}.intro{display:block;padding:38px 0 42px}h1{font-size:clamp(51px,15vw,76px);line-height:.89}.lede{margin:28px 0 0;font-size:15px}.workspace{grid-template-columns:1fr}.form-panel{padding:28px 0 40px;border-right:0;border-bottom:1px solid var(--grid)}.result-panel{padding:28px 0 36px}.section-index{margin-bottom:32px}.empty-state{height:270px}.result-content{max-width:none}.create-button{margin-top:36px}}
@media(max-width:440px){.url-field{height:64px;padding:0 14px}input{font-size:15px}}