.sql-formatter-page[data-v-8969bd40]{background-color:#000;min-height:100vh;overflow-x:hidden;padding:6rem 1.5rem 3rem;position:relative}@media(max-width:768px){.sql-formatter-page[data-v-8969bd40]{padding:5rem 1rem 2rem}}.background-effects[data-v-8969bd40]{inset:0;pointer-events:none;position:fixed;z-index:0}.glow-orb[data-v-8969bd40]{animation:pulse-slow-8969bd40 8s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;filter:blur(150px);mix-blend-mode:screen;position:absolute}.glow-orb--blue[data-v-8969bd40]{background:#0a84ff26;height:600px;left:20%;top:-20%;width:600px}.glow-orb--purple[data-v-8969bd40]{animation-delay:-3s;background:#8a2be21f;bottom:-20%;height:500px;right:20%;width:500px}.glow-orb--cyan[data-v-8969bd40]{animation-delay:-5s;background:#32ade61a;height:400px;right:10%;top:40%;width:400px}.grid-overlay[data-v-8969bd40]{background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:40px 40px;inset:0;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000,transparent);position:absolute}@keyframes pulse-slow-8969bd40{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-10px)}}.sql-formatter-container[data-v-8969bd40]{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1600px;position:relative;z-index:1}.sql-formatter-header[data-v-8969bd40]{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;margin-bottom:.5rem;text-align:center}.title-glow-effect[data-v-8969bd40]{background:#0a84ff38;border-radius:9999px;filter:blur(60px);height:70px;left:50%;opacity:.35;pointer-events:none;position:absolute;top:38px;transform:translate(-50%);width:320px}.title-capsule[data-v-8969bd40]{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;box-shadow:0 8px 32px #0003;display:inline-flex;gap:1.25rem;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .5s ease}.title-capsule[data-v-8969bd40]:hover{background:#ffffff0d;transform:translateY(-4px)}.title-capsule:hover .title-shine[data-v-8969bd40]{animation:title-shine-pass-8969bd40 1s ease-in-out}.title-shine[data-v-8969bd40]{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.07),transparent);inset:0;pointer-events:none;position:absolute;transform:translate(-150%) skew(-20deg)}@keyframes title-shine-pass-8969bd40{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(150%) skew(-20deg)}}.title-icon-wrapper[data-v-8969bd40]{align-items:center;background:linear-gradient(135deg,rgba(10,132,255,.2),transparent);border:1px solid rgba(10,132,255,.2);border-radius:50%;display:flex;height:2.25rem;justify-content:center;width:2.25rem}.title-icon-wrapper .material-symbols-outlined[data-v-8969bd40]{color:#0a84ff;font-size:20px}.title-divider[data-v-8969bd40]{background:#ffffff1a;height:1.25rem;width:1px}.sql-formatter-title[data-v-8969bd40]{color:#fff;font-size:1.5rem;font-weight:300;letter-spacing:.2em;margin:0;text-transform:uppercase}.title-subtitle[data-v-8969bd40]{color:#ffffff80;font-size:.875rem}.sql-formatter-actions[data-v-8969bd40]{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.action-capsule[data-v-8969bd40]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);display:inline-flex;padding:.375rem}.action-btn[data-v-8969bd40],.action-capsule[data-v-8969bd40]{align-items:center;border-radius:9999px;gap:.5rem}.action-btn[data-v-8969bd40]{background:transparent;border:1px solid transparent;color:#ffffffb3;cursor:pointer;display:flex;font-size:.875rem;height:2.25rem;padding:0 1.25rem;transition:all .3s ease}.action-btn[data-v-8969bd40]:hover:not(:disabled){background:#ffffff14;color:#fff}.action-btn[data-v-8969bd40]:disabled{cursor:not-allowed;opacity:.4}.action-btn--primary[data-v-8969bd40]{background:#0a84ff;color:#fff}.action-btn--primary[data-v-8969bd40]:hover:not(:disabled){background:#007aff;transform:translateY(-1px)}.action-btn .material-symbols-outlined[data-v-8969bd40]{font-size:1.125rem}.action-divider[data-v-8969bd40]{background:#ffffff1a;height:1.25rem;width:1px}.options-capsule[data-v-8969bd40]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:9999px;gap:1.5rem;padding:.5rem 1.5rem}.option-group[data-v-8969bd40],.options-capsule[data-v-8969bd40]{align-items:center;display:flex}.option-group[data-v-8969bd40]{gap:.75rem}.option-label[data-v-8969bd40]{color:#fff6;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.option-pills[data-v-8969bd40]{background:#0003;border-radius:9999px;display:flex;padding:2px}.option-pill[data-v-8969bd40]{background:transparent;border:none;border-radius:9999px;color:#ffffff80;cursor:pointer;font-size:.75rem;padding:.25rem .75rem;transition:all .2s ease}.option-pill.active[data-v-8969bd40]{background:#ffffff1a;color:#fff}.option-divider[data-v-8969bd40]{background:#ffffff0d;height:1rem;width:1px}.formatter-split[data-v-8969bd40]{display:flex;gap:1.5rem;height:600px}@media(max-width:1024px){.formatter-split[data-v-8969bd40]{flex-direction:column;height:auto}}.editor-panel[data-v-8969bd40],.result-panel[data-v-8969bd40]{display:flex;flex:1;flex-direction:column}.window[data-v-8969bd40]{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#14141499;border:1px solid hsla(0,0%,100%,.08);border-radius:1.5rem;display:flex;flex:1;flex-direction:column;min-height:400px;overflow:hidden;transition:all .3s ease}.window[data-v-8969bd40]:hover{border-color:#ffffff26;box-shadow:0 20px 40px #0006}.window--result.has-content[data-v-8969bd40]{border-color:#0a84ff4d;box-shadow:0 0 40px #0a84ff1a}.window-header[data-v-8969bd40]{align-items:center;background:#ffffff08;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;height:3rem;padding:0 1.25rem}.window-controls[data-v-8969bd40]{display:flex;gap:.5rem}.window-dot[data-v-8969bd40]{border-radius:50%;height:.75rem;width:.75rem}.window-dot--red[data-v-8969bd40]{background:#ff5f57}.window-dot--yellow[data-v-8969bd40]{background:#febc2e}.window-dot--green[data-v-8969bd40]{background:#28c840}.window-divider[data-v-8969bd40]{background:#ffffff1a;height:1rem;margin:0 1rem;width:1px}.window-title[data-v-8969bd40]{color:#fff6;flex:1;font-size:.75rem;font-weight:600;text-transform:uppercase}.window-badge[data-v-8969bd40]{background:#ffffff0d;border-radius:9999px;color:#fff9;font-size:.7rem;padding:.25rem .75rem}.window-badge--success[data-v-8969bd40]{background:#30d15826;color:#30d158}.editor-shell[data-v-8969bd40],.formatted-container[data-v-8969bd40],.window-body[data-v-8969bd40]{display:flex;flex:1;min-height:0}.editor-gutter[data-v-8969bd40]{align-items:center;background:#0003;border-right:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;overflow:hidden;padding:1rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3.5rem}.gutter-line[data-v-8969bd40]{color:#fff3;font-family:JetBrains Mono,monospace;font-size:.8125rem;height:1.3rem;line-height:1.6}.editor-content[data-v-8969bd40]{display:flex;flex:1;flex-direction:column;min-width:0}.editor-textarea[data-v-8969bd40],.sql-result[data-v-8969bd40]{background:transparent;border:none;color:#ffffffe6;flex:1;font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.6;outline:none;overflow:auto;padding:1rem;resize:none;white-space:pre;width:100%}.editor-textarea[data-v-8969bd40]::-moz-placeholder,.sql-result[data-v-8969bd40]::-moz-placeholder{color:#fff3}.editor-textarea[data-v-8969bd40]::placeholder,.sql-result[data-v-8969bd40]::placeholder{color:#fff3}.editor-textarea[data-v-8969bd40]::-webkit-scrollbar,.sql-result[data-v-8969bd40]::-webkit-scrollbar{height:6px;width:6px}.editor-textarea[data-v-8969bd40]::-webkit-scrollbar-thumb,.sql-result[data-v-8969bd40]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sql-result[data-v-8969bd40]{margin:0;white-space:pre;word-wrap:normal}.sql-result[data-v-8969bd40] .sql-keyword{color:#ff7b72;font-weight:600}.sql-result[data-v-8969bd40] .sql-string{color:#a5d6ff}.sql-result[data-v-8969bd40] .sql-number{color:#ffa657}.sql-result[data-v-8969bd40] .sql-operator{color:#79c0ff}.result-placeholder[data-v-8969bd40]{align-items:center;color:#fff3;display:flex;flex:1;flex-direction:column;justify-content:center}.result-placeholder .placeholder-icon[data-v-8969bd40]{font-size:4rem;margin-bottom:1rem}.feature-guide[data-v-8969bd40]{margin-top:1rem}.guide-details[data-v-8969bd40]{background:#ffffff05;border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;overflow:hidden}.guide-summary[data-v-8969bd40]{align-items:center;background:#ffffff08;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem}.guide-summary[data-v-8969bd40]:hover{background:#ffffff0d}.guide-summary-left[data-v-8969bd40]{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.75rem}.guide-summary-right[data-v-8969bd40]{align-items:center;color:#fff6;display:flex;font-size:.75rem;gap:.5rem}.guide-body[data-v-8969bd40]{padding:1.5rem}.guide-list[data-v-8969bd40]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.guide-item[data-v-8969bd40]{align-items:center;background:#0003;border:1px solid hsla(0,0%,100%,.05);border-radius:.75rem;color:#fff9;display:flex;font-size:.8125rem;gap:.75rem;padding:.75rem}.guide-code[data-v-8969bd40]{background:#0a84ff1a;border-radius:4px;color:#0a84ff;font-family:monospace;padding:.2rem .5rem}.stats-float[data-v-8969bd40]{bottom:2rem;left:50%;position:fixed;transform:translate(-50%);z-index:100}.stats-capsule[data-v-8969bd40]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border:1px solid hsla(0,0%,100%,.15);border-radius:9999px;box-shadow:0 10px 30px #00000080;gap:1.5rem;padding:.6rem 1.5rem}.stats-capsule[data-v-8969bd40],.stats-item[data-v-8969bd40]{align-items:center;display:flex}.stats-item[data-v-8969bd40]{gap:.5rem}.stats-label[data-v-8969bd40]{color:#fff6;font-size:.7rem;text-transform:uppercase}.stats-value[data-v-8969bd40]{color:#fff;font-family:JetBrains Mono,monospace;font-weight:600}.stats-divider[data-v-8969bd40]{background:#ffffff1a;height:1rem;width:1px}.slide-up-enter-active[data-v-8969bd40],.slide-up-leave-active[data-v-8969bd40]{transition:all .4s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from[data-v-8969bd40],.slide-up-leave-to[data-v-8969bd40]{opacity:0;transform:translate(-50%,1rem)}.material-symbols-outlined[data-v-8969bd40]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}