:root{--bg:#0f172a;--surface:#1e293b;--border:#334155;--accent:#f59e0b;--accent-hover:#fbbf24;--text-primary:#f8fafc;--text-muted:#94a3b8;--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:"Space Mono", monospace}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}input,textarea{font-family:var(--font-sans)}code{font-family:var(--font-mono)}.schema-selector{width:100%;margin-bottom:2rem}.schema-pills{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.schema-pill{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#1e293b99;border-radius:999px;padding:.4rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s,background .15s}.schema-pill:hover{color:var(--text-primary);background:#f59e0b0f;border-color:#f59e0b66}.schema-pill.selected{color:var(--accent);border-color:var(--accent);background:#f59e0b1f}.schema-manager,.manager-view{width:100%}.manager-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.manager-header h2{color:var(--text-primary);flex:1;font-size:1.375rem;font-weight:600}.manager-empty{text-align:center;color:var(--text-muted);padding:4rem 0}.manager-table-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#1e293bcc;border-radius:16px;width:100%;overflow-x:auto}.manager-table{border-collapse:collapse;width:100%;font-size:.875rem}.manager-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1.25rem;font-size:.75rem;font-weight:600}.manager-table td{vertical-align:top;color:var(--text-primary);border-bottom:1px solid #33415580;padding:.875rem 1.25rem}.manager-table tr:last-child td{border-bottom:none}.schema-row:hover td{background:#f59e0b08}.text-muted{color:var(--text-muted)}.schema-name-btn{color:var(--accent);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:500;transition:color .15s}.schema-name-btn:hover{color:var(--accent-hover);text-decoration:underline}.row-actions{white-space:nowrap;justify-content:flex-end;gap:.5rem;display:flex}.edit-row td{background:#f59e0b0a;padding:1.25rem}.edit-row-inner{flex-direction:column;gap:.75rem;display:flex}.edit-hint{color:var(--text-muted);margin:0;font-size:.8125rem}.edit-row-actions{justify-content:flex-end;gap:.75rem;display:flex}.create-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#1e293bcc;border-radius:16px;flex-direction:column;gap:1.5rem;max-width:640px;padding:2rem;display:flex}.form-field{flex-direction:column;gap:.375rem;display:flex}.form-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:600}.field-hint{color:var(--text-muted);opacity:.7;font-size:.75rem}.manager-input,.manager-textarea{border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-sans);resize:vertical;background:#0f172a99;border-radius:10px;width:100%;padding:.625rem .875rem;font-size:.9375rem;transition:border-color .15s}.manager-input:focus,.manager-textarea:focus{border-color:var(--accent);outline:none}.manager-input:disabled,.manager-textarea:disabled{opacity:.5;cursor:not-allowed}.manager-input::placeholder,.manager-textarea::placeholder{color:var(--text-muted);opacity:.5}.form-actions{justify-content:flex-end;gap:.75rem;display:flex}.inline-error{color:#ef4444;margin:0;font-size:.8125rem}.btn-primary{background:var(--accent);color:#0f172a;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;border:1px solid var(--border);white-space:nowrap;background:0 0;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:#94a3b866}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-icon{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.3rem .625rem;font-size:.8125rem;transition:color .15s,border-color .15s,background .15s}.btn-icon:hover{color:var(--text-primary);border-color:var(--border);background:#1e293b99}.btn-icon-danger:hover{color:#ef4444;background:#ef44440f;border-color:#ef44444d}.btn-danger{color:#ef4444;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.btn-back{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.875rem;transition:color .15s}.btn-back:hover{color:var(--text-primary)}.btn-loading{align-items:center;gap:.5rem;display:flex}.btn-spinner{border:2px solid #0f172a4d;border-top-color:#0f172a;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#1e293bf2;border-radius:16px;width:100%;max-width:420px;padding:2rem}.dialog-box h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem}.dialog-box p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.dialog-box strong{color:var(--text-primary)}.dialog-actions{justify-content:flex-end;gap:.75rem;display:flex}.detail-meta{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;display:flex}.detail-meta-item{flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.detail-link{color:var(--accent);font-size:.875rem;text-decoration:none}.detail-link:hover{color:var(--accent-hover);text-decoration:underline}.detail-description{color:var(--text-muted);max-width:720px;margin-bottom:1.75rem;font-size:.9375rem;line-height:1.65}.params-table .param-name{font-family:var(--font-mono);color:var(--accent);background:#f59e0b14;border-radius:4px;padding:.2em .45em;font-size:.8125rem}.param-type-tag{font-family:var(--font-mono);color:var(--text-muted);background:#33415599;border-radius:4px;padding:.175em .5em;font-size:.75rem;font-weight:500;display:inline-block}.param-type-string{color:#86efac;background:#86efac1a}.param-type-integer,.param-type-number{color:#93c5fd;background:#93c5fd1a}.param-type-boolean{color:#c4b5fd;background:#c4b5fd1a}.param-type-enum{color:#fda4af;background:#fda4af1a}.required-badge{color:var(--accent);background:#f59e0b1a;border-radius:4px;padding:.175em .5em;font-size:.75rem;font-weight:600}.param-desc{max-width:280px;font-size:.8125rem;line-height:1.5}.constraints-cell{font-size:.8125rem}.constraints-cell span{display:block}.enum-values{flex-wrap:wrap;gap:.25rem;display:flex!important}.enum-chip{color:var(--text-muted);background:#33415580;border-radius:4px;padding:.15em .45em;font-size:.75rem;display:inline-block!important}.query-section{width:100%;max-width:800px;margin:0 auto 3rem}.query-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#1e293bcc;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.query-input{width:100%;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;font-size:1.25rem}.query-input::placeholder{color:var(--text-muted)}.query-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:1rem;display:flex}.query-examples{flex-wrap:wrap;gap:.5rem;display:flex}.example-chip{border:1px solid var(--border);color:var(--text-muted);background:#f8fafc0d;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.example-chip:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-muted);background:#f8fafc1a}.example-chip:disabled{opacity:.5;cursor:not-allowed}.submit-btn{background:var(--accent);color:#000;white-space:nowrap;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s}.submit-btn:hover:not(:disabled){background:var(--accent-hover)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.query-footer{flex-direction:column;align-items:stretch}.submit-btn{width:100%}}.result-container{width:100%;max-width:800px;margin:0 auto 3rem}.result-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#1e293bcc;border-radius:16px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.result-title{color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-size:1.5rem}.result-query{border:1px solid var(--border);background:#f8fafc0a;border-radius:10px;align-items:baseline;gap:.625rem;padding:.75rem 1rem;display:flex}.result-query-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex-shrink:0;font-size:.75rem;font-weight:600}.result-query-text{color:var(--text-primary);font-size:1rem;line-height:1.4}.url-block{border:1px solid var(--border);background:#0f172a99;border-radius:12px;padding:1rem;position:relative;overflow:hidden}.url-block code{color:var(--accent);word-break:break-all;max-height:4.5em;font-size:.95rem;line-height:1.5;transition:max-height .3s;display:block;overflow:hidden}.url-block.expanded code{max-height:500px}.expand-btn{color:var(--text-muted);text-align:center;background:0 0;border-top:1px solid #ffffff0d;width:100%;margin-top:.5rem;padding:.5rem;font-size:.875rem}.expand-btn:hover{color:var(--text-primary)}.result-actions{justify-content:center;gap:1rem;display:flex}.action-btn{border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.copy-btn{color:var(--text-primary);border:1px solid var(--border);background:#f8fafc1a}.copy-btn:hover{background:#f8fafc26}.open-btn{background:var(--accent);color:#000}.open-btn:hover{background:var(--accent-hover)}.params-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:1.5rem}.params-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem}.params-table-container{border:1px solid var(--border);background:#0f172a66;border-radius:12px;overflow:hidden}.params-table{border-collapse:collapse;text-align:left;width:100%}.params-table th{color:var(--text-muted);border-bottom:1px solid var(--border);background:#f8fafc0d;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.params-table td{border-bottom:1px solid #ffffff0d;padding:.75rem 1rem}.params-table tr:last-child td{border-bottom:none}.param-key code{color:var(--text-primary);font-size:.875rem}.param-value code{color:var(--accent);word-break:break-all;font-size:.875rem}.reset-section{justify-content:center;margin-top:1rem;display:flex}.reset-btn{color:var(--text-muted);background:0 0;padding:.5rem 1rem;font-size:.95rem;text-decoration:underline}.reset-btn:hover{color:var(--text-primary)}@media (width<=640px){.result-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}}.app-container{flex-direction:column;align-items:center;max-width:1000px;min-height:100vh;margin:0 auto;padding:4rem 2rem 6rem;display:flex}.hero{text-align:center;margin-bottom:2.5rem}.hero h1{background:linear-gradient(to right, var(--text-primary), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:600}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.25rem}.tab-nav{border-bottom:1px solid var(--border);gap:0;width:100%;margin-bottom:2.5rem;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{width:100%}.error-message{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;width:100%;margin-bottom:2rem;padding:1rem}.loading-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.spinner{border:3px solid #f59e0b33;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin-bottom:1rem}.empty-state{text-align:center;color:var(--text-muted);width:100%;padding:4rem 0}.select-hint{text-align:center;color:var(--text-muted);opacity:.7;margin-top:2rem;font-size:.9375rem}