:root{--card:#fff;--ring:#7c9082;--input:#fff;--muted:#e8e6e1;--accent:#bfc9bb;--border:#e8e6e1;--radius:.35rem;--chart-1:#7c9082;--chart-2:#a0aa88;--chart-3:#8b9d83;--chart-4:#6b7280;--chart-5:#e8e6e1;--popover:#fff;--primary:#7c9082;--sidebar:#fafaf8;--spacing:.23rem;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-sans:Antic, ui-sans-serif, sans-serif, system-ui;--secondary:#ced4bf;--background:#f8f7f4;--font-serif:Signifier, Georgia, serif;--foreground:#1a1f2e;--destructive:#c73e3a;--shadow-blur:2px;--shadow-color:#1a1f2e;--sidebar-ring:#7c9082;--shadow-spread:0;--letter-spacing:0em;--shadow-opacity:.04;--sidebar-accent:#e8e6e1;--sidebar-border:#e8e6e1;--card-foreground:#1a1f2e;--shadow-offset-x:0;--shadow-offset-y:1px;--sidebar-primary:#7c9082;--muted-foreground:#6b7280;--accent-foreground:#1a1f2e;--popover-foreground:#1a1f2e;--primary-foreground:#fff;--sidebar-foreground:#1a1f2e;--secondary-foreground:#1a1f2e;--destructive-foreground:#fff;--sidebar-accent-foreground:#1a1f2e;--sidebar-primary-foreground:#fff;--section-background:#1a1f2e;--section-foreground:#f8f7f4;--brand-icon-background:#1a1f2e;--brand-icon-foreground:#fff}html.dark,html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--card:#121212;--ring:#7c9082;--input:#121212;--muted:#1a1a1a;--accent:#36443a;--border:#2a2a2a;--chart-1:#7c9082;--chart-2:#a0aa88;--chart-3:#8b9d83;--chart-4:#6b7280;--chart-5:#5a6b5e;--popover:#121212;--primary:#7c9082;--sidebar:#0f0f0f;--secondary:#1a1a1a;--background:#0a0a0a;--foreground:#f5f5f5;--destructive:#ef4444;--shadow-color:#000;--sidebar-ring:#7c9082;--sidebar-accent:#1a1a1a;--sidebar-border:#2a2a2a;--card-foreground:#f5f5f5;--sidebar-primary:#7c9082;--muted-foreground:#a0a0a0;--accent-foreground:#f5f5f5;--popover-foreground:#f5f5f5;--primary-foreground:#000;--sidebar-foreground:#f5f5f5;--secondary-foreground:#f5f5f5;--destructive-foreground:#fff;--sidebar-accent-foreground:#f5f5f5;--sidebar-primary-foreground:#fff;--section-background:#0f0f0f;--section-foreground:#f5f5f5;--brand-icon-background:#1a1f2e;--brand-icon-foreground:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--foreground);background:var(--background);font-family:var(--font-sans);letter-spacing:var(--letter-spacing);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:var(--foreground)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.wrap{width:min(1160px,100% - 40px);margin:auto}header{z-index:20;background:color-mix(in srgb, var(--background) 94%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:74px;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{letter-spacing:-.6px;align-items:center;gap:9px;font-size:20px;font-weight:750;display:inline-flex}.logo .brand-icon{flex:none;width:29px;height:29px}.logo b,.eyebrow,.kicker,.hero h1 em,.tool-card>b span,.related-grid>a>span{color:var(--primary)}nav{color:var(--muted-foreground);gap:34px;font-size:14px;display:flex}.nav-actions{align-items:center;gap:9px;display:flex}.github,.theme-toggle{border:1px solid var(--border);border-radius:var(--radius)}.github{padding:10px 15px;font-size:13px;font-weight:650}.theme-toggle{width:38px;height:38px;color:var(--foreground);cursor:pointer;background:0 0;place-items:center;display:grid}.theme-toggle:hover{background:var(--muted)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;width:17px;height:17px}.theme-icon-sun,html[data-theme=dark] .theme-icon-moon{display:none}html[data-theme=dark] .theme-icon-sun{display:block}.hero{background:radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--accent) 40%, transparent) 0, transparent 31%);padding:105px 0 112px}.eyebrow,.kicker{letter-spacing:.16em;font-size:11px;font-weight:750}.eyebrow span{background:var(--primary);width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:50%;margin-right:9px;display:inline-block}.hero h1{letter-spacing:-4.5px;margin:26px 0 28px;font-size:76px;line-height:.98}.hero h1 em{font-style:normal}.hero>p{max-width:660px;color:var(--muted-foreground);font-size:19px;line-height:1.7}.hero-actions{gap:12px;margin-top:35px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:0;padding:14px 20px;font-size:14px;font-weight:700}.btn:disabled{cursor:not-allowed;opacity:.55}.primary{color:var(--primary-foreground);background:var(--primary);box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) var(--shadow-blur) var(--shadow-spread) color-mix(in srgb, var(--shadow-color) 8%, transparent)}.ghost{color:var(--card-foreground);background:var(--card);border:1px solid var(--border)}.trust{color:var(--muted-foreground);gap:28px;margin-top:32px;font-size:12px;display:flex}.tools-section{padding:90px 0 110px}.section-head{justify-content:space-between;align-items:end;margin-bottom:40px;display:flex}.section-head h2,.why h2,.content h2,.related h2{letter-spacing:-1.5px;margin:10px 0 0;font-size:39px}.section-head>p{width:390px;color:var(--muted-foreground);line-height:1.7}.tool-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.tool-card{min-height:278px;color:var(--card-foreground);background:var(--card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:27px;transition:transform .2s}.tool-card:hover{z-index:1;box-shadow:inset 0 1px 0 var(--border), 0 10px 25px color-mix(in srgb, var(--shadow-color) 8%, transparent);position:relative;transform:translateY(-3px)}.tool-top{color:var(--muted-foreground);font:12px var(--font-mono);justify-content:space-between;display:flex}.tool-icon{width:42px;height:42px;color:var(--primary);background:color-mix(in srgb, var(--accent) 30%, var(--card));border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));border-radius:var(--radius);font:800 14px var(--font-mono);place-items:center;display:grid}.tool-card h3{margin:30px 0 11px;font-size:18px}.tool-card p{color:var(--muted-foreground);font-size:14px;line-height:1.65}.tool-card>b{margin-top:26px;font-size:13px;display:block}.tool-card>b span{float:right}.why{color:var(--section-foreground);background:var(--section-background);padding:100px 0}.why-grid{grid-template-columns:1fr 1fr;gap:110px;display:grid}.why h2{margin:16px 0 22px;font-size:45px}.why-grid>div>p,.principles p{color:color-mix(in srgb, var(--section-foreground) 65%, transparent);line-height:1.8}.principles article{border-top:1px solid color-mix(in srgb, var(--section-foreground) 16%, transparent);gap:22px;padding:25px 0;display:flex}.principles article>b{color:color-mix(in srgb, var(--section-foreground) 35%, transparent);font:12px var(--font-mono)}.principles h3{margin:0 0 8px;font-size:16px}.principles p{margin:0;font-size:13px;line-height:1.6}footer{color:var(--sidebar-foreground);background:var(--sidebar);border-top:1px solid var(--sidebar-border);padding:65px 0 25px}.footer-main{grid-template-columns:1fr 150px 150px;gap:80px;display:grid}.footer-main p{color:var(--muted-foreground);font-size:13px;line-height:1.7}.footer-main>div:not(:first-child){color:var(--muted-foreground);flex-direction:column;gap:13px;font-size:13px;display:flex}.footer-main>div>b{color:var(--primary);letter-spacing:.15em;font-size:10px}.copyright{color:var(--muted-foreground);border-top:1px solid var(--sidebar-border);margin-top:50px;padding-top:22px;font-size:11px}.copyright span{float:right}.tool-hero{padding:42px 0 32px}.breadcrumbs{color:var(--muted-foreground);gap:9px;font-size:12px;display:flex}.tool-title{gap:20px;margin-top:32px;display:flex}.tool-title .tool-icon{width:52px;height:52px}.tool-title h1{margin:0 0 10px;font-size:34px}.tool-title p{max-width:720px;color:var(--muted-foreground);margin:0;line-height:1.65}.workspace{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel{min-height:400px;color:var(--card-foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:49px;padding:0 16px;display:flex}.panel-head.second{border-top:1px solid var(--border)}.panel-head label,.panel-head>span{font-size:12px;font-weight:750}.panel-head button,.custom-columns-head button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}textarea{resize:vertical;min-height:190px;color:var(--foreground);background:var(--input);font:13px/1.65 var(--font-mono);border:0;outline:0;flex:1;padding:17px}.output{height:400px;min-height:0}.output pre{min-height:0;color:var(--muted-foreground);white-space:pre-wrap;word-break:break-word;font:13px/1.65 var(--font-mono);flex:1;margin:0;padding:17px;overflow:auto}.privacy-note,.option{color:var(--muted-foreground);border-top:1px solid var(--border);padding:12px 16px;font-size:10px}.inline-fields{grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.inline-fields label,.sql-config label{font-size:11px;font-weight:650}.inline-fields input,.small-input,.sql-config input,.custom-column input,.custom-column select{width:100%;color:var(--foreground);background:var(--input);border:1px solid var(--border);border-radius:var(--radius);padding:9px;display:block}.inline-fields input{margin-top:6px}.small-input{width:90px;margin:0}.full{margin:30px}.generator-tabs{background:var(--sidebar);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.generator-tabs button{color:var(--muted-foreground);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;padding:10px;font-size:12px;font-weight:700}.generator-tabs button.active{color:var(--accent-foreground);background:var(--accent);border-color:var(--ring);box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) var(--shadow-blur) color-mix(in srgb, var(--shadow-color) 6%, transparent)}.sql-config{border-bottom:1px solid var(--border);gap:12px;padding:16px;display:grid}.sql-config input{margin-top:6px}.sql-config small{color:var(--muted-foreground);margin-top:5px;font-size:9px;font-weight:400;display:block}.custom-columns{flex-direction:column;gap:8px;padding:16px;display:flex}.custom-columns-head,.custom-columns-head>div{align-items:center;display:flex}.custom-columns-head{justify-content:space-between;margin-bottom:3px}.custom-columns-head>div{gap:8px}.custom-columns-head b{font-size:12px}.custom-columns-head span{color:var(--muted-foreground);font-size:10px}.custom-columns-head button:disabled{color:var(--muted-foreground);cursor:not-allowed}.mask-help{color:var(--muted-foreground);margin:2px 0 6px;font-size:10px;line-height:1.55}.mask-help b{color:var(--foreground)}.custom-column{grid-template-columns:minmax(100px,1fr) minmax(145px,1.25fr) 32px;gap:7px;display:grid}.custom-column input,.custom-column select{min-width:0;font-size:11px}.custom-column>button{color:var(--muted-foreground);background:var(--input);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.custom-column>button:disabled{cursor:not-allowed;opacity:.35}.field-error{color:var(--destructive);margin:2px 0 0;font-size:10px}.qr-options{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.qr-options label{font-size:11px;font-weight:650}.qr-options select{color:var(--foreground);background:var(--input);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.qr-error{margin:12px 30px 0}.qr-output .panel-head button:disabled{color:var(--muted-foreground);cursor:not-allowed}.qr-preview{flex:1;place-items:center;min-height:0;padding:20px;display:grid;overflow:auto}.qr-preview canvas{width:min(100%,280px);height:auto;box-shadow:0 6px 20px color-mix(in srgb, var(--shadow-color) 12%, transparent);background:#fff;border:8px solid #fff;display:block}.qr-preview canvas[hidden]{display:none}.qr-preview p{color:var(--muted-foreground);font:13px var(--font-mono)}.content{padding-top:90px}.article{max-width:760px}.article>p,.legal-copy p,details p{color:var(--muted-foreground)}.article>p,.legal-copy p{line-height:1.8}.article h3{margin-top:36px;font-size:20px}.example{background:color-mix(in srgb, var(--accent) 32%, var(--card));border-left:3px solid var(--primary);padding:18px 20px}.example b{color:var(--primary);font-size:11px}.example p{color:var(--muted-foreground);margin:8px 0 0;font-size:14px;line-height:1.6}.guide-steps,.guide-notes{color:var(--muted-foreground);padding-left:24px}.guide-steps li,.guide-notes li{padding-left:6px;line-height:1.7}.guide-steps li+li,.guide-notes li+li{margin-top:14px}.guide-steps strong{color:var(--foreground)}.guide-steps p{margin:3px 0 0}.guide-example-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.guide-example-grid .example{min-width:0}.guide-example-grid pre{color:var(--muted-foreground);white-space:pre-wrap;word-break:break-word;font:12px/1.65 var(--font-mono);margin:10px 0 0;overflow-x:auto}.guide-use-cases{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guide-use-cases section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.guide-use-cases h4{margin:0 0 8px;font-size:14px}.guide-use-cases p{color:var(--muted-foreground);margin:0;font-size:12px;line-height:1.65}details{border-top:1px solid var(--border);padding:18px 0}summary{cursor:pointer;font-size:14px;font-weight:650}details p{font-size:13px}.related{padding:90px 0}.related h2{margin-bottom:28px}.related-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.related-grid>a{color:var(--card-foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:15px;padding:20px;display:flex}.related-grid>a>div{flex:1}.related-grid b{font-size:13px}.related-grid p{color:var(--muted-foreground);margin:5px 0;font-size:11px}.legal-page{min-height:65vh;padding:90px 0}.legal-page h1{letter-spacing:-2.5px;margin:16px 0;font-size:54px}.legal-lead{max-width:720px;color:var(--muted-foreground);font-size:20px}.legal-copy{max-width:760px;margin-top:50px}@media (prefers-reduced-motion:no-preference){body,header,.tool-card,.panel,.related-grid>a,.ghost,.theme-toggle{transition:background-color .2s,color .2s,border-color .2s}}@media (max-width:800px){.wrap{width:min(100% - 28px,1160px)}.guide-example-grid,.guide-use-cases{grid-template-columns:1fr}nav,.github{display:none}.hero{padding:70px 0}.hero h1{letter-spacing:-3px;font-size:50px}.trust{flex-direction:column;gap:9px}.section-head{display:block}.section-head>p{width:auto}.tool-grid,.why-grid,.workspace,.content,.related-grid{grid-template-columns:1fr}.why-grid{gap:40px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.copyright span{float:none;margin-top:8px;display:block}.tool-title h1{font-size:28px}.legal-page h1{font-size:42px}}