@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap";.app-footer{background:var(--footer-background);box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:3em;margin-top:auto;padding:1em;display:flex;position:relative}.core-softworks-logo{cursor:pointer;background:url(/websafe.svg) 0 0/contain;width:3em;height:3em}.app-footer-branding,.app-footer-links,.policy-dialog-header{align-items:center;display:flex}.app-footer-links{flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.footer-link-button.accept{background:var(--cookie-banner-accept);color:var(--cookie-banner-accept-color)}.footer-link-button.deny{background:var(--cookie-banner-deny);color:var(--cookie-banner-deny-color)}.footer-link-button.learn-more{background:var(--cookie-banner-accept);color:var(--cookie-banner-accept-color)}.footer-link-button,.policy-dialog-close{color:var(--cookie-banner-accept-color);border:1px solid var(--footer-border-color);box-shadow:none;border-radius:999px;padding:.45rem .9rem;font-size:.9rem}.footer-link-button:hover,.policy-dialog-close:hover{background:var(--footer-hover-background);box-shadow:none}button.app-footer-link-button{background:color-mix(in srgb, var(--background-color) 78%, black 22%)}.footer-theme-button{font-weight:800}.policy-dialog-backdrop{background:var(--dialog-backdrop);z-index:9999;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.policy-dialog{background:var(--dialog-surface);width:min(42rem,100%);color:var(--dialog-text);border:1px solid var(--dialog-border-color);border-radius:18px;padding:1.5rem;box-shadow:0 24px 60px #00000059}.policy-dialog-header{justify-content:space-between;gap:1rem;margin-bottom:1rem}.policy-dialog-header h2{margin:0}.policy-dialog-content p{margin:0 0 1rem;line-height:1.6}.policy-dialog-content p:last-child{margin-bottom:0}.cookie-banner{z-index:40;background:var(--dialog-surface);color:var(--dialog-text);border:1px solid var(--dialog-border-color);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;bottom:6.5rem;left:1rem;right:1rem;box-shadow:0 18px 42px #00000042}.cookie-banner p{margin:0;font-size:.95rem;line-height:1.5}.cookie-banner-actions{flex-wrap:wrap;gap:.6rem;display:flex}:root[data-theme=light]{--background-color:#f6efe3;--text-color:#2f2528;--brand-color:#c95546;--secondary-brand-color:#fff9f1;--button-strong-text:#241d1f;--input-border-color:#2f25284d;--footer-background:#eadfcd;--footer-foreground:#2f2528;--footer-border-color:#2f252838;--footer-hover-background:#c9554624;--dialog-surface:#fffdf9;--dialog-text:#2f2528;--dialog-border-color:#2f252829;--dialog-backdrop:#2f25286b;--cookie-banner-deny:#eb5e55;--cookie-banner-accept:#3a3335;--cookie-banner-deny-color:#fff;--cookie-banner-accept-color:#fff}:root[data-theme=light] textarea#sql-textarea{color:#000}:root[data-theme=light] .format-tab.active:hover,.mobile-tabs button.active:hover,.output-panel-actions button:hover,.sql-input-clear:hover{border-color:color-mix(in srgb, var(--brand-color) 65%, var(--secondary-brand-color) 35%)!important}:root[data-theme=light] .sql-input-clear:hover{background:linear-gradient(135deg, var(--brand-color), color-mix(in srgb, var(--brand-color) 42%, var(--secondary-brand-color) 58%))!important;border-color:color-mix(in srgb, var(--secondary-brand-color) 55%, var(--brand-color) 45%)!important;color:var(--button-strong-text)!important}@media (width>=769px){.output-panel-body{max-height:50vh;overflow-y:auto}.output-panel-actions{padding-bottom:2em}}@media (width<=768px){button.app-footer-link-button{font-size:.5rem}.mobile-tabs{padding:1%}.output-panel-actions{padding-bottom:1rem}.format-tabs,.output-panel-actions,.mobile-tabs,.sql-input-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}footer.app-footer{flex-direction:column;display:flex}.app-footer{justify-content:center;padding-bottom:1.25rem}.app-footer-branding,.app-footer-links,.policy-dialog-header{justify-content:center;width:100%}.policy-dialog-header{flex-direction:column;align-items:flex-start}.cookie-banner{flex-direction:column;align-items:stretch;bottom:8.5rem}.cookie-banner-actions{justify-content:center}}:root{--background-color:#3a3335;--text-color:#f6f4f4;--brand-color:#eb5e55;--secondary-brand-color:#fdf0d5;--primary-font-family:"Libre Franklin", "DM Sans", Arial, sans-serif;--secondary-font-family:"DM Sans", "Libre Franklin", Arial, sans-serif;--button-strong-text:#241d1f;--input-border-color:#000;--footer-background:#000;--footer-foreground:#fdf0d5;--footer-border-color:#fdf0d559;--footer-hover-background:#eb5e552e;--dialog-surface:#fdf0d5;--dialog-text:#241d1f;--dialog-border-color:#3a333533;--dialog-backdrop:#000000ad;--cookie-banner-deny:#eb5e55;--cookie-banner-accept:#3a3335;--cookie-banner-deny-color:#fff;--cookie-banner-accept-color:#fff}html,body,#root{min-height:100%}html,body{background-color:var(--background-color);color:var(--text-color);font-family:var(--primary-font-family);margin:0;padding:0}body{min-height:100svh}.app{flex-direction:column;min-height:100svh;display:flex}.converter{flex:1 0 auto}.top-bar{background:var(--color-darker-gray);color:#fff;z-index:100;width:100%;position:sticky;top:0;box-shadow:0 2px 8px #0003}.top-bar-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:15px 30px;display:flex}.top-bar-logo{align-items:center;gap:15px;display:flex}.top-bar-logo h1{color:var(--text-color);margin:0;font-size:24px;font-weight:700}.top-bar-logo-img{width:auto;height:40px}.converter{width:80%;margin:0 auto;display:flex}.input-section,.output-section{width:50%}.hidden{display:none!important}.format-tabs,.output-panel-actions,.mobile-tabs,.sql-input-header{flex-wrap:wrap;gap:.75rem;display:flex}.format-tabs,.mobile-tabs{margin-bottom:1rem}.output-panel-actions button,.sql-input-header button{background:var(--background-color)!important;color:var(--secondary-brand-color)!important}button{appearance:none;border:1px solid var(--secondary-brand-color);background:var(--brand-color);color:var(--text-color);cursor:pointer;font-family:var(--secondary-font-family);letter-spacing:.02em;padding:.72rem 1.15rem;font-size:.95rem;font-weight:700;transition:transform .14s,box-shadow .14s,border-color .14s,background .14s;box-shadow:0 10px 24px #0000002e}button:hover{border-color:var(--secondary-brand-color);box-shadow:0 14px 28px #0000003d}button:active{box-shadow:0 6px 14px #0003}button:focus-visible{outline:3px solid var(--secondary-brand-color);outline-offset:3px}.format-tab,.mobile-tabs button{background:var(--background-color);color:var(--secondary-brand-color)}.format-tab.active,.mobile-tabs button.active,.output-panel-actions button,.sql-input-clear{background:var(--brand-color);border-color:var(--secondary-brand-color);color:var(--button-strong-text)}.sql-input-header{margin-top:.9rem}.output-panel-actions{justify-content:center;width:100%;margin-top:1rem}.output-panel-actions button{min-width:8.5rem}.converter.mobile .output-section.active,.converter.mobile .input-section.active{width:100%}textarea#sql-textarea{width:95%;margin:0 auto}textarea{border:1px solid var(--input-border-color);width:100%;font-size:16px;font-family:var(--secondary-font-family);box-sizing:border-box;background-color:var(--secondary-brand-color);color:var(--background-color);border-radius:9px;padding:10px}.output-section{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.output-panel{width:100%;height:90%}.output-panel-header{text-align:center;width:100%;font-style:italic}.output-panel-body{padding:1px}button.policy-dialog-close{color:#000!important}