.component-demo[data-v-ff181be8]{max-width:1000px;margin:0 auto;padding:2rem}h1[data-v-ff181be8]{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.demo-subtitle[data-v-ff181be8]{color:#718096;margin-bottom:2rem}.demo-section[data-v-ff181be8]{margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.demo-section h2[data-v-ff181be8]{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #667eea}.demo-section h3[data-v-ff181be8]{font-size:.9rem;font-weight:600;color:#718096;margin:1.25rem 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.demo-row[data-v-ff181be8]{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.demo-row-vertical[data-v-ff181be8]{display:flex;flex-direction:column;gap:.75rem}.demo-form[data-v-ff181be8]{max-width:400px}.demo-note[data-v-ff181be8]{margin-top:.75rem;font-size:.8rem;color:#a0aec0}.demo-value[data-v-ff181be8]{margin-top:.5rem;font-size:.85rem;color:#667eea}.debug-output[data-v-ff181be8]{background:#2d3748;color:#68d391;padding:1rem;border-radius:8px;font-size:.85rem;overflow-x:auto}.loading-demo-box[data-v-ff181be8]{position:relative;height:100px;background:#f7fafc;border-radius:8px;display:flex;align-items:center;justify-content:center}.collapse-demo[data-v-ff181be8]{display:flex;flex-direction:column;gap:.5rem}.progress-demo[data-v-ff181be8]{display:flex;flex-direction:column;gap:.75rem}.message-demo[data-v-ff181be8]{display:flex;flex-direction:column;gap:1rem}