.page-module__qjhSAq__page{--ink:#17211d;--muted:#59665f;--line:#cbd5cf;--accent:#6f3cc3;--accentDark:#4d238f;min-height:100vh;color:var(--ink);background:linear-gradient(145deg,#f4f1fb,#f4f7f4);padding:clamp(16px,2.2vw,30px) max(14px,50vw - 660px)}.page-module__qjhSAq__header{max-width:980px;margin-bottom:18px}.page-module__qjhSAq__eyebrow,.page-module__qjhSAq__kicker{color:var(--accent);letter-spacing:.13em;margin:0 0 5px;font-size:.78rem;font-weight:800}.page-module__qjhSAq__header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,4vw,4rem);line-height:1}.page-module__qjhSAq__lead{max-width:840px;color:var(--muted);margin:10px 0 0;font-size:clamp(1rem,1.3vw,1.12rem)}.page-module__qjhSAq__promises{flex-wrap:wrap;gap:5px 18px;margin:10px 0 0;padding:0;font-weight:750;list-style:none;display:flex}.page-module__qjhSAq__promises li:before{content:"✓ ";color:var(--accent)}.page-module__qjhSAq__playground{background:#fffffff2;border:1px solid #17211d29;border-radius:22px;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);display:grid;overflow:hidden;box-shadow:0 16px 42px #31234212}.page-module__qjhSAq__heroPreview{border-right:1px solid var(--line);min-width:0;padding:clamp(18px,2vw,28px)}.page-module__qjhSAq__quickPanel{min-width:0;padding:22px}.page-module__qjhSAq__previewHeading,.page-module__qjhSAq__galleryHeading,.page-module__qjhSAq__codeHeading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-module__qjhSAq__previewHeading h2,.page-module__qjhSAq__galleryHeading h2,.page-module__qjhSAq__codeHeading h2,.page-module__qjhSAq__quickHeading h2{margin:0;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.2}.page-module__qjhSAq__previewHeading p:last-child,.page-module__qjhSAq__galleryHeading p{color:var(--muted);margin:4px 0 0}.page-module__qjhSAq__motionTag{color:var(--accentDark);background:#f0eafb;border-radius:99px;padding:6px 11px;font-weight:800}.page-module__qjhSAq__motionPreview{border:1px solid var(--line);background:#eef0ef;border-radius:16px;place-items:center;height:310px;min-height:310px;margin-top:15px;display:grid;overflow:hidden}.page-module__qjhSAq__motionPreview iframe{border:0;width:100%;height:310px}.page-module__qjhSAq__previewToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.page-module__qjhSAq__previewToolbar>div,.page-module__qjhSAq__buttonRow,.page-module__qjhSAq__categoryButtons,.page-module__qjhSAq__quickGroup>div,.page-module__qjhSAq__codeTabs,.page-module__qjhSAq__copyActions{flex-wrap:wrap;gap:7px;display:flex}.page-module__qjhSAq__previewToolbar button,.page-module__qjhSAq__categoryButtons button,.page-module__qjhSAq__quickGroup button,.page-module__qjhSAq__codeTabs button,.page-module__qjhSAq__buttonRow button,.page-module__qjhSAq__copyActions button,.page-module__qjhSAq__codePanel button,.page-module__qjhSAq__galleryHeading>button{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #9eaaa4;border-radius:9px;padding:8px 12px;font-weight:750}.page-module__qjhSAq__previewToolbar button[aria-pressed=true],.page-module__qjhSAq__categoryButtons button[aria-pressed=true],.page-module__qjhSAq__quickGroup button[aria-pressed=true],.page-module__qjhSAq__codeTabs button[aria-pressed=true]{border-color:var(--accent);color:#fff;background:var(--accent)}.page-module__qjhSAq__primaryButton{color:#fff!important;border-color:var(--accent)!important;background:var(--accent)!important}.page-module__qjhSAq__previewActions{display:flex}.page-module__qjhSAq__statusRow{color:#285b43;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:.9rem;font-weight:750;display:flex}.page-module__qjhSAq__warning{background:#fff2df;border-radius:9px;gap:9px;margin:10px 0 0;padding:10px 12px;font-size:.9rem;display:flex}.page-module__qjhSAq__quickHeading{padding-bottom:14px}.page-module__qjhSAq__quickPanel h3,.page-module__qjhSAq__quickGroup legend{margin:0 0 9px;font-size:1rem;font-weight:800}.page-module__qjhSAq__sourceSummary,.page-module__qjhSAq__quickGroup{border:0;border-top:1px solid var(--line);margin:0;padding:15px 0}.page-module__qjhSAq__currentSource{background:#f4f6f5;border-radius:11px;align-items:center;gap:12px;padding:10px;display:flex}.page-module__qjhSAq__currentSource img{object-fit:contain;width:48px;height:48px;display:block}.page-module__qjhSAq__currentSource div,.page-module__qjhSAq__currentSource strong,.page-module__qjhSAq__currentSource span{display:block}.page-module__qjhSAq__currentSource span{color:var(--muted);margin-top:2px;font-size:.875rem}.page-module__qjhSAq__pickerDetails{margin-top:8px}.page-module__qjhSAq__pickerDetails>summary,.page-module__qjhSAq__advanced>summary,.page-module__qjhSAq__codeDetails>summary{min-height:44px;color:var(--accentDark);cursor:pointer;align-items:center;font-weight:800;display:flex}.page-module__qjhSAq__pickerDetails>summary::marker{color:var(--accent)}.page-module__qjhSAq__advanced>summary::marker{color:var(--accent)}.page-module__qjhSAq__codeDetails>summary::marker{color:var(--accent)}.page-module__qjhSAq__cleanFieldset{border:0;min-width:0;margin:0;padding:0}.page-module__qjhSAq__categoryButtons{margin:7px 0 10px}.page-module__qjhSAq__categoryButtons button{flex:auto;padding-inline:7px;font-size:.9rem}.page-module__qjhSAq__iconGrid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:112px;gap:8px;min-height:352px;display:grid}.page-module__qjhSAq__iconCard{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;grid-template-rows:48px auto;place-items:center;gap:7px;min-width:0;height:112px;padding:12px 6px 9px;display:grid;position:relative}.page-module__qjhSAq__iconCard:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.page-module__qjhSAq__iconCard input{opacity:0;width:1px;height:1px;position:absolute}.page-module__qjhSAq__selectedMark{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.8rem;display:none;position:absolute;top:6px;right:6px}.page-module__qjhSAq__iconCard:has(input:checked) .page-module__qjhSAq__selectedMark{display:grid}.page-module__qjhSAq__iconImage{place-items:center;width:48px;height:48px;display:grid}.page-module__qjhSAq__iconImage svg{width:44px;height:44px;display:block}.page-module__qjhSAq__iconName{text-align:center;word-break:keep-all;font-size:.875rem;font-weight:750;line-height:1.25}.page-module__qjhSAq__quickGroup small{color:var(--muted);font-size:.85rem}.page-module__qjhSAq__quickGroup>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-module__qjhSAq__quickGroup button{min-width:0;padding-inline:7px}.page-module__qjhSAq__quickGroup button[aria-disabled=true]{cursor:not-allowed;opacity:.48;text-decoration:line-through}.page-module__qjhSAq__customInput{padding:6px 0}.page-module__qjhSAq__customInput>label{margin-bottom:6px;font-weight:750;display:block}.page-module__qjhSAq__customInput textarea{resize:vertical;border:1px solid #9eaaa4;border-radius:9px;width:100%;min-height:170px;padding:11px;font:13px/1.5 ui-monospace,SFMono-Regular,monospace;display:block}.page-module__qjhSAq__customInput>p{color:var(--muted);margin:6px 0;font-size:.875rem}.page-module__qjhSAq__errorArea{color:#8b201b;min-height:52px;margin-top:8px;font-size:.875rem}.page-module__qjhSAq__errorArea strong{display:block}.page-module__qjhSAq__errorArea ul{margin:5px 0 0;padding-left:1.2em}.page-module__qjhSAq__gallerySection{background:#fffffff2;border:1px solid #17211d29;border-radius:20px;margin-top:18px;padding:clamp(18px,2vw,26px)}.page-module__qjhSAq__galleryHeading{align-items:center;margin-bottom:15px}.page-module__qjhSAq__galleryHeading>button{flex:none}.page-module__qjhSAq__motionGallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;min-height:507px;display:grid}.page-module__qjhSAq__motionCard{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;grid-template-rows:96px auto;min-width:0;min-height:158px;display:grid;position:relative;overflow:hidden}.page-module__qjhSAq__motionCard:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.page-module__qjhSAq__motionCard input{opacity:0;width:1px;height:1px;position:absolute}.page-module__qjhSAq__motionCardVisual{background:#f3f5f4;place-items:center;display:grid}.page-module__qjhSAq__galleryIcon{object-fit:contain;transform-origin:50%;width:54px;height:54px;display:block}.page-module__qjhSAq__motionCardText{justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.page-module__qjhSAq__motionCardText strong{font-size:1rem}.page-module__qjhSAq__motionCardText small{color:var(--accentDark);white-space:nowrap;background:#f0eafb;border-radius:99px;padding:4px 7px;font-size:.8rem;font-weight:750}.page-module__qjhSAq__cardCheck{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:23px;height:23px;font-weight:900;display:none;position:absolute;top:8px;right:8px}.page-module__qjhSAq__motionCard:has(input:checked) .page-module__qjhSAq__cardCheck{display:grid}.page-module__qjhSAq__motionCard:hover .page-module__qjhSAq__galleryIcon,.page-module__qjhSAq__motionCard:focus-within .page-module__qjhSAq__galleryIcon{animation-duration:.72s;animation-timing-function:ease-out;animation-iteration-count:1}.page-module__qjhSAq__motionPress{--motion-animation:svg-gallery-press;animation-name:none}.page-module__qjhSAq__motionPop{--motion-animation:svg-gallery-pop;animation-name:none}.page-module__qjhSAq__motionLift{--motion-animation:svg-gallery-lift;animation-name:none}.page-module__qjhSAq__motionShake{--motion-animation:svg-gallery-shake;animation-name:none}.page-module__qjhSAq__motionWiggle{--motion-animation:svg-gallery-wiggle;animation-name:none}.page-module__qjhSAq__motionPulse{--motion-animation:svg-gallery-pulse;animation-name:none}.page-module__qjhSAq__motionRotate90{--motion-animation:svg-gallery-rotate-90;animation-name:none}.page-module__qjhSAq__motionRotate180{--motion-animation:svg-gallery-rotate-180;animation-name:none}.page-module__qjhSAq__motionFlip{--motion-animation:svg-gallery-flip;animation-name:none}.page-module__qjhSAq__motionFadeScale{--motion-animation:svg-gallery-fade-scale;animation-name:none}.page-module__qjhSAq__motionSpin{--motion-animation:svg-gallery-spin;animation-name:none}.page-module__qjhSAq__motionFloat{--motion-animation:svg-gallery-float;animation-name:none}.page-module__qjhSAq__outputArea{grid-template-columns:minmax(300px,.58fr) minmax(0,1.42fr);align-items:start;gap:18px;margin-top:18px;display:grid}.page-module__qjhSAq__advanced,.page-module__qjhSAq__codeSection{background:#fff;border:1px solid #17211d29;border-radius:18px}.page-module__qjhSAq__advanced{align-self:start;padding:10px 20px}.page-module__qjhSAq__advanced>summary{justify-content:space-between;align-items:center;gap:14px;font-size:1.1rem;display:flex}.page-module__qjhSAq__advanced>summary>span:first-child,.page-module__qjhSAq__advanced>summary strong,.page-module__qjhSAq__advanced>summary small{display:block}.page-module__qjhSAq__advanced>summary small{color:var(--muted);margin-top:3px;font-size:.85rem;font-weight:500}.page-module__qjhSAq__disclosureIcon{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;transition:transform .2s;display:grid}.page-module__qjhSAq__advanced[open] .page-module__qjhSAq__disclosureIcon{transform:rotate(180deg)}.page-module__qjhSAq__settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px 0 14px;display:grid}.page-module__qjhSAq__field{min-width:0}.page-module__qjhSAq__field>span:first-child{margin-bottom:5px;font-weight:750;display:block}.page-module__qjhSAq__field select,.page-module__qjhSAq__inputUnit{width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #9eaaa4;border-radius:8px}.page-module__qjhSAq__field select{padding:0 9px}.page-module__qjhSAq__inputUnit{align-items:center;display:flex;overflow:hidden}.page-module__qjhSAq__inputUnit input{width:100%;min-width:0;height:42px;font:inherit;border:0;padding:0 9px}.page-module__qjhSAq__inputUnit i{min-width:39px;color:var(--muted);background:#edf0ee;align-self:stretch;place-items:center;font-size:.85rem;font-style:normal;display:grid}.page-module__qjhSAq__field small{color:var(--muted);font-size:.82rem}.page-module__qjhSAq__codeSection{padding:20px}.page-module__qjhSAq__codeHeading{align-items:center}.page-module__qjhSAq__codeDetails{margin-top:8px}.page-module__qjhSAq__codeTabs{margin:8px 0}.page-module__qjhSAq__codePanel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px}.page-module__qjhSAq__codePanel>div{justify-content:space-between;align-items:center;display:flex}.page-module__qjhSAq__codePanel h3{margin:0}.page-module__qjhSAq__codePanel pre{color:#f2eef9;white-space:pre;background:#17131d;border-radius:9px;height:260px;margin:10px 0 0;padding:15px;font-size:.82rem;line-height:1.55;overflow:auto}.page-module__qjhSAq__liveRegion{min-height:28px;color:var(--accentDark);margin:9px 0 0;font-weight:750}.page-module__qjhSAq__section{max-width:900px;margin:22px 0}.page-module__qjhSAq__section h2{font-size:1.2rem}.page-module__qjhSAq__section p{color:var(--muted)}.page-module__qjhSAq__backLink{margin:22px 0 8px}.page-module__qjhSAq__backLink a{min-height:44px;color:var(--accentDark);text-underline-offset:4px;align-items:center;font-weight:750;display:inline-flex}.page-module__qjhSAq__srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-module__qjhSAq__page :is(button,input,select,textarea,a,pre,summary,label):focus-visible,:is(.page-module__qjhSAq__iconCard:has(input:focus-visible),.page-module__qjhSAq__motionCard:has(input:focus-visible)){outline-offset:3px;outline:3px solid #ef9e22}.page-module__qjhSAq__page button:disabled{cursor:not-allowed;opacity:.55;text-decoration:line-through}@media (max-width:1000px){.page-module__qjhSAq__playground{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr)}.page-module__qjhSAq__motionGallery{grid-template-columns:repeat(3,minmax(0,1fr));min-height:676px}.page-module__qjhSAq__iconGrid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:472px}.page-module__qjhSAq__settingsGrid{grid-template-columns:1fr}}@media (max-width:700px){.page-module__qjhSAq__page{padding-inline:14px}.page-module__qjhSAq__header h1{font-size:clamp(2.25rem,11vw,3.2rem)}.page-module__qjhSAq__playground{border-radius:16px;flex-direction:column;display:flex}.page-module__qjhSAq__heroPreview{border-right:0;order:1}.page-module__qjhSAq__quickPanel{border-top:1px solid var(--line);order:2}.page-module__qjhSAq__motionPreview,.page-module__qjhSAq__motionPreview iframe{height:280px;min-height:280px}.page-module__qjhSAq__previewToolbar{display:grid}.page-module__qjhSAq__previewToolbar>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-module__qjhSAq__previewActions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-module__qjhSAq__previewToolbar button{min-width:0}.page-module__qjhSAq__gallerySection{border-radius:16px}.page-module__qjhSAq__galleryHeading{align-items:flex-start}.page-module__qjhSAq__motionGallery{grid-template-columns:repeat(2,minmax(0,1fr));min-height:1014px}.page-module__qjhSAq__motionCard{grid-template-rows:88px auto;min-height:150px}.page-module__qjhSAq__motionCardText{gap:3px;padding:10px;display:grid}.page-module__qjhSAq__motionCardText small{justify-self:start}.page-module__qjhSAq__outputArea{grid-template-columns:1fr}.page-module__qjhSAq__iconGrid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:352px}.page-module__qjhSAq__settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-module__qjhSAq__codeHeading{display:grid}.page-module__qjhSAq__copyActions{margin-top:8px}}@media (max-width:420px){.page-module__qjhSAq__header{margin-bottom:14px}.page-module__qjhSAq__heroPreview,.page-module__qjhSAq__quickPanel,.page-module__qjhSAq__gallerySection,.page-module__qjhSAq__codeSection{padding:16px}.page-module__qjhSAq__previewHeading{gap:8px;display:grid}.page-module__qjhSAq__motionPreview,.page-module__qjhSAq__motionPreview iframe{height:250px;min-height:250px}.page-module__qjhSAq__iconGrid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:472px}.page-module__qjhSAq__categoryButtons{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-module__qjhSAq__categoryButtons button{padding-inline:3px;font-size:.84rem}.page-module__qjhSAq__motionGallery{gap:8px}.page-module__qjhSAq__motionCardText strong{font-size:.94rem}.page-module__qjhSAq__motionCardText small{font-size:.78rem}.page-module__qjhSAq__settingsGrid{grid-template-columns:1fr}.page-module__qjhSAq__galleryHeading{display:grid}.page-module__qjhSAq__galleryHeading>button{margin-top:10px}.page-module__qjhSAq__copyActions{grid-template-columns:1fr 1fr;display:grid}.page-module__qjhSAq__codePanel pre{font-size:.78rem}}@media (prefers-reduced-motion:reduce){.page-module__qjhSAq__page *,.page-module__qjhSAq__page :before,.page-module__qjhSAq__page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.page-module__qjhSAq__motionCard:hover .page-module__qjhSAq__galleryIcon,.page-module__qjhSAq__motionCard:focus-within .page-module__qjhSAq__galleryIcon,.page-module__qjhSAq__playAll .page-module__qjhSAq__galleryIcon{animation-name:var(--motion-animation)}.page-module__qjhSAq__motionCard:hover .page-module__qjhSAq__galleryIcon,.page-module__qjhSAq__motionCard:focus-within .page-module__qjhSAq__galleryIcon,.page-module__qjhSAq__playAll .page-module__qjhSAq__galleryIcon,.page-module__qjhSAq__selectionReplay .page-module__qjhSAq__galleryIcon{animation:var(--motion-animation) .72s ease-out 1 both}@media (min-width:701px){.page-module__qjhSAq__page{padding-top:20px}.page-module__qjhSAq__header{max-width:1100px;margin-bottom:14px}.page-module__qjhSAq__header h1{font-size:3.35rem}.page-module__qjhSAq__lead{max-width:1100px;margin-top:7px}.page-module__qjhSAq__promises{margin-top:7px}.page-module__qjhSAq__heroPreview,.page-module__qjhSAq__quickPanel{padding:18px}.page-module__qjhSAq__motionPreview,.page-module__qjhSAq__motionPreview iframe{height:260px;min-height:260px}.page-module__qjhSAq__quickHeading{padding-bottom:8px}.page-module__qjhSAq__sourceSummary,.page-module__qjhSAq__quickGroup{padding-block:10px}.page-module__qjhSAq__pickerDetails{margin-top:3px}.page-module__qjhSAq__gallerySection{margin-top:14px}}@media (min-width:1001px){.page-module__qjhSAq__quickGroup{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px;display:grid}.page-module__qjhSAq__quickGroup>div{min-width:0}.page-module__qjhSAq__quickGroup button{min-height:44px;padding:5px 3px;font-size:.9rem}.page-module__qjhSAq__quickGroup{min-width:0;padding-block:5px;display:block}.page-module__qjhSAq__quickGroup legend{margin:0 0 3px}.page-module__qjhSAq__quickGroup button{padding:5px 7px;font-size:.9rem}.page-module__qjhSAq__sourceSummary .page-module__qjhSAq__pickerDetails{vertical-align:top;width:50%;margin-top:2px;display:inline-block}.page-module__qjhSAq__sourceSummary .page-module__qjhSAq__pickerDetails>summary{padding-right:5px;font-size:.9rem}.page-module__qjhSAq__currentSource{padding:7px}.page-module__qjhSAq__quickGroup{padding-block:3px}.page-module__qjhSAq__quickHeading{padding-bottom:3px}.page-module__qjhSAq__quickPanel{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;column-gap:7px;display:grid}.page-module__qjhSAq__quickHeading,.page-module__qjhSAq__sourceSummary{grid-column:1/-1}.page-module__qjhSAq__quickGroup>div{grid-template-columns:1fr;gap:5px}.page-module__qjhSAq__galleryHeading .page-module__qjhSAq__kicker,.page-module__qjhSAq__galleryHeading p:last-child{display:none}.page-module__qjhSAq__gallerySection{padding-top:16px}.page-module__qjhSAq__galleryHeading{margin-bottom:10px}}