@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap";:root{color-scheme:light;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg: #f3f7fc;--surface: #ffffff;--surface-soft: #f8fbff;--surface-rgb: 255, 255, 255;--line: #d8e1ef;--line-strong: #bccce4;--text: #132238;--muted: #5f6f84;--blue: #0b63db;--orange: #ff7b1d;--orange-soft: #fff1e6;--warn: #b33a23;--shadow: 0 20px 44px rgba(16, 35, 67, .08);--shadow-strong: 0 32px 70px rgba(12, 45, 98, .16);--hero-surface: #0b2f67;--hero-text: #f5f9ff;--hero-copy: rgba(245, 249, 255, .82);--hero-muted: rgba(245, 249, 255, .68);--hero-border: rgba(255, 255, 255, .14);--hero-soft: rgba(255, 255, 255, .08);--hero-soft-strong: rgba(255, 255, 255, .1);--note-surface: #edf5ff;--code-surface: #0d1830;--code-text: #edf4ff;--code-muted: rgba(237, 244, 255, .56);--footer-surface: #0b2d61;--footer-text: #eef4ff;--footer-muted: rgba(255, 255, 255, .7)}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1320;--surface: #111b2c;--surface-soft: #162235;--surface-rgb: 17, 27, 44;--line: #26344c;--line-strong: #35506f;--text: #edf4ff;--muted: #9db0c9;--blue: #7aaeff;--orange: #ff8a3d;--orange-soft: #312114;--warn: #ff907c;--shadow: 0 20px 44px rgba(0, 0, 0, .28);--shadow-strong: 0 32px 70px rgba(0, 0, 0, .36);--hero-surface: #132746;--hero-text: #f5f9ff;--hero-copy: rgba(245, 249, 255, .84);--hero-muted: rgba(245, 249, 255, .72);--hero-border: rgba(255, 255, 255, .12);--hero-soft: rgba(255, 255, 255, .06);--hero-soft-strong: rgba(255, 255, 255, .09);--note-surface: #16243a;--code-surface: #09111f;--code-text: #edf4ff;--code-muted: rgba(237, 244, 255, .52);--footer-surface: #0f2340;--footer-text: #edf4ff;--footer-muted: rgba(237, 244, 255, .72)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.site-shell{min-height:100vh;padding:0 20px 40px}.site-frame{width:100%;margin:0 auto}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;margin-bottom:26px;border:1px solid var(--line);border-radius:0 0 28px 28px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0}.brand-lockup{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;color:var(--text);text-align:left}.brand-logo-frame,.footer-logo-frame{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 12px 28px #0c162829}.brand-logo-frame{width:148px;height:60px;padding:0;border:1px solid rgba(11,99,219,.16)}.brand-logo,.footer-logo{width:100%;height:100%;object-fit:cover;object-position:center;transform:translateY(6px) scale(2.45);transform-origin:center;display:block}.brand-copy{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.brand-title{font-size:1.08rem;font-weight:800;letter-spacing:-.05em}.brand-subtitle{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.brand-beta-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#d23b3b;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:10px}.nav-button,.footer-nav-button,.ghost-button,.secondary-button,.sample-chip{padding:11px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.nav-button:hover,.footer-nav-button:hover,.ghost-button:hover,.secondary-button:hover:not(:disabled),.sample-chip:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 10px 20px #13223814}.nav-button.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.header-tools{display:flex;align-items:center;gap:12px}.public-preferences-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;padding:16px 20px;border:1px solid var(--line);border-radius:24px;background:rgba(var(--surface-rgb),.92);box-shadow:var(--shadow)}.public-preferences-copy{display:flex;flex-direction:column;gap:6px}.public-preferences-copy p{margin:0}.public-preferences-copy p:not(.panel-kicker){max-width:34rem;color:var(--muted)}.public-preferences-controls{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px}.public-preferences-field{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--muted)}.public-preferences-field select{min-width:0;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)}.header-login{padding:11px 15px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:600;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.header-login:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 10px 20px #13223814}.header-badge{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line)}.header-badge span,.eyebrow,.card-kicker,.panel-kicker,.footer-label{color:var(--blue);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.header-badge strong{font-size:.98rem}.header-cta,.primary-button{padding:12px 16px;border:0;border-radius:999px;background:var(--orange);color:#fff;font-weight:700;box-shadow:0 14px 24px #ff7b1d3d;transition:transform .14s ease,box-shadow .14s ease}.header-cta:hover,.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 26px #ff7b1d42}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.page-view{display:flex;flex-direction:column;gap:22px;width:100%}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:22px}.hero-grid-simple{grid-template-columns:minmax(0,1fr)}.hero-card,.content-block,.view-shell,.info-card,.step-card,.panel,.summary-card,.contact-card,.feedback-card,.contact-note-box{border:1px solid var(--line);background:rgba(var(--surface-rgb),.92);box-shadow:var(--shadow)}.hero-card,.content-block,.view-shell{padding:32px;border-radius:32px}.hero-card{position:relative;overflow:hidden;padding:28px 30px;border-color:var(--hero-border);background:var(--hero-surface);color:var(--hero-text);box-shadow:var(--shadow-strong)}.hero-card .eyebrow{color:var(--hero-muted)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.72fr);gap:24px;align-items:end}.hero-main{max-width:60rem}.hero-card h1,.view-heading h1,.section-heading h2,.brand-card h2,.panel h2,.contact-card h2,.info-card h3,.step-card h3{margin:0;letter-spacing:-.04em}.hero-card h1{max-width:13ch;font-size:clamp(2.4rem,4.8vw,4rem);line-height:1}.hero-copy,.hero-card p,.brand-card p,.view-heading p,.info-card p,.step-card p,.summary-card p,.panel-footer p,.output-note,.contact-note-box p,.site-footer p,.footer-list,.sample-caption{color:var(--muted)}.hero-copy{max-width:50ch;margin:14px 0 0;color:var(--hero-copy)}.hero-spotlight{padding:20px;border:1px solid var(--hero-border);border-radius:24px;background:var(--hero-soft);box-shadow:inset 0 1px 0 var(--hero-soft)}.hero-spotlight-label{margin:0;color:var(--hero-muted);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-spotlight strong{display:block;margin-top:10px;font-size:1.18rem;letter-spacing:-.02em}.hero-spotlight p{margin:10px 0 0;color:var(--hero-copy)}.hero-spotlight-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-spotlight-list span{padding:9px 12px;border-radius:999px;border:1px solid var(--hero-border);background:var(--hero-soft-strong);color:var(--hero-text);font-size:.88rem}.hero-card .ghost-button{border-color:var(--hero-border);background:var(--hero-soft);color:var(--hero-text)}.hero-card .ghost-button:hover{border-color:#ffffff42;box-shadow:none}.hero-actions,.hero-badges{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:24px}.hero-badges{margin-top:22px}.hero-badges span{padding:10px 14px;border-radius:999px;border:1px solid var(--hero-border);background:var(--hero-soft);color:var(--hero-text);font-size:.92rem}.section-heading{margin-bottom:18px}.overview-grid,.steps-grid,.contact-grid{display:grid;gap:16px}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-grid-simple{grid-template-columns:repeat(2,minmax(0,1fr))}.content-block-simple{padding-top:24px;padding-bottom:24px}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.step-card,.contact-card{padding:22px;border-radius:24px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:14px;border-radius:14px;background:var(--orange-soft);color:var(--orange);font-weight:800}.view-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:18px}.view-heading h1{font-size:clamp(2.2rem,4vw,3.4rem)}.converter-view{width:100%}.view-shell-minimal{padding:28px}.view-heading-minimal{margin-bottom:14px}.view-heading-minimal h1{font-size:clamp(2.2rem,4.5vw,3.5rem)}.workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:20px;align-items:start}.workspace-minimal{gap:16px}.panel{display:flex;flex-direction:column;gap:16px;min-height:640px;padding:24px;border-radius:28px;overflow:hidden}.panel-minimal{gap:14px;min-height:0}.panel-header,.sample-block-header,.panel-footer,.footer-brand{display:flex;align-items:start;justify-content:space-between;gap:16px}.route-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.route-card{padding:16px 18px;border-radius:20px;border:1px solid var(--line);background:var(--surface-soft)}.route-card span,.summary-card span{display:block;margin-bottom:6px;color:var(--muted);font-size:.84rem}.route-card strong,.summary-card strong{display:block;font-size:1.02rem}.route-card small{display:block;margin-top:4px;color:var(--muted)}.route-card-accent{background:var(--orange-soft);border-color:#ff7b1d2e}.route-arrow{font-size:1.4rem;font-weight:800;color:var(--blue)}.minimal-route{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);color:var(--text);font-weight:700}.database-name-field{display:flex;flex-direction:column;gap:8px;color:var(--muted)}.database-name-field input,.query-field,.form-field input,.form-field select{border:1px solid var(--line);background:var(--surface);color:var(--text)}.database-name-field input{height:50px;padding:0 14px;border-radius:16px}.sample-block{display:flex;flex-direction:column;gap:12px}.sample-block-header h3{margin:6px 0 0}.sample-caption{max-width:28ch;margin:0;text-align:right}.sample-row{display:flex;flex-wrap:wrap;gap:10px}.sample-row-compact{margin-top:2px}.query-field,.output-field{flex:1;min-height:390px;max-height:min(62vh,640px);margin:0;padding:18px;border-radius:22px;font-family:IBM Plex Mono,Consolas,monospace;font-size:.94rem;line-height:1.7;resize:none;overflow:auto}.database-name-field input:focus,.query-field:focus,.form-field input:focus,.form-field select:focus,.public-preferences-field select:focus{outline:3px solid rgba(11,99,219,.14);outline-offset:2px}.auth-layout,.account-layout{display:grid;gap:20px}.auth-layout{grid-template-columns:minmax(260px,.86fr) minmax(0,1fr)}.account-layout{grid-template-columns:minmax(280px,.78fr) minmax(0,1fr) minmax(0,1fr);align-items:start}.auth-card,.settings-card,.account-summary-card,.feedback-card{padding:24px;border:1px solid var(--line);border-radius:28px;background:rgba(var(--surface-rgb),.92);box-shadow:var(--shadow)}.auth-card-accent,.account-summary-card,.security-card{background:var(--surface-soft)}.auth-card h2,.settings-card h2,.account-summary-card h2{margin:0;letter-spacing:-.04em}.feature-list{margin:18px 0 0;padding-left:18px;color:var(--muted)}.feature-list li+li{margin-top:8px}.auth-form,.settings-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px;color:var(--muted)}.form-field input,.form-field select{height:50px;padding:0 14px;border-radius:16px}.form-status{margin:0;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text)}.form-status.is-error{border-color:#b33a232e;background:var(--orange-soft);color:var(--warn)}.form-status.is-success{border-color:#0b63db1f}.auth-switch{margin:0;color:var(--muted)}.auth-switch-button{border:0;padding:0;background:transparent;color:var(--blue);font-weight:700}.auth-utility-row{display:flex;flex-wrap:wrap;gap:12px}.auth-utility-button{border:0;padding:0;background:transparent;color:var(--blue);font-weight:700;text-align:left}.auth-utility-button:disabled{opacity:.6}.settings-card,.feedback-card{display:flex;flex-direction:column;gap:18px}.settings-card-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.settings-card-header h2{margin-top:6px}.settings-card-header p{max-width:34ch;margin:0;color:var(--muted)}.settings-grid,.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feedback-category-field{grid-column:1 / -1;max-width:18rem}.account-summary-card p{margin:8px 0 0;color:var(--muted)}.panel-footer{font-size:.92rem}.panel-footer-minimal{justify-content:flex-start}.minimal-help{margin:0;font-size:.92rem;color:var(--muted)}.minimal-output-help{padding:12px 14px;border-radius:16px;border:1px solid rgba(11,99,219,.1);background:var(--surface-soft)}.output-wrap-note{background:var(--orange-soft);border-color:#ff7b1d2e}.error-message{color:var(--warn);font-weight:600}.output-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.summary-card,.contact-note-box{padding:18px;border-radius:22px}.output-note{margin:0;padding:14px 16px;border-radius:18px;border:1px solid rgba(11,99,219,.12);background:var(--note-surface)}.output-field{overflow:auto;border:1px solid rgba(11,99,219,.12);background:var(--code-surface);color:var(--code-text);white-space:pre-wrap;word-break:break-word}.output-field.is-placeholder{color:var(--code-muted)}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:20px;align-items:start}.contact-card h2{margin-top:8px;font-size:1.36rem}.feedback-message-field textarea{min-height:220px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);resize:vertical}.feedback-message-field textarea:focus{outline:3px solid rgba(11,99,219,.14);outline-offset:2px}.feedback-form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.feedback-form-footer .minimal-help{max-width:42ch}.security-stack{display:flex;flex-direction:column;gap:16px}.security-panel{padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(var(--surface-rgb),.82)}.security-panel h3{margin:0 0 8px}.security-panel p{margin:0;color:var(--muted)}.delete-account-form{display:flex;flex-direction:column;gap:14px;margin-top:16px}.confirm-delete-field{max-width:16rem}.danger-button{width:fit-content;padding:11px 16px;border-radius:999px;border:1px solid rgba(179,58,35,.18);background:#b33a23;color:#fff;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.danger-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 24px #b33a2333}.danger-button:disabled{opacity:.6}.contact-note-box{background:var(--note-surface)}.contact-note-box strong{display:block;margin-bottom:8px}.site-footer{display:flex;flex-direction:column;gap:16px;margin-top:24px;padding:30px 34px;border-radius:30px;background:var(--footer-surface);color:var(--footer-text);box-shadow:var(--shadow-strong)}.footer-brand{width:100%;align-items:center;justify-content:flex-start;gap:18px;text-align:left}.footer-logo-frame{flex-shrink:0;width:184px;height:72px;padding:0;border:1px solid rgba(255,255,255,.18)}.footer-brand-copy{max-width:34rem}.footer-brand-copy p{margin:8px 0 0}.footer-grid{display:flex;width:100%;justify-content:space-between;gap:16px}.footer-grid section{flex:1}.footer-label{color:var(--footer-muted)}.footer-list{margin:10px 0 0;padding-left:18px}.footer-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.footer-nav-button{border-color:#ffffff24;background:#ffffff14;color:#fff}@media (max-width: 1120px){.hero-layout,.hero-grid,.overview-grid,.steps-grid,.workspace,.output-summary-grid,.contact-layout,.contact-grid,.auth-layout,.account-layout,.settings-grid,.route-strip{grid-template-columns:1fr}.route-arrow{display:none}}@media (max-width: 920px){.site-header,.public-preferences-bar,.panel-header,.sample-block-header,.panel-footer,.view-heading,.footer-brand,.footer-grid{flex-direction:column;align-items:stretch}.header-tools,.site-nav{flex-wrap:wrap}.sample-caption{max-width:none;text-align:left}.feedback-form-footer,.settings-card-header{flex-direction:column;align-items:stretch}.public-preferences-controls{width:100%}}@media (max-width: 720px){.site-shell{padding:0 14px 28px}.brand-logo-frame{width:132px;height:54px}.footer-logo-frame{width:164px;height:64px}.brand-lockup{width:100%;justify-content:center}.public-preferences-controls{grid-template-columns:1fr}.brand-logo-frame{width:86px}.footer-logo-frame{width:min(100%,120px)}.hero-card,.brand-card,.content-block,.view-shell,.panel,.site-footer,.auth-card,.settings-card,.account-summary-card{padding:22px;border-radius:24px}.hero-card h1,.view-heading h1{max-width:none;font-size:clamp(2.1rem,10vw,3rem)}.hero-spotlight{padding:18px}.header-cta,.header-login,.primary-button,.ghost-button,.secondary-button{width:100%}}