*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f3f4f6;color:#111827;line-height:1.5;min-height:100vh}#root{min-height:100vh}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;border:1px solid #e5e7eb;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 6px #00000012}.card-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:8px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#fff;margin:2px}.badge.demo{background:#8b5cf6}.badge.info{background:#3b82f6}.badge.success{background:#10b981}.badge.warning{background:#f59e0b}.badge.error{background:#ef4444}.badge.default{background:#6b7280}.btn{padding:8px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-outline{background:transparent;color:#374151;border:1px solid #d1d5db}.btn-outline:hover:not(:disabled){background:#f3f4f6}.btn-sm{padding:4px 12px;font-size:12px}.btn-lg{padding:12px 40px;font-size:16px}.btn-text{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px}.form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.form-input,.form-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-textarea{min-height:120px;line-height:1.6;resize:vertical}.form-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-notice{background:#f5f3ff;border:1px solid #e0d7fc;border-radius:10px;padding:12px 16px;margin-bottom:24px;font-size:13px;color:#6d28d9;display:flex;align-items:center;gap:8px}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px 20px;color:#991b1b;margin-bottom:16px}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.meta-row{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#6b7280;margin-top:8px}.info-row{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:16px}.info-row div{font-size:14px;color:#111827}.section-label{font-size:14px;font-weight:600;color:#374151;margin:12px 0 8px}.grid-2col{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:16px}.compact-card{background:#f9fafb;border-radius:8px;padding:12px;border:1px solid #e5e7eb;font-size:13px;line-height:1.5}.muted{color:#6b7280;font-size:13px}.error-list{margin:8px 0;padding-left:20px;color:#dc2626;font-size:13px}.warn-list{margin:8px 0;padding-left:20px;color:#d97706;font-size:13px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:8px 10px;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:600;color:#374151;white-space:nowrap}.data-table td{padding:6px 10px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.data-table tr:nth-child(2n){background:#f9fafb}.cell-input,.cell-select{width:100%;padding:4px 6px;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;font-family:inherit;background:#fff}.cell-input:focus,.cell-select:focus{border-color:#3b82f6;outline:none}.cell-input:hover,.cell-select:hover{border-color:#9ca3af}.prompt-card{margin-bottom:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.prompt-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:4px}.prompt-textarea{width:100%;min-height:60px;padding:8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-family:monospace;line-height:1.5;resize:vertical;box-sizing:border-box}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.info-row{flex-direction:column;gap:8px}.data-table{font-size:12px}.data-table th,.data-table td{padding:4px 6px}}@keyframes spin{to{transform:rotate(360deg)}}