:root{--page-bg: #ffffff;--text-primary: #111827;--text-muted: #374151;--card-bg: #ffffff;--card-border: #e5e7eb;--glow-opacity: .2;--card-from-rgb: 37 99 235;--card-to-rgb: 79 70 229;--input-ring-rgb: 6 182 212;--btn-from-rgb: 37 99 235;--btn-to-rgb: 96 165 250;--btn-text-rgb: 255 255 255;--btn-shadow-rgba: 37, 99, 235, .25;--btn-ring-rgba: 37, 99, 235, .45;--font-display: "Sora", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.entity-title,.display-font{font-family:var(--font-display)}@media (prefers-color-scheme: dark){:root{--page-bg: #18264a;--text-primary: #e5e7eb;--text-muted: #9ca3af;--card-bg: #0f172a;--card-border: #334155;--glow-opacity: .25;--card-from-rgb: 59 130 246;--card-to-rgb: 99 102 241;--input-ring-rgb: 34 211 238;--btn-from-rgb: 255 255 255;--btn-to-rgb: 229 231 235;--btn-text-rgb: 17 24 39;--btn-shadow-rgba: 255, 255, 255, .25;--btn-ring-rgba: 255, 255, 255, .35}}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}.app-logo{height:160px;width:auto;margin-top:-30px}.logo-light{display:inline}.logo-dark{display:none}@media (prefers-color-scheme: dark){.logo-light{display:none}.logo-dark{display:inline}}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--page-bg);color:var(--text-primary);min-height:100vh}p{color:var(--text-muted)}html,#root{height:100%;background:var(--page-bg)}.header-container{position:absolute;top:0;left:1rem;display:flex;align-items:center;gap:1rem}.homepage-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;gap:2rem}.homepage-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;margin:.5rem 0 .75rem}.gradient-text{background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.input-box,.form-block{position:relative;margin:0 auto;padding:2rem;max-width:640px;background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 2px #0000000a}.input-box:before,.form-block:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(90deg,#2563eb33,#7c3aed33);filter:blur(12px);opacity:0;transition:opacity .25s ease;z-index:-1}.input-box:hover:before,.form-block:hover:before{opacity:.6}.input-label,.form-block label{display:block;margin-bottom:8px;font-weight:600;color:#1f2937;font-size:.9rem}.full-width-input,input[type=file].full-width-input,.substring-search-input,.method-select,.endpoint-input,.graphql-textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;color:#111827;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.full-width-input:hover,input[type=file].full-width-input:hover,.substring-search-input:hover,.method-select:hover,.endpoint-input:hover,.graphql-textarea:hover{border-color:#cbd5e1}.full-width-input:focus,input[type=file].full-width-input:focus,.substring-search-input:focus,.method-select:focus,.endpoint-input:focus,.graphql-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.graphql-textarea{min-height:140px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;resize:vertical}.message-container{border:1px solid #e5e7eb;padding:1rem;border-radius:.75rem;min-height:100px;max-height:300px;overflow-y:auto;margin-top:20px;color:#111827;text-align:left;background:#fff}.message-item{padding:.5rem 0;border-bottom:1px solid #f3f4f6;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.message-item.certified-status,.message-item.certified-status p{font-family:var(--font-display)!important}.button-link,.send-button,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#f8fafc;color:#1e3a8a;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.button-link:hover,.send-button:hover,.small-button:hover{background:#eef2ff;border-color:#c7d2fe;box-shadow:0 4px 14px #2563eb1f;transform:translateY(-1px)}.send-button:disabled{color:#9ca3af;background:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;box-shadow:none}.small-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.button-group{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.button-group{flex-direction:row}}.mb-4{margin-bottom:16px}.request-panel{margin-bottom:20px}.request-type-selector{display:flex;justify-content:left;gap:.5rem;margin-bottom:20px;color:#374151;font-weight:500}.request-type-selector input[type=radio]{margin-right:8px}.request-type-selector label{display:inline-flex;align-items:center;cursor:pointer;padding:6px 8px;border-radius:.5rem}.request-type-selector label:hover{background:#f3f4f6}.connection-info,.field-row,.uc-library-title,.uc-library-label,.uc-library-desciption{color:#111827}.field-row{display:flex;gap:.5rem;margin:.5rem 0}.field-row input{flex:1;padding:10px 12px;border:1px solid #e5e7eb;border-radius:.75rem}.entity-page{padding:clamp(18rem,10vh,10rem) 1rem 4rem;max-width:960px;margin:0 auto;text-align:center}.entity-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;margin-bottom:1.25rem}@media (prefers-color-scheme: dark){html,#root{background:var(--page-bg)}body{background:var(--page-bg);color:#e5e7eb}.gradient-text{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}p{color:#9ca3af}.input-box,.form-block{background:#0f172a;border:1px solid #374151;box-shadow:0 1px 2px #00000040}.input-box:before,.form-block:before{background:linear-gradient(90deg,#3b82f640,#7c3aed40);filter:blur(14px);opacity:0}.input-box:hover:before,.form-block:hover:before{opacity:.35}.input-label,.form-block label{color:#e5e7eb}.full-width-input,input[type=file].full-width-input,.substring-search-input,.method-select,.endpoint-input,.graphql-textarea{background:var(--page-bg);color:#e5e7eb;border:1px solid #334155}.full-width-input:hover,input[type=file].full-width-input:hover,.substring-search-input:hover,.method-select:hover,.endpoint-input:hover,.graphql-textarea:hover{border-color:#475569}.full-width-input:focus,input[type=file].full-width-input:focus,.substring-search-input:focus,.method-select:focus,.endpoint-input:focus,.graphql-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.full-width-input::placeholder{color:#94a3b8}.message-container{background:#0f172a;color:#e5e7eb;border:1px solid #334155}.message-item{border-bottom-color:#1f2937}.button-link,.send-button,.small-button{background:#1e293b99;border:1px solid #334155;color:#e5e7eb}.button-link:hover,.send-button:hover,.small-button:hover{background:#2563eb1a;border-color:#3b82f6;box-shadow:0 8px 24px #2563eb2e}.send-button:disabled{color:#94a3b8;background:var(--page-bg);border-color:#334155;box-shadow:none}.small-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.request-type-selector{color:#cbd5e1}.request-type-selector label:hover{background:#94a3b81f}.connection-info,.field-row,.uc-library-title,.uc-library-label,.uc-library-desciption{color:#e5e7eb}.field-row input{background:var(--page-bg);color:#e5e7eb;border:1px solid #334155}}.themed-card{position:relative;max-width:640px;margin:0 auto}.themed-card:before{content:"";position:absolute;inset:-8px;border-radius:24px;background:linear-gradient(90deg,rgb(var(--card-from-rgb)),rgb(var(--card-to-rgb)));filter:blur(16px);opacity:var(--glow-opacity);transition:opacity .25s ease;z-index:0}.themed-card:hover:before{opacity:calc(var(--glow-opacity) + .1)}.themed-card__inner{position:relative;z-index:1;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:2rem;box-shadow:0 1px 2px #0000000a}.full-width-input,input[type=file].full-width-input,.substring-search-input,.method-select,.endpoint-input,.graphql-textarea{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg);color:var(--text-primary);font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}.full-width-input:hover,input[type=file].full-width-input:hover,.substring-search-input:hover,.method-select:hover,.endpoint-input:hover,.graphql-textarea:hover{border-color:rgba(var(--input-ring-rgb),.45)}.full-width-input:focus,input[type=file].full-width-input:focus,.substring-search-input:focus,.method-select:focus,.endpoint-input:focus,.graphql-textarea:focus{outline:none;border-color:rgb(var(--input-ring-rgb));box-shadow:0 0 0 3px rgba(var(--input-ring-rgb),.25)}.full-width-input::placeholder{color:#9ca3af}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:12px;border:0;background:linear-gradient(90deg,rgb(var(--btn-from-rgb)),rgb(var(--btn-to-rgb)));color:rgb(var(--btn-text-rgb));font-weight:600;font-size:.95rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;box-shadow:0 8px 24px rgba(var(--btn-shadow-rgba))}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--btn-ring-rgba))}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.small-toggle{padding:.5rem .75rem;border:1px solid var(--card-border);border-radius:10px;background:color-mix(in oklab,var(--card-bg) 90%,#000 10%);color:var(--text-primary);font-weight:600;font-size:.9rem;transition:background .2s,border-color .2s}.small-toggle.active{background:color-mix(in oklab,rgb(var(--card-from-rgb)) 18%,var(--card-bg) 82%);border-color:rgba(var(--card-from-rgb),.35)}.small-toggle:hover{background:color-mix(in oklab,var(--card-bg) 80%,#000 20%)}input[type=file]{display:block;width:100%;margin:0 auto;text-align:left;text-align-last:left;padding:.4rem .75rem;box-sizing:border-box;cursor:pointer}input[type=file]::-webkit-file-upload-button{background:transparent;border:1px solid var(--card-border);border-radius:8px;padding:.4rem .75rem;margin:0 .5rem 0 0;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .2s,border-color .2s}input[type=file]::-webkit-file-upload-button:hover{background:rgba(var(--input-ring-rgb),.1);border-color:rgba(var(--input-ring-rgb),.4)}input[type=file]::file-selector-button{background:transparent;border:1px solid var(--card-border);border-radius:8px;padding:.4rem .75rem;margin:0 .5rem 0 0;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .2s,border-color .2s}input[type=file]::file-selector-button:hover{background:rgba(var(--input-ring-rgb),.1);border-color:rgba(var(--input-ring-rgb),.4)}