.BH7fFW_section{color:#202123;max-width:1280px;margin:0 auto;padding:40px 32px 90px}.BH7fFW_heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.BH7fFW_heading p{color:#66675f;margin:0 0 12px;font-size:12px}.BH7fFW_heading h2{letter-spacing:-.04em;font-size:clamp(25px,3vw,38px);font-weight:500;line-height:1.5}.BH7fFW_controls{flex-shrink:0;gap:8px;display:flex}.BH7fFW_controls[hidden]{display:none}.BH7fFW_controls button{width:46px;height:46px;font:inherit;cursor:pointer;background:0 0;border:1px solid #dcded6;border-radius:50%;transition:background .18s,transform .18s}.BH7fFW_controls button:hover:not(:disabled){background:#f3edda;transform:translateY(-2px)}.BH7fFW_controls button:disabled{opacity:.3;cursor:default}.BH7fFW_rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d7d7d0 transparent;gap:20px;padding:4px 2px 18px;scroll-padding-inline:2px;display:flex;overflow-x:auto}.BH7fFW_card{scroll-snap-align:start;background:var(--white);min-width:0;color:inherit;border:1px solid var(--rule);border-radius:12px;flex:0 0 clamp(285px,31vw,375px);text-decoration:none;position:relative;overflow:hidden}.BH7fFW_art{border-bottom:1px solid var(--rule);background:#e8ddc5;place-items:center;height:235px;padding:32px;display:grid;position:relative;overflow:hidden}.BH7fFW_index{color:#58594f;font-size:11px;position:absolute;top:17px;left:20px}.BH7fFW_paper{background:#fffefb;border:1px solid #deded366;border-radius:8px;gap:13px;width:100%;padding:24px;font-size:13px;line-height:1.7;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:grid;transform:rotate(-2deg);box-shadow:0 10px 25px #25251e08}.BH7fFW_paper span+span{color:#6a6a61;font-size:11px}.BH7fFW_card:nth-child(2n) .BH7fFW_paper{transform:rotate(2deg)}.BH7fFW_card:hover .BH7fFW_paper,.BH7fFW_card:focus-visible .BH7fFW_paper{transform:rotate(0)translateY(-3px)}.BH7fFW_card[data-kind=plan] .BH7fFW_art{background:#dce2d4}.BH7fFW_card[data-kind=plan] .BH7fFW_paper span+span:before{content:"○";margin-right:12px}.BH7fFW_card[data-kind=code] .BH7fFW_art{background:#d8e0e2}.BH7fFW_card[data-kind=code] .BH7fFW_paper{gap:7px;font-family:ui-monospace,monospace}.BH7fFW_card[data-kind=code] .BH7fFW_paper span:first-child{margin-bottom:12px;font-size:10px}.BH7fFW_card[data-kind=place] .BH7fFW_art{background:#dfdcd5}.BH7fFW_card[data-kind=place] .BH7fFW_paper{background:linear-gradient(#e4e7d6 30%,#fffefb 30%);padding-top:55px}.BH7fFW_card[data-kind=share] .BH7fFW_art{background:#e8d4c8}.BH7fFW_card[data-kind=share] .BH7fFW_paper{text-align:center}.BH7fFW_copy{min-height:175px;padding:25px 25px 45px}.BH7fFW_copy small{color:#63655e;font-size:11px}.BH7fFW_copy h3{letter-spacing:-.025em;margin:10px 0;font-size:19px;font-weight:500;line-height:1.65}.BH7fFW_copy p{color:#62645d;font-size:12px;line-height:1.8}.BH7fFW_arrow{transition:transform .2s;position:absolute;bottom:18px;right:23px}.BH7fFW_card:hover .BH7fFW_arrow{transform:translate(2px,-2px)}.BH7fFW_note{color:#686a62;margin-top:12px;font-size:11px;line-height:1.8}.BH7fFW_section :focus-visible{outline-offset:2px;outline:2px solid #7e6938}@media (max-width:650px){.BH7fFW_section{padding:25px 20px 65px}.BH7fFW_heading{align-items:start;gap:12px}.BH7fFW_heading h2{font-size:25px}.BH7fFW_controls{padding-top:3px}.BH7fFW_controls button{width:40px;height:40px}.BH7fFW_card{flex-basis:82%}.BH7fFW_art{height:215px;padding:25px}.BH7fFW_copy{padding-inline:20px}}@media print{.BH7fFW_rail{grid-template-columns:1fr 1fr;display:grid;overflow:visible}.BH7fFW_controls{display:none}.BH7fFW_card{break-inside:avoid}}@media (forced-colors:active){.BH7fFW_card,.BH7fFW_controls button{border-color:canvastext}}
._52ENPG_showcase{--scene-height:clamp(33rem, 65svh, 36rem)}._52ENPG_overview{align-items:center;gap:clamp(2rem,7vw,7rem);margin-block:1rem 3.5rem;display:flex}._52ENPG_wordmark{letter-spacing:-.08em;font-size:clamp(5rem,9vw,8rem);line-height:1}._52ENPG_caption{letter-spacing:-.035em;margin-bottom:.7rem;font-size:clamp(1.2rem,2.2vw,1.75rem)}._52ENPG_stepsNav{gap:.5rem;padding-block:.5rem 1.25rem;display:flex}._52ENPG_stepsNav a{border:1px solid var(--rule);border-radius:999px;align-items:center;gap:.8rem;min-height:3rem;padding:.65rem 1.2rem;font-size:.88rem;text-decoration:none;transition:background .2s,color .2s;display:flex}._52ENPG_stepsNav a:hover{background:#efeee8}._52ENPG_stepsNav a[aria-current]{background:var(--ink);color:var(--white);border-color:var(--ink)}._52ENPG_stepsNav svg{width:.9rem;height:.9rem}._52ENPG_number{opacity:.75;font-size:.7rem}._52ENPG_step{border-top:1px solid var(--rule);padding-block:3rem;scroll-margin-top:0}._52ENPG_product{color:#5f625c;font-size:.78rem}._52ENPG_copy h3{letter-spacing:-.045em;white-space:pre-line;margin-block:1.2rem 1.5rem;font-size:clamp(1.9rem,2.75vw,2.6rem);font-weight:400;line-height:1.5}._52ENPG_description{color:#4b4e46;max-width:33rem;font-size:.94rem}._52ENPG_steps{flex-wrap:wrap;gap:.3rem 1rem;margin-block:1.5rem;padding:0;font-size:.74rem;list-style:none;display:flex}._52ENPG_steps li:not(:last-child):after{content:"→";color:#63685c;padding-left:1rem}._52ENPG_note{color:#60645b;max-width:34rem;font-size:.74rem;line-height:1.9}._52ENPG_inlinePreview{margin-top:2rem}._52ENPG_previewColumn{display:none}._52ENPG_example{border:1px solid var(--rule);color:#242721;background:#fffefa;border-radius:16px;height:100%;overflow:hidden}._52ENPG_windowBar{border-bottom:1px solid var(--rule);background:#f2f0e9;justify-content:space-between;align-items:center;gap:.8rem;min-height:3.4rem;padding:.8rem 1.4rem;font-size:.9rem;display:flex}._52ENPG_windowBar>span:last-child{color:#646760;font-size:.68rem}._52ENPG_conversation{max-width:38rem;margin-inline:auto;padding:clamp(1.4rem,3vw,3rem)}._52ENPG_miniBrand{letter-spacing:-.08em;margin-bottom:.7rem;font-size:1.7rem;line-height:1.2;display:block}._52ENPG_example h4{letter-spacing:-.035em;font-size:clamp(1.25rem,2.1vw,1.75rem);font-weight:500;line-height:1.5}._52ENPG_modeSwitch{border:1px solid #e2e3de;border-radius:999px;margin-top:1rem;padding:.2rem;display:inline-flex}._52ENPG_modeSwitch button{cursor:pointer;background:0 0;border-radius:999px;min-height:2.5rem;padding:.4rem 1rem;font-size:.8rem;transition:background .18s,color .18s}._52ENPG_modeSwitch button[aria-pressed=true]{color:#22251f;background:#eceee7}._52ENPG_prompt{margin-block:1.4rem 1.2rem;background:#f1f2ed;border-radius:18px 18px 4px;margin-left:12%;padding:.85rem 1.15rem;font-size:.85rem}._52ENPG_idea{min-height:6.75rem;font-size:.85rem;line-height:1.9}._52ENPG_idea>span{font-weight:500}._52ENPG_idea>p,._52ENPG_idea>ol{color:#555a50;margin-top:.4rem}._52ENPG_idea ol{padding-left:1.3rem}._52ENPG_sampleNote{color:#6b7065;margin-top:.75rem;font-size:.68rem}._52ENPG_workspace{min-height:calc(var(--scene-height) - 3.4rem);grid-template-columns:.9fr 1.1fr;display:grid}._52ENPG_editor{background:#f6f6f3;border-right:1px solid #e9e9e3;min-width:0;position:relative}._52ENPG_fileName{border-bottom:1px solid #e3e5de;padding:1.2rem;font:.72rem ui-monospace,monospace}._52ENPG_editor pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#4d6351;padding:1.4rem 1.2rem;font:.7rem/2 ui-monospace,monospace}._52ENPG_editorCaption{color:#62685c;padding:1.2rem;font-size:.67rem;display:block}._52ENPG_workPreview{background:#fdfcf7;align-content:center;padding:1.4rem}._52ENPG_previewLabel{color:#6b7063;margin-bottom:2rem;font-size:.68rem;display:block}._52ENPG_travelMark{color:#43503b;background:#e8edda;border-radius:17px;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:1.2rem;font-size:1.8rem;display:grid}._52ENPG_workPreview h4{font-size:clamp(1.1rem,1.65vw,1.5rem)}._52ENPG_workPreview>p,._52ENPG_storeExample>p{color:#62675a;margin-top:.6rem;font-size:.8rem}._52ENPG_place{border-top:1px solid #dddfd2;margin-top:2rem;padding:1rem 0;font-size:.8rem}._52ENPG_place small{color:#676d5f;margin-top:.4rem;font-size:.68rem;display:block}._52ENPG_storeExample{text-align:center;flex-direction:column;align-items:center;padding:2.5rem;display:flex}._52ENPG_draft{border:1px solid #dfe3d7;border-radius:999px;margin-top:1rem;padding:.3rem .9rem;font-size:.7rem;display:inline-flex}._52ENPG_checklist{text-align:left;width:min(100%,24rem);margin-top:2rem;font-size:.78rem}._52ENPG_checklist>div{border-top:1px solid #e2e6db;justify-content:space-between;gap:1rem;padding-block:.8rem;display:flex}._52ENPG_checklist dd{color:#646b5d}@media (min-width:62rem) and (min-height:42rem){._52ENPG_showcase[data-enhanced=true] ._52ENPG_journey{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,5rem);display:grid}._52ENPG_showcase[data-enhanced=true] ._52ENPG_step{align-items:center;min-height:max(38rem,80svh);padding-block:5rem;display:flex}._52ENPG_showcase[data-enhanced=true] ._52ENPG_step:first-child{border-top:0}._52ENPG_showcase[data-enhanced=true] ._52ENPG_inlinePreview{display:none}._52ENPG_showcase[data-enhanced=true] ._52ENPG_previewColumn{padding-block:max(0px, calc((max(38rem, 80svh) - var(--scene-height)) / 2));display:block}._52ENPG_stickyPreview{top:max(6.5rem, calc((100svh - var(--scene-height)) / 2));height:var(--scene-height);display:grid;position:sticky}._52ENPG_scene{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;min-width:0;min-height:0;transition:opacity .32s,transform .42s cubic-bezier(.2,.7,.2,1),visibility .42s;transform:translateY(12px)}._52ENPG_scene[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transform:none}}@media (max-width:48rem){._52ENPG_overview{align-items:flex-start;gap:1.7rem;margin-block:.5rem 2rem}._52ENPG_wordmark{font-size:4.5rem}._52ENPG_caption{font-size:1.05rem}._52ENPG_overview a{font-size:.78rem}._52ENPG_stepsNav{justify-content:space-between;gap:.35rem}._52ENPG_stepsNav a{gap:.4rem;padding:.6rem .9rem;font-size:.8rem}._52ENPG_number{display:none}._52ENPG_step{padding-block:2rem 3rem}._52ENPG_copy h3{font-size:1.8rem}._52ENPG_example{border-radius:16px}._52ENPG_windowBar{padding-inline:1rem}._52ENPG_windowBar>span:last-child{font-size:.61rem}._52ENPG_conversation{padding:1.3rem}._52ENPG_prompt{margin-left:0}._52ENPG_workspace{grid-template-columns:1fr;min-height:0}._52ENPG_editor{border-bottom:1px solid #e3e5de;border-right:0}._52ENPG_editor pre{padding-block:.8rem}._52ENPG_editorCaption{padding-top:0}._52ENPG_workPreview{padding:1.5rem}._52ENPG_previewLabel{margin-bottom:1.25rem}._52ENPG_storeExample{padding:2rem 1.5rem}}@media print{._52ENPG_showcase[data-enhanced=true] ._52ENPG_journey{display:block}._52ENPG_showcase[data-enhanced=true] ._52ENPG_step{break-inside:avoid;min-height:0;padding-block:2rem;display:block}._52ENPG_showcase[data-enhanced=true] ._52ENPG_inlinePreview{display:block}._52ENPG_showcase[data-enhanced=true] ._52ENPG_previewColumn{display:none}}@media (forced-colors:active){._52ENPG_stepsNav a[aria-current],._52ENPG_modeSwitch button[aria-pressed=true]{border:2px solid highlight}._52ENPG_example{border-color:canvastext}}._52ENPG_wordmark img{width:clamp(5rem,9vw,8rem);height:auto}@media (min-width:62rem) and (min-height:42rem){._52ENPG_stickyPreview{border-radius:16px;overflow:clip}._52ENPG_scene{transform:translateX(calc(var(--scene-position,0) * 100%));opacity:.35;transition:transform .65s cubic-bezier(.22,.7,.2,1),opacity .4s,visibility .65s}._52ENPG_scene[data-active=true]{opacity:1;transform:translate(0)}}