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