*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{min-height:100vh;background:#fff;color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:2rem}.header{margin-bottom:1rem}.header h1{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#000}.description{font-size:1rem;line-height:1.5;color:#000;margin:0 0 1rem;max-width:100%}.section-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#000}.form{display:flex;flex-direction:column;gap:.5rem;max-width:500px}.text-input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:0;background:#fff;color:#000;font-size:1rem;font-family:inherit;resize:none;height:1.5rem;transition:border-color .3s ease}.text-input:focus{outline:none;border-color:#000}.text-input::placeholder{color:#666}.text-input:disabled{opacity:.6;cursor:not-allowed}.text-input.success{border-color:#4caf50}.text-input.error{border-color:#f44336}.metrics-display{padding:2rem;max-width:1400px;margin:0 auto}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.metrics-header h2{font-size:1.5rem;font-weight:600;margin:0;color:#000}.metrics-status{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.status-indicator{padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500}.status-indicator.live{background-color:#4caf50;color:#fff}.status-indicator.cached{background-color:#ff9800;color:#fff}.last-update{font-size:.875rem;color:#666}.metrics-loading,.metrics-error,.metrics-empty{padding:2rem;text-align:center;color:#666;font-size:1rem}.metrics-error{color:#f44336}.metrics-table-container{overflow-x:auto;border:1px solid #ddd;border-radius:4px}.metrics-table{width:100%;border-collapse:collapse;background:#fff}.metrics-table thead{background-color:#f5f5f5}.metrics-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#000;border-bottom:2px solid #ddd}.metrics-table td{padding:.75rem 1rem;border-bottom:1px solid #eee;color:#000;font-size:.875rem}.metrics-table tbody tr:hover{background-color:#f9f9f9}.metric-name{font-family:Monaco,Courier New,monospace;font-weight:500}.metric-type{text-transform:uppercase;font-size:.75rem;color:#666}.metric-labels{display:flex;flex-wrap:wrap;gap:.25rem}.label-tag{display:inline-block;padding:.125rem .5rem;background-color:#e3f2fd;color:#1976d2;border-radius:3px;font-size:.75rem;font-family:Monaco,Courier New,monospace}.metric-value{font-family:Monaco,Courier New,monospace;font-weight:600;text-align:right}@media (max-width: 768px){.metrics-display{padding:1rem}.metrics-header{flex-direction:column;align-items:flex-start}.metrics-table{font-size:.75rem}.metrics-table th,.metrics-table td{padding:.5rem}}.query-page{min-height:100vh;display:flex;flex-direction:column}.query-header{padding:2rem;background:#fff;border-bottom:1px solid #ddd}.query-header h1{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#000}.query-header p{font-size:1rem;color:#666;margin:0}.query-iframe-container{flex:1;position:relative;width:100%;min-height:calc(100vh - 150px)}.query-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.query-header{padding:1rem}.query-header h1{font-size:1.25rem}.query-header p{font-size:.875rem}}