.spinner-container{display:flex;justify-content:center;align-items:center;height:200px;padding:2rem}.loading-spinner{border:4px solid #e5e7eb;border-top:4px solid #0066cc;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ace_print-margin{display:none}.ace_marker-layer .ace_selection{background:#3b82f633!important}.ace_marker-layer .ace_active-line{background:#3b82f61a!important}.ace_editor{border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace!important;font-size:14px!important}.ace_gutter{background-color:#f9fafb!important;border-right:1px solid #e5e7eb!important;color:#9ca3af!important}.ace_gutter-active-line{background-color:#f3f4f6!important}.editor-container{display:flex;height:500px;width:100%;flex-direction:column;margin-bottom:1rem}.prism-preview{margin-top:20px;padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:14px}.ace_editor .ace_marker-layer .diff-added{background-color:#22c55e40!important;position:absolute}.ace_editor .ace_marker-layer .diff-removed{background-color:#ef444440!important;position:absolute;text-decoration:line-through}:root.dark .ace_editor .ace_marker-layer .diff-added{background-color:#22c55e26!important}:root.dark .ace_editor .ace_marker-layer .diff-removed{background-color:#ef444426!important}.readonly-container{background-color:#f9fafb;border-radius:8px;padding:1.5rem;margin:1.5rem 0;overflow:auto;color:#1a1a1a;position:relative;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:14px;line-height:1.6}.valid{background-color:#d1fae5;border-color:#10b981;color:#065f46}.invalid{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}.copy-code-container{position:absolute;top:1rem;right:1rem;z-index:10}.copy-code-container button{background-color:#fff;border:1px solid #d1d5db;color:#374151;padding:.375rem .75rem;font-size:.875rem;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.copy-code-container button:hover{background-color:#f9fafb;border-color:#9ca3af}.output-error-item{background:#ef44441a;padding:.75rem 1rem;margin-bottom:.75rem;border-radius:6px;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.error-content-wrapper{display:flex;align-items:flex-start;gap:.5rem}.error-icon{width:1rem;height:1rem;color:#ef4444;flex-shrink:0;margin-top:.125rem}.error-content{min-width:0;flex:1}.error-title{display:block;font-weight:500;color:#ef4444;font-size:.875rem;margin-bottom:.25rem}.error-description{margin:.25rem 0 0;font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;color:#6b7280;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-line{color:#f59e0b;margin-left:.5rem}.output-error-container{margin-top:1.5rem}.type-select__menu-list{color-scheme:light;color:#1a1a1a;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a}.type-select__control{border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:0 1px 2px #0000000d!important;min-height:38px!important;background-color:#fff!important;padding:0!important;transition:all .2s ease!important}.type-select__control:hover{border-color:#9ca3af!important;background-color:#f9fafb!important;box-shadow:0 1px 3px #0000001a!important}.type-select__control--is-focused{border-color:#9ca3af!important;box-shadow:0 1px 3px #0000001a!important;background-color:#f9fafb!important}.type-select__control--is-focused:hover{border-color:#9ca3af!important}.type-select__option{color:#374151!important;background-color:#fff!important;padding:.5rem .75rem!important;font-size:.875rem!important;font-weight:500!important}.type-select__option:hover{background-color:#f9fafb!important;color:#1a1a1a!important}.type-select__option--is-selected{background-color:#eff6ff!important;color:#06c!important;font-weight:500!important}.type-select__option--is-focused{background-color:#f9fafb!important;color:#1a1a1a!important}:root.dark .type-select__option{color:#e5e7eb!important;background-color:#1f2937!important}:root.dark .type-select__option:hover{background-color:#374151!important;color:#f9fafb!important}:root.dark .type-select__option--is-selected{background-color:#1e3a8a!important;color:#60a5fa!important}:root.dark .type-select__option--is-focused{background-color:#374151!important;color:#f9fafb!important}.type-select__single-value{color:#374151!important;font-size:.875rem!important;font-weight:500!important}.type-select__indicator-separator{display:none!important}.type-select__dropdown-indicator{color:#6b7280!important;padding:.5rem!important}.type-select__dropdown-indicator:hover{color:#374151!important}:root.dark .type-select__control{background-color:#374151!important;border-color:#4b5563!important}:root.dark .type-select__control:hover{background-color:#4b5563!important;border-color:#6b7280!important}:root.dark .type-select__control--is-focused{background-color:#4b5563!important;border-color:#6b7280!important}:root.dark .type-select__single-value{color:#e5e7eb!important}.validation-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:1rem 0;flex-wrap:wrap;gap:1rem}.validation-left{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.validation-right{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.selected-db-title{margin-right:0;font-size:.875rem;color:#374151;font-weight:500}.validation-actions button{background-color:#fff;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.validation-actions button:not(:disabled):hover{background-color:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.validation-actions button:disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6}.validate-button{background-color:#10b981!important;color:#fff!important;border:1px solid #10b981!important;font-weight:500}.validate-button:not(:disabled):hover{background-color:#059669!important;border-color:#059669!important;color:#fff!important}.validate-button:disabled{background-color:#9ca3af!important;border-color:#9ca3af!important;color:#fff!important;opacity:.6}@media (max-width: 768px){.validation-actions{flex-direction:column;align-items:stretch}.validation-left,.validation-right{width:100%;justify-content:flex-start}}.cookie-bar{position:fixed;display:flex;align-items:center;justify-content:space-between;bottom:0;background-color:#1a1a1a;width:100%;left:0;padding:1rem 2rem;z-index:1000;box-shadow:0 -2px 8px #0000001a;color:#fff}.cookie-bar p{margin:0;color:#fff;font-size:.875rem}.cookie-bar button{background-color:#fff;color:#1a1a1a;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.cookie-bar button:hover{background-color:#f3f4f6}.relative{position:relative;display:inline-block}.theme-toggle{padding:.5rem;border-radius:6px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:#f3f4f6;color:#6b7280}.theme-toggle .icon{width:1.25rem;height:1.25rem}.theme-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:160px;z-index:1000;overflow:hidden;transition:background-color .2s ease,border-color .2s ease;white-space:nowrap}:root.dark .theme-dropdown{background-color:#1f2937;border-color:#374151}.theme-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;color:#374151;font-size:.875rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;text-align:left}:root.dark .theme-option{color:#e5e7eb}.theme-option:hover{background-color:#f9fafb}:root.dark .theme-option:hover{background-color:#374151}.theme-option.active{background-color:#f3f4f6}:root.dark .theme-option.active{background-color:#4b5563}.theme-icon{width:1rem;height:1rem;color:#6b7280;flex-shrink:0}.check-icon{width:1rem;height:1rem;color:#10b981;margin-left:auto;flex-shrink:0}.theme-option span{flex:1}.query-diff-container{margin:1.5rem 0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000001a}:root.dark .query-diff-container{background-color:#1f2937;border-color:#374151}.diff-header{display:flex;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;align-items:center;justify-content:space-between}:root.dark .diff-header{background-color:#111827;border-bottom-color:#374151}.diff-header-left,.diff-header-right{display:flex;align-items:center;gap:1rem}.diff-label{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:4px}.diff-label.original{color:#dc2626;background-color:#fee2e2}:root.dark .diff-label.original{color:#fca5a5;background-color:#7f1d1d}.diff-label.fixed{color:#16a34a;background-color:#dcfce7}:root.dark .diff-label.fixed{color:#86efac;background-color:#14532d}.replace-button{padding:.5rem 1rem;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.replace-button:hover{background-color:#059669}.replace-button:active{background-color:#047857}.diff-content{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #e5e7eb}:root.dark .diff-content{border-top-color:#374151}.diff-pane{position:relative;border-right:1px solid #e5e7eb;overflow:hidden}:root.dark .diff-pane{border-right-color:#374151}.diff-pane:last-child{border-right:none}.diff-pane .ace_editor{border:none!important;border-radius:0!important;box-shadow:none!important}.diff-pane .ace_editor .ace_marker-layer .diff-added{background-color:#22c55e4d!important;position:absolute}.diff-pane .ace_editor .ace_marker-layer .diff-removed{background-color:#ef44444d!important;position:absolute}:root.dark .diff-pane .ace_editor .ace_marker-layer .diff-added{background-color:#22c55e33!important}:root.dark .diff-pane .ace_editor .ace_marker-layer .diff-removed{background-color:#ef444433!important}.original-pane{background-color:#fef2f2}:root.dark .original-pane{background-color:#1f1f1f}.fixed-pane{background-color:#f0fdf4}:root.dark .fixed-pane{background-color:#1a1f1a}@media (max-width: 768px){.diff-content{grid-template-columns:1fr}.diff-pane{border-right:none;border-bottom:1px solid #e5e7eb}.diff-pane:last-child{border-bottom:none}.diff-header{flex-direction:column;align-items:flex-start;gap:.75rem}.diff-header-right{width:100%;justify-content:space-between}.replace-button{flex:1}}.diff-editor-wrapper{position:relative;height:100%}.diff-editor-wrapper .ace_editor{border:none!important;border-radius:0!important;box-shadow:none!important}.ace_editor .ace_marker-layer .diff-added{background-color:#22c55e33;position:absolute;border-left:3px solid #22c55e}.ace_editor .ace_marker-layer .diff-removed{background-color:#ef444433;position:absolute;border-left:3px solid #ef4444;text-decoration:line-through}.removed-text-preview{padding:1rem;background-color:#fef2f2;border-top:1px solid #e5e7eb}:root.dark .removed-text-preview{background-color:#1f1f1f;border-top-color:#374151}.removed-label{font-size:.875rem;font-weight:600;color:#dc2626;margin-bottom:.5rem}:root.dark .removed-label{color:#fca5a5}.removed-content{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.875rem;color:#991b1b;white-space:pre-wrap;word-break:break-word}:root.dark .removed-content{color:#fca5a5}.removed-segment{background-color:#ef444433;text-decoration:line-through;padding:.125rem .25rem;border-radius:3px;margin:0 .125rem}#root{width:100%;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}header{position:sticky;top:0;z-index:50;border-bottom:1px solid #e5e7eb;background-color:#fff;transition:background-color .2s ease,border-color .2s ease}:root.dark header{background-color:#1f2937;border-bottom-color:#374151}.header-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.header-container{padding:0 1.5rem}}@media (min-width: 1024px){.header-container{padding:0 2rem}}.header-content{display:flex;height:3.5rem;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:inherit;transition:opacity .2s ease}.header-logo:hover{opacity:.8;text-decoration:none}.logo-icon-wrapper{position:relative}.logo-icon{width:1.75rem;height:1.75rem;display:block;object-fit:contain}.logo-dot{position:absolute;top:-.125rem;right:-.125rem;width:.5rem;height:.5rem;background-color:#ef4444;border-radius:50%}.logo-text{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-weight:700;font-size:1.125rem;letter-spacing:-.025em;color:#1a1a1a;transition:color .2s ease}:root.dark .logo-text{color:#f9fafb}.header-nav{display:none;align-items:center;gap:.25rem}@media (min-width: 768px){.header-nav{display:flex}}.nav-link{display:flex;align-items:center;padding:.5rem .75rem;color:#4a4a4a;text-decoration:none;font-size:.9375rem;font-weight:500;border-radius:6px;transition:all .2s ease}:root.dark .nav-link{color:#d1d5db}.nav-link:hover{color:#1a1a1a;background-color:#f9fafb;text-decoration:none}:root.dark .nav-link:hover{color:#f9fafb;background-color:#374151}.nav-divider{width:1px;height:1.25rem;margin:0 .5rem;background-color:#e5e7eb}.header-actions{display:flex;align-items:center;gap:.5rem}.mobile-menu-toggle{padding:.5rem;border-radius:6px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background-color:#f3f4f6;color:#6b7280}.mobile-menu-toggle .icon{width:1.25rem;height:1.25rem}.mobile-menu-toggle{display:block}@media (min-width: 768px){.mobile-menu-toggle{display:none}}h1{margin:0;font-size:1.75rem;font-weight:700;color:#1a1a1a}.container{flex:1;padding:2rem;max-width:1280px;margin:0 auto;width:100%;transition:background-color .2s ease}:root.dark .container{background-color:#111827}#validation{margin-bottom:3rem}#output{margin-top:2rem;margin-bottom:2rem}.card{padding:1.5rem;background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:1.5rem;transition:background-color .2s ease,border-color .2s ease}:root.dark .card{background-color:#1f2937;border-color:#374151}footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:2rem;margin-top:4rem;text-align:center;color:#6b7280;font-size:.875rem;width:100%;transition:background-color .2s ease,border-color .2s ease,color .2s ease}:root.dark footer{background-color:#1f2937;border-top-color:#374151;color:#9ca3af}footer p{margin:.5rem 0;color:#6b7280;transition:color .2s ease}:root.dark footer p{color:#9ca3af}footer a{color:#06c;text-decoration:none;transition:color .2s ease}:root.dark footer a{color:#60a5fa}footer a:hover{text-decoration:underline}.read-the-docs{color:#6b7280}@media (max-width: 768px){.logo-text{font-size:1rem}h1{font-size:1.5rem}.container{padding:1rem}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{color:#e5e7eb;background-color:#111827}a{font-weight:500;color:#06c;text-decoration:none;transition:color .2s ease}:root.dark a{color:#60a5fa}a:hover{color:#0052a3;text-decoration:underline}:root.dark a:hover{color:#93c5fd}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;transition:background-color .2s ease,color .2s ease}:root.dark body{background-color:#111827;color:#e5e7eb}h1{font-size:2rem;line-height:1.2;font-weight:600;color:#1a1a1a;margin:0;transition:color .2s ease}:root.dark h1{color:#f9fafb}h2{font-size:1.5rem;line-height:1.3;font-weight:600;color:#1a1a1a;margin-top:2rem;margin-bottom:1rem;transition:color .2s ease}:root.dark h2{color:#f9fafb}h3{font-size:1.25rem;line-height:1.4;font-weight:600;color:#1a1a1a;margin-top:1.5rem;margin-bottom:.75rem;transition:color .2s ease}:root.dark h3{color:#f9fafb}p{margin-bottom:1rem;color:#4a4a4a;transition:color .2s ease}:root.dark p{color:#d1d5db}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem;color:#4a4a4a;transition:color .2s ease}:root.dark li{color:#d1d5db}button{border-radius:6px;border:1px solid #d1d5db;padding:.5em 1em;font-size:.9375rem;font-weight:500;font-family:inherit;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s ease;margin:0 4px;box-shadow:0 1px 2px #0000000d}:root.dark button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}button:not(:disabled):hover{background-color:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}:root.dark button:not(:disabled):hover{background-color:#4b5563;border-color:#6b7280}button:disabled{cursor:not-allowed;opacity:.5;background-color:#f3f4f6}:root.dark button:disabled{background-color:#1f2937}button:focus,button:focus-visible{outline:2px solid #0066cc;outline-offset:2px}:root.dark button:focus,:root.dark button:focus-visible{outline-color:#3b82f6}.validation-header{font-size:1rem;font-weight:400;margin-bottom:1.5rem;color:#4a4a4a;text-align:left}.validation-container{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;margin-bottom:1rem}@media (max-width: 767px){.hide-on-mobile{display:none}}