[data-qr-engine-source]{visibility:hidden}body.tool-page-qr-code-generator .qc-legacy,body.tool-page-qr-code-generator .qr-type-selection-container{display:none}body.tool-page-qr-code-generator #qrCanvasStudio{margin-top:var(--space-lg);padding:0;overflow:visible;isolation:isolate;container:qr-canvas / inline-size}#qrCanvasStudio [hidden]{display:none}#qrCanvasStudio[data-qr-loading]{position:relative}#qrCanvasStudio[data-qr-loading]>:not(.qc-loading){visibility:hidden}#qrCanvasStudio[data-qr-mounted]>.qc-loading{position:absolute;inset:0}.qc-loading .ml-bone{height:var(--qc-loading-control-height,var(--tool-control-height-compact))}.qc-loading-modes{width:196px}.qc-loading .qc-loading-modes{height:var(--ml-action-segment-height)}.qc-loading .qc-commands .ml-bone{height:var(--qc-loading-command-height,36px)}.qc-loading-icon{width:32px}.qc-loading-command{width:96px}.qc-loading .qc-loading-label{height:auto}.qc-loading-label>span{visibility:hidden}.qc-loading .qc-inline-input{flex-shrink:1;height:var(--tool-control-height-compact)}.qc-loading-tools{width:320px;max-width:100%}.qc-loading .qc-loading-art{position:absolute;inset:17%;width:66%;height:66%}.qc-loading-feedback{position:absolute;bottom:var(--space-lg);inset-inline:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;text-align:center}.qc-loading-verify{width:128px}.qc-loading-export{width:112px}.qc-loading-download{width:140px}@media(hover:none),(pointer:coarse){.qc-loading{--qc-loading-control-height:var(--ml-touch-target);--qc-loading-command-height:var(--ml-touch-target)}.qc-loading-icon{width:var(--ml-touch-target)}}.qc-toolbar,.qc-footer,.qc-tools,.qc-commands,.qc-panel-head,.qc-inline,.qc-record-head{display:flex;align-items:center;gap:var(--space-sm)}.qc-toolbar{padding:var(--space-md) var(--space-lg);flex-wrap:wrap;justify-content:space-between}.qc-tools{padding:0 var(--space-lg) var(--space-md);flex-wrap:wrap;gap:0}.qc-commands{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.qc-toolbar .ml-action-segmented{width:max-content}.qc-toolbar .ml-select{width:140px}#qrCanvasStudio>.toolbar-divider{margin:0}.qc-surface{margin-inline:var(--space-md);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--ml-canvas);color:var(--ml-text-primary);color-scheme:light}.qc-entry{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl) 0}.qc-entry-data{min-height:40px;display:flex;align-items:center;gap:var(--space-md);flex:1 1 560px;min-width:0}.qc-type-field{display:flex;align-items:center;gap:var(--space-sm);flex:none}.qc-type-field>.setting-label{margin:0;white-space:nowrap}.qc-type-field>.ml-select,.qc-loading-type{width:120px}.qc-entry .qc-tools{padding:0;flex-wrap:nowrap;flex:none}.qc-inline-input{flex:1;min-width:0}.qc-inline-input #inputTabContent{display:block;padding:0;margin:0}.qc-inline-input #dynamicInputs{display:block}.qc-inline-input .input-group{margin:0}.qc-inline-input .input-group>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.qc-inline-input .input-hint{display:none}.qc-stage{--qc-compact:0;height:clamp(380px,calc(100dvh - 380px),540px);position:relative;overflow:hidden}.qc-paper-wrap{position:absolute;inset:var(--space-xl) 0 64px;display:flex;align-items:center;container-type:size}.qc-paper{--qc-paper-size:min( calc(100cqw - 376px) ,100cqh,440px);position:relative;width:var(--qc-paper-size);margin-left:max(352px,calc((100% - var(--qc-paper-size)) / 2));aspect-ratio:1;flex-shrink:0}.qc-paper>svg{display:block;width:100%;height:100%;pointer-events:none}.qc-paper[data-transparent]{background-color:var(--ml-surface-solid);background-image:conic-gradient(var(--ml-surface-raised) 25%,transparent 0 50%,var(--ml-surface-raised) 0 75%,transparent 0);background-size:16px 16px}.qc-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);text-align:center;font-size:var(--font-size-sm);color:var(--ml-text-muted)}.qc-overlay,.qc-objects,.qc-hotspots{position:absolute;inset:0;pointer-events:none}.qc-object{position:absolute;transform:translate(-50%,-50%) rotate(var(--qc-angle,0deg));pointer-events:auto;cursor:move;touch-action:none}.qc-object[data-selected=true]{outline:1px solid var(--ml-text-secondary)}.qc-object:focus-visible:not(:where(html[data-ml-input=pointer] *)){outline:1px solid var(--ml-focus)}.qc-hotspots{z-index:3}.qc-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.qc-boundary{fill:none;stroke:var(--ml-border);stroke-width:1;vector-effect:non-scaling-stroke;mask:url(#qc-connector-mask)}.qc-boundary[data-emphasized=true]{stroke:var(--ml-border-strong)}.qc-connector{fill:none;stroke:var(--ml-text-muted);stroke-opacity:.75;stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke;mask:url(#qc-connector-mask)}.qc-connector[data-active=true]{stroke:var(--ml-text-secondary);stroke-opacity:1}.qc-callout{position:absolute;pointer-events:auto;--ml-flat-rest-fill:var(--ml-control-fill)}.qc-handle{--qc-handle-hit:32px;position:absolute;display:grid;place-items:center;width:var(--qc-handle-hit);height:var(--qc-handle-hit);padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ml-text-secondary);pointer-events:auto;touch-action:none}.qc-handle[data-gesture=resize]:after{content:"";width:8px;height:8px;background:var(--ml-surface-solid);border:1px solid currentColor}.qc-handle[data-corner^=n]{top:calc(var(--qc-handle-hit) / -2)}.qc-handle[data-corner^=s]{bottom:calc(var(--qc-handle-hit) / -2)}.qc-handle[data-corner$=w]{left:calc(var(--qc-handle-hit) / -2)}.qc-handle[data-corner$=e]{right:calc(var(--qc-handle-hit) / -2)}.qc-handle:is([data-corner=nw],[data-corner=se]){cursor:nwse-resize}.qc-handle:is([data-corner=ne],[data-corner=sw]){cursor:nesw-resize}.qc-handle[data-gesture=rotate]{left:calc(50% - var(--qc-handle-hit) / 2);top:calc(-24px - var(--qc-handle-hit) / 2);cursor:grab}.qc-handle[data-gesture=rotate]:before{content:"";position:absolute;width:1px;height:12px;top:calc(50% + 12px);background:var(--ml-border-strong)}.qc-handle[data-gesture=rotate] i{font-size:14px}.qc-handle:focus-visible:not(:where(html[data-ml-input=pointer] *)){outline:2px solid var(--ml-focus);outline-offset:2px}@media(hover:hover)and (pointer:fine){.qc-handle:hover{color:var(--ml-focus)}}@media(pointer:coarse){.qc-handle{--qc-handle-hit:44px}.qc-handle[data-gesture=resize]:after{width:10px;height:10px}}.qc-panel{--tool-panel-bg:var(--ml-surface-solid);position:absolute;left:var(--space-lg);top:var(--space-lg);width:300px;max-height:calc(100% - 32px);z-index:10;display:flex;flex-direction:column;overflow:hidden;transform-origin:0 0}.qc-panel-head{padding:var(--space-sm) var(--space-lg);min-height:48px;flex-shrink:0;cursor:grab;touch-action:none;user-select:none}.qc-pin i{transform:rotate(-35deg);transition:transform .18s ease}.qc-pin[aria-pressed=true] i{transform:rotate(0)}@media(prefers-reduced-motion:reduce){.qc-pin i{transition:none}}.qc-panel-head .section-label{flex:1;margin:0}.qc-panel-head>i{color:var(--ml-text-muted);font-size:var(--font-size-xs)}.qc-panel>.toolbar-divider{margin:0}.qc-panel-body{min-height:0;overflow:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);scrollbar-width:thin;scrollbar-color:transparent transparent}.qc-panel-body:is(:hover,:focus-within){scrollbar-color:var(--ml-border-strong) transparent}.qc-panel-body>.section-label:empty{display:none}.qc-panel-body .settings-tab-content{display:flex;flex-direction:column;gap:var(--space-lg)}.qc-panel-body .settings-section{margin:0;border:0;padding:0}.qc-panel-body #dynamicInputs{gap:var(--space-md)}.qc-panel-body #dynamicInputs .input-group{grid-column:1/-1}.qc-panel-body #dynamicInputs .input-group:has(#firstName),.qc-panel-body #dynamicInputs .input-group:has(#lastName){grid-column:auto}.qc-panel-body :is(.qr-color-grid,.qr-color-group:has(#qrFillMode)){grid-template-columns:minmax(0,1fr)}.qc-panel-body .qr-pattern-grid,.qc-panel-body .qr-gradient-fields{display:contents}.qc-panel-body .qr-gradient-fields[style*=none]{display:none}.qc-panel-body .qr-color-field{position:relative}.qc-panel-body .qr-color-field>label{padding-right:28px}.qc-panel-body .color-reset-btn{position:absolute;right:0;top:-4px}.qc-panel-body .qr-color-group>.section-label{display:none}.qc-panel-body .color-input-wrapper{display:flex}.qc-panel-body .ml-color-swatch{position:static;flex:none}.qc-panel-body .color-input-group{width:100%}.qc-panel-body .color-input-wrapper,.qc-panel-body .ml-clear-field{min-width:0;flex:1}.qc-panel-body .qr-color-field>.setting-label{min-height:0}.qc-panel-body #qrStickerSelection{margin:0}.qc-panel-body .qr-design-actions{grid-template-columns:1fr;margin:0;gap:0}.qc-panel-body .qr-design-actions .ml-library-meta{display:block}.qc-panel-body .logo-controls{gap:var(--space-md)}.qc-panel-body .logo-controls .control-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.qc-panel-body .logo-controls .slider-control{grid-template-columns:minmax(0,1fr) 56px 20px;max-width:none}.qc-panel-body .slider-control{flex-wrap:nowrap}.qc-panel-body .slider-control input[type=range]{min-width:40px}.qc-field{min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.qc-field>label{margin:0}.qc-field :is(.ml-field,.ml-select){width:100%;min-width:0}.qc-field .ml-field{min-height:var(--tool-control-height-compact);padding:var(--space-sm)}.qc-field input.ml-field{height:var(--tool-control-height-compact)}.qc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.qc-text-properties{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.qc-text-value{resize:vertical;min-height:70px}.qc-footer{flex-wrap:wrap;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.qc-footer .qc-inline{flex-wrap:wrap}.qc-footer .qc-record-navigation{flex-wrap:nowrap}.qc-footer .qc-primary{margin-left:auto}.qc-note{color:var(--ml-text-muted);font-size:var(--font-size-xs);line-height:1.5;margin:0;overflow-wrap:anywhere}.qc-status{padding:0 var(--space-lg) var(--space-md)}.qc-status:empty{display:none}.qc-export-settings .custom-export-settings{display:flex;flex-direction:column;gap:var(--space-lg)}.qc-export-settings .export-row{width:100%}.qc-export-settings .export-row>label{display:block;margin-bottom:var(--space-sm)}.qc-export-settings #sizeUnit{width:70px;flex:none}.qc-export-settings #exportSize{width:72px;flex:none}.qc-export-settings #formatToggle{width:100%}.qc-export-settings .slider-control{display:grid;grid-template-columns:minmax(0,1fr) 72px 70px;gap:var(--space-sm)}.qc-export-settings .ml-action-segmented-option{min-width:0}.qc-records{padding:var(--space-lg)}.qc-record-head{justify-content:space-between;padding-top:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.qc-records .ml-library-open{width:100%;min-width:0;align-items:center}.qc-records .ml-library-meta{overflow-wrap:anywhere}.qc-records .qc-record-index{width:32px;text-align:center;flex:none}.qc-records .ml-library-info{flex:1;min-width:0}.qc-records .ml-library-info>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qc-records .qc-invalid{color:var(--ml-danger)}.qc-records .ml-pager{justify-content:center;margin-top:var(--space-md)}.qc-serial-action{grid-column:1/-1;justify-self:end;align-self:end}.qc-panel-body>.btn-primary{align-self:flex-end}.qc-panel-body>.ml-flat-action{align-self:flex-start}.qc-panel-body .qc-inline>.btn-primary{margin-left:auto}.qc-panel #batchUploadContainer{margin:0}#qcBatchInputs{display:flex;flex-direction:column;gap:var(--space-lg)}.qc-panel .batch-description{margin:0}.qc-modal-freeze{pointer-events:none}body.tool-page-qr-code-generator #qrCanvasStudio:fullscreen{width:100vw;height:100dvh;overflow:auto}body.tool-page-qr-code-generator #qrCanvasStudio:fullscreen .qc-stage{height:calc(100dvh - 235px);min-height:480px}@container qr-canvas (min-width:661px) and (max-width:750px){.qc-paper-wrap{bottom:112px}}@media(max-width:1100px){.qc-entry{flex-wrap:wrap;gap:var(--space-sm)}.qc-entry-data{flex:1 1 520px}.qc-entry .qc-tools{margin-left:auto}}@container qr-canvas (max-width:660px){.qc-entry{padding:var(--space-lg) var(--space-lg) 0}.qc-entry-data{flex-wrap:wrap;align-items:flex-end}.qc-type-field{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.qc-type-field>.ml-select,.qc-loading-type{width:140px}.qc-inline-input{flex-basis:100%}.qc-stage{--qc-compact:1;height:auto;overflow:visible;display:flex;flex-direction:column;padding-bottom:var(--space-lg)}.qc-paper-wrap{position:relative;inset:auto;padding:32px var(--space-xl) var(--space-xl);min-width:0;container-type:normal}.qc-paper{width:min(100%,440px);max-height:none;margin:0 auto}.qc-loading-feedback{position:static;min-height:var(--qc-loading-control-height,var(--tool-control-height-compact));margin:0 var(--space-lg) var(--space-lg)}.qc-panel{position:relative;inset:auto;width:min(calc(100% - 2 * var(--space-lg)),440px);max-height:none;margin:0 auto var(--space-lg)}.qc-panel-head{cursor:default}.qc-connector{display:none}.qc-hotspots{position:relative;inset:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin:0 var(--space-lg) var(--space-lg)}.qc-callout{position:relative}.qc-panel-head>i,.qc-panel-head .qc-pin{display:none}.qc-panel-body{max-height:none}.qc-grid{gap:var(--space-md)}body.tool-page-qr-code-generator #qrCanvasStudio:fullscreen .qc-stage{--qc-compact:1;height:auto;min-height:0}}@media(max-width:700px){.qc-toolbar{padding:var(--space-md);gap:var(--space-sm)}.qc-toolbar .qc-commands{margin:0}.qc-toolbar .qc-commands .qc-secondary-label{display:none}.qc-loading-command:not(:last-child){width:32px}.qc-entry-data{flex-basis:100%}.qc-footer{padding:var(--space-md)}.qc-footer .qc-primary{margin-left:auto}.qc-records{padding:var(--space-md)}}#qcPanel-content{width:320px}@container qr-canvas (max-width:660px){#qcPanel-content{margin-top:var(--space-md);width:min(calc(100% - 2 * var(--space-lg)),440px)}}#qrDesignGallery .tool-modal-body:has(.qc-record-gallery){display:flex;flex-direction:column;gap:var(--space-lg)}.qc-record-gallery .ml-visual-caption{min-width:0}.qc-record-gallery .ml-visual-caption>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qc-record-gallery .ml-visual-art>i{color:var(--ml-danger)}#qcGalleryPager{justify-content:center}