.ui-test-page[data-v-69e8d32a]{padding:20px;max-width:1200px;margin:0 auto}.test-header[data-v-69e8d32a]{text-align:center;margin-bottom:40px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.test-header h1[data-v-69e8d32a]{margin:0 0 10px;font-size:2.5rem;font-weight:700}.test-header p[data-v-69e8d32a]{margin:0;font-size:1.1rem;opacity:.9}.test-section[data-v-69e8d32a]{margin-bottom:40px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.test-section h2[data-v-69e8d32a]{margin:0 0 20px;font-size:1.5rem;font-weight:600;color:#1e293b;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.button-grid[data-v-69e8d32a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.card-grid[data-v-69e8d32a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:16px}.modal-controls[data-v-69e8d32a],.loading-controls[data-v-69e8d32a]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.loading-content[data-v-69e8d32a]{padding:20px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.content-box[data-v-69e8d32a]{margin-top:16px;padding:20px;background:#f1f5f9;border-radius:8px;border:1px solid #cbd5e1}.responsive-test[data-v-69e8d32a]{margin-top:16px}.responsive-grid[data-v-69e8d32a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.responsive-item[data-v-69e8d32a]{padding:20px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;text-align:center}.responsive-item h4[data-v-69e8d32a]{margin:0 0 10px;color:#1e293b;font-weight:600}.responsive-item p[data-v-69e8d32a]{margin:0;color:#64748b;font-size:.9rem}@media(max-width:768px){.ui-test-page[data-v-69e8d32a]{padding:12px}.test-header h1[data-v-69e8d32a]{font-size:2rem}.test-section[data-v-69e8d32a]{padding:16px}.button-grid[data-v-69e8d32a],.card-grid[data-v-69e8d32a]{grid-template-columns:1fr}.modal-controls[data-v-69e8d32a],.loading-controls[data-v-69e8d32a]{flex-direction:column}.responsive-grid[data-v-69e8d32a]{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.card-grid[data-v-69e8d32a],.button-grid[data-v-69e8d32a]{grid-template-columns:repeat(2,1fr)}}html.dark .test-section[data-v-69e8d32a]{background:#1e293b;border-color:#334155}html.dark .test-section h2[data-v-69e8d32a]{color:#f1f5f9;border-color:#334155}html.dark .responsive-item[data-v-69e8d32a]{background:#0f172a;border-color:#334155}html.dark .responsive-item h4[data-v-69e8d32a]{color:#f1f5f9}html.dark .responsive-item p[data-v-69e8d32a]{color:#94a3b8}html.dark .content-box[data-v-69e8d32a],html.dark .loading-content[data-v-69e8d32a]{background:#0f172a;border-color:#334155}