.pixelfx-page{--fx-ink:#edf3ff;--fx-muted:#adb8ce;--fx-line:#29354c;--fx-accent:#baf27a;color:var(--fx-ink)}.pixelfx-hero{grid-template-columns:1fr 1fr;align-items:start;gap:48px;max-width:1240px;margin:auto;padding:64px 24px;display:grid}.pixelfx-eyebrow,.pixelfx-number{color:var(--fx-accent);letter-spacing:.12em;font:600 11px/1.6 monospace}.pixelfx-intro h1{letter-spacing:-.035em;text-wrap:balance;margin:20px 0 24px;font-size:clamp(2.3rem,4vw,3.65rem);line-height:1.1}.pixelfx-lead{color:var(--fx-muted);font-size:16px;line-height:1.85}.pixelfx-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.pixelfx-actions a,.pixelfx-actions button,.pixelfx-studio{border:1px solid var(--fx-line);border-radius:8px;padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none}.pixelfx-actions .pixelfx-primary,.pixelfx-studio{background:var(--fx-accent);color:#14200e;border-color:var(--fx-accent)}.pixelfx-actions button{cursor:pointer;background:#202d43}.pixelfx-actions button:disabled{opacity:.5;cursor:wait}.pixelfx-page :is(a,button,select,summary):focus-visible{outline:2px solid var(--fx-accent);outline-offset:4px}.pixelfx-verified{color:var(--fx-muted);margin-top:20px;font-size:11px;line-height:1.8}.pixelfx-chips{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.pixelfx-chips span{border:1px solid var(--fx-line);color:var(--fx-muted);border-radius:5px;padding:5px 9px;font:11px monospace}.pixelfx-lab{background:#111a2a;border:1px solid #384762;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 20px 80px #0004}.pixelfx-lab-header{border-bottom:1px solid var(--fx-line);color:#8b9cb9;justify-content:space-between;padding:13px 18px;font:10px monospace;display:flex}.pixelfx-lab-header span:first-child{letter-spacing:4px;color:#60748e}.pixelfx-stage{background-color:#080e1b;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:24px 24px;position:relative}.pixelfx-stage canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.pixelfx-stage-label{bottom:12px;color:#788bab;font:9px monospace;position:absolute;inset-inline-start:15px}.pixelfx-controls{padding:22px}.pixelfx-controls h2{font-size:18px;font-weight:600;line-height:1.4}.pixelfx-controls p{color:var(--fx-muted);margin-top:16px;font-size:12px;line-height:1.8}.pixelfx-fields{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:18px;display:grid}.pixelfx-fields label{min-width:0;color:var(--fx-muted);font-size:11px}.pixelfx-fields select{color:#f1f5ff;background:#172338;border:1px solid #3c4c66;border-radius:6px;width:100%;margin-top:7px;padding:9px 6px;font-size:12px;display:block}.pixelfx-guide{max-width:900px;margin:auto;padding:0 24px 80px}.pixelfx-guide>section{border-top:1px solid var(--fx-line);margin-top:38px;padding-top:38px}.pixelfx-guide h2{margin:12px 0 16px;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:600;line-height:1.3}.pixelfx-guide h3{margin:26px 0 12px;font-size:16px;font-weight:600}.pixelfx-guide p{color:var(--fx-muted);font-size:15px;line-height:1.9}.pixelfx-snippet{border:1px solid var(--fx-line);background:#0c1422;border-radius:9px;min-width:0;margin:20px 0;overflow:hidden}.pixelfx-snippet-bar{border-bottom:1px solid var(--fx-line);color:#a6b5cd;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;font:12px monospace;display:flex}.pixelfx-snippet-bar button{cursor:pointer;color:var(--fx-accent);padding:6px 8px}.pixelfx-snippet pre{color:#d4e6ff;text-align:left;max-width:100%;padding:20px;font-size:12px;line-height:1.9;overflow:auto}.pixelfx-snippet .pixelfx-prompt{color:#d4e6ff;margin:0;padding:22px}.pixelfx-copy-error{color:#ffc98e;padding:10px 20px;display:block}.pixelfx-guide summary{cursor:pointer;color:var(--fx-accent);padding:8px 0;font-size:13px}.pixelfx-studio{margin-top:8px;display:inline-block}.pixelfx-sources{flex-wrap:wrap;gap:14px 24px;padding:0;font-size:13px;list-style:none;display:flex}.pixelfx-sources a{color:var(--fx-accent);text-underline-offset:4px;text-decoration:underline}.pixelfx-export{border-top:1px solid var(--fx-line);margin-top:18px;padding-top:14px}.pixelfx-export button{cursor:pointer}.pixelfx-export button:disabled{opacity:.6;cursor:wait}.pixelfx-export p[role=status]:empty{display:none}.pixelfx-recipes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;display:grid}.pixelfx-recipes article{border:1px solid var(--fx-line);background:#111a2a;border-radius:12px;padding:22px}.pixelfx-recipes code{color:var(--fx-accent);overflow-wrap:anywhere;font-size:10px}.pixelfx-recipes h3{margin-top:16px;line-height:1.5}.pixelfx-recipes p{font-size:13px}.pixelfx-recipes button{color:var(--fx-accent);cursor:pointer;margin-top:18px;padding:8px 0;font-size:13px}.pixelfx-steps{gap:18px;padding:0;list-style:none;display:grid}.pixelfx-steps li{border-bottom:1px solid var(--fx-line);align-items:flex-start;gap:18px;padding:16px 0;display:flex}.pixelfx-steps li>span{color:var(--fx-accent);flex-shrink:0;font:18px/1.6 monospace}.pixelfx-faq-item{border-bottom:1px solid var(--fx-line);padding-bottom:18px}.pixelfx-guide h2,#pixelfx-preview-title{scroll-margin-top:90px}@media (width<=700px){.pixelfx-recipes{grid-template-columns:1fr}}@media (width<=900px){.pixelfx-hero{grid-template-columns:1fr;gap:32px;padding-top:40px}.pixelfx-intro{max-width:640px}.pixelfx-lab{width:100%;max-width:640px;margin:auto}}@media (width<=440px){.pixelfx-hero,.pixelfx-guide{padding-inline:16px}.pixelfx-controls{padding:16px}.pixelfx-fields{grid-template-columns:1fr 1fr}.pixelfx-fields label:last-child{grid-column:1/-1}}