:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eff8f1;background:#061009;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#061009;--panel:#0d1711;--panel2:#101d15;--line:rgba(195,255,205,.12);--line2:rgba(255,255,255,.07);--green:#75f087;--green2:#46cf60;--muted:#8da093;--muted2:#65766b;--gold:#f5d26f;--danger:#ff9d9d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% -10%,rgba(80,221,104,.15),transparent 31rem),radial-gradient(circle at 88% 14%,rgba(38,126,75,.14),transparent 28rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),var(--bg);background-size:auto,auto,42px 42px,42px 42px;color:#eef7f0}button,textarea,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}code,pre{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.hidden{display:none!important}.page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(6,16,9,.84);backdrop-filter:blur(18px)}.site-header-inner{width:min(1180px,calc(100% - 40px));height:72px;margin:0 auto;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;font-weight:900;letter-spacing:-.045em;white-space:nowrap}.brand>span:last-child span{color:var(--green)}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(145deg,#90fa9c,#44cf5a);color:#08220d!important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 0 32px rgba(75,225,99,.14)}.main-nav{display:flex;gap:20px;margin-right:auto}.main-nav a,.footer-links a{color:#93a79a;text-decoration:none;font-size:13px}.main-nav a:hover,.footer-links a:hover{color:#e9f6ec}.header-actions{display:flex;align-items:center;gap:9px}.status-pill,.valid-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#afc0b4;padding:8px 11px;border-radius:999px;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.ghost-button{border:1px solid var(--line);color:#c9d8cd;background:#0a130d;border-radius:9px;padding:9px 12px}.hero-v2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:60px;align-items:center;padding-top:90px;padding-bottom:68px}.eyebrow{display:inline-flex;padding:6px 9px;border-radius:6px;background:rgba(99,237,118,.08);border:1px solid rgba(99,237,118,.18);color:var(--green);font-size:10px;font-weight:900;letter-spacing:.16em}.hero-copy-block h1,.article-hero h1{margin:19px 0 22px;font-size:clamp(50px,7vw,82px);line-height:.95;letter-spacing:-.067em;max-width:760px}.hero-copy-block h1 span,.article-hero h1 span{color:var(--green)}.hero-copy-block>p{max-width:700px;color:#a2b2a7;font-size:18px;line-height:1.72;margin:0}.hero-copy-block code{background:#102018;color:#d9ffe0;padding:2px 5px;border-radius:5px}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;border-radius:10px;padding:12px 15px;font-size:13px;font-weight:800}.primary-link{color:#09250e;background:linear-gradient(135deg,#83f28d,#52dc65);box-shadow:inset 0 -2px 0 rgba(0,0,0,.13),0 13px 34px rgba(60,210,82,.12)}.primary-link.compact{padding:10px 13px;margin-top:8px}.secondary-link{color:#c5d4ca;border:1px solid var(--line);background:rgba(255,255,255,.02)}.hero-proof{border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,31,23,.95),rgba(10,18,13,.95));border-radius:18px;padding:22px;box-shadow:0 28px 75px rgba(0,0,0,.25)}.proof-top{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line2);padding-bottom:16px}.proof-kicker{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.14em}.proof-top strong{font-size:13px}.proof-grid{display:grid;grid-template-columns:1fr 1fr}.proof-grid div{padding:18px 0}.proof-grid div:nth-child(odd){border-right:1px solid var(--line2);padding-right:16px}.proof-grid div:nth-child(even){padding-left:16px}.proof-grid div:nth-child(-n+2){border-bottom:1px solid var(--line2)}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{font-size:15px}.proof-grid span{margin-top:4px;color:#718278;font-size:10px}.hero-proof p{margin:17px 0 0;color:#7e9085;font-size:12px;line-height:1.62}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.trust-strip-inner{display:flex;justify-content:center;gap:18px;align-items:center;min-height:50px;color:#829487;font-size:11px}.trust-strip-inner b{color:#4e6255}.section{padding-top:78px;padding-bottom:20px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:24px}.section-heading h2,.content-card h2{font-size:clamp(28px,4vw,43px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 0}.section-heading>p{max-width:460px;color:#829487;font-size:13px;line-height:1.65;margin:0}.generator-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:16px}.panel,.content-card,.tool-panel,.example-card,.reference-card,.guide-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,30,22,.96),rgba(10,17,13,.96));border-radius:16px;box-shadow:0 22px 65px rgba(0,0,0,.18)}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.panel-heading>div{display:flex;align-items:center;gap:10px}.panel-heading h3{font-size:16px;margin:0;letter-spacing:-.02em}.step{display:grid;place-items:center;width:29px;height:29px;color:var(--green);border:1px solid rgba(121,241,137,.2);background:rgba(93,226,111,.07);border-radius:7px;font-size:10px;font-weight:900}.char-count{color:#697b70;font-size:11px}.generator-panel textarea,.tool-textarea{width:100%;min-height:220px;resize:vertical;border:1px solid rgba(183,255,198,.12);outline:none;background:#07100a;color:#ebf5ed;border-radius:12px;padding:17px;line-height:1.65}.generator-panel textarea:focus,.tool-textarea:focus,input:focus,select:focus{border-color:rgba(102,233,120,.44);box-shadow:0 0 0 3px rgba(91,223,109,.06);outline:none}.example-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 19px}.example-row button{color:#92a79a;background:#0a130d;border:1px solid var(--line2);border-radius:999px;padding:7px 10px;font-size:11px}.controls-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls-row label,.field{display:grid;gap:7px;color:#829389;font-size:11px}.controls-row select,.field input,.field select{width:100%;border:1px solid rgba(255,255,255,.075);background:#07100a;color:#cbd9cf;padding:11px 12px;border-radius:9px}.generate-button,.tool-button{margin-top:15px;width:100%;border:0;border-radius:10px;padding:13px 15px;color:#09250e;background:linear-gradient(135deg,#83f28d,#54dd65);display:flex;justify-content:space-between;font-weight:900;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12),0 12px 34px rgba(59,210,82,.12)}.generate-button:hover:not(:disabled),.tool-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.generate-button:disabled{opacity:.45}.scope-note{color:#687a6e;font-size:11px;line-height:1.5;margin:11px 2px 0}.turnstile-wrap{margin-top:14px;border:1px solid var(--line2);background:#08110b;border-radius:10px;padding:11px}.turnstile-wrap small{display:block;color:#63756a;font-size:10px;margin-top:7px}.output-panel{min-height:100%}.valid-pill{color:#aaf5b4;border-color:rgba(121,241,137,.19);background:rgba(84,213,103,.07)}.empty-state{min-height:410px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;color:#6e8074;padding:35px}.empty-state strong{color:#b2c2b7;font-size:14px}.empty-state span{max-width:360px;font-size:12px;line-height:1.65}.command-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(112,236,128,.14);border-radius:13px;background:rgba(83,216,101,.06);color:var(--green);font-family:monospace;font-size:27px;margin-bottom:5px}.result-stack{display:grid;gap:12px}.warning-box,.error-box{border:1px solid rgba(244,207,114,.2);background:rgba(244,207,114,.055);color:#d8c58e;border-radius:10px;padding:12px 13px;font-size:11px;line-height:1.55;display:grid;gap:3px}.warning-box strong{color:#f0d991}.warning-box small{color:#8f815b}.error-box{color:#ffb1b1;border-color:rgba(255,105,105,.22);background:rgba(255,80,80,.06)}.result-meta{display:flex;gap:7px;flex-wrap:wrap}.result-meta span{font-size:10px;color:#96a99c;border:1px solid var(--line2);background:rgba(255,255,255,.025);padding:6px 8px;border-radius:6px}.command-card,.mini-command{position:relative;border:1px solid rgba(129,243,144,.15);background:#050c07;border-radius:10px;overflow:hidden}.command-card code,.mini-command code{display:block;color:#c9f8d0;padding:16px 72px 16px 15px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:12px;max-height:215px;overflow:auto}.command-card button,.mini-command button{position:absolute;top:9px;right:9px;color:#0a220e;border:0;background:#7bea87;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:900}.interpreted-card{border:1px solid var(--line2);background:rgba(255,255,255,.018);border-radius:10px;overflow:hidden}.interpreted-card summary{cursor:pointer;color:#899b90;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px}.interpreted-card pre{margin:0;padding:12px;border-top:1px solid var(--line2);color:#8faf96;font-size:10px;line-height:1.55;overflow:auto;max-height:200px}.feedback-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#829287;font-size:10px}.feedback-row button{border:1px solid var(--line2);background:#0a120d;border-radius:6px;padding:5px 7px;opacity:.72}.feedback-row small{color:#5e6e63}.feedback-select{border:1px solid var(--line2);background:#07100a;color:#aebeb3;border-radius:7px;padding:6px 8px;font-size:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:15px;padding:21px;background:rgba(10,18,13,.82);transition:transform .15s,border-color .15s}.feature-card:hover{transform:translateY(-3px);border-color:rgba(117,240,135,.28)}.feature-number,.mini-tag{display:inline-flex;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.13em}.feature-card h3{font-size:18px;margin:18px 0 8px}.feature-card p{color:#7f9186;font-size:12px;line-height:1.65;margin:0 0 17px}.feature-card strong,.text-link{color:#cce8d1;font-size:11px;text-decoration:none}.split-section{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.content-card{padding:26px}.content-card p{color:#84968a;font-size:13px;line-height:1.75}.content-card.large p{max-width:720px}.faq-section{padding-bottom:80px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.faq-grid article{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,15,11,.62)}.faq-grid h3{font-size:14px;margin:0 0 8px}.faq-grid p{color:#7c8e82;font-size:12px;line-height:1.65;margin:0}.site-footer{border-top:1px solid var(--line);background:#050b07}.footer-inner{display:flex;justify-content:space-between;gap:30px;padding-top:30px;padding-bottom:34px}.footer-inner p{color:#5f7166;font-size:11px}.footer-links{display:flex;gap:18px;align-items:center}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(2,5,3,.8);backdrop-filter:blur(10px)}.auth-card{position:relative;width:min(440px,100%);border:1px solid var(--line);border-radius:18px;padding:26px;background:linear-gradient(180deg,#141e17,#09100c);box-shadow:0 35px 100px rgba(0,0,0,.55)}.auth-card h2{margin:15px 0 8px;font-size:25px;letter-spacing:-.035em}.auth-card>p{margin:0 0 20px;color:#8da095;font-size:13px;line-height:1.6}.auth-close{position:absolute;right:15px;top:14px;width:32px;height:32px;border:1px solid var(--line2);border-radius:8px;background:#07100a;color:#91a298;font-size:20px}.auth-card form{display:grid;gap:8px}.auth-card label{color:#829389;font-size:11px}.auth-card input{width:100%;border:1px solid var(--line2);outline:none;background:#07100a;color:#edf7f0;border-radius:9px;padding:12px 13px}.auth-submit{margin-top:5px}.auth-message{margin:14px 0 0!important;border:1px solid rgba(121,241,137,.15);background:rgba(84,213,103,.055);color:#a9dcb0!important;border-radius:9px;padding:10px 11px}body.modal-open{overflow:hidden}.article-hero{padding-top:76px;padding-bottom:35px}.article-hero h1{font-size:clamp(44px,6vw,70px)}.article-hero p{max-width:760px;color:#91a398;font-size:16px;line-height:1.7}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;padding-bottom:80px}.toc{position:sticky;top:98px;align-self:start;border-left:1px solid var(--line);padding-left:16px;display:grid;gap:10px}.toc a{color:#73867a;text-decoration:none;font-size:11px}.toc a:hover{color:#d8eadc}.article-content{display:grid;gap:14px}.reference-card,.guide-card,.tool-panel,.example-card{padding:22px}.reference-card h2,.guide-card h2,.tool-panel h2,.example-card h2{margin:0 0 9px;font-size:20px;letter-spacing:-.03em}.reference-card p,.guide-card p,.guide-card li,.tool-panel p,.example-card p{color:#839589;font-size:12px;line-height:1.75}.component-table{width:100%;border-collapse:collapse;margin-top:15px;font-size:11px}.component-table th,.component-table td{text-align:left;padding:10px;border-bottom:1px solid var(--line2);vertical-align:top}.component-table th{color:#bcd0c1;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.component-table td{color:#7d8f83}.component-table code{color:#bdeac5}.callout{border-left:3px solid var(--green);background:rgba(94,225,113,.05);padding:13px 15px;border-radius:0 9px 9px 0;color:#93a79a;font-size:12px;line-height:1.65}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:80px}.tool-panel.wide{grid-column:1/-1}.tool-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:14px}.tool-status{padding:6px 9px;border-radius:999px;font-size:10px;border:1px solid var(--line)}.tool-status.ok{color:#a8f4b2;background:rgba(84,213,103,.07)}.tool-status.bad{color:#ffb2b2;background:rgba(255,80,80,.06)}.tool-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.tool-metrics div{border:1px solid var(--line2);background:#09120c;border-radius:9px;padding:11px}.tool-metrics span,.tool-metrics strong{display:block}.tool-metrics span{color:#65766b;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.tool-metrics strong{color:#d9e8dc;font-size:12px;margin-top:5px;overflow-wrap:anywhere}.component-list{display:grid;gap:6px}.component-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2)}.component-row code{color:#bcebc5;font-size:11px}.component-row span{color:#66776c;font-size:10px}.muted{color:#6b7c71!important}.tool-callout{margin:7px 0 0;padding:9px 11px;border-radius:8px;font-size:11px}.tool-callout.success{background:rgba(80,219,101,.06);color:#a6cfae}.tool-callout.warning{background:rgba(245,210,111,.06);color:#cdbb82}.tool-callout.error{background:rgba(255,90,90,.06);color:#e0a0a0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex;gap:18px;margin-top:12px;color:#8ea094;font-size:11px}.mini-command{margin-top:13px;min-height:70px}.mini-command code{max-height:160px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:80px}.example-card-head{display:flex;justify-content:space-between;color:#697a6f;font-size:10px}.example-card h2{margin-top:13px}.guide-card h3{font-size:15px;margin:20px 0 7px}.guide-card code{color:#bfeac6}.guide-card ul{padding-left:19px}.guide-card li{margin:6px 0}@media(max-width:940px){.main-nav{display:none}.hero-v2{grid-template-columns:1fr;gap:28px}.hero-proof{max-width:620px}.generator-grid,.split-section,.tool-grid,.example-grid{grid-template-columns:1fr}.tool-panel.wide{grid-column:auto}.feature-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.toc{position:static;grid-template-columns:repeat(2,1fr);border-left:0;border-top:1px solid var(--line);padding:15px 0}.section-heading{display:block}.section-heading>p{margin-top:12px}.trust-strip-inner{overflow:auto;justify-content:flex-start}}@media(max-width:620px){.page-shell,.site-header-inner{width:min(100% - 24px,1180px)}.site-header-inner{height:66px}.status-pill{display:none}.hero-v2{padding-top:58px;padding-bottom:48px}.hero-copy-block h1{font-size:47px}.hero-copy-block>p{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.controls-row,.form-grid,.tool-metrics,.faq-grid{grid-template-columns:1fr}.panel{padding:16px}.section{padding-top:58px}.footer-inner{flex-direction:column}.footer-links{flex-wrap:wrap}.proof-grid{grid-template-columns:1fr}.proof-grid div{border-right:0!important;border-bottom:1px solid var(--line2)!important;padding:14px 0!important}.proof-grid div:last-child{border-bottom:0!important}.article-hero{padding-top:54px}.article-hero h1{font-size:43px}.toc{grid-template-columns:1fr 1fr}}