.qr-workspace{flex:1;gap:12px;min-height:0;padding:12px;display:grid}.qr-settings{overflow:hidden}.qr-section{flex:none;gap:14px;padding:14px 16px 18px;display:grid}.qr-section+.qr-section{border-top:1px solid var(--border)}.qr-section-head{justify-content:space-between;align-items:center;gap:10px;min-height:24px;margin-bottom:-2px;display:flex}.qr-section-head .qr-remove{border-radius:7px;min-width:28px;height:28px;margin:-4px -6px -4px 0}.qr-section-head .qr-remove .icon{width:16px;height:16px}.qr-content.tinput{overflow-wrap:anywhere;min-height:72px;font-size:.84375rem}.qr-field-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.qr-field-value{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78125rem}.qr-settings .tseg{width:100%;display:flex}.qr-settings .tseg button{flex:1 1 0;justify-content:center;min-width:0;padding:0 6px}.qr-range{--range-fill:calc(8px + (100% - 16px) * var(--range-progress,0));appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.qr-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--tone) var(--range-fill), var(--surface-high) var(--range-fill));border-radius:999px;height:4px}.qr-range::-moz-range-track{background:var(--surface-high);border-radius:999px;height:4px}.qr-range::-moz-range-progress{background:var(--tone);border-radius:999px;height:4px}.qr-range::-webkit-slider-thumb{border:1px solid var(--border-strong);appearance:none;background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-6px;transition:box-shadow .14s,border-color .14s;box-shadow:0 1px 3px #0c16372e}.qr-range::-moz-range-thumb{box-sizing:border-box;border:1px solid var(--border-strong);background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0c16372e}.qr-range:hover:not(:disabled)::-webkit-slider-thumb{border-color:var(--tone)}.qr-range:focus-visible{outline:none}.qr-range:focus-visible::-webkit-slider-thumb{border-color:var(--tone);box-shadow:0 0 0 4px var(--tone-ring)}.qr-range:focus-visible::-moz-range-thumb{border-color:var(--tone);box-shadow:0 0 0 4px var(--tone-ring)}.tfield.is-disabled{opacity:.45}.qr-range:disabled{cursor:default}.qr-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.qr-swatch{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:10px;min-width:0;padding:6px 10px 6px 6px;transition:border-color .14s,box-shadow .14s;display:flex;position:relative}.qr-swatch:hover{border-color:var(--outline)}.qr-swatch:focus-within{border-color:var(--tone);box-shadow:0 0 0 3px var(--tone-ring)}.qr-swatch input{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;width:30px;height:30px;padding:0}.qr-swatch input:focus{outline:none}.qr-swatch input::-webkit-color-swatch-wrapper{padding:0}.qr-swatch input::-webkit-color-swatch{border:1px solid #0c163724;border-radius:7px}.qr-swatch input::-moz-color-swatch{border:1px solid #0c163724;border-radius:7px}.qr-swatch-text{gap:2px;min-width:0;line-height:1.15;display:grid}.qr-swatch-text span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.71875rem;overflow:hidden}.qr-swatch-text strong{color:var(--text);font-family:var(--font-mono), monospace;font-size:.78125rem;font-weight:500}.qr-upload{border:1px dashed var(--border-strong);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:11px;min-width:0;padding:7px 12px 7px 7px;transition:border-color .14s,background-color .14s,box-shadow .14s;display:flex;position:relative}.qr-upload:hover{border-color:var(--tone);background:var(--tone-panel)}.qr-upload:focus-within{border-style:solid;border-color:var(--tone);box-shadow:0 0 0 3px var(--tone-ring)}.qr-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.qr-upload-thumb{background:var(--tone-panel);width:38px;height:38px;color:var(--tone);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.qr-upload-thumb .icon{width:19px;height:19px}.qr-upload-thumb img{border:1px solid var(--border);background:var(--surface);object-fit:contain;border-radius:8px;width:100%;height:100%;padding:3px;display:block}.qr-upload-text{flex:1;gap:3px;min-width:0;line-height:1.2;display:grid}.qr-upload-text strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.qr-upload-text small{color:var(--muted);font-size:.75rem}.qr-upload-icon{width:17px;height:17px;color:var(--outline)}.qr-upload:hover .qr-upload-icon{color:var(--tone)}.qr-preview{overflow:hidden}.qr-stage{background-color:var(--surface);background-image:repeating-conic-gradient(var(--surface-low) 0 25%, transparent 0 50%);background-size:24px 24px;flex:1;place-items:center;min-height:0;padding:24px;display:grid;position:relative}.qr-canvas{place-items:center;display:grid;position:relative}.qr-canvas canvas{width:min(100%,520px);height:auto;box-shadow:0 0 0 1px #0c163714, 0 1px 2px #0c16370f, 0 18px 40px -22px var(--shadow-deep);border-radius:4px;display:block}.qr-canvas.is-blank canvas{opacity:.6}.qr-stage-note{border:1px solid var(--border);background:var(--surface);max-width:min(320px,100% - 32px);color:var(--muted);box-shadow:0 8px 20px -12px var(--shadow-deep);border-radius:9px;align-items:center;gap:8px;padding:8px 12px 8px 10px;font-size:.8125rem;font-weight:500;line-height:1.35;display:inline-flex;position:absolute}.qr-stage-note .icon{width:17px;height:17px}.qr-stage-note.is-error{border-color:var(--danger);color:var(--danger)}.qr-status-note{margin-left:auto}@media (min-width:900px){.qr-page{flex:none}.qr-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(300px,340px) minmax(0,1fr)}.qr-settings{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overflow-y:auto}.qr-stage{container-type:size}.qr-canvas canvas{width:min(100cqw - 48px,100cqh - 48px,520px)}}@media (max-width:899px){.qr-preview{order:-1}.qr-stage{padding:24px 16px}.qr-canvas canvas{width:min(100%,80vw,380px)}.qr-status-note{margin-left:0}}