.flex-page{width:100%}.flex-docs{max-width:100%;margin:0 auto;padding:24px 40px}.flex-header{justify-content:space-between;align-items:flex-start;gap:32px;margin:24px 0;display:flex}.flex-header-content{flex:1;min-width:0}.flex-header-content p{margin-top:12px}.flex-section{flex-direction:column;gap:32px;margin-bottom:40px;display:flex}.flex-preview{flex-direction:column;gap:32px;width:100%;display:flex}.flex-row{grid-template-columns:160px minmax(0,1fr);align-items:flex-start;gap:24px;width:100%;display:grid}.flex-row-label{padding-top:10px}.flex-row-content{width:100%}.flex-demo{border:1px dashed var(--color-border);background:var(--color-surface);width:100%;min-height:120px;padding:16px}.flex-demo-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);min-width:72px;color:var(--color-text-primary);text-align:center;flex-shrink:0;padding:12px 16px}@media (max-width:768px){.flex-docs{padding:24px}.flex-header{flex-direction:column;align-items:stretch;gap:24px;margin:32px 0 48px}.flex-section{gap:24px;margin-bottom:32px}.flex-row{grid-template-columns:1fr;gap:12px}.flex-row-label{padding-top:0}}@media (max-width:520px){.flex-docs{padding:24px}.flex-header{gap:16px;margin:24px 0 40px}.flex-header-content p{margin-top:8px}.flex-preview{gap:20px}.flex-section{gap:20px;margin-bottom:24px}.flex-demo{min-height:auto}}