텍스트 확대·리플로우

<div class="stage">
  <div class="pane">
    <div class="tag">100%</div>
    <div class="cols">
      <div class="col"><div class="h"></div><div class="p"></div><div class="p"></div></div>
      <div class="col"><div class="h"></div><div class="p"></div><div class="p"></div></div>
    </div>
  </div>
  <div class="pane">
    <div class="tag">200% · reflow</div>
    <div class="cols one">
      <div class="col wide"><div class="h"></div><div class="p"></div><div class="p"></div><div class="p"></div></div>
    </div>
  </div>
</div>

.stage{width:94%;height:88%;display:flex;gap:4%}
.pane{position:relative;flex:1;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;padding:10px 8% 8px;gap:8%;overflow:hidden}
.tag{flex:none;font:700 10.5px/1 ui-monospace,monospace;color:var(--muted)}
.cols{flex:1;min-height:0;display:flex;gap:8%}
.cols.one{flex-direction:column;gap:10%}
.col{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:10%}
.h{height:16%;border-radius:4px;background:var(--fg);opacity:.7;flex:none}
.p{height:12%;border-radius:4px;background:var(--muted);opacity:.3;flex:none}
.wide .h{height:22%}
.wide .p{height:16%}