*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;margin:0;padding:2rem 8rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){body{color:#f1f5f9;background:#0f172a}}h1{color:#333;margin-bottom:1rem}h2{color:#555;margin:0 0 .5rem;font-size:1.1rem}@media (prefers-color-scheme:dark){h1{color:#f1f5f9}h2{color:#cbd5e1}}.card{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.card--no-padding{padding:0;overflow:hidden}@media (prefers-color-scheme:dark){.card{background:#1e293b;box-shadow:0 1px 3px #0000004d}}.row{flex-wrap:wrap;gap:1rem;display:flex}.row--mb{margin-bottom:.5rem}.row--examples{margin-top:.75rem}#url-input,#file-input{border:1px solid #ddd;border-radius:4px;flex:1;min-width:200px;padding:.5rem;font-size:.9rem}@media (prefers-color-scheme:dark){#url-input,#file-input{color:#f1f5f9;background:#334155;border-color:#475569}#url-input::placeholder{color:#94a3b8}}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background .15s}button:hover{background:#1d4ed8}button:disabled{cursor:not-allowed;background:#9ca3af}.btn--secondary{background:#6b7280;margin-left:.5rem;padding:.25rem .5rem;font-size:.8rem}.btn--secondary:hover{background:#4b5563}.btn-group{flex-shrink:0;gap:.5rem;display:flex}.row-label{color:#6b7280;align-self:center;font-size:.85rem}@media (prefers-color-scheme:dark){.row-label{color:#94a3b8}}.chip{color:#1e40af;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s}.chip:hover{background:#e0e7ff;border-color:#a5b4fc}.chip:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (prefers-color-scheme:dark){.chip{color:#e2e8f0;background:#334155;border-color:#475569}.chip:hover{background:#475569;border-color:#64748b}}.status-bar{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.status-bar .version{color:#6b7280}.status-bar .init-status{font-weight:500}.theme-toggle{border:none;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.85rem;display:inline-flex}.theme-toggle label{cursor:pointer;align-items:center;gap:.2rem;display:inline-flex}.theme-toggle input[type=radio]{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.init-status--success{color:#059669}.init-status--error{color:#dc2626}@media (prefers-color-scheme:dark){.init-status--success{color:#34d399}.init-status--error{color:#f87171}}.features-bar{color:#6b7280;margin-top:.5rem;font-size:.85rem}@media (prefers-color-scheme:dark){.features-bar{color:#94a3b8}}.table-wrapper{height:660px}.info-panel{color:#6b7280;font-size:.85rem}.info-panel strong{color:#374151}@media (prefers-color-scheme:dark){.info-panel{color:#94a3b8}.info-panel strong{color:#e2e8f0}}.info-text--primary{color:#2563eb;font-size:.8rem}.info-text--secondary{color:#6b7280;font-size:.8rem}@media (prefers-color-scheme:dark){.info-text--primary{color:#60a5fa}.info-text--secondary{color:#94a3b8}}.test-info{color:#6b7280;margin-top:.5rem;font-size:.85rem}@media (prefers-color-scheme:dark){.test-info{color:#94a3b8}}.examples-cta{color:#374151;border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem;font-size:.85rem}.examples-cta a{color:#2563eb;font-weight:600;text-decoration:none}.examples-cta a:hover{text-decoration:underline}@media (prefers-color-scheme:dark){.examples-cta{color:#cbd5e1;border-top-color:#334155}.examples-cta a{color:#60a5fa}}@media (width<=768px){body{padding:1.5rem 2rem}.table-wrapper{height:70vh}.btn--secondary{margin-left:0}}@media (width<=480px){body{padding:1rem}h1{margin-bottom:.5rem;font-size:1.3rem}.table-wrapper{height:65vh}#url-input,#file-input{min-width:0}.row{flex-direction:column;align-items:stretch}.btn-group{flex-wrap:wrap;justify-content:center}.test-info{display:none}}