.qr-tool{min-width:0}.qr-toolbar,.qr-actions,.qr-raw-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qr-toolbar{justify-content:flex-end;margin-bottom:6px}.qr-settings{display:flex;align-items:end;flex-wrap:wrap;gap:8px 12px;padding-bottom:12px}.qr-settings .field{margin:0;width:90px}.qr-settings .field:nth-child(2){width:76px}.qr-settings .field:nth-child(4),.qr-settings .field:nth-child(5){width:84px}.qr-settings input[type=color]{width:100%;height:34px;padding:3px;cursor:pointer}.qr-settings .check{margin-bottom:3px}.qr-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.qr-editor,.qr-result,.qr-fields,.qr-batch-input>*{min-width:0}.qr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.qr-fields .field{margin:0}.qr-fields textarea{min-height:100px}.qr-summary{margin:0 0 8px}.qr-summary .readout__value{font-size:20px}.qr-preview{display:block;width:min(100%,270px);height:auto;margin:0 auto 10px;image-rendering:pixelated}.qr-result .qr-actions{justify-content:center}.qr-raw-head{justify-content:space-between;margin-top:8px;font-size:12px;color:var(--muted)}.qr-result textarea{min-height:60px;font:12px var(--mono);overflow-wrap:anywhere}.qr-status{min-height:1.5em;margin:10px 0 0;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.qr-batch-input{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px);gap:12px}.qr-actions .seg{margin:0}.qr-actions .seg legend{font-size:12px}.qr-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:12px}.qr-tile{margin:0;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0}.qr-tile canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.qr-tile figcaption{margin-top:5px;font-size:12px;text-align:center;overflow-wrap:anywhere}.qr-print-root{display:none}@media(max-width:620px){.qr-workbench{grid-template-columns:minmax(0,1fr);gap:12px}.qr-fields{gap:8px}.qr-editor textarea{min-height:82px}.qr-preview{width:min(100%,220px)}.qr-batch-input{grid-template-columns:minmax(0,1fr);gap:0}.qr-settings{gap:6px 10px}.qr-settings .field{width:calc((100% - 20px)/3)}.qr-settings .field:nth-child(2),.qr-settings .field:nth-child(4),.qr-settings .field:nth-child(5){width:calc((100% - 20px)/3)}}@media print{@page{size:A4 portrait;margin:10mm}body.qr-printing>:not(.qr-print-root){display:none!important}body.qr-printing{margin:0!important;padding:0!important;background:transparent}.qr-printing .qr-print-root{display:block;color-scheme:light;--ink:CanvasText;--surface:Canvas;color:var(--ink);background:var(--surface)}.qr-print-page{display:grid;width:190mm;height:276mm;gap:0;break-after:page}.qr-print-page:last-child{break-after:auto}.qr-print-page--24{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(8,1fr)}.qr-print-page--40{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(10,1fr)}.qr-print-label{margin:0;padding:1mm;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;break-inside:avoid}.qr-print-label canvas{flex:0 1 auto;width:auto;height:calc(100% - 6mm);max-width:100%;min-height:0;aspect-ratio:1;print-color-adjust:exact;-webkit-print-color-adjust:exact}.qr-print-label figcaption{width:100%;height:6mm;flex:0 0 6mm;overflow:hidden;text-align:center;overflow-wrap:anywhere;font:8pt/1.1 sans-serif;color:var(--ink)}}