.color-field{gap:var(--space-2);grid-template-columns:2.5rem minmax(0,1fr);align-items:center;display:grid}.color-field__swatch{background-color:var(--sheet);background-image:conic-gradient(var(--line-strong) 25%, transparent 0 50%, var(--line-strong) 0 75%, transparent 0);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;background-size:10px 10px;block-size:2.5rem;inline-size:2.5rem;display:block;position:relative;overflow:hidden}.color-field__swatch:after{content:"";background:var(--swatch,transparent);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000014}.color-field__swatch:focus-within{outline:2px solid var(--focus);outline-offset:2px}.color-field__swatch input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.color-field__text{min-inline-size:0}.swatch-chip{background-color:var(--sheet);background-image:conic-gradient(var(--line-strong) 25%, transparent 0 50%, var(--line-strong) 0 75%, transparent 0);background-size:10px 10px;position:relative;overflow:hidden}.swatch-chip:after{content:"";background:var(--swatch,transparent);position:absolute;inset:0}.copy-btn .icon:last-of-type{display:none}.copy-btn.is-copied{color:var(--accent)}.copy-btn.is-copied .icon:first-of-type{display:none}.copy-btn.is-copied .icon:last-of-type{display:inline-block}.code-out{padding:var(--space-3) var(--space-4);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--font-mono);white-space:pre;tab-size:2;text-align:start;direction:ltr;max-block-size:24rem;margin:0;font-size:.8125rem;line-height:1.6;overflow:auto}.code-out:empty:before{content:attr(data-empty);color:var(--ink-3);font-family:var(--font-sans);white-space:normal}.meter{gap:var(--space-1);display:grid}.meter__track{border-radius:var(--radius-sm);background:var(--sheet-rule);block-size:4px;overflow:hidden}.meter__bar{background:var(--accent);transform-origin:0;block-size:100%;transition:transform var(--duration) var(--ease-out)}.meter.is-over .meter__bar{background:var(--danger)}.meter__text{color:var(--ink-3);font-size:var(--text-sm)}.meter.is-over .meter__text{color:var(--danger);font-weight:600}[dir=rtl] .meter__bar{transform-origin:100%}.notice[hidden],.result[hidden],.preview[hidden],.figures[hidden],.sheet[hidden],.sheet__bar[hidden],.field[hidden],.options[hidden],.segmented[hidden],.code-out[hidden],.meter[hidden],.color-field[hidden]{display:none}.sheet__body>.figures{padding:0}.qr-tool{grid-template-areas:"content""side""style"}@media (min-width:64rem){.qr-tool{grid-template-rows:auto 1fr;grid-template-areas:"content side""style side"}}.qr-tool__content{grid-area:content}.qr-tool .qr-style{grid-area:style;align-self:start}.qr-tool__side{grid-area:side;align-self:start}@media (min-width:64rem) and (min-height:50rem){.qr-tool__side{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-4))}}.qr-preview{aspect-ratio:1;min-block-size:0;padding:var(--space-3);border:1px solid var(--sheet-rule);background:var(--paper);transition:opacity var(--duration) var(--ease-out);position:relative}.qr-preview__image{object-fit:contain;border-radius:var(--radius-sm);block-size:100%;inline-size:100%;box-shadow:var(--shadow-sheet)}.qr-preview.is-stale .qr-preview__image{opacity:.35;filter:grayscale()}.qr-preview__empty{place-items:center;gap:var(--space-3);max-inline-size:15rem;padding:var(--space-4);color:var(--ink-3);font-size:var(--text-sm);text-align:center;text-wrap:balance;display:grid}.qr-preview__empty-icon{block-size:3rem;inline-size:3rem;color:var(--line-strong);stroke-width:1.25px}.qr-preview.is-empty{border:1.5px dashed var(--line-strong);background-image:none}.qr-notice{font-size:var(--text-sm)}.qr-notice__icon{flex:none;block-size:1.125rem;inline-size:1.125rem;margin-block-start:1px}.qr-notice:not(.notice--error) .qr-notice__icon{color:var(--accent)}.qr-meter__head{justify-content:space-between;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.qr-meter__meta{color:var(--ink-2)}.qr-scan{gap:var(--space-2);color:var(--ink-2);font-size:var(--text-sm);align-items:flex-start;display:flex}.qr-scan__icon{block-size:1.125rem;inline-size:1.125rem;color:var(--accent);flex:none}.qr-payload__summary{gap:var(--space-1);color:var(--ink-2);font-size:var(--text-sm);cursor:pointer;align-items:center;font-weight:600;list-style:none;display:inline-flex}.qr-payload__summary::-webkit-details-marker{display:none}.qr-payload__summary:hover{color:var(--ink)}.qr-payload__chevron{block-size:1rem;inline-size:1rem;transition:transform var(--duration) var(--ease-out);transform:rotate(-90deg)}.qr-payload[open] .qr-payload__chevron{transform:none}.qr-payload__code{white-space:pre-wrap;overflow-wrap:anywhere;max-block-size:10rem;margin-block-start:var(--space-2)}.qr-payload[hidden]{display:none}[dir=rtl] .qr-payload__chevron{transform:rotate(90deg)}[dir=rtl] .qr-payload[open] .qr-payload__chevron{transform:none}.qr-size .select{inline-size:auto;min-inline-size:8rem}.qr-style__colors{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}@media (min-width:40rem){.qr-style__colors{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start}}.qr-style__swap{grid-area:1/2/span 2}@media (min-width:40rem){.qr-style__swap{grid-row:1;margin-block-start:1.75rem}}.qr-style__colors>.field:first-child,.qr-style__colors>.field:last-of-type{grid-column:1}@media (min-width:40rem){.qr-style__colors>.field:last-of-type{grid-area:1/3}}.qr-style__range-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.qr-style__value{color:var(--accent);font-family:var(--font-display);font-weight:600}.qr-style__ec{border:0;min-inline-size:0;margin:0;padding:0}.qr-style__ec legend{margin-block-end:var(--space-2);padding:0}.qr-style__ec .segmented{justify-self:start}.qr-style__ec .segmented label{font-weight:650}.qr-style__ec-percent{color:var(--ink-3);font-weight:500}.qr-style__note{gap:var(--space-2);color:var(--accent);font-size:var(--text-sm);align-items:flex-start;font-weight:550;display:flex}.qr-style__note .icon{flex:none;block-size:1rem;inline-size:1rem;margin-block-start:1px}.qr-style__note[hidden]{display:none}.qr-style .segmented input:disabled+label{opacity:.45;cursor:not-allowed}.qr-style__drop{gap:var(--space-3);text-align:start;justify-content:flex-start;align-items:center;display:flex}.qr-style__drop-icon{flex:none;block-size:1.75rem;inline-size:1.75rem}.qr-style__drop-text{gap:var(--space-1);display:grid}.qr-style__drop-title{font-weight:650}.qr-style__logo-loaded{gap:var(--space-4);display:grid}.qr-style__logo-loaded[hidden]{display:none}.qr-style__logo-row{gap:var(--space-3);align-items:center;display:flex}.qr-style__thumb{block-size:3rem;inline-size:3rem;padding:var(--space-1);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);object-fit:contain;flex:none}.qr-style__logo-name{min-inline-size:0;color:var(--ink-2);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.qr-style .dropzone[hidden]{display:none}.qr-gen__types{border:0;min-inline-size:0;margin:0;padding:0}.qr-gen__segmented{display:flex}.qr-gen__segmented label{gap:var(--space-2);padding-block:var(--space-2);flex:auto;justify-content:center;align-items:center;display:inline-flex}.qr-gen__segmented label .icon{block-size:1rem;inline-size:1rem}.qr-gen__panel{gap:var(--space-4);display:grid}.qr-gen__panel[hidden]{display:none}.qr-gen__pair{gap:var(--space-4);display:grid}@media (min-width:40rem){.qr-gen__pair{grid-template-columns:1fr 1fr}}.qr-gen__short{min-block-size:6rem}.dq-studio{grid-template-areas:"side""style"}.dq-studio>.qr-style{grid-area:style;align-self:start}@media (min-width:64rem){.dq-studio{grid-template-columns:minmax(0,1fr) 24rem;grid-template-areas:"style side";align-items:start}.dq-studio .qr-tool__side{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-4))}}