.p5jsplayground_pageShell__CvnSq{position:relative;z-index:1;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 16% 8%,rgba(102,255,227,.18),transparent 28rem),radial-gradient(circle at 84% 18%,rgba(167,139,250,.22),transparent 30rem),radial-gradient(circle at 48% 100%,rgba(254,230,138,.13),transparent 28rem),linear-gradient(135deg,#020817,#071124 48%,#16051d);color:rgba(240,249,255,.94);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:clamp(20px,4vw,56px)}.p5jsplayground_pageShell__CvnSq:before{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(125,211,252,.07) 1px,transparent 0),linear-gradient(90deg,rgba(125,211,252,.055) 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at 50% 28%,black,transparent 72%);mask-image:radial-gradient(circle at 50% 28%,black,transparent 72%);content:""}.p5jsplayground_controlsPanel__Vl0Q5,.p5jsplayground_detailGrid__BlVbZ,.p5jsplayground_hero__RhvIe,.p5jsplayground_stageSection__MxOMz{position:relative;z-index:1;width:min(1440px,100%);margin-inline:auto}.p5jsplayground_hero__RhvIe{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.36fr);gap:clamp(22px,4vw,56px);align-items:end;padding:clamp(18px,3vw,38px) 0 clamp(24px,5vw,58px)}.p5jsplayground_heroCopy__wKa9u{max-width:990px}.p5jsplayground_eyebrow__mMAdV,.p5jsplayground_kicker__5Ue3U{margin:0;color:#66ffe3;font-family:var(--pg-font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace);font-size:.76rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.p5jsplayground_hero__RhvIe h1{max-width:1020px;margin:14px 0 0;color:#f8fbff;font-family:var(--pg-font-display,Georgia,Cambria,"Times New Roman",serif);font-size:clamp(3.1rem,9vw,8.8rem);font-weight:520;line-height:.86;letter-spacing:-.08em;text-wrap:balance}.p5jsplayground_lede__c3rQ6{max-width:760px;margin:clamp(18px,2.5vw,30px) 0 0;color:rgba(214,232,245,.74);font-size:clamp(1rem,2vw,1.3rem);line-height:1.68}.p5jsplayground_heroPanel__4iKNC{display:grid;gap:10px;border:1px solid rgba(125,211,252,.2);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025)),rgba(2,8,23,.58);box-shadow:0 26px 90px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px}.p5jsplayground_heroPanel__4iKNC span{border:1px solid rgba(102,255,227,.16);border-radius:999px;background:rgba(102,255,227,.075);color:rgba(232,247,255,.84);font-size:.86rem;font-weight:800;padding:10px 12px}.p5jsplayground_stageSection__MxOMz{overflow:hidden;border:1px solid rgba(125,211,252,.22);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.018)),rgba(3,7,18,.68);box-shadow:0 32px 120px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px) saturate(1.16);backdrop-filter:blur(18px) saturate(1.16)}.p5jsplayground_stageHeader__fcQKB{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:clamp(18px,3vw,26px)}.p5jsplayground_controlsPanel__Vl0Q5 h2,.p5jsplayground_stageHeader__fcQKB h2{margin:8px 0 0;color:#f8fbff;font-family:var(--pg-font-display,Georgia,Cambria,"Times New Roman",serif);font-size:clamp(2rem,4vw,4rem);font-weight:520;line-height:.92;letter-spacing:-.065em}.p5jsplayground_homeLink__ceqPh{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(254,230,138,.28);border-radius:999px;background:rgba(254,230,138,.1);color:#fff4bd;font-weight:900;padding:0 18px;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.p5jsplayground_homeLink__ceqPh:hover{transform:translateY(-2px);border-color:rgba(254,230,138,.5);background:rgba(254,230,138,.17)}.p5jsplayground_sketchFrame__sgmOO{display:block;width:100%;height:min(76vh,820px);min-height:560px;border:0;background:#020817}.p5jsplayground_detailGrid__BlVbZ{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);margin-top:clamp(18px,3vw,30px)}.p5jsplayground_controlsPanel__Vl0Q5,.p5jsplayground_featureCard__dlbQC{border:1px solid rgba(125,211,252,.18);border-radius:28px;background:radial-gradient(circle at top right,rgba(167,139,250,.14),transparent 18rem),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.02)),rgba(2,8,23,.56);box-shadow:0 24px 90px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.p5jsplayground_featureCard__dlbQC{padding:clamp(18px,2.4vw,28px)}.p5jsplayground_featureCard__dlbQC p{margin:0 0 14px;color:#fee68a;font-family:var(--pg-font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.p5jsplayground_featureCard__dlbQC h3{margin:0;color:#f8fbff;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1;letter-spacing:-.04em}.p5jsplayground_featureCard__dlbQC span{display:block;margin-top:14px;color:rgba(214,232,245,.72);line-height:1.58}.p5jsplayground_controlsPanel__Vl0Q5{display:grid;grid-template-columns:minmax(0,.72fr) minmax(340px,.58fr);gap:clamp(18px,4vw,60px);align-items:start;margin-top:clamp(18px,3vw,30px);padding:clamp(22px,4vw,44px)}.p5jsplayground_controlList__qFqfl{display:grid;gap:10px;margin:0}.p5jsplayground_controlRow__d3BL6{display:grid;grid-template-columns:minmax(88px,.32fr) minmax(0,1fr);gap:14px;align-items:center;border:1px solid rgba(102,255,227,.14);border-radius:18px;background:rgba(102,255,227,.06);padding:12px 14px}.p5jsplayground_controlRow__d3BL6 dt{color:#66ffe3;font-family:var(--pg-font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace);font-weight:900}.p5jsplayground_controlRow__d3BL6 dd{margin:0;color:rgba(232,247,255,.78);line-height:1.45}@media (max-width:980px){.p5jsplayground_controlsPanel__Vl0Q5,.p5jsplayground_detailGrid__BlVbZ,.p5jsplayground_hero__RhvIe{grid-template-columns:1fr}.p5jsplayground_sketchFrame__sgmOO{height:72vh;min-height:500px}}@media (max-width:620px){.p5jsplayground_pageShell__CvnSq{padding:14px}.p5jsplayground_hero__RhvIe h1{font-size:clamp(2.8rem,17vw,5.2rem)}.p5jsplayground_stageHeader__fcQKB{align-items:flex-start;flex-direction:column}.p5jsplayground_sketchFrame__sgmOO{height:74vh;min-height:460px}.p5jsplayground_controlRow__d3BL6{grid-template-columns:1fr;gap:6px}}