.toolhub-qr .toolhub-fieldset { min-width:0; margin:0; padding:0; border:0; }
.toolhub-qr__panel { margin-top:1rem; }
.toolhub-textarea { min-height:110px; resize:vertical; }
.toolhub-qr__custom-title { margin:1.4rem 0 .8rem; padding-top:1.1rem; border-top:1px solid var(--thub-border); font:inherit; font-size:1.05rem; font-weight:750; }
.toolhub-qr__colors { display:flex; gap:1rem; align-items:center; }
.toolhub-qr__colors label { color:var(--thub-muted); font-size:.82rem; font-weight:650; }
.toolhub-qr__colors input { display:block; width:56px; height:42px; margin-top:.3rem; padding:2px; border:1px solid var(--thub-border); border-radius:8px; background:#fff; cursor:pointer; }
.toolhub-qr__warning { min-height:1.5em; margin:.75rem 0 0; color:#8a4b00; font-size:.86rem; }
.toolhub-qr__result { position:sticky; top:24px; text-align:center; }
.toolhub-qr__result .toolhub-card__title { text-align:left; }
.toolhub-qr__preview { display:grid; place-items:center; min-height:290px; padding:1rem; overflow:hidden; border:1px dashed #abb6c6; border-radius:12px; background:repeating-conic-gradient(#f2f4f7 0 25%,#fff 0 50%) 50% / 16px 16px; color:var(--thub-muted); }
.toolhub-qr__preview svg { display:block; max-width:100%; height:auto; filter:drop-shadow(0 4px 9px rgba(23,32,51,.12)); }
.toolhub-qr__encoded { max-width:100%; margin:1rem 0; text-align:left; font-size:.82rem; }
.toolhub-qr__encoded code { display:block; max-height:7rem; margin-top:.3rem; padding:.6rem; overflow:auto; border-radius:7px; background:var(--thub-surface-alt); overflow-wrap:anywhere; white-space:pre-wrap; }
.toolhub-qr__result .toolhub-actions { justify-content:center; }
@media (max-width:800px) { .toolhub-qr__result { position:static; } }
@media (max-width:375px) { .toolhub-qr__colors { flex-wrap:wrap; } }

