.CodingShowcase_page__1NOYH{--color-bg:#090b0c;--color-fg:#eef0ef;--color-muted:#8c9697;--color-border:#293031;--color-accent:#79c1bb;--color-pink:#f6d9e3;min-height:100vh;background:var(--color-bg);color:var(--color-fg);padding:28px clamp(20px,5vw,80px) 64px}.CodingShowcase_page__1NOYH a,.CodingShowcase_page__1NOYH button{transition:color .18s,background .18s,border-color .18s,transform .18s}.CodingShowcase_page__1NOYH a:focus-visible,.CodingShowcase_page__1NOYH button:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}.CodingShowcase_nav__NKzyv{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted)}.CodingShowcase_nav__NKzyv h1{color:var(--color-fg);font-weight:400}.CodingShowcase_github__68ELM{display:flex;align-items:center;flex-direction:column;padding:44px 0 48px}.CodingShowcase_githubLink__v_IWL{display:flex;align-items:center;gap:18px;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;letter-spacing:-.05em;line-height:1.1}.CodingShowcase_githubLink__v_IWL svg{width:clamp(36px,4vw,52px);height:auto}.CodingShowcase_arrow__CNOSy{font-size:.6em;color:var(--color-muted)}.CodingShowcase_github__68ELM p{color:var(--color-muted);font-size:11px;margin-top:12px}.CodingShowcase_githubLink__v_IWL:hover{color:var(--color-accent);transform:translateY(-3px)}.CodingShowcase_project__1twI2{max-width:960px;margin:40px auto 0}.CodingShowcase_body__oVAhX{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,7vw,90px);align-items:start}.CodingShowcase_identity__by9X0{display:flex;align-items:center;gap:20px}.CodingShowcase_identity__by9X0 img{border-radius:16px}.CodingShowcase_identity__by9X0 h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:1}.CodingShowcase_identity__by9X0 p{font-size:10px;color:var(--color-muted);margin-top:9px}.CodingShowcase_description__fsEXQ{font-size:clamp(1rem,1.8vw,1.2rem);margin-top:24px}.CodingShowcase_actions__QL4uT{display:flex;gap:24px;align-items:center;margin-top:24px;font-size:11px}.CodingShowcase_launch__G95XY{border:1px solid var(--color-accent);padding:12px 16px;display:flex;gap:24px;color:var(--color-accent)}.CodingShowcase_launch__G95XY:hover{background:var(--color-accent);color:var(--color-bg);box-shadow:0 0 30px rgba(121,193,187,.15)}.CodingShowcase_source__vdkRC{color:var(--color-muted)}.CodingShowcase_source__vdkRC span{display:block;font-size:9px;margin-top:3px}.CodingShowcase_nav__NKzyv a:hover,.CodingShowcase_source__vdkRC:hover{color:var(--color-fg)}@media (max-width:640px){.CodingShowcase_nav__NKzyv>span{display:none}.CodingShowcase_github__68ELM{padding:40px 0}}@media (prefers-reduced-motion:reduce){.CodingShowcase_page__1NOYH *{transition:none}.CodingShowcase_githubLink__v_IWL:hover{transform:none}}.CodingShowcase_description__fsEXQ{max-width:300px;font-size:13px;color:var(--color-muted);line-height:1.8}.CodingShowcase_technicalHeading__Fqcys{font-size:20px;font-weight:500;margin-bottom:22px;letter-spacing:-.02em}.CodingShowcase_topicTabs__f6Tu2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.CodingShowcase_topicTabs__f6Tu2 button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 14px;text-align:left;font-size:11px;background:#ffffff04;color:var(--color-muted);min-height:56px}.CodingShowcase_topicTabs__f6Tu2 button[aria-expanded=true]{color:var(--color-accent);background:rgba(121,193,187,.09)}.CodingShowcase_topicTabs__f6Tu2 button:hover{background:#ffffff09;color:var(--color-fg)}.CodingShowcase_expanded__3t_vN{padding-top:22px}.CodingShowcase_detail__ZY8ye{margin-bottom:8px}.CodingShowcase_detail__ZY8ye summary{padding:10px 0;cursor:pointer;font-size:13px;color:var(--color-fg)}.CodingShowcase_detail__ZY8ye summary::marker,.CodingShowcase_notes__FERXm summary::marker{color:var(--color-muted)}.CodingShowcase_detail__ZY8ye p,.CodingShowcase_notes__FERXm p{color:var(--color-muted);line-height:1.8;font-size:12px;margin:8px 0 14px}.CodingShowcase_detail__ZY8ye code{display:block;font-family:var(--font-inter),sans-serif;color:var(--color-accent);font-size:10px;margin:16px 0 22px;overflow-wrap:anywhere}.CodingShowcase_detail__ZY8ye summary:focus-visible,.CodingShowcase_notes__FERXm summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.CodingShowcase_diagram__xiMVN{max-width:340px;margin:0 auto 20px}.CodingShowcase_diagram__xiMVN svg{width:100%;height:auto}.CodingShowcase_maskControls__nN89C{padding:12px 0;font-size:10px;display:grid;gap:16px}.CodingShowcase_maskControls__nN89C button{color:var(--color-accent);text-align:left}.CodingShowcase_maskControls__nN89C label{display:flex;align-items:center;gap:14px;justify-content:space-between}.CodingShowcase_maskControls__nN89C input{width:45%;accent-color:var(--color-accent)}.CodingShowcase_notes__FERXm{margin-top:20px}.CodingShowcase_notes__FERXm summary{color:var(--color-muted);cursor:pointer;font-size:10px}@media (max-width:640px){.CodingShowcase_body__oVAhX{grid-template-columns:1fr;gap:40px}.CodingShowcase_project__1twI2{margin-top:16px}}.CodingShowcase_storySvg__atWUA{display:block;width:100%;height:auto;color:var(--color-muted);overflow:visible}.CodingShowcase_storySvg__atWUA text{fill:var(--color-muted);font-family:var(--font-inter),sans-serif;font-size:10px}.CodingShowcase_storyControls__YIoJV{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px}.CodingShowcase_storyControls__YIoJV button{min-width:36px;min-height:40px;color:var(--color-muted)}.CodingShowcase_storyControls__YIoJV button:disabled{opacity:.25;cursor:default}.CodingShowcase_storyControls__YIoJV button[aria-current=step]{color:var(--color-accent);background:rgba(121,193,187,.09);border-radius:50%}.CodingShowcase_storyControls__YIoJV button:not(:disabled):hover{color:var(--color-accent)}.CodingShowcase_storyDots__NfDFz{display:flex;gap:2px}.CodingShowcase_storyCaption__hhC_J{min-height:106px;margin-top:18px}.CodingShowcase_storyCaption__hhC_J h4{font-size:17px;font-weight:500}.CodingShowcase_storyCaption__hhC_J p{font-size:13px;line-height:1.8;color:var(--color-muted);margin-top:6px}.CodingShowcase_playRow__NIhwS{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--color-muted);margin:14px 0 20px}.CodingShowcase_playRow__NIhwS button{color:var(--color-accent)}.CodingShowcase_internals__yNS8t{--color-bg:#121819;--color-fg:#eef0ef;--color-muted:#a3b0a8;margin-top:56px}.CodingShowcase_workflowHeader__gM_fm{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.CodingShowcase_workflowEyebrow__In9NV{display:block;font-family:var(--font-inter),sans-serif;font-size:10px;letter-spacing:.08em;color:var(--color-muted)}.CodingShowcase_workflowHeader__gM_fm .CodingShowcase_technicalHeading__Fqcys{margin:8px 0 0;font-size:clamp(1.5rem,3vw,2rem)}.CodingShowcase_workflowHeader__gM_fm>p{color:var(--color-muted);font-size:12px;max-width:180px}.CodingShowcase_workflowWorkbench__hJYil{background:#17201c;border:1px solid #3a4b40;border-radius:18px;overflow:hidden}.CodingShowcase_workflowTabs__lmBMG{display:flex;gap:6px;padding:10px;background:#202b25;border-bottom:1px solid #3a4b40}.CodingShowcase_workflowTabs__lmBMG button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 24px;border-radius:9px;color:#a3b0a8;font-size:13px}.CodingShowcase_workflowTabs__lmBMG button[aria-selected=true]{background:var(--color-accent);color:#17201c}.CodingShowcase_workflowTabs__lmBMG button span{font-size:9px;text-transform:uppercase;border:1px solid;border-radius:4px;padding:2px 5px}.CodingShowcase_workflowPanel__iNyID{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,5vw,64px);padding:clamp(20px,4vw,40px)}.CodingShowcase_workflowPanel__iNyID:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.CodingShowcase_workflowIntro__B4HdK h4{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;letter-spacing:-.03em;margin:16px 0}.CodingShowcase_workflowIntro__B4HdK>p{color:var(--color-muted);font-size:13px;line-height:1.8}.CodingShowcase_workflowPath__Y5_vz{margin-top:28px;display:grid;gap:0}.CodingShowcase_workflowPath__Y5_vz>span{display:flex;align-items:center;gap:14px;font-size:12px;padding:12px 0;border-top:1px solid #3a4b40}.CodingShowcase_workflowPath__Y5_vz small{font-family:var(--font-inter),sans-serif;font-size:10px;color:var(--color-accent)}.CodingShowcase_workflowPanel__iNyID .CodingShowcase_expanded__3t_vN{padding-top:0;min-width:0}.CodingShowcase_workflowPanel__iNyID .CodingShowcase_storySvg__atWUA{background:#121819;border:1px solid #3a4b40;border-radius:12px}.CodingShowcase_sharedFeatures__bNrmV{margin-top:24px;padding:22px;background:#121819;border:1px solid #29382f;border-radius:12px}.CodingShowcase_sharedButtons__VPjzV{display:flex;gap:24px;margin-top:12px}.CodingShowcase_sharedButtons__VPjzV button{display:flex;gap:24px;align-items:center;min-height:44px;font-size:12px;color:var(--color-muted)}.CodingShowcase_sharedButtons__VPjzV button[aria-expanded=true]{color:var(--color-accent)}.CodingShowcase_sharedFeatures__bNrmV .CodingShowcase_expanded__3t_vN{max-width:480px;margin:auto}@media (max-width:640px){.CodingShowcase_workflowHeader__gM_fm{display:block}.CodingShowcase_workflowHeader__gM_fm>p{margin-top:12px;max-width:none}.CodingShowcase_workflowPanel__iNyID{grid-template-columns:1fr}.CodingShowcase_workflowTabs__lmBMG button{flex:1;padding:10px 12px}.CodingShowcase_workflowPath__Y5_vz{display:none}.CodingShowcase_sharedButtons__VPjzV{gap:18px;flex-wrap:wrap}}.CodingShowcase_projectHeader__y__HZ{display:flex;align-items:center;justify-content:space-between;gap:24px}.CodingShowcase_identity__by9X0{gap:16px}.CodingShowcase_identity__by9X0 img{width:56px;height:56px;border-radius:13px}.CodingShowcase_identity__by9X0 h2{font-size:clamp(1.8rem,3vw,2.5rem)}.CodingShowcase_actions__QL4uT{margin:0;gap:10px;flex-shrink:0;font-size:12px}.CodingShowcase_launch__G95XY,.CodingShowcase_website__u85m0{padding:9px 13px;border:0;border-radius:6px;font-family:var(--font-inter),sans-serif;font-weight:500;white-space:nowrap}.CodingShowcase_launch__G95XY{background:var(--color-pink);color:#292125}.CodingShowcase_website__u85m0{background:rgba(121,193,187,.12);color:var(--color-accent)}.CodingShowcase_launch__G95XY:hover{background:#ffe8f0;color:#292125;box-shadow:none}.CodingShowcase_website__u85m0:hover{background:rgba(121,193,187,.23)}.CodingShowcase_description__fsEXQ{max-width:none;width:100%;margin-top:20px;font-size:14px}.CodingShowcase_disclosure__O1A8E{display:inline-flex;align-items:center;gap:18px;font-size:13px;color:var(--color-accent);margin-top:14px;padding:8px 0}.CodingShowcase_internals__yNS8t{margin-top:18px;--color-accent:#79c1bb;--color-pink:#f6d9e3}.CodingShowcase_workflowWorkbench__hJYil{background:#111c1d;border-color:#2b4141}.CodingShowcase_workflowTabs__lmBMG{background:#172729;border-color:#2b4141}.CodingShowcase_workflowTabs__lmBMG button[aria-selected=true]{background:var(--color-pink);color:#292125}.CodingShowcase_workflowIntro__B4HdK h4{font-size:clamp(1.2rem,2vw,1.6rem);margin-top:0}.CodingShowcase_workflowPanel__iNyID .CodingShowcase_storySvg__atWUA{border-color:#2b4141}.CodingShowcase_sharedFeatures__bNrmV{background:transparent;border:0;padding:0}@media (max-width:480px){.CodingShowcase_projectHeader__y__HZ{gap:12px}.CodingShowcase_identity__by9X0{gap:10px}.CodingShowcase_identity__by9X0 img{width:42px;height:42px;border-radius:10px}.CodingShowcase_identity__by9X0 h2{font-size:1.65rem}.CodingShowcase_actions__QL4uT{gap:6px;font-size:10px}.CodingShowcase_launch__G95XY,.CodingShowcase_website__u85m0{padding:9px 8px}}@media (max-width:359px){.CodingShowcase_actions__QL4uT{flex-direction:column;align-items:stretch}.CodingShowcase_launch__G95XY,.CodingShowcase_website__u85m0{text-align:center}}