.qr-tool{margin-bottom:12px}.qr-workspace{display:grid;grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr);align-items:start;gap:12px;margin-bottom:10px}.qr-config-column,.qr-output-column{min-width:0}.qr-output-column{position:sticky;top:66px}.qr-config-panel,.qr-output-panel{width:100%}.qr-config-body{display:grid;gap:18px;padding:16px}.qr-output-body{display:grid;min-width:0}.qr-type-section{display:grid;gap:8px}.qr-section-label{color:var(--waludo-muted);font-family:var(--waludo-font-mono);font-size:var(--tool-font-size-caption);letter-spacing:.08em;text-transform:uppercase}.qr-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.qr-type-grid button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:48px;padding:7px 8px;border:1px solid var(--waludo-line);border-radius:var(--tool-radius-control);background:var(--waludo-paper);color:var(--waludo-muted);cursor:pointer;font-family:var(--waludo-font-ui);font-size:var(--tool-font-size-caption);text-align:left;transition:border-color .12s,background .12s,color .12s,box-shadow .12s}.qr-type-grid button:hover,.qr-type-grid button:focus-visible{border-color:color-mix(in srgb,var(--waludo-accent) 58%,var(--waludo-line));background:color-mix(in srgb,var(--waludo-accent) 5%,var(--waludo-paper));color:var(--waludo-accent);outline:none}.qr-type-grid button[aria-pressed=true]{border-color:var(--waludo-accent);background:color-mix(in srgb,var(--waludo-accent) 9%,var(--waludo-paper));color:var(--waludo-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--waludo-accent) 17%,transparent)}.qr-type-grid svg{width:29px;height:29px;flex:0 0 auto;padding:7px;border:1px solid var(--waludo-line);border-radius:8px 8px 8px 3px;background:var(--waludo-paper-soft);color:var(--waludo-muted)}.qr-type-grid button>span{overflow:hidden;min-width:0;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.qr-type-grid button[aria-pressed=true] svg{border-color:var(--waludo-accent);background:var(--waludo-accent);color:var(--waludo-paper)}.qr-field-stack>div{display:grid;gap:11px}.qr-field-stack>div[hidden]{display:none}.qr-field-stack .tool-input,.qr-field-stack .tool-select{min-height:41px}.qr-field-stack .tool-textarea{border:1px solid var(--waludo-line-2);border-radius:var(--tool-radius-control);background:color-mix(in srgb,var(--waludo-paper) 80%,#ffffff);padding:11px 12px}.qr-small-textarea{min-height:118px;resize:vertical}.qr-mini-textarea{min-height:74px;resize:vertical}.qr-inline-fields{display:grid;grid-template-columns:minmax(140px,1fr) auto;align-items:end;gap:12px}.qr-check{display:flex;align-items:center;gap:7px;min-height:41px;color:var(--waludo-muted);cursor:pointer;font-size:var(--tool-font-size-caption)}.qr-check input{width:14px;height:14px;accent-color:var(--waludo-accent)}.qr-appearance{overflow:hidden;border:1px solid var(--waludo-line);border-radius:var(--tool-radius-inner);background:var(--waludo-paper-soft)}.qr-appearance summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 12px;color:var(--waludo-text);cursor:pointer;font-size:var(--tool-font-size-caption);font-weight:700;list-style:none}.qr-appearance summary::-webkit-details-marker{display:none}.qr-appearance summary svg{width:15px;height:15px;color:var(--waludo-accent)}.qr-appearance summary:after{content:"+";margin-left:auto;color:var(--waludo-muted-2);font-family:var(--waludo-font-mono);font-size:14px;font-weight:400}.qr-appearance[open] summary:after{content:"−"}.qr-appearance-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(145px,.8fr);gap:14px 12px;padding:14px 14px 12px;border-top:1px dashed var(--waludo-line)}.qr-appearance input[type=range]{width:100%;min-height:38px;accent-color:var(--waludo-accent);cursor:pointer}.qr-appearance output{color:var(--waludo-text);font-weight:700}.qr-color-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.qr-color-fields label{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;min-width:0;min-height:45px;padding:5px 6px 5px 9px;border:1px solid var(--waludo-line);border-radius:var(--tool-radius-control);background:color-mix(in srgb,var(--waludo-paper) 88%,#ffffff);color:var(--waludo-muted);font-size:var(--tool-font-size-caption)}.qr-color-fields input{width:34px;height:32px;padding:2px;border:1px solid var(--waludo-line-2);border-radius:var(--tool-radius-micro);background:transparent;cursor:pointer}.qr-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 14px 14px}.qr-presets button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:32px;padding:6px 8px;border:1px solid var(--waludo-line);border-radius:var(--tool-radius-control);background:color-mix(in srgb,var(--waludo-paper) 88%,#ffffff);color:var(--waludo-muted);cursor:pointer;font-family:var(--waludo-font-mono);font-size:var(--tool-font-size-caption)}.qr-presets button:before{content:"";width:13px;height:13px;flex:0 0 auto;border:1px solid var(--waludo-line-2);border-radius:var(--tool-radius-micro)}.qr-presets button:nth-child(1):before{background:linear-gradient(135deg,#111827 50%,#fff 50%)}.qr-presets button:nth-child(2):before{background:linear-gradient(135deg,#0f3d91 50%,#f7fbff 50%)}.qr-presets button:nth-child(3):before{background:linear-gradient(135deg,#123c2b 50%,#f6fff9 50%)}.qr-presets button:hover,.qr-presets button:focus-visible{border-color:var(--waludo-accent);color:var(--waludo-accent);outline:none}.qr-preview{display:grid;place-items:center;min-height:460px;padding:38px 28px;border-bottom:1px dashed var(--waludo-line);background:radial-gradient(circle at center,color-mix(in srgb,var(--waludo-accent) 5%,transparent),transparent 58%),var(--waludo-paper-soft)}.qr-canvas-frame{display:grid;place-items:center;max-width:100%;padding:14px;border:1px solid color-mix(in srgb,var(--waludo-line) 75%,#ffffff);border-radius:var(--tool-radius-inner);background:#fff;box-shadow:var(--tool-shadow-floating)}.qr-preview canvas{display:block;max-width:min(100%,380px);height:auto!important;image-rendering:pixelated}.qr-output-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.85fr);align-items:center;gap:14px;padding:13px 15px;border-bottom:1px dashed var(--waludo-line)}.qr-status{display:flex;align-items:center;gap:9px;min-width:0;color:var(--waludo-muted)}.qr-status>span{width:8px;height:8px;flex:0 0 auto;border-radius:var(--tool-radius-round);background:var(--waludo-muted-2);box-shadow:var(--tool-shadow-halo)}.qr-status>div{display:grid;min-width:0;gap:3px}.qr-status strong{font-size:var(--tool-font-size-caption);line-height:1.35}.qr-status small{color:var(--waludo-muted);font-size:var(--tool-font-size-caption);line-height:1.35}.qr-status[data-state=valid]{color:var(--waludo-success)}.qr-status[data-state=invalid]{color:var(--waludo-error)}.qr-status[data-state=working]{color:var(--waludo-accent)}.qr-status[data-state=valid]>span,.qr-status[data-state=invalid]>span,.qr-status[data-state=working]>span{background:currentColor}.qr-status[data-contrast=low] small{color:var(--waludo-warning, #a96800)}.qr-local-status{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;margin:0;color:var(--waludo-muted);font-size:var(--tool-font-size-caption);line-height:1.45;text-align:right}.qr-local-status svg{width:14px;height:14px;flex:0 0 auto;color:var(--waludo-accent)}.qr-payload{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:13px 15px 15px}.qr-payload span{padding-top:9px;color:var(--waludo-muted);font-family:var(--waludo-font-mono);font-size:var(--tool-font-size-caption);letter-spacing:.06em;text-transform:uppercase}.qr-payload code{max-height:82px;min-height:34px;padding:8px 10px;overflow:auto;border:1px solid var(--waludo-line);border-radius:var(--tool-radius-control);background:var(--waludo-paper-soft);color:var(--waludo-muted);font-size:var(--tool-font-size-caption);line-height:1.6;overflow-wrap:anywhere}@media(max-width:980px){.qr-workspace{grid-template-columns:1fr}.qr-output-column{position:static}.qr-preview{min-height:390px}}@media(max-width:640px){.qr-config-body{gap:15px;padding:13px}.qr-type-grid button{min-height:48px}.qr-appearance-grid{grid-template-columns:1fr}.qr-output-panel .tool-panel__actions .tool-button{flex:1 1 0}.qr-preview{min-height:320px;padding:28px 18px}.qr-output-summary{grid-template-columns:1fr;gap:10px}.qr-local-status{justify-content:flex-start;text-align:left}}@media(max-width:420px){.qr-inline-fields{grid-template-columns:1fr;align-items:start}.qr-check{min-height:28px}.qr-presets{grid-template-columns:1fr}.qr-payload{grid-template-columns:1fr;gap:5px}.qr-payload span{padding-top:0}}