.particle-card-lab-module__OnN56a__page{color:#242129;background:radial-gradient(circle at 12% 4%,#ffffffe0,#0000 30%),linear-gradient(135deg,#eeeae5 0%,#e4e2e5 48%,#d7dce2 100%);min-height:100vh;padding:24px clamp(20px,4vw,58px) 64px}.particle-card-lab-module__OnN56a__topBar{color:#24212994;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:44px;font-size:.76rem;display:flex}.particle-card-lab-module__OnN56a__topBar a{border-radius:999px;margin-left:-12px;padding:9px 12px;transition:background .16s}.particle-card-lab-module__OnN56a__topBar a:hover,.particle-card-lab-module__OnN56a__topBar a:focus-visible{background:#ffffff94}.particle-card-lab-module__OnN56a__workspace{grid-template-columns:minmax(0,1fr) minmax(270px,340px);align-items:center;gap:clamp(38px,6vw,88px);width:min(1180px,100%);margin:clamp(36px,7vh,78px) auto 0;display:grid}.particle-card-lab-module__OnN56a__stage{justify-items:start;gap:clamp(28px,5vw,54px);display:grid}.particle-card-lab-module__OnN56a__cardTests{display:block}.particle-card-lab-module__OnN56a__intro{max-width:640px}.particle-card-lab-module__OnN56a__intro p,.particle-card-lab-module__OnN56a__controlHeader p{color:#24212980;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:650}.particle-card-lab-module__OnN56a__intro h1{max-width:610px;font-family:var(--font-cormorant-garamond), serif;letter-spacing:-.055em;margin:0;font-size:clamp(2.7rem,6vw,5.25rem);font-weight:560;line-height:.92}.particle-card-lab-module__OnN56a__optionCard{align-content:start;justify-items:start;gap:12px;transition:transform .18s,filter .18s;display:grid}.particle-card-lab-module__OnN56a__optionCard:hover{filter:drop-shadow(0 18px 40px #a2765d29);transform:translateY(-4px)}.particle-card-lab-module__OnN56a__optionMeta{max-width:340px}.particle-card-lab-module__OnN56a__optionMeta h2{color:#51392c;font-family:var(--font-work-sans), sans-serif;letter-spacing:-.04em;margin:0;padding-left:4px;font-size:1.15rem;font-weight:500;line-height:1.02}.particle-card-lab-module__OnN56a__previewFrame{--thumbnail-inner-radius:22px;border-radius:calc(var(--thumbnail-inner-radius) + 4px);background:#fffffff0;padding:4px;box-shadow:inset 0 0 0 1px #ffffff80,0 16px 34px #a8816914}.particle-card-lab-module__OnN56a__card{--pointer-x:50%;--pointer-y:50%;border-radius:var(--thumbnail-inner-radius);isolation:isolate;background:linear-gradient(30deg,#cee2ea 0%,#dbcecb 58%,#d8d4d6 76%,#aabbce 100%),#ffffff73;width:300px;height:300px;position:relative;overflow:hidden}.particle-card-lab-module__OnN56a__screenshotCard{background:#eee4ed}.particle-card-lab-module__OnN56a__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.particle-card-lab-module__OnN56a__cardGlow{z-index:1;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffff45, transparent 25%);mix-blend-mode:screen;position:absolute;inset:0}.particle-card-lab-module__OnN56a__controls{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f8f8f8a3;border:1px solid #ffffffb3;border-radius:24px;align-content:start;gap:25px;padding:26px;display:grid;box-shadow:0 24px 68px #3931421a}.particle-card-lab-module__OnN56a__controlHeader{justify-content:space-between;align-items:start;gap:18px;display:flex}.particle-card-lab-module__OnN56a__controlHeader h2{letter-spacing:-.025em;margin:0;font-size:1.12rem;font-weight:620}.particle-card-lab-module__OnN56a__controlHeader>span{color:#2421298a;background:#ffffffb8;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.72rem;display:grid}.particle-card-lab-module__OnN56a__sceneNote{color:#24212994;margin:-13px 0 0;font-size:.82rem;line-height:1.5}.particle-card-lab-module__OnN56a__controls fieldset{border:0;border-bottom:1px solid #24212917;gap:15px;min-width:0;margin:0;padding:0 0 24px;display:grid}.particle-card-lab-module__OnN56a__controls legend{color:#24212975;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.66rem;font-weight:700}.particle-card-lab-module__OnN56a__segmented{background:#2421290e;border-radius:13px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.particle-card-lab-module__OnN56a__segmented button{color:#2421299e;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 10px;font-size:.75rem}.particle-card-lab-module__OnN56a__segmented button[aria-pressed=true]{color:#242129;background:#ffffffdb;box-shadow:0 5px 14px #2e283617}.particle-card-lab-module__OnN56a__switchRow,.particle-card-lab-module__OnN56a__rangeRow{color:#242129c7;gap:10px;font-size:.8rem;display:grid}.particle-card-lab-module__OnN56a__switchRow{grid-template-columns:1fr auto;align-items:center}.particle-card-lab-module__OnN56a__switchRow small{color:#24212975;margin-top:3px;font-size:.7rem;line-height:1.4;display:block}.particle-card-lab-module__OnN56a__switchRow input{accent-color:#7770bb;width:36px;height:20px}.particle-card-lab-module__OnN56a__rangeRow>span{justify-content:space-between;gap:12px;display:flex}.particle-card-lab-module__OnN56a__rangeRow output{color:#2421297a;font-variant-numeric:tabular-nums}.particle-card-lab-module__OnN56a__rangeRow input{accent-color:#7770bb;width:100%}.particle-card-lab-module__OnN56a__labNote{color:#24212978;margin:-4px 0 0;font-size:.72rem;line-height:1.55}@media (max-width:860px){.particle-card-lab-module__OnN56a__workspace{grid-template-columns:1fr;align-items:start}.particle-card-lab-module__OnN56a__card{width:300px}.particle-card-lab-module__OnN56a__controls{width:min(100%,650px)}}@media (max-width:520px){.particle-card-lab-module__OnN56a__page{padding-inline:14px}.particle-card-lab-module__OnN56a__topBar{padding-inline:8px}.particle-card-lab-module__OnN56a__topBar span{display:none}.particle-card-lab-module__OnN56a__workspace{margin-top:32px}.particle-card-lab-module__OnN56a__previewFrame{--thumbnail-inner-radius:18px}.particle-card-lab-module__OnN56a__card{width:min(300px,100vw - 72px);height:min(300px,100vw - 72px)}.particle-card-lab-module__OnN56a__controls{padding:21px}}@media (prefers-reduced-motion:reduce){.particle-card-lab-module__OnN56a__topBar a{transition:none}}
.library-thumbnail-lab-module__0jGnOa__page{color:#382f2c;background:linear-gradient(145deg,#f7f4ee 0%,#f1e9e8 52%,#e9eef0 100%);min-height:100vh;padding:24px clamp(20px,5vw,72px) 64px}.library-thumbnail-lab-module__0jGnOa__header{color:#726965;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:.74rem;display:flex}.library-thumbnail-lab-module__0jGnOa__header a{color:inherit;text-decoration:none}.library-thumbnail-lab-module__0jGnOa__workspace{grid-template-columns:minmax(420px,1fr) minmax(260px,340px);align-items:center;gap:clamp(48px,8vw,110px);width:min(1120px,100%);margin:clamp(54px,9vh,104px) auto 0;display:grid}.library-thumbnail-lab-module__0jGnOa__stage{justify-items:start;gap:26px;display:grid}.library-thumbnail-lab-module__0jGnOa__eyebrow,.library-thumbnail-lab-module__0jGnOa__controlEyebrow{color:#8a7d77;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.7rem;font-weight:650}.library-thumbnail-lab-module__0jGnOa__stage h1{font-family:var(--font-cormorant-garamond), serif;letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,6vw,5.3rem);font-weight:560;line-height:.9}.library-thumbnail-lab-module__0jGnOa__thumbnail{aspect-ratio:1;isolation:isolate;background:#f1efeb;border:5px solid #ffffffe6;border-radius:28px;width:min(520px,100%);position:relative;overflow:hidden;box-shadow:0 26px 70px #60483f24;container-type:inline-size}.library-thumbnail-lab-module__0jGnOa__thumbnail[data-embedded=true]{border-radius:inherit;width:100%;height:100%;box-shadow:none;border:0}.library-thumbnail-lab-module__0jGnOa__wash{background:linear-gradient(225deg,#eaeff1 0%,#f4efe5 50%,#f1e4ea 100%);position:absolute;inset:0}.library-thumbnail-lab-module__0jGnOa__browser{opacity:0;animation:.52s cubic-bezier(.22,.8,.24,1) both paused library-thumbnail-lab-module__0jGnOa__reveal;animation-delay:calc(-1 * var(--frame-time));background:#f7f6f1c2;border:.577cqw solid #ffffffd1;border-radius:2.308cqw;position:absolute;inset:3.8%;overflow:hidden;transform:scale(.94)}.library-thumbnail-lab-module__0jGnOa__thumbnail[data-frame="0"] .library-thumbnail-lab-module__0jGnOa__browser{animation:none}.library-thumbnail-lab-module__0jGnOa__thumbnail[data-frame="2"] .library-thumbnail-lab-module__0jGnOa__browser,.library-thumbnail-lab-module__0jGnOa__thumbnail[data-frame="3"] .library-thumbnail-lab-module__0jGnOa__browser,.library-thumbnail-lab-module__0jGnOa__thumbnail[data-frame="4"] .library-thumbnail-lab-module__0jGnOa__browser{opacity:1;animation:none;transform:scale(1)}.library-thumbnail-lab-module__0jGnOa__topBar{background:#5f88aa;border-radius:1.538cqw 1.538cqw 0 0;height:8%;margin:0}.library-thumbnail-lab-module__0jGnOa__search{background:#fafaf785;border:.385cqw solid #a8a8a8;border-radius:999px;height:8%;margin:3.5% 3%}.library-thumbnail-lab-module__0jGnOa__filters{gap:6.5%;padding:0 4%;display:flex}.library-thumbnail-lab-module__0jGnOa__filters i{aspect-ratio:1;background:#a6a6a6;border-radius:50%;width:4.8%}.library-thumbnail-lab-module__0jGnOa__tabs{gap:5%;padding:2.2% 4% 0;display:flex}.library-thumbnail-lab-module__0jGnOa__tabs span{background:#959595;width:12%;height:.577cqw}.library-thumbnail-lab-module__0jGnOa__listContent{grid-template-rows:repeat(4,minmax(0,1fr));gap:1%;padding:1% 4%;display:grid;position:absolute;inset:31% 0 2%}.library-thumbnail-lab-module__0jGnOa__listItem{grid-template-rows:.577cqw .577cqw .577cqw .962cqw;align-content:space-evenly;display:grid;position:relative}.library-thumbnail-lab-module__0jGnOa__listItem span{border-radius:.385cqw;height:.577cqw;display:block}.library-thumbnail-lab-module__0jGnOa__darkLine{background:#686868;width:47%}.library-thumbnail-lab-module__0jGnOa__lightLine{background:#a7a9aa;width:76%}.library-thumbnail-lab-module__0jGnOa__lightLineShort{background:#b7b9b9;width:70%}.library-thumbnail-lab-module__0jGnOa__metaDashes{gap:1.538cqw;display:flex}.library-thumbnail-lab-module__0jGnOa__metaDashes i{background:#d0d2d2;width:5.192cqw;height:.962cqw;display:block}.library-thumbnail-lab-module__0jGnOa__listItem b{background:#61b6da;border-radius:.577cqw;width:12%;height:2.692cqw;position:absolute;top:20%;right:1%}.library-thumbnail-lab-module__0jGnOa__sketchGrid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4% 6%;display:grid;position:absolute;inset:31% 3% 2%}.library-thumbnail-lab-module__0jGnOa__sketchCard{--sketch-row:round(down, calc(var(--sketch-index) / 3));--sketch-column:mod(var(--sketch-index), 3);transform:rotate(calc((var(--sketch-index) - 4) * .08deg));position:relative}.library-thumbnail-lab-module__0jGnOa__sketchCard svg{width:100%;height:100%;display:block;overflow:visible}.library-thumbnail-lab-module__0jGnOa__sketchCard path{fill:none;stroke:#cadee5f0;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:318;stroke-dashoffset:318px;animation:1.55s cubic-bezier(.45,0,.2,1) both paused library-thumbnail-lab-module__0jGnOa__sketchLineTrace;animation-delay:calc(var(--sketch-row) * 1.9s + var(--sketch-column) * .11s - var(--frame-time))}.library-thumbnail-lab-module__0jGnOa__morphCards{--morph-duration:8s;position:absolute;inset:31% 3% 2%}.library-thumbnail-lab-module__0jGnOa__morphCard{--column:mod(var(--card-index), 3);--row:round(down, calc(var(--card-index) / 3));--row-stagger:calc(min(var(--card-index), 5) * .12s);left:calc(var(--column) * 35%);top:calc(var(--row) * 34%);transform-origin:0;background:#ffffffe0;border-radius:1.346cqw;width:30%;height:30%;position:absolute;overflow:hidden}.library-thumbnail-lab-module__0jGnOa__morphCards[data-layout=cards] .library-thumbnail-lab-module__0jGnOa__morphCard{opacity:0;animation:.52s cubic-bezier(.22,.82,.26,1) forwards paused library-thumbnail-lab-module__0jGnOa__cardBuildIn;animation-delay:calc(var(--card-index) * .18s - var(--frame-time));transform:scale(.78)}.library-thumbnail-lab-module__0jGnOa__morphCards[data-layout=rows] .library-thumbnail-lab-module__0jGnOa__morphCard:not([data-extra=true]){animation:library-thumbnail-lab-module__0jGnOa__cardMorphToRow var(--morph-duration) linear both paused, library-thumbnail-lab-module__0jGnOa__cardCompressToRow .48s cubic-bezier(.22,.78,.24,1) forwards paused;animation-delay:calc(-1 * var(--frame-time)), calc(7.28s + var(--row-stagger) - var(--frame-time))}.library-thumbnail-lab-module__0jGnOa__morphCards[data-layout=rows] .library-thumbnail-lab-module__0jGnOa__morphCard[data-extra=true]{animation:library-thumbnail-lab-module__0jGnOa__retireExtraCard var(--morph-duration) linear both paused;animation-delay:calc(-1 * var(--frame-time))}.library-thumbnail-lab-module__0jGnOa__morphColor{border-radius:inherit;background:var(--card-bg);place-items:center;height:66%;display:grid}.library-thumbnail-lab-module__0jGnOa__morphColor i{background:var(--dot-bg);border-radius:50%;width:3.846cqw;height:3.846cqw}.library-thumbnail-lab-module__0jGnOa__morphDetails{height:34%;padding-top:.192cqw}.library-thumbnail-lab-module__0jGnOa__cardLine,.library-thumbnail-lab-module__0jGnOa__cardLineShort{background:#9ca8b6;border-radius:.577cqw;height:.769cqw;margin:1.538cqw 1.346cqw 0;display:block}.library-thumbnail-lab-module__0jGnOa__cardLineShort{opacity:.45;width:38%;margin-top:.769cqw}.library-thumbnail-lab-module__0jGnOa__status{color:#776d69;margin:-10px 0 0 5px;font-size:.8rem}.library-thumbnail-lab-module__0jGnOa__controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8a;border:1px solid #ffffffc7;border-radius:24px;gap:24px;padding:28px;display:grid;box-shadow:0 25px 65px #4c3b3517}.library-thumbnail-lab-module__0jGnOa__controls h2{margin:0;font-size:1.2rem}.library-thumbnail-lab-module__0jGnOa__playbackButtons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.library-thumbnail-lab-module__0jGnOa__playbackButtons button,.library-thumbnail-lab-module__0jGnOa__frameButtons button{color:inherit;font:inherit;cursor:pointer;background:#ffffffad;border:1px solid #473c381f}.library-thumbnail-lab-module__0jGnOa__playbackButtons button{border-radius:11px;min-height:42px}.library-thumbnail-lab-module__0jGnOa__scrubber{border-bottom:1px solid #473c381a;gap:10px;padding:2px 0 18px;display:grid}.library-thumbnail-lab-module__0jGnOa__scrubberHeader{color:#766c68;justify-content:space-between;font-size:.72rem;display:flex}.library-thumbnail-lab-module__0jGnOa__scrubberHeader output{font-variant-numeric:tabular-nums}.library-thumbnail-lab-module__0jGnOa__scrubber input{accent-color:#6d9fb9;cursor:ew-resize;width:100%}.library-thumbnail-lab-module__0jGnOa__stepper{grid-template-columns:1fr 1fr;gap:7px;display:grid}.library-thumbnail-lab-module__0jGnOa__stepper button{min-height:36px;color:inherit;font:inherit;cursor:pointer;background:#ffffffad;border:1px solid #473c381f;border-radius:10px;font-size:.7rem}.library-thumbnail-lab-module__0jGnOa__frameButtons{gap:7px;display:grid}.library-thumbnail-lab-module__0jGnOa__frameButtons button{text-align:left;border-radius:12px;align-items:center;gap:14px;padding:12px;display:flex}.library-thumbnail-lab-module__0jGnOa__frameButtons button[aria-pressed=true]{background:#69aac929;border-color:#3d83a86b}.library-thumbnail-lab-module__0jGnOa__frameButtons b{color:#729ab0;letter-spacing:.08em;font-size:.7rem}.library-thumbnail-lab-module__0jGnOa__frameButtons span{font-size:.82rem}.library-thumbnail-lab-module__0jGnOa__note{color:#7b716d;margin:0;font-size:.76rem;line-height:1.55}@keyframes library-thumbnail-lab-module__0jGnOa__reveal{to{opacity:1;transform:scale(1)}}@keyframes library-thumbnail-lab-module__0jGnOa__sketchLineTrace{to{stroke-dashoffset:0}}@keyframes library-thumbnail-lab-module__0jGnOa__cardBuildIn{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@keyframes library-thumbnail-lab-module__0jGnOa__retireExtraCard{0%,5%{top:calc(var(--row) * 34%);opacity:1;animation-timing-function:cubic-bezier(.22,.78,.24,1);transform:scale(1)}15%,to{top:calc(var(--card-index) * 32%);opacity:1;transform:scale(1)}}@keyframes library-thumbnail-lab-module__0jGnOa__cardMorphToRow{0%,5%{left:calc(var(--column) * 35%);top:calc(var(--row) * 34%);width:30%;height:30%;animation-timing-function:cubic-bezier(.22,.78,.24,1)}15%,23%{left:calc(var(--column) * 35%);top:calc(var(--card-index) * 32%);width:30%;height:30%;animation-timing-function:cubic-bezier(.22,.78,.24,1)}33%,41%{left:0;top:calc(var(--card-index) * 32%);width:30%;height:30%;animation-timing-function:cubic-bezier(.22,.78,.24,1)}51%,to{left:0;top:calc(var(--card-index) * 32%);width:100%;height:30%;animation-timing-function:cubic-bezier(.22,.78,.24,1)}}@keyframes library-thumbnail-lab-module__0jGnOa__cardCompressToRow{0%{left:0;top:calc(var(--card-index) * 32%);width:100%;height:30%}to{left:0;top:calc(var(--card-index) * 16.7%);background:var(--card-bg);width:100%;height:13.5%}}.library-thumbnail-lab-module__0jGnOa__morphCards[data-layout=rows] .library-thumbnail-lab-module__0jGnOa__morphColor{animation:library-thumbnail-lab-module__0jGnOa__rowColorMerge var(--morph-duration) linear both paused;animation-delay:calc(var(--row-stagger) - var(--frame-time))}.library-thumbnail-lab-module__0jGnOa__morphCards[data-layout=rows] .library-thumbnail-lab-module__0jGnOa__morphColor i{animation:library-thumbnail-lab-module__0jGnOa__rowDotMove var(--morph-duration) linear both paused;animation-delay:calc(var(--row-stagger) - var(--frame-time));position:absolute}.library-thumbnail-lab-module__0jGnOa__morphCards[data-layout=rows] .library-thumbnail-lab-module__0jGnOa__morphDetails{animation:library-thumbnail-lab-module__0jGnOa__rowDetailsMerge var(--morph-duration) linear both paused;animation-delay:calc(var(--row-stagger) - var(--frame-time))}@keyframes library-thumbnail-lab-module__0jGnOa__rowColorMerge{0%,91%{height:66%}97%,to{height:100%}}@keyframes library-thumbnail-lab-module__0jGnOa__rowDetailsMerge{0%,70%{opacity:1;background:0 0;width:100%;height:34%;padding-top:.192cqw;position:absolute;top:66%;left:0;transform:translateY(0)}76%,80%{opacity:1;background:0 0;width:24%;height:34%;padding-top:.192cqw;position:absolute;top:66%;left:14%;transform:translateY(0)}87%,to{opacity:1;background:0 0;width:24%;height:.577cqw;padding-top:0;position:absolute;top:50%;left:14%;transform:translateY(-50%)}}@keyframes library-thumbnail-lab-module__0jGnOa__rowDotMove{0%,60%{top:33%;left:50%;transform:translate(-50%,-50%)}66%,91%{top:33%;left:5%;transform:translate(-50%,-50%)}97%,to{top:50%;left:5%;transform:translate(-50%,-50%)}}.library-thumbnail-lab-module__0jGnOa__morphCards[data-layout=rows] .library-thumbnail-lab-module__0jGnOa__morphDetails .library-thumbnail-lab-module__0jGnOa__cardLineShort{animation:.4s cubic-bezier(.4,0,.7,1) both paused library-thumbnail-lab-module__0jGnOa__shortLineExit;animation-delay:calc(-1 * var(--frame-time));transform-origin:0}.library-thumbnail-lab-module__0jGnOa__morphCards[data-layout=rows] .library-thumbnail-lab-module__0jGnOa__morphDetails .library-thumbnail-lab-module__0jGnOa__cardLine{animation:library-thumbnail-lab-module__0jGnOa__hideCardRule var(--morph-duration) linear both paused;animation-delay:calc(var(--row-stagger) - var(--frame-time))}@keyframes library-thumbnail-lab-module__0jGnOa__shortLineExit{0%{opacity:.45;transform:scaleX(1)}to{opacity:0;transform:scaleX(.35)}}@keyframes library-thumbnail-lab-module__0jGnOa__hideCardRule{0%,80%{opacity:1;background:#9ca8b6;width:calc(100% - 2.692cqw);height:.769cqw;margin:1.538cqw 1.346cqw 0}87%,to{opacity:1;background:#939094c7;width:100%;height:.577cqw;margin:0}}@media (prefers-reduced-motion:reduce){.library-thumbnail-lab-module__0jGnOa__browser{animation-duration:1ms}}@media (max-width:800px){.library-thumbnail-lab-module__0jGnOa__workspace{grid-template-columns:1fr}.library-thumbnail-lab-module__0jGnOa__thumbnail,.library-thumbnail-lab-module__0jGnOa__controls{width:min(520px,100%)}}