.qr{--accent:#8aa0ff}.qr-layout{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;align-items:start}@media (max-width:720px){.qr-layout{grid-template-columns:1fr}}.qr-left{display:flex;flex-direction:column;gap:10px;position:sticky;top:14px}.qr-preview{display:grid;place-items:center;padding:16px;border-radius:14px;background:repeating-conic-gradient(#e9edf6 0% 25%,#dfe4f0 0% 50%) 50%/18px 18px;border:1px solid rgba(140,160,235,.24);box-shadow:inset 0 1px #ffffff80}#qr{width:100%;max-width:308px;height:auto;image-rendering:pixelated;border-radius:6px;display:block}.qr-meta{font:600 12px/1.4 JetBrains Mono,monospace;color:var(--faint);text-align:center}.qr-right{display:flex;flex-direction:column;gap:14px}.qr-fields{display:flex;flex-direction:column;gap:10px}.qr-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.qr-row .t-field.grow{flex:1;min-width:150px}.qr-color{width:100%;height:42px;padding:3px;cursor:pointer;border-radius:10px;border:1px solid rgba(140,160,235,.28);background:rgba(8,11,22,.6)}.qr-color::-webkit-color-swatch{border:none;border-radius:7px}.qr-color::-webkit-color-swatch-wrapper{padding:0}.qr .t-seg .t-chip{padding:7px 12px}