/* css-flexbox-generator.css v1-0 */
.fbx-layout{grid-template-columns:1fr 1fr;}
@media(max-width:840px){.fbx-layout{grid-template-columns:1fr;}}
.fbx-preview{display:flex;flex-wrap:wrap;min-height:240px;border:1px solid var(--border);padding:8px;background:#f9fafb;gap:8px;}
.fbx-item{background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;min-width:40px;min-height:40px;padding:.4rem .6rem;}
.fbx-code{background:#f3f4f6;border:1px solid var(--border);padding:.7rem .9rem;font-size:.8rem;font-family:monospace;white-space:pre-wrap;margin:0 0 .5rem;}
.status-msg{font-size:.8rem;margin-top:.4rem;color:var(--text-muted);}