.qr-head{padding:clamp(16px,3vh,32px) 0 clamp(24px,4vh,40px)}.qr-head h1{letter-spacing:-.04em;margin:18px 0 0;font-size:clamp(36px,5.4vw,62px);font-weight:800;line-height:1}.qr-head .sub{color:var(--d);max-width:52ch;margin:18px 0 0;font-size:clamp(15px,1.6vw,17px);line-height:1.6}.qr-types{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:22px;display:grid}.qr-type{font:inherit;text-align:center;cursor:pointer;border:1.5px solid var(--ln);color:var(--d);background:0 0;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:14px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.qr-type:hover{color:var(--k);border-color:#11111047}.qr-type[data-on=true]{background:var(--k);color:var(--g);border-color:var(--k)}.qr-type svg{opacity:.9}.qr-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.qr-panel{border:1px solid var(--ln);border-radius:22px;min-width:0;padding:24px}.qr-step{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.qr-step .n{background:var(--k);width:24px;height:24px;color:var(--g);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.qr-step h2{letter-spacing:-.01em;margin:2px 0 0;font-size:16px;font-weight:700}.qr-step p{color:var(--d);margin:4px 0 0;font-size:13px}.qr-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.qr-field{flex-direction:column;grid-column:span 2;gap:6px;min-width:0;display:flex}.qr-field[data-half=true]{grid-column:span 1}.qr-field label{color:var(--d);font-size:12px;font-weight:600}.qr-field label i{color:#7b3a27;font-style:normal}.qr-field input,.qr-field textarea,.qr-field select{font:inherit;color:var(--k);border:1.5px solid var(--ln);background:var(--g);border-radius:11px;width:100%;min-width:0;padding:11px 13px;font-size:14px}.qr-field textarea{resize:vertical}.qr-field input:focus,.qr-field textarea:focus,.qr-field select:focus{border-color:var(--k);outline:none}.qr-check{align-items:center;gap:8px;padding:10px 0;color:var(--k)!important;font-size:14px!important;display:flex!important}.qr-design{flex-direction:column;gap:22px;display:flex}.qr-block{flex-direction:column;gap:10px;display:flex}.qr-label{letter-spacing:.14em;text-transform:uppercase;color:var(--d);margin:0;font-size:11px;font-weight:700}.qr-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.qr-presets{flex-wrap:wrap;gap:8px;display:flex}.qr-presets button{font:inherit;cursor:pointer;border:1.5px solid var(--ln);color:var(--k);background:0 0;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600}.qr-presets button:hover{border-color:var(--k)}.qr-swatch{color:var(--d);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.qr-swatch .dot{border:1.5px solid var(--ln);cursor:pointer;border-radius:11px;width:46px;height:38px;display:block;position:relative;overflow:hidden}.qr-swatch input[type=color]{cursor:pointer;border:0;width:200%;height:200%;padding:0;position:absolute;inset:-6px}.qr-mini{color:var(--d);flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:600;display:flex}.qr-mini.grow{flex:160px}.qr-mini select,.qr-mini input{font:inherit;color:var(--k);border:1.5px solid var(--ln);background:var(--g);border-radius:11px;width:100%;min-width:0;padding:10px 12px;font-size:13.5px;font-weight:500}.qr-toggles{flex-direction:column;gap:8px;display:flex}.qr-toggles label{color:var(--k);align-items:center;gap:8px;font-size:13px;display:flex}.qr-slider{color:var(--d);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.qr-slider input{width:100%}.qr-note{color:var(--d);margin:2px 0 0;font-size:11.5px;line-height:1.5}.qr-preview{flex-direction:column;gap:14px;display:flex;position:sticky;top:84px}.qr-canvas{border:1px solid var(--ln);background:var(--g);aspect-ratio:1;border-radius:22px;place-items:center;padding:20px;display:grid;overflow:hidden;box-shadow:0 18px 44px #11111014}.qr-canvas img{object-fit:contain;width:100%;height:100%;display:block}.qr-canvas[data-empty=true]{background:var(--soft)}.qr-canvas p{color:var(--d);text-align:center;max-width:26ch;margin:0;font-size:13.5px}.qr-downloads{flex-direction:column;gap:8px;display:flex}.qr-more{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.qr-btn{font:inherit;cursor:pointer;text-align:center;border:1.5px solid #0000;border-radius:999px;font-weight:700;transition:transform .15s,background .15s}.qr-btn:disabled{opacity:.4;cursor:not-allowed}.qr-btn.primary{background:var(--k);color:var(--g);padding:14px 20px;font-size:14.5px}.qr-btn.primary:not(:disabled):hover{transform:translateY(-2px)}.qr-btn.ghost{color:var(--k);border-color:var(--ln);background:0 0;padding:10px 12px;font-size:12px}.qr-btn.ghost:not(:disabled):hover{border-color:var(--k)}.qr-scan{color:var(--d);text-align:center;margin:-4px 0 0;font-size:12px}.qr-private{color:var(--d);margin:0;font-size:11.5px;line-height:1.5}@media (max-width:1100px){.qr-types{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:940px){.qr-grid{grid-template-columns:minmax(0,1fr)}.qr-preview{order:-1;position:static}.qr-canvas{aspect-ratio:auto;width:100%;max-width:320px;margin:0 auto}.qr-canvas img{max-height:300px}}@media (max-width:560px){.qr-panel{border-radius:18px;padding:18px}.qr-fields{grid-template-columns:minmax(0,1fr)}.qr-field[data-half=true]{grid-column:span 1}.qr-more{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.qr-type{border-radius:12px;padding:12px 6px;font-size:11px}}.qr-dynamic{border:1.5px solid var(--ln);border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;transition:border-color .15s;display:flex}.qr-dynamic[data-on=true]{border-color:#11111047}.qr-dyn-head{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.qr-dyn-head span{flex-direction:column;gap:2px;display:flex}.qr-dyn-head b{font-size:13.5px}.qr-dyn-head small{color:var(--d);font-size:11.5px;line-height:1.45}.qr-btn.wide{width:100%;padding:11px 14px;font-size:13px}.qr-err{color:#7b3a27;margin:0;font-size:12px}.qr-made{flex-direction:column;gap:10px;display:flex}.qr-made p{margin:0;font-size:13px}.qr-manage{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.qr-side{flex-direction:column;gap:12px;display:flex}.qr-side code{background:var(--soft);border-radius:5px;padding:2px 6px;font-size:11.5px}.qr-stat-big{border:1px solid var(--ln);text-align:center;border-radius:16px;flex-direction:column;gap:2px;padding:18px;display:flex}.qr-stat-big b{letter-spacing:-.03em;font-size:30px;font-weight:800}.qr-stat-big span{color:var(--d);font-size:12px}.qr-chart{border:1px solid var(--ln);border-radius:16px;align-items:flex-end;gap:3px;height:120px;margin-top:22px;padding:12px;display:flex}.qr-chart span{background:var(--k);border-radius:3px 3px 0 0;flex:1;min-width:3px}.qr-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px;display:grid}.qr-bar{align-items:center;gap:8px;margin-top:8px;font-size:12.5px;display:flex}.qr-bar .k{width:62px;color:var(--d);flex:none}.qr-bar .v{background:var(--k);border-radius:4px;min-width:4px;height:8px}.qr-bar .n{margin-left:auto;font-weight:600}.qr-recent{flex-direction:column;margin-top:10px;font-size:12.5px;display:flex}.qr-recent .dim{color:var(--d);font-size:11.5px}@media (max-width:860px){.qr-manage{grid-template-columns:minmax(0,1fr)}.qr-breakdown{grid-template-columns:minmax(0,1fr);gap:18px}}