.pl-page{--pl-ink:#f4f0e8;--pl-muted:#a5adbb;--pl-gold:#f4ce80;--pl-panel:#14202a;color:var(--pl-ink);padding-top:42px;padding-bottom:64px}.pl-kicker{color:#e2bd7b;letter-spacing:.15em;font-size:11px;font-weight:800;line-height:1.6;display:block}.pl-page h1,.pl-page h2,.pl-page h3,.prompt-library h2,.prompt-library h3{font-family:var(--sg-font-display,"Fredoka Variable"),sans-serif;letter-spacing:-.025em;text-transform:none}.pl-page p,.prompt-library p{line-height:1.7}.pl-hero{grid-template-columns:.95fr 1.1fr;align-items:center;gap:48px;margin-bottom:72px;display:grid}.pl-hero h1{margin:16px 0 22px;font-size:clamp(42px,4.5vw,68px);font-weight:600;line-height:1.05}.pl-hero h1 em{color:#f4ce80;font-style:normal}.pl-hero-copy>p{max-width:480px;color:var(--pl-muted);font-size:16px}.pl-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px;display:flex}.pl-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:12px 20px;font-size:14px;font-weight:800;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.pl-button-primary{color:#282015;background:#f4ce80;border:1px solid #ffe4ae;box-shadow:inset 0 1px #fff7da60,0 5px 20px #0003}.pl-button-primary:hover{background:#ffdc96;transform:translateY(-2px);box-shadow:0 7px 25px #f4ce8017}.pl-button-secondary{color:#e4e9ec;background:#26333d;border:1px solid #50606d}.pl-button-secondary:hover{background:#34434e;transform:translateY(-2px)}.pl-button:active{transform:translateY(0)scale(.98)}.pl-text-link{color:#f4ce80;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.pl-text-link:hover{color:#ffe6b5}.pl-hero-details{color:#81919f;flex-wrap:wrap;gap:18px;margin-top:25px;font-size:11px;display:flex}.pl-featured{aspect-ratio:1.33;background:#263049;border-radius:22px;min-width:0;display:block;position:relative;overflow:hidden;box-shadow:0 22px 60px #0005}.pl-featured>img{object-fit:cover;width:100%;height:100%}.pl-featured:after{content:"";pointer-events:none;background:linear-gradient(#101b2510 30%,#090e19eb 100%);position:absolute;inset:0}.pl-featured-top{z-index:1;letter-spacing:.12em;color:#f7ddad;background:#09131bae;border-radius:6px;padding:8px 10px;font-size:10px;position:absolute;top:22px;left:22px}.pl-featured-caption{z-index:1;position:absolute;bottom:27px;left:28px;right:28px}.pl-featured-caption>span:first-child{letter-spacing:.13em;color:#f3d48e;font-size:10px}.pl-featured-caption>strong{margin-top:5px;font-family:Fredoka Variable,sans-serif;font-size:31px;font-weight:500;display:block}.pl-featured-caption>p{color:#bac4d6;margin:4px 42px 0 0;font-size:13px}.pl-featured-arrow{color:#101922;background:#f4ce80;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;transition:transform .18s;display:grid;position:absolute;bottom:0;right:0}.pl-featured:hover .pl-featured-arrow{transform:rotate(8deg)}.prompt-library{color:#f4f0e8}.pl-section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px;display:flex}.pl-section-heading h2{margin:8px 0;font-size:30px;font-weight:500;line-height:1.2}.pl-section-heading p{color:#98a7b7;margin:0;font-size:14px}.pl-count{color:#8c9aaa;white-space:nowrap;padding-bottom:4px;font-size:12px}.pl-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px;display:flex}.pl-filters{flex-wrap:wrap;gap:5px;display:flex}.pl-filters button{color:#a9b7c7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;min-height:44px;padding:10px 13px;font-size:12px;font-weight:700}.pl-filters button:hover{color:#e9efef;background:#ffffff06}.pl-filters button[aria-pressed=true]{color:#f4ce80;background:#f4ce8013;border-color:#e0be7b40}.pl-search input{color:#eaf0f2;background:#ffffff04;border:1px solid #62748736;border-radius:10px;width:215px;max-width:100%;min-height:44px;padding:10px 13px;font-size:12px}.pl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.pl-card{background:#15222d;border-radius:15px;min-width:0;transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:0 8px 24px #0002}.pl-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0004}.pl-card-art{aspect-ratio:16/9;background:#1d3040;display:block;position:relative;overflow:hidden}.pl-card-art img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.pl-card:hover .pl-card-art img{transform:scale(1.025)}.pl-card-badge{color:#d4e0e3;background:#07131ac9;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:800;position:absolute;top:13px;left:13px}.pl-card-badge.is-playable{color:#c8f4cd;background:#25483ade}.pl-art-caption{color:#e1e7e8;background:#09202b9c;border-radius:4px;padding:3px 6px;font-size:9px;position:absolute;bottom:9px;right:12px}.pl-card-body{padding:19px 20px}.pl-card-meta{color:#8aa1b1;justify-content:space-between;gap:8px;font-size:10px;display:flex}.pl-card-meta>span:first-child{color:#e2bd7b;font-weight:700}.pl-card h3{margin:9px 0 7px;font-size:24px;font-weight:500}.pl-card p{color:#a5b3c0;min-height:44px;margin:0 0 17px;font-size:13px}.pl-card-bottom{border-top:1px solid #7a8c9924;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.pl-card-bottom>span{color:#758b9b;font-size:10px}.pl-demo-link{color:#c5e6ce;padding:8px 0;font-size:12px}.pl-library-note{color:#8095a6;max-width:880px;margin:24px 0 0;font-size:12px;line-height:1.7}.pl-empty{text-align:center;background:#ffffff03;border-radius:14px;padding:50px 20px}.pl-empty h3{font-size:24px}.pl-empty p{color:#99aab9}.pl-empty button,.pl-empty a{color:#f4ce80;background:0 0;border:0;min-height:44px;margin:12px;display:inline-block}.pl-how{border-top:1px solid #75899625;border-bottom:1px solid #75899625;grid-template-columns:1fr 1fr;gap:70px;margin-top:55px;padding:65px 0;display:grid}.pl-how h2{max-width:360px;margin:12px 0 18px;font-size:37px;font-weight:500;line-height:1.15}.pl-how p{color:#9babb9;font-size:14px}.pl-how ol{gap:25px;margin:0;padding:0;list-style:none;display:grid}.pl-how li{gap:22px;display:flex}.pl-how li>span{color:#d9b979;padding-top:5px;font-size:13px}.pl-how h3{margin:0 0 3px;font-size:21px;font-weight:500}.pl-how li p{margin:0;font-size:13px}.pl-faq{max-width:800px;margin:60px auto 0}.pl-faq h2{margin:0 0 24px;font-size:30px;font-weight:500}.pl-faq details{border-bottom:1px solid #82919a2a;padding:18px 0}.pl-faq summary{cursor:pointer;min-height:28px;font-size:15px;font-weight:700}.pl-faq p{color:#98aab9;font-size:14px}.pl-faq a{color:#f4ce80}.pl-breadcrumb{color:#93a5b6;flex-wrap:wrap;gap:12px;margin-bottom:27px;font-size:12px;display:flex}.pl-breadcrumb a{color:#e7c580}.pl-detail-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:42px;display:grid}.pl-detail-art{background:#203441;border-radius:20px;min-width:0;position:relative;overflow:hidden}.pl-detail-art img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.pl-detail-art>span{color:#e4e9e9;background:#0a131ab0;border-radius:5px;padding:5px 8px;font-size:10px;position:absolute;bottom:14px;right:15px}.pl-detail-copy h1{margin:12px 0 16px;font-size:clamp(38px,4vw,55px);font-weight:500;line-height:1.05}.pl-detail-copy>p{color:#a2b3c1;font-size:16px}.pl-detail-tags{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.pl-detail-tags>span{color:#cfb986;background:#e2cd9720;border-radius:6px;padding:6px 9px;font-size:10px}.pl-detail-copy>small{color:#7a91a3;margin-top:18px;font-size:11px;display:block}.pl-design-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:45px 0;display:grid}.pl-design-notes h2{margin:10px 0 14px;font-size:22px;font-weight:500}.pl-design-notes ul{color:#a9b5c0;padding:0 0 0 16px;font-size:13px;line-height:1.7}.pl-design-notes li{padding:4px 0}.pl-design-notes p{color:#a6b7c3;font-size:13px}.pl-design-notes .pl-muted{color:#7e95a7;font-size:11px}.pl-customizer{background:linear-gradient(140deg,#172630,#121b26);border:1px solid #54708036;border-radius:20px;grid-template-columns:.8fr 1.4fr;gap:40px;padding:30px;scroll-margin-top:30px;display:grid}.pl-custom-fields h2{margin:10px 0;font-size:29px;font-weight:500}.pl-custom-fields>p{color:#8fa7b8;margin-bottom:27px;font-size:13px}.pl-custom-fields label{margin-top:18px;display:block}.pl-custom-fields label>span{color:#d3dde1;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.pl-custom-fields small{color:#7f98aa;margin-left:8px;font-size:10px;font-weight:400}.pl-custom-fields input,.pl-custom-fields textarea{color:#dfe9e9;background:#0a151d;border:1px solid #67859846;border-radius:9px;width:100%;min-height:46px;padding:12px;font:13px/1.5 Nunito Sans Variable,sans-serif}.pl-custom-fields textarea{resize:vertical}.pl-reset{color:#9dabb7;cursor:pointer;background:0 0;border:0;min-height:44px;margin-top:8px;padding:12px 0;font-size:11px}.pl-prompt-panel{min-width:0}.pl-prompt-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.pl-prompt-top>span:last-child{color:#89a2b3;font-size:10px}.pl-stage-tabs{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.pl-stage-tabs button{color:#8da5b7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-height:44px;padding:9px 10px;font-size:11px}.pl-stage-tabs button[aria-pressed=true]{color:#e1edf1;background:#b5cddd15;border-color:#94b1c13b}.pl-prompt-text,.pl-full-pack textarea{color:#c3d3de;resize:vertical;background:#0a121b;border:1px solid #59708240;border-radius:10px;width:100%;min-height:270px;padding:18px;font:13px/1.85 Nunito Sans Variable,sans-serif}.pl-stage-caption{justify-content:space-between;align-items:center;gap:14px;margin-top:9px;display:flex}.pl-stage-caption>span{color:#829aae;font-size:10px;line-height:1.6}.pl-stage-caption>button,.pl-full-pack>button{color:#f4ce80;cursor:pointer;background:0 0;border:0;flex-shrink:0;min-height:44px;padding:8px 0;font-size:11px}.pl-pack-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.pl-status{color:#a4b4bc;min-height:36px;margin:12px 0;font-size:11px}.pl-full-pack{border-top:1px solid #667e8b2b;padding:10px 0}.pl-full-pack summary{color:#a2b7c5;cursor:pointer;min-height:36px;padding:8px 0;font-size:11px}.pl-full-pack textarea{margin-top:12px;font-size:12px}.pl-online-option{border-top:1px solid #667e8b2b;grid-template-columns:1fr auto;gap:12px 18px;margin-top:12px;padding-top:23px;display:grid}.pl-online-option strong{color:#c4d5dc;font-size:12px}.pl-online-option p{color:#8da5b5;margin:5px 0 0;font-size:11px}.pl-online-option>a{color:#ddc28b;align-self:center;padding:12px 0;font-size:11px}.pl-online-option small{color:#7792a4;grid-column:1/-1;font-size:10px}.pl-checks{margin:50px 0}.pl-checks h2,.pl-references h2{margin:10px 0 22px;font-size:29px;font-weight:500}.pl-checks ul{grid-template-columns:1fr 1fr;gap:16px 32px;padding:0;list-style:none;display:grid}.pl-checks li{color:#b2c4cc;gap:12px;font-size:13px;line-height:1.7;display:flex}.pl-checks li>span{color:#add0a8}.pl-checks>p{color:#7f98a8;font-size:11px}.pl-references{border-top:1px solid #7285932a;grid-template-columns:1fr 1.1fr;gap:55px;padding:45px 0;display:grid}.pl-references>div>p{color:#8ba3b5;font-size:13px}.pl-reference-list{gap:18px;display:grid}.pl-reference-list article{background:#ffffff03;border-radius:12px;padding:18px 20px}.pl-reference-list article>span{color:#d7bc87;font-size:10px;font-weight:800}.pl-reference-list h3{margin:6px 0;font-size:18px;font-weight:500}.pl-reference-list p{color:#8ea7b8;margin:0;font-size:12px}.pl-more{border-top:1px solid #7285932a;flex-wrap:wrap;gap:25px;padding:25px 0;display:flex}.pl-more a{color:#d9bf8e;padding:8px 0;font-size:12px}.prompt-library.is-compact{border-bottom:1px solid #62758638;margin-bottom:40px;padding-bottom:45px}.is-compact .pl-section-heading h2{font-size:29px}.is-compact .pl-grid{gap:20px}@media (width<=1100px){.pl-hero{gap:30px}.pl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-toolbar{align-items:start}.pl-filters{gap:2px}.pl-filters button{padding:9px}.pl-search input{width:180px}.pl-customizer{gap:25px;padding:24px}.pl-detail-hero{gap:28px}.pl-online-option{grid-template-columns:1fr}.pl-online-option>a{justify-self:start}}@media (width<=720px){.pl-page{padding-top:25px;padding-bottom:36px}.pl-hero{grid-template-columns:1fr;gap:28px;margin-bottom:44px}.pl-hero h1{font-size:48px}.pl-hero-copy>p{font-size:14px}.pl-hero-actions{gap:15px;margin-top:20px}.pl-hero-details{gap:13px;margin-top:20px;font-size:10px}.pl-featured{aspect-ratio:16/10;border-radius:16px}.pl-featured-caption{bottom:20px;left:20px;right:20px}.pl-featured-top{font-size:9px;top:15px;left:15px}.pl-featured-caption>strong{font-size:28px}.pl-section-heading{align-items:start;gap:14px}.pl-section-heading h2{font-size:27px}.pl-section-heading p{font-size:13px}.pl-count{display:none}.pl-toolbar{flex-direction:column;gap:12px}.pl-filters{flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow:auto}.pl-filters button{flex-shrink:0;padding:9px 10px;font-size:11px}.pl-search,.pl-search input{width:100%}.pl-grid{gap:18px}.pl-card-body{padding:16px}.pl-card h3{font-size:22px}.pl-card-meta{font-size:9px}.pl-card p{font-size:12px}.pl-card-bottom{flex-wrap:wrap}.pl-how{grid-template-columns:1fr;gap:30px;margin-top:35px;padding:40px 0}.pl-how h2{max-width:none;font-size:32px}.pl-faq{margin-top:40px}.pl-detail-hero{grid-template-columns:1fr;gap:25px}.pl-detail-art{border-radius:15px}.pl-detail-copy h1{font-size:43px}.pl-detail-copy>p{font-size:14px}.pl-design-notes{grid-template-columns:1fr;gap:20px;padding:30px 0}.pl-design-notes h2{margin-bottom:7px}.pl-design-notes ul{margin-bottom:0}.pl-customizer{border-radius:16px;grid-template-columns:1fr;gap:30px;padding:20px}.pl-custom-fields>p{margin-bottom:16px}.pl-prompt-text{padding:14px;font-size:12px}.pl-pack-actions>*{flex:1;padding-left:12px;padding-right:12px}.pl-checks ul{grid-template-columns:1fr}.pl-references{grid-template-columns:1fr;gap:20px;padding:30px 0}.pl-more{gap:16px}.is-compact .pl-section-heading{flex-direction:column}.is-compact .pl-grid{grid-template-columns:1fr 1fr}}@media (width<=460px){.pl-grid,.is-compact .pl-grid{grid-template-columns:1fr}.pl-card p{min-height:0}.pl-card-bottom{flex-wrap:nowrap}.pl-pack-actions{flex-direction:column}.pl-stage-caption{align-items:start}.pl-featured-caption>p{font-size:12px}.pl-detail-copy h1{font-size:40px}}@media (prefers-reduced-motion:reduce){.pl-button,.pl-card,.pl-card-art img,.pl-featured-arrow{transition:none}.pl-button:hover,.pl-card:hover,.pl-card:hover .pl-card-art img,.pl-featured:hover .pl-featured-arrow{transform:none}}
