*{box-sizing:border-box}body{background:var(--wasd-color-surface-canvas);color:var(--wasd-color-text-default);font-family:var(--wasd-typography-family-sans);margin:0}button,input,select,textarea{font:inherit}.qr-tool{--qr-accent:#0f766e;--qr-accent-strong:#be123c;--qr-panel-tint:color-mix(in srgb, var(--wasd-color-surface-canvas) 90%, #0f766e 10%);background:linear-gradient(135deg, color-mix(in srgb, var(--wasd-color-surface-raised) 92%, #0f766e 8%), var(--wasd-color-surface-raised) 48%), var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-md);box-shadow:var(--wasd-shadow-sm);color:var(--wasd-color-text-default);inline-size:100%;padding:var(--wasd-spacing-4)}.qr-tool--teaser{block-size:100%}.qr-tool__header h2,.qr-tool__header p,.qr-tool__panel h3,.qr-tool__preview-panel h3,.qr-tool__status{margin:0}.qr-tool__workspace{align-items:start;gap:var(--wasd-spacing-4);grid-template-columns:minmax(18rem,.95fr) minmax(19rem,1.05fr);display:grid}.qr-tool__controls,.qr-tool__outputs{min-inline-size:0}.qr-tool__outputs{top:var(--wasd-spacing-4);position:sticky}.qr-tool__panel,.qr-tool__preview-panel{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);min-inline-size:0;padding:var(--wasd-spacing-4)}.qr-tool__preview-panel{gap:var(--wasd-spacing-3);display:grid}.qr-tool__fields{gap:var(--wasd-spacing-3);grid-template-columns:minmax(0,1fr);margin-block-start:var(--wasd-spacing-3);display:grid}.qr-tool__fields--dense{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-tool__field,.qr-tool__file-field{gap:var(--wasd-spacing-2);min-inline-size:0;display:grid}.qr-tool__field--wide,.qr-tool__file-field,.qr-tool__switch-row,.qr-tool__range-field{grid-column:1/-1}.qr-tool__field>span,.qr-tool__file-field>span{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-label-sm-font-size);font-weight:var(--wasd-typography-weight-medium)}.qr-tool__field .wasd-input-root,.qr-tool__field .wasd-input-control,.qr-tool__field .wasd-select{inline-size:100%;min-inline-size:0}.qr-tool__textarea,.qr-tool__code{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);color:var(--wasd-color-text-default);min-block-size:8rem;inline-size:100%;padding:var(--wasd-spacing-3);resize:vertical}.qr-tool__textarea:focus,.qr-tool__code:focus,.qr-tool__color-swatch:focus,.qr-tool__range:focus{outline:3px solid color-mix(in srgb, var(--qr-accent) 50%, transparent);outline-offset:2px}.qr-tool__code{font-family:var(--wasd-typography-family-mono);font-size:var(--wasd-typography-size-body-sm);line-height:1.45}.qr-tool__code--iframe{min-block-size:11rem}.qr-tool__color-control{align-items:center;gap:var(--wasd-spacing-2);grid-template-columns:3rem minmax(0,1fr);display:grid}.qr-tool__color-swatch{appearance:none;border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);cursor:pointer;background:0 0;block-size:2.75rem;inline-size:3rem;padding:.2rem}.qr-tool__range-row{align-items:center;gap:var(--wasd-spacing-3);grid-template-columns:minmax(0,1fr) 5rem;display:grid}.qr-tool__range{accent-color:var(--qr-accent);inline-size:100%}.qr-tool__range-row output{background:var(--qr-panel-tint);border:var(--wasd-border-width-thin) solid color-mix(in srgb, var(--qr-accent) 35%, var(--wasd-color-border-subtle));border-radius:var(--wasd-radius-sm);font-family:var(--wasd-typography-family-mono);font-size:var(--wasd-typography-size-body-sm);font-weight:var(--wasd-typography-weight-semibold);padding:var(--wasd-spacing-2);text-align:center}.qr-tool__switch-row{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);min-block-size:3.25rem;padding:var(--wasd-spacing-3);align-items:center;display:flex}.qr-tool__file-field{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);padding:var(--wasd-spacing-3)}.qr-tool__file-field input{inline-size:100%}.qr-tool__preview-frame{aspect-ratio:1;background:linear-gradient(45deg, color-mix(in srgb, var(--wasd-color-surface-raised) 92%, #0f766e 8%) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--wasd-color-surface-raised) 92%, #0f766e 8%) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--wasd-color-surface-raised) 92%, #be123c 8%) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--wasd-color-surface-raised) 92%, #be123c 8%) 75%), var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);background-position:0 0,0 .75rem,.75rem -.75rem,-.75rem 0;background-size:1.5rem 1.5rem;place-items:center;min-inline-size:0;padding:clamp(.75rem,4vw,1.25rem);display:grid;overflow:hidden}.qr-tool__preview-frame img{block-size:auto;inline-size:min(100%,28rem)}.qr-tool__preview-frame p{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);color:var(--wasd-color-text-muted);padding:var(--wasd-spacing-3);text-align:center;margin:0}.qr-tool__stats{gap:var(--wasd-spacing-2);margin:0;display:flex}.qr-tool__stats div{background:color-mix(in srgb, var(--wasd-color-surface-raised) 86%, #fbbf24 14%);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);min-inline-size:5.25rem;padding:var(--wasd-spacing-2)}.qr-tool__stats dt,.qr-tool__stats dd{margin:0}.qr-tool__stats dt{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-xs)}.qr-tool__stats dd{font-family:var(--wasd-typography-family-mono);font-weight:var(--wasd-typography-weight-semibold)}.qr-tool__actions .wasd-button{min-inline-size:6.5rem}.qr-tool__status{color:var(--wasd-color-text-muted);text-align:center;min-block-size:1.4em}.qr-tool__iframe-preview-shell{min-inline-size:0;padding:var(--wasd-spacing-4);justify-items:center;display:grid}.qr-tool__iframe-preview{border-radius:var(--wasd-radius-sm);box-shadow:var(--wasd-shadow-sm);background:#fff;border:0;max-inline-size:100%;display:block}@media (width<=64rem){.qr-tool__workspace{grid-template-columns:1fr}.qr-tool__outputs{position:static}}@media (width<=38rem){.qr-tool{box-shadow:none;padding:var(--wasd-spacing-3);border-inline:0;border-radius:0}.qr-tool__fields--dense,.qr-tool__range-row{grid-template-columns:1fr}.qr-tool__actions .wasd-button{inline-size:100%}}