body:has(.design-playground-page){background:#f7f2e8;margin:0}:is(body:has(.design-playground-page) .global-site-header,body:has(.design-playground-page) .theme-footer,body:has(.design-playground-page) .global-floating-ui,body:has(.design-playground-page) .giant-cursor,body:has(.design-playground-page) .artifact-growth-cta,body:has(.design-playground-page) .home-container-doodles,body:has(.design-playground-page) .contact-qr-popups){display:none!important}.design-playground-module__UnCM0G__page{--ink:#17171a;--paper:#f7f2e8;--white:#fffdf7;--line:#17171a33;--muted:#68635b;background:radial-gradient(circle at 16% 8%, #f4b8002e, transparent 27rem), radial-gradient(circle at 88% 20%, #5b4bff26, transparent 31rem), var(--paper);min-height:100vh;color:var(--ink);font-family:Sora,sans-serif;position:relative;overflow:hidden}.design-playground-module__UnCM0G__page *,.design-playground-module__UnCM0G__page :before,.design-playground-module__UnCM0G__page :after{box-sizing:border-box}.design-playground-module__UnCM0G__page a{color:inherit;text-decoration:none}.design-playground-module__UnCM0G__orbOne,.design-playground-module__UnCM0G__orbTwo{pointer-events:none;border:1px solid #17171a24;border-radius:999px;position:absolute}.design-playground-module__UnCM0G__orbOne{background:#ef5a3c24;width:340px;height:340px;top:180px;left:-210px}.design-playground-module__UnCM0G__orbTwo{background:#1f9d6724;width:230px;height:230px;top:710px;right:-110px}.design-playground-module__UnCM0G__topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f2e8cc;grid-template-columns:1fr auto 1fr;align-items:center;min-height:66px;padding:0 28px;display:grid;position:relative}.design-playground-module__UnCM0G__brand{letter-spacing:-.08em;justify-self:start;font-size:18px;font-weight:800}.design-playground-module__UnCM0G__topbarTitle{letter-spacing:.12em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.design-playground-module__UnCM0G__systemLink{border:1px solid var(--ink);border-radius:999px;justify-self:end;padding:10px 14px;font-size:10px;font-weight:700;transition:background .15s,color .15s,transform .15s}.design-playground-module__UnCM0G__systemLink:hover{background:var(--ink);color:var(--white);transform:translateY(-1px)}.design-playground-module__UnCM0G__hero{z-index:1;grid-gap:70px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:70px;width:min(100% - 48px,1280px);min-height:720px;margin:0 auto;padding:90px 28px 110px;display:grid;position:relative}.design-playground-module__UnCM0G__heroCopy{z-index:2;position:relative}.design-playground-module__UnCM0G__eyebrow{letter-spacing:.11em;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.design-playground-module__UnCM0G__hero h1{letter-spacing:-.09em;max-width:900px;margin:22px 0 0;font-size:clamp(4rem,8.5vw,8.6rem);font-weight:760;line-height:.84}.design-playground-module__UnCM0G__lead{letter-spacing:-.025em;max-width:710px;margin:34px 0 0;font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.65}.design-playground-module__UnCM0G__heroAction{border:2px solid var(--ink);min-height:48px;box-shadow:5px 5px 0 var(--ink);background:#f4b800;border-radius:999px;align-items:center;margin-top:32px;padding:0 20px;font-size:12px;font-weight:800;transition:box-shadow .15s,transform .15s;display:inline-flex}.design-playground-module__UnCM0G__heroAction:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.design-playground-module__UnCM0G__heroToy{min-height:470px;position:relative}.design-playground-module__UnCM0G__toyWindow{border:2px solid var(--ink);background:var(--white);border-radius:26px;width:min(100%,410px);padding:20px;position:absolute;top:66px;left:50%;transform:translate(-50%)rotate(3deg);box-shadow:14px 14px #5b4bff}.design-playground-module__UnCM0G__toyDots{border-bottom:1px solid var(--line);gap:7px;padding-bottom:16px;display:flex}.design-playground-module__UnCM0G__toyDots i{border:1px solid var(--ink);background:#ef5a3c;border-radius:999px;width:11px;height:11px}.design-playground-module__UnCM0G__toyDots i:nth-child(2){background:#f2b705}.design-playground-module__UnCM0G__toyDots i:nth-child(3){background:#1f9d67}.design-playground-module__UnCM0G__toyBars{grid-gap:16px;gap:16px;padding:44px 0 34px;display:grid}.design-playground-module__UnCM0G__toyBars span{border:1px solid var(--ink);background:#e7e2d8;border-radius:999px;height:18px;display:block}.design-playground-module__UnCM0G__toyBars span:first-child{background:#17171a;width:78%;height:42px}.design-playground-module__UnCM0G__toyBars span:nth-child(2){width:94%}.design-playground-module__UnCM0G__toyBars span:nth-child(3){width:62%}.design-playground-module__UnCM0G__toyWindow button{border:2px solid var(--ink);color:#fff;min-height:54px;font:inherit;box-shadow:4px 4px 0 var(--ink);background:#ef5a3c;border-radius:16px;padding:0 25px;font-size:13px;font-weight:800}.design-playground-module__UnCM0G__stickerOne,.design-playground-module__UnCM0G__stickerTwo{z-index:3;border:2px solid var(--ink);letter-spacing:.08em;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:800;display:inline-flex;position:absolute}.design-playground-module__UnCM0G__stickerOne{background:#f2b705;border-radius:50%;width:104px;height:104px;top:12px;right:2%;transform:rotate(11deg)}.design-playground-module__UnCM0G__stickerTwo{color:#fff;background:#b33dc6;border-radius:6px;padding:14px 17px;bottom:24px;right:8%;transform:rotate(-8deg)}.design-playground-module__UnCM0G__concepts,.design-playground-module__UnCM0G__playSection{z-index:1;border:2px solid var(--ink);background:var(--white);width:min(100% - 48px,1280px);box-shadow:10px 10px 0 var(--ink);margin:0 auto;position:relative}.design-playground-module__UnCM0G__concepts{transform:rotate(-.25deg)}.design-playground-module__UnCM0G__sectionIntro{grid-gap:50px;border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(260px,.68fr);align-items:end;gap:50px;padding:64px;display:grid}.design-playground-module__UnCM0G__sectionIntro h2{letter-spacing:-.075em;grid-column:1;max-width:800px;margin:15px 0 0;font-size:clamp(2.8rem,6vw,6rem);font-weight:740;line-height:.94}.design-playground-module__UnCM0G__sectionIntro>p:last-child{max-width:480px;color:var(--muted);grid-area:1/2/span 2;margin:0;font-size:13px;line-height:1.75}.design-playground-module__UnCM0G__conceptGrid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design-playground-module__UnCM0G__conceptCard{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);min-height:330px;padding:28px;position:relative;overflow:hidden}.design-playground-module__UnCM0G__conceptCard:nth-child(3n){border-right:0}.design-playground-module__UnCM0G__conceptCard:nth-last-child(-n+3){border-bottom:0}.design-playground-module__UnCM0G__conceptCard:after{content:"";border:2px solid var(--ink);background:#ffffff73;border-radius:50%;width:92px;height:92px;position:absolute;bottom:-24px;right:-24px}.design-playground-module__UnCM0G__colorCard{background:#ffcec2}.design-playground-module__UnCM0G__spacingCard{background-color:#d9d4ff;background-image:linear-gradient(90deg,#0000 17px,#17171a21 18px,#0000 19px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.design-playground-module__UnCM0G__typeCard{background:#fff0a8}.design-playground-module__UnCM0G__shapeCard{background:#c7efd9}.design-playground-module__UnCM0G__motionCard{background:#e9cff2}.design-playground-module__UnCM0G__stateCard{background:#c8e7f7}.design-playground-module__UnCM0G__conceptTopline{z-index:1;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.design-playground-module__UnCM0G__conceptTopline span{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.design-playground-module__UnCM0G__conceptTopline h3{letter-spacing:-.05em;margin:0;font-size:24px;font-weight:760}.design-playground-module__UnCM0G__conceptShort{z-index:1;max-width:280px;margin:52px 0 0;font-family:Cormorant Garamond,serif;font-size:29px;font-weight:600;line-height:1.05;position:relative}.design-playground-module__UnCM0G__conceptBody{z-index:1;max-width:330px;margin:24px 0 0;font-size:11px;line-height:1.72;position:relative}.design-playground-module__UnCM0G__conceptBody strong{font-weight:800}.design-playground-module__UnCM0G__playSection{margin-top:120px;margin-bottom:120px;transform:rotate(.18deg)}.design-playground-module__UnCM0G__lab{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);display:grid}.design-playground-module__UnCM0G__controls{border-right:2px solid var(--ink);background:#ece6da}.design-playground-module__UnCM0G__controlsHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:20px 24px;display:flex}.design-playground-module__UnCM0G__controlsHeader span,.design-playground-module__UnCM0G__previewLabel,.design-playground-module__UnCM0G__paletteControl legend,.design-playground-module__UnCM0G__segmentedControl legend{letter-spacing:.09em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700}.design-playground-module__UnCM0G__controlsHeader h3{letter-spacing:-.035em;margin:7px 0 0;font-size:18px}.design-playground-module__UnCM0G__controlsHeader button{border:1px solid var(--ink);background:var(--white);min-height:36px;font:inherit;border-radius:999px;padding:0 13px;font-size:10px;font-weight:800}.design-playground-module__UnCM0G__paletteControl,.design-playground-module__UnCM0G__segmentedControl{border:0;border-bottom:1px solid var(--line);margin:0;padding:22px 24px 24px}.design-playground-module__UnCM0G__paletteControl legend,.design-playground-module__UnCM0G__segmentedControl legend{padding:0}.design-playground-module__UnCM0G__paletteRow{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.design-playground-module__UnCM0G__paletteRow button{border:2px solid #0000;border-radius:50%;width:35px;height:35px;box-shadow:inset 0 0 0 1px #17171a40}.design-playground-module__UnCM0G__paletteRow button[aria-pressed=true]{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.design-playground-module__UnCM0G__paletteControl p{color:var(--muted);margin:14px 0 0;font-size:10px;line-height:1.55}.design-playground-module__UnCM0G__slider{grid-gap:13px;border-bottom:1px solid var(--line);gap:13px;padding:20px 24px;display:grid}.design-playground-module__UnCM0G__controlTopline{justify-content:space-between;align-items:center;gap:20px;font-size:11px;font-weight:750;display:flex}.design-playground-module__UnCM0G__controlTopline output{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:9px}.design-playground-module__UnCM0G__slider input{width:100%;accent-color:var(--play-accent)}.design-playground-module__UnCM0G__segmentedControl{border-bottom:0}.design-playground-module__UnCM0G__segmentedControl>div{border:1px solid var(--ink);background:var(--white);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;padding:3px;display:grid}.design-playground-module__UnCM0G__segmentedControl button{min-height:36px;font:inherit;background:0 0;border:0;border-radius:999px;font-size:10px;font-weight:750}.design-playground-module__UnCM0G__segmentedControl button[aria-pressed=true]{background:var(--ink);color:var(--white)}.design-playground-module__UnCM0G__previewArea{background-color:#f0dfe9;background-image:linear-gradient(#17171a14 1px,#0000 1px),linear-gradient(90deg,#17171a14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:25px 25px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:0;padding:24px}.design-playground-module__UnCM0G__previewLabel{justify-content:space-between;gap:20px;margin-bottom:16px;display:flex}.design-playground-module__UnCM0G__previewCard{border:2px solid var(--ink);border-radius:var(--play-radius);background:var(--white);width:min(100%,650px);box-shadow:9px 9px 0 var(--ink);transition:border-radius var(--play-motion) ease, transform var(--play-motion) ease, box-shadow var(--play-motion) ease;margin:0 auto;overflow:hidden}.design-playground-module__UnCM0G__previewSaved{box-shadow:13px 13px 0 var(--play-accent);transform:translateY(-4px)rotate(-.35deg)}.design-playground-module__UnCM0G__previewProgress{border-bottom:1px solid var(--line);min-height:46px;padding:0 var(--play-space);color:var(--muted);text-transform:uppercase;transition:padding var(--play-motion) ease;align-items:center;gap:9px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;display:flex}.design-playground-module__UnCM0G__previewProgress span{border:1px solid var(--ink);background:var(--play-accent);width:9px;height:9px;transition:background var(--play-motion) ease;border-radius:50%}.design-playground-module__UnCM0G__previewContent{padding:calc(var(--play-space) * 1.35) var(--play-space) var(--play-space);transition:padding var(--play-motion) ease}.design-playground-module__UnCM0G__previewKicker{color:var(--play-accent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:800}.design-playground-module__UnCM0G__previewContent h3{max-width:520px;margin:calc(var(--play-space) * .45) 0 0;font-size:var(--play-heading);letter-spacing:-.06em;transition:font-size var(--play-motion) ease, margin var(--play-motion) ease;font-weight:760;line-height:1}.design-playground-module__UnCM0G__previewContent>p:not(.design-playground-module__UnCM0G__previewKicker){max-width:520px;margin:calc(var(--play-space) * .65) 0 0;color:var(--muted);transition:margin var(--play-motion) ease;font-size:12px;line-height:1.7}.design-playground-module__UnCM0G__options{grid-gap:max(10px, calc(var(--play-space) * .45));gap:max(10px, calc(var(--play-space) * .45));margin-top:var(--play-space);transition:gap var(--play-motion) ease, margin var(--play-motion) ease;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-playground-module__UnCM0G__options button{grid-gap:6px;border:2px solid var(--line);border-radius:var(--play-radius);min-height:82px;color:var(--ink);font:inherit;text-align:left;transition:border-color var(--play-motion) ease, border-radius var(--play-motion) ease, background var(--play-motion) ease, transform var(--play-motion) ease;background:0 0;align-content:center;gap:6px;padding:14px 16px;display:grid}.design-playground-module__UnCM0G__options button[aria-pressed=true]{border-color:var(--play-accent);background:color-mix(in srgb, var(--play-accent) 12%, white);transform:translateY(-2px)}.design-playground-module__UnCM0G__options span{font-size:12px;font-weight:800}.design-playground-module__UnCM0G__options small{color:var(--muted);font-size:9px}.design-playground-module__UnCM0G__previewActions{gap:max(9px, calc(var(--play-space) * .45));margin-top:calc(var(--play-space) * 1.05);transition:gap var(--play-motion) ease, margin var(--play-motion) ease;flex-wrap:wrap;display:flex}.design-playground-module__UnCM0G__previewActions button{border-radius:var(--play-radius);min-height:46px;font:inherit;transition:background var(--play-motion) ease, color var(--play-motion) ease, border-radius var(--play-motion) ease, transform var(--play-motion) ease;padding:0 18px;font-size:10px;font-weight:800}.design-playground-module__UnCM0G__previewActions button:active{transform:translateY(2px)}.design-playground-module__UnCM0G__primaryAction{border:2px solid var(--ink);background:var(--play-accent);color:var(--play-accent-text);box-shadow:4px 4px 0 var(--ink)}.design-playground-module__UnCM0G__quietAction{color:var(--muted);background:0 0;border:2px solid #0000}.design-playground-module__UnCM0G__quietAction:hover{border-color:var(--line);color:var(--ink)}.design-playground-module__UnCM0G__notice{border:2px dashed var(--ink);background:#fff0a8;width:min(100%,650px);margin:24px auto 0;padding:18px;transform:rotate(-.8deg)}.design-playground-module__UnCM0G__notice span{letter-spacing:.09em;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:800}.design-playground-module__UnCM0G__notice p{margin:9px 0 0;font-size:10px;line-height:1.65}.design-playground-module__UnCM0G__footer{border-top:1px solid var(--line);justify-content:space-between;gap:40px;width:min(100% - 48px,1280px);margin:0 auto;padding:44px 0 70px;display:flex}.design-playground-module__UnCM0G__footer p{max-width:620px;margin:0;font-family:Cormorant Garamond,serif;font-size:28px;line-height:1.15}.design-playground-module__UnCM0G__footer a{border-bottom:1px solid var(--ink);align-self:flex-start;padding-bottom:5px;font-size:11px;font-weight:800}.design-playground-module__UnCM0G__page button:focus-visible,.design-playground-module__UnCM0G__page a:focus-visible,.design-playground-module__UnCM0G__page input:focus-visible{outline:4px solid color-mix(in srgb, var(--play-accent,#5b4bff) 35%, transparent);outline-offset:4px}@media (prefers-reduced-motion:reduce){.design-playground-module__UnCM0G__page *,.design-playground-module__UnCM0G__page :before,.design-playground-module__UnCM0G__page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:980px){.design-playground-module__UnCM0G__hero{grid-template-columns:1fr;padding-top:70px}.design-playground-module__UnCM0G__heroToy{min-height:420px}.design-playground-module__UnCM0G__conceptGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-playground-module__UnCM0G__conceptCard:nth-child(3n){border-right:2px solid var(--ink)}.design-playground-module__UnCM0G__conceptCard:nth-child(2n){border-right:0}.design-playground-module__UnCM0G__conceptCard:nth-last-child(-n+3){border-bottom:2px solid var(--ink)}.design-playground-module__UnCM0G__conceptCard:nth-last-child(-n+2){border-bottom:0}.design-playground-module__UnCM0G__lab{grid-template-columns:1fr}.design-playground-module__UnCM0G__controls{border-right:0;border-bottom:2px solid var(--ink)}}@media (max-width:700px){.design-playground-module__UnCM0G__topbar{grid-template-columns:1fr auto;padding:0 16px}.design-playground-module__UnCM0G__topbarTitle{display:none}.design-playground-module__UnCM0G__systemLink{padding:9px 11px;font-size:9px}.design-playground-module__UnCM0G__hero,.design-playground-module__UnCM0G__concepts,.design-playground-module__UnCM0G__playSection,.design-playground-module__UnCM0G__footer{width:min(100% - 24px,1280px)}.design-playground-module__UnCM0G__hero{min-height:auto;padding:64px 12px 80px}.design-playground-module__UnCM0G__hero h1{font-size:clamp(3.6rem,18vw,5.5rem)}.design-playground-module__UnCM0G__heroToy{min-height:360px}.design-playground-module__UnCM0G__toyWindow{width:calc(100% - 28px)}.design-playground-module__UnCM0G__stickerOne{width:88px;height:88px;right:0}.design-playground-module__UnCM0G__stickerTwo{bottom:0;right:2%}.design-playground-module__UnCM0G__sectionIntro{grid-template-columns:1fr;gap:18px;padding:44px 24px}.design-playground-module__UnCM0G__sectionIntro>p:last-child{grid-area:auto/1}.design-playground-module__UnCM0G__conceptGrid{grid-template-columns:1fr}.design-playground-module__UnCM0G__conceptCard,.design-playground-module__UnCM0G__conceptCard:nth-child(2n),.design-playground-module__UnCM0G__conceptCard:nth-child(3n),.design-playground-module__UnCM0G__conceptCard:nth-last-child(-n+2){border-right:0;border-bottom:2px solid var(--ink);min-height:0}.design-playground-module__UnCM0G__conceptCard:last-child{border-bottom:0}.design-playground-module__UnCM0G__playSection{margin-top:80px;margin-bottom:80px}.design-playground-module__UnCM0G__previewArea{padding:14px}.design-playground-module__UnCM0G__options{grid-template-columns:1fr}.design-playground-module__UnCM0G__footer{flex-direction:column;padding-bottom:48px}}@media (max-width:420px){.design-playground-module__UnCM0G__heroToy{min-height:320px}.design-playground-module__UnCM0G__toyWindow{padding:16px;top:52px}.design-playground-module__UnCM0G__toyBars{padding:32px 0 26px}.design-playground-module__UnCM0G__stickerTwo{font-size:8px}.design-playground-module__UnCM0G__previewContent{padding-left:16px;padding-right:16px}}