.rec-unit{display:grid;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px 18px;align-items:start}
.rec-unit>*{min-width:0}.rec-unit>.tw-refresh-hero,.rec-unit>details{grid-column:1/-1}
.rec-unit>.tw-panel:first-of-type{grid-column:1;grid-row:2 / span 2}
.rec-unit>#unitStatus{grid-column:2;grid-row:2;margin:0}
.rec-unit>.tw-panel:nth-of-type(2){grid-column:2;grid-row:3;position:sticky;top:96px}
.rec-unit #resultOutput{font:700 clamp(1.15rem,2.2vw,1.7rem)/1.45 ui-monospace,Consolas,monospace;color:#f0e6fb;background:#100a17;border:1px solid #5b3a85;border-radius:10px;padding:16px;min-height:130px;white-space:pre-wrap;overflow-wrap:anywhere}
.rec-unit #inputValue{font:600 1.1rem/1.5 ui-monospace,Consolas,monospace}
@media(max-width:820px){.rec-unit{grid-template-columns:minmax(0,1fr)}.rec-unit>.tw-panel:first-of-type,.rec-unit>#unitStatus,.rec-unit>.tw-panel:nth-of-type(2){grid-column:1;grid-row:auto;position:static}}