@font-face{font-family:Prompt;src:url(/fonts/prompt-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrainsmono-400.woff2) format("woff2");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrainsmono-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@keyframes navGlowRing{0%{box-shadow:0 0 #6c5ce78c}70%{box-shadow:0 0 0 6px #6c5ce700}to{box-shadow:0 0 #6c5ce700}}.nav-kit-pill{animation:navGlowRing 1.8s ease-out infinite}@media(prefers-reduced-motion:reduce){.nav-kit-pill{animation:none}}@media(max-width:1559px){.nav-followers-wrap,.nav-socials-wrap{display:none!important}}@media(min-width:1560px){.nav-inner{max-width:1400px!important}}.serif-heading{font-family:var(--sans)}@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0%;size-adjust:107.06%}@font-face{font-family:Prompt Fallback;src:local("Arial");ascent-override:105%;descent-override:35%;line-gap-override:0%;size-adjust:97%}:root{--bg: #1e1e2e;--bg2: #27273a;--bg3: #303044;--bg4: #3a3a50;--border: rgba(255, 255, 255, .11);--border2: rgba(255, 255, 255, .2);--text: #f0f0f6;--muted: #a0a0bc;--dim: #7070a0;--purple: #6c5ce7;--purple2: #a29bfe;--purple3: #EEEDFE;--teal: #00cec9;--teal2: #81ecec;--amber: #fdcb6e;--red: #ff7675;--green: #55efc4;--mono: "JetBrains Mono", "Fira Code", "Fira Mono", ui-monospace, monospace;--sans: "Prompt", "Prompt Fallback", "Helvetica Neue", Arial, system-ui, sans-serif;--inter: "Inter", "Inter Fallback", "Helvetica Neue", Arial, system-ui, sans-serif}:root{--code-keyword: #c792ea;--code-string: #7ee787;--code-comment: #8b8bb0;--code-function: #ffd479;--code-number: #f78c6c;--code-class: #81ecec;--code-operator: #89ddff;--code-punct: #a0a0bc}.pw-code .token.keyword,.pw-code .token.builtin{color:var(--code-keyword)}.pw-code .token.string,.pw-code .token.template-string,.pw-code .token.char,.pw-code .token.regex{color:var(--code-string)}.pw-code .token.comment,.pw-code .token.prolog,.pw-code .token.doctype,.pw-code .token.cdata{color:var(--code-comment);font-style:italic}.pw-code .token.function{color:var(--code-function)}.pw-code .token.number,.pw-code .token.boolean{color:var(--code-number)}.pw-code .token.class-name,.pw-code .token.constant,.pw-code .token.symbol{color:var(--code-class)}.pw-code .token.operator,.pw-code .token.arrow{color:var(--code-operator)}.pw-code .token.punctuation{color:var(--code-punct)}.pw-code .token.property,.pw-code .token.parameter,.pw-code .token.attr-name{color:#f0f0f6}.pw-code .token.important,.pw-code .token.bold{font-weight:700}.pw-code .token.italic{font-style:italic}.pw-code .token.shebang{color:var(--code-comment)}.pw-code .token.command,.pw-code .token.file-name{color:#f0f0f6}.pw-code .token.parameter.variable{color:var(--code-class)}[data-theme=light]{--bg: #f4f4f8;--bg2: #ffffff;--bg3: #ededf4;--bg4: #e2e2ec;--border: rgba(0, 0, 0, .08);--border2: rgba(0, 0, 0, .15);--text: #16161e;--muted: #5c5c72;--dim: #9898b0;--purple: #6c5ce7;--purple2: #5a4bd1;--purple3: #3d2fb0;--teal: #009c98;--teal2: #00cec9;--amber: #c07a00;--red: #d64545;--green: #00936a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--inter);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--inter);border:none;background:none}textarea,input{font-family:var(--inter)}h1,h2,h3,h4,h5,h6{font-family:var(--sans)}code,pre{font-family:var(--mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFast{0%{opacity:0}to{opacity:1}}@keyframes cardRing{0%{box-shadow:0 0 #6c5ce7cc}40%{box-shadow:0 0 0 6px #6c5ce759}to{box-shadow:0 0 0 3px #6c5ce72e}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes heroBtnPulse{0%{transform:translateY(0) scale(1);box-shadow:none}35%{transform:translateY(-2px) scale(1.07);box-shadow:0 0 0 5px #6c5ce733}65%{transform:translateY(-2px) scale(1.07);box-shadow:0 0 0 5px #6c5ce733}to{transform:translateY(0) scale(1);box-shadow:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes audioTutorGlow{0%,to{box-shadow:0 0 #6c5ce759}50%{box-shadow:0 0 0 7px #6c5ce700}}@keyframes audioTutorWiggle{0%,84%,to{transform:rotate(0)}88%{transform:rotate(-12deg)}92%{transform:rotate(10deg)}96%{transform:rotate(-6deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lintCardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toolFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fsEnter{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes fsExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.975)}}@keyframes fsFooterIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes inf-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.inf-marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.inf-marquee-track{display:flex;gap:14px;width:max-content;animation:inf-marquee 60s linear infinite;will-change:transform}@media(prefers-reduced-motion:reduce){.inf-marquee-track{animation:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.animate-fade-in{animation:fadeIn .3s ease both}.fab-clearance{padding-bottom:max(64px,env(safe-area-inset-bottom,0px))}@media(max-width:640px){.fab-clearance{padding-bottom:max(88px,env(safe-area-inset-bottom,0px))}}@media(max-width:640px){.touch-target,.touch-target button,.touch-target a{min-height:40px}}@media(max-width:640px){.mobile-stack{flex-direction:column!important;align-items:stretch!important}.mobile-stack>*{width:100%}}@media(max-width:640px){.mobile-hide{display:none!important}}@media(max-width:640px){.footer-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px 18px!important;width:100%}.footer-links>*{padding:4px 0}.footer-link-more{display:none!important}.footer-link-more.is-open,.footer-more-toggle{display:inline-flex!important}}@media(max-width:480px){.tool-cta-row{flex-direction:column;align-items:stretch}.tool-cta-row>a{width:100%;justify-content:center;min-height:40px}}.compare-row{display:grid;grid-template-columns:160px 1fr 1fr;gap:16px;align-items:flex-start}@media(max-width:640px){.compare-row{grid-template-columns:1fr 1fr;gap:8px 12px}.compare-row-label{grid-column:1 / -1;margin-bottom:2px}}.nav-bg{background:#13131eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=light] .nav-bg{background:#f4f4f8eb}.theme-toggle-pill{display:flex;align-items:center;gap:2px;padding:3px;border-radius:10px;border:1px solid var(--border2);background:var(--bg3);cursor:pointer;flex-shrink:0;transition:border-color .15s}.theme-toggle-pill:hover{border-color:#6c5ce766}.theme-toggle-pill .t-opt{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;color:var(--dim);transition:background .18s,color .18s,box-shadow .18s}.theme-toggle-pill .t-opt.t-active{background:var(--bg);color:var(--text);box-shadow:0 1px 4px #0000002e}.nav-tabs{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-tabs::-webkit-scrollbar{display:none}.tab-bar-wrap{position:relative;overflow:hidden}.tab-bar-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;pointer-events:none;background:linear-gradient(to right,transparent,var(--bg2))}.pog-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.pog-grid{grid-template-columns:1fr}}.ci-grid{display:grid;grid-template-columns:370px minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.ci-grid{grid-template-columns:1fr}}.ci-opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:16px}.ci-opt-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:16px}.exec-mode-sw{display:flex;gap:8px;margin-top:20px;margin-bottom:0}.remote-prov-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.remote-browser-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.remote-region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.output-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.output-hdr-left{display:flex;align-items:center;gap:10px;min-width:0}.output-tabs{display:flex;gap:4px;margin-left:6px;flex-wrap:wrap}.two-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.converter-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:480px;align-items:stretch}.converter-panel>div{display:flex;flex-direction:column;min-height:0}.sel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(460px,100%),1fr));gap:16px}.report-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:20px}.cheat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.promo-inner{padding:40px 48px}@media(hover:none){.copy-btn{opacity:1!important}}.home-main-wrap{display:grid;grid-template-columns:224px 1fr;gap:0;align-items:start}.home-sidebar{position:sticky;top:70px;padding-right:16px;max-height:calc(100vh - 86px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg4) transparent}.home-sidebar::-webkit-scrollbar{width:4px}.home-sidebar::-webkit-scrollbar-track{background:transparent}.home-sidebar::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:4px}.home-content{border-left:1px solid var(--border);padding-left:28px;min-height:70vh}@media(max-width:860px){.home-main-wrap{grid-template-columns:1fr}.home-sidebar{position:static;max-height:none;padding-right:0;margin-bottom:20px}.home-content{border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:20px}}@media(max-width:768px){.exec-mode-sw{flex-direction:column}.exec-mode-sw>button{max-width:100%!important}.remote-prov-grid{grid-template-columns:1fr}.remote-browser-grid{grid-template-columns:repeat(3,1fr)}.ci-opt-grid,.ci-opt-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:768px){.report-stats-grid{grid-template-columns:repeat(3,1fr)}.two-panel{grid-template-columns:1fr}.converter-panel{grid-template-columns:1fr;height:auto}.sel-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.promo-inner{padding:28px 24px}.copy-btn{opacity:1!important}}@media(max-width:768px){.nav-hide-sm{display:none!important}.nav-right-actions{gap:6px!important}}@media(max-width:540px){.report-stats-grid{grid-template-columns:repeat(2,1fr)}.cards-grid,.sel-grid{grid-template-columns:1fr}.cheat-header{flex-direction:column;align-items:stretch}.search-full{width:100%!important;box-sizing:border-box}.promo-inner{padding:24px 18px}.main-content{padding-left:14px!important;padding-right:14px!important}.ci-opt-grid,.ci-opt-grid-3{grid-template-columns:1fr}.remote-browser-grid{grid-template-columns:repeat(2,1fr)}}.blog-body{font-size:16px;line-height:1.75;color:var(--text)}.blog-body h2{font-size:20px;font-weight:700;margin:32px 0 12px;color:var(--text);letter-spacing:-.02em}.blog-body h3{font-size:16px;font-weight:700;margin:24px 0 8px;color:var(--text)}.blog-body p{margin-bottom:16px;color:var(--text)}.blog-body ul,.blog-body ol{margin:0 0 16px 20px;color:var(--text)}.blog-body li{margin-bottom:6px}.blog-body code{font-family:var(--mono);font-size:13px;background:var(--bg3);padding:1px 6px;border-radius:4px;color:var(--purple2)}.blog-body pre{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px 18px;overflow-x:auto;margin-bottom:20px}.blog-body pre code{background:none;padding:0;color:#ffffffe0;font-size:13px;line-height:1.65}.blog-body a{color:var(--purple2);text-decoration:underline;text-underline-offset:2px}.blog-body a:hover{opacity:.8}.blog-body table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px}.blog-body th{text-align:left;padding:8px 4px;border-bottom:2px solid var(--border2);color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.blog-body td{padding:8px 4px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.blog-page-title{font-size:32px}.blog-post-title{font-size:26px}@media(max-width:640px){.book-card{grid-template-columns:1fr!important}.book-card>a:first-child{max-width:200px;margin:0 auto}}@media(max-width:860px){.blog-layout-grid{grid-template-columns:1fr!important}.blog-sidebar-wrap{display:none}.blog-mobile-filters{display:flex!important}.blog-content-area{border-left:none!important;padding-left:0!important}.blog-featured-card{flex-direction:column!important}.blog-featured-code{width:100%!important;min-height:90px!important}.blog-card-grid{grid-template-columns:1fr!important}.blog-page-title{font-size:24px}.blog-post-grid{grid-template-columns:1fr!important}.blog-post-sidebar-desktop{display:none!important}.blog-post-sidebar-mobile{display:block!important}.blog-post-title{font-size:20px}.blog-post-nav-crumb{display:none}.blog-prev-next{grid-template-columns:1fr!important}}.qaprompt-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:stretch}.qaprompt-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.qaprompt-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:1024px){.qaprompt-layout{grid-template-columns:280px 1fr}}@media(max-width:860px){.qaprompt-layout,.qaprompt-library-grid{grid-template-columns:1fr}}@media(max-width:560px){.qaprompt-category-grid{grid-template-columns:repeat(4,1fr)}.qaprompt-cat-label{display:none}}@media(min-width:861px)and (max-width:1024px){.blog-layout-grid{grid-template-columns:180px 1fr!important}.blog-post-grid{grid-template-columns:1fr 240px!important;gap:0 28px!important}}.explainer-grid{grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.explainer-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}@media(max-width:899px){.explainer-code{position:sticky;top:0;z-index:5;background:var(--bg);padding-bottom:6px}}@media(max-width:640px){.footer-shell{padding:14px 16px 20px!important}.footer-inner{gap:10px!important}.footer-ph{padding:10px 16px!important}.footer-ph img{width:168px;height:36px}}@media(max-width:640px){.kit-course-card{flex-direction:column}.kit-course-cover{flex:none!important;width:100%;min-height:110px!important;flex-direction:row!important;gap:12px!important}}.device-showcase{container-type:inline-size}.ds-canvas{position:relative;width:100%;aspect-ratio:16 / 9}.ds-frame{position:absolute;background:#1d2129;box-shadow:0 2.2cqw 4.5cqw #1d212947}.ds-screen{background:#fdfcf8;overflow:hidden;width:100%;height:100%}.ds-laptop{left:0;top:8%;width:62%;aspect-ratio:16 / 10.4;border-radius:1.6cqw;padding:1.2cqw 1.2cqw 1.6cqw;z-index:2}.ds-laptop .ds-screen{border-radius:.7cqw}.ds-tablet{right:13%;top:0;width:30%;aspect-ratio:3 / 4;border-radius:2.2cqw;padding:1.1cqw;z-index:1}.ds-tablet .ds-screen{border-radius:1.2cqw}.ds-phone{right:0;top:22%;width:17%;aspect-ratio:9 / 19;border-radius:2.6cqw;padding:.8cqw;z-index:3}.ds-phone .ds-screen{border-radius:1.9cqw}.ds-notch{position:absolute;top:1.4cqw;left:50%;transform:translate(-50%);width:5cqw;height:.8cqw;border-radius:1cqw;background:#1d2129;z-index:4}.kit-cover-pdf{width:118px;max-width:62%;height:auto;border-radius:4px;box-shadow:0 10px 26px #00000073;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;will-change:transform}.kit-course-cover:hover .kit-cover-pdf,.kit-course-cover:focus-visible .kit-cover-pdf{transform:scale(1.07) rotate(-.6deg);box-shadow:0 16px 34px #00000080}@media(max-width:640px){.kit-cover-pdf{width:84px;max-width:30%}}@media(prefers-reduced-motion:reduce){.kit-cover-pdf{transition:none}.kit-course-cover:hover .kit-cover-pdf{transform:none}}@media(max-width:480px){.nav-byline{display:none!important}}@media(max-width:400px){.nav-acct-full{display:none!important}}@media(min-width:401px){.nav-acct-short{display:none!important}}@media(max-width:340px){.nav-acct-full,.nav-acct-short{display:none!important}}.blog-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1080px){.blog-rail{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:6px;scrollbar-width:none}.blog-rail::-webkit-scrollbar{display:none}.blog-rail-card{flex:0 0 78%;scroll-snap-align:start}}.ds-stage{display:flex;overflow:visible;justify-content:center;align-items:center;min-height:520px}.ds-fit{transform-origin:center center;transition:transform .2s ease}.ds-fit-desktop{transform:scale(.84)}.ds-fit-tablet{transform:scale(.92)}@media(max-width:1080px){.ds-fit-desktop{transform:scale(.7)}.ds-stage{min-height:460px}}@media(max-width:820px){.ds-fit-desktop{transform:scale(.44)}.ds-fit-tablet{transform:scale(.8)}.ds-stage{min-height:420px}}@media(max-width:560px){.ds-fit-desktop{transform:scale(.3)}.ds-fit-tablet{transform:scale(.55)}.ds-fit-phone{transform:scale(.78)}.ds-stage{min-height:380px}}@media(max-width:400px){.ds-fit-desktop{transform:scale(.22)}.ds-fit-tablet{transform:scale(.45)}.ds-fit-phone{transform:scale(.66)}.ds-stage{min-height:330px}}.ds-screen-content{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg);isolation:isolate}.ds-screen-content>img,.ds-screen-content>iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block;transition:opacity .25s ease}.ds-screen-phone{border-radius:40px;background:#000}.ds-screen-tablet{border-radius:3px}.ds-screen-desktop{border-radius:0}.ds-screen-phone>img,.ds-screen-phone>iframe{top:34px;height:calc(100% - 34px);border-radius:0 0 40px 40px}.ds-screen-tablet>img,.ds-screen-tablet>iframe{border-radius:3px}