/* WhatsApp's explicit-create flow. Scoped to this page only. */
.tools-ui .wa-tool { --maxw: 760px; }
.tools-ui .wa-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; min-width: 0; }
.tools-ui .wa-tool .ht-row { grid-template-columns: minmax(0, 1fr); gap: 18px; }
.tools-ui .wa-parts { display: flex; flex-wrap: wrap; gap: 8px; }
.tools-ui .wa-parts:not(:empty) { margin-top: 16px; }
.tools-ui .wa-generate { display: grid; gap: 10px; }
.tools-ui .wa-generate .btn { width: 100%; }
.tools-ui .wa-generate .ht-hint { margin: 0; text-align: center; }
.tools-ui .wa-results { margin-top: 24px; }
.tools-ui .wa-results > .ht-panel { margin-top: 0; }
.tools-ui .wa-results:not([hidden]) { animation: ui-arrive 180ms ease-out; }
.tools-ui .wa-tool #htResultTitle { scroll-margin-top: calc(var(--nav-h) + 24px); }
.tools-ui .wa-tool .ht-actions { flex-direction: column; align-items: stretch; }
.tools-ui .wa-tool .ht-qr-band-inner { flex-direction: column; align-items: flex-start; gap: 16px; }
.tools-ui .wa-tool .ht-qr-body { flex: auto; display: grid; justify-items: stretch; width: 100%; min-width: 0; gap: 12px; }
.tools-ui .wa-tool .ht-qr-body .ht-sub { margin: 0; max-width: none; text-align: left; }
.tools-ui .wa-tool .ht-qr-body .ht-status { margin: 0; }
.tools-ui .wa-tool .ht-qr:empty { display: none; }
.tools-ui .wa-tool .ht-wa { min-height: 0; }
.tools-ui .wa-tool .ht-bubble code { background: transparent; }
.tools-ui .wa-live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }