.effects-library,.effect-page{max-width:1296px;margin:0 auto;padding:52px 44px 65px}.effects-intro{margin-bottom:34px}.effects-intro h1{font-size:clamp(39px,4.8vw,61px);letter-spacing:-2.3px;line-height:1.13;font-weight:480;margin:19px 0}.effects-intro h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400;color:#8b78b4}.effects-intro>p{font-size:13px;line-height:1.9;color:#796d83}.effect-context{display:flex;align-items:center;gap:10px;border:1px solid #e1d8eb;border-radius:8px;background:#f1edf6;color:#7b628e;padding:13px 16px;font-size:11px;margin-bottom:25px;flex-wrap:wrap}.effect-context>a{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px}.effects-tools{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:21px}.effects-search{height:53px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e0d9e8;border-radius:8px;padding:0 16px;flex:1;max-width:680px;color:#9280a1}.effects-search:focus-within{border-color:#a58ac3;box-shadow:0 0 0 3px #8069bf0c}.effects-search input{width:100%;height:100%;min-width:0;background:none;border:0;outline:none;font-size:12px;color:#55445f}.effects-search input:focus-visible{outline:none}.effects-search button{display:flex;color:#8f7c9f;padding:4px}.effects-motion-note{font-size:10px;line-height:1.8;color:#84748f;max-width:200px}.effects-categories{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid #e7e0eb}.effects-categories>button{display:flex;align-items:center;gap:10px;font-size:11px;color:#806e8c;padding:8px 12px;border-radius:6px}.effects-categories>button>span{font-size:9px;color:#9b88a8}.effects-categories>button.selected{background:#ebe5f3;color:#705287}.effects-categories>button:hover{background:#f0eaf5}.effects-results-heading{display:flex;align-items:baseline;gap:13px;margin:25px 0 21px}.effects-results-heading h2{font-size:16px;letter-spacing:-.35px;margin:0;color:#5b4966}.effects-results-heading>span{font-size:10px;color:#8c7998}.effects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.effect-card{overflow:hidden;border:1px solid #e4dce9;border-radius:11px;background:#fff;min-width:0}.effect-card-preview{position:relative;background:#f3eff7;padding:19px 15px 42px;min-height:228px}.effect-play-button{position:absolute;bottom:11px;right:12px;display:flex;align-items:center;gap:6px;border:1px solid #ded2e7;background:#fcf9ff;border-radius:5px;padding:6px 9px;font-size:9px;color:#856098}.effect-play-button span{font-size:8px}.effect-play-button:hover,.effect-play-button.is-playing{background:#e9dff2;color:#6f4386}.effect-card-body{padding:18px}.effect-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8a729b}.effect-meta>span:first-child{text-transform:capitalize}.effect-meta>span:last-child{font-variant-numeric:tabular-nums;color:#94849f}.effect-card h3{font-size:17px;letter-spacing:-.35px;margin:11px 0 8px;color:#5a4365}.effect-card h3>a{display:flex;justify-content:space-between;align-items:center}.effect-card h3 svg{color:#a08aaf}.effect-card-body>p{font-size:11px;color:#7e6a8a;line-height:1.85;margin-bottom:19px;min-height:40px}.effect-card-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eee6f4;padding-top:13px}.effect-card-actions>button,.effect-card-actions>a{display:flex;gap:6px;align-items:center;font-size:10px;color:#7f5494;padding:3px 0}.effect-card-actions>button:hover,.effect-card-actions>a:hover{color:#543169}.effect-copy-error{display:block;font-size:9px;line-height:1.8;color:#915576;margin-top:12px}.effect-copy-error textarea{display:block;width:100%;height:120px;font-size:10px;line-height:1.6;margin-top:7px;background:#fcfaff;border:1px solid #e0d4e9;border-radius:5px;padding:8px;color:#765787}.effects-copy-status{font-size:10px;color:#79588c;min-height:18px;margin:14px 0 0}.effects-principle{display:flex;align-items:flex-start;gap:16px;background:#f0ebf5;border:1px solid #e3d9ec;border-radius:9px;padding:25px 28px;margin-top:36px;color:#a38bb4}.effects-principle h2{font-size:14px;letter-spacing:-.2px;color:#76518b;margin:0 0 9px}.effects-principle p{font-size:11px;color:#81678f;line-height:1.9;max-width:760px;margin-bottom:12px}.effects-principle a{display:flex;align-items:center;gap:6px;font-size:10px;color:#795189}.effects-empty{text-align:center;border:1px dashed #d8c9e2;border-radius:10px;padding:55px 25px;color:#9c80af}.effects-empty>svg{margin-bottom:17px}.effects-empty h2{font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400;color:#78578c;margin-bottom:10px}.effects-empty p{font-size:12px;color:#857090;margin-bottom:23px}.effect-page{padding-top:30px}.effect-detail-heading{margin:48px 0 34px}.effect-detail-heading h1{font-size:clamp(40px,5vw,58px);letter-spacing:-2px;font-weight:480;margin:17px 0 15px;color:#4e3c57}.effect-detail-heading h1>span{color:#ae96c2}.effect-detail-heading>p{font-size:15px;line-height:1.8;color:#826b91}.effect-detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}.effect-demo-panel{border:1px solid #e1d5e9;background:#fff;border-radius:10px;overflow:hidden}.effect-demo-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;gap:15px;border-bottom:1px solid #e9dff0}.effect-demo-heading h2{font-size:13px;letter-spacing:-.2px;color:#715381;margin:0}.effect-demo-heading>span{font-size:9px;color:#8e759d}.effect-demo-large{display:flex;align-items:center;justify-content:center;min-height:330px;background:#f3edf7;padding:30px}.effect-demo-large>.motion-stage{width:100%;height:270px}.effect-demo-large .motion-sample{width:235px;min-height:166px;padding:25px}.effect-demo-large .motion-sample strong{font-size:16px}.effect-demo-large .motion-sample small,.effect-demo-large .motion-sample-action{font-size:10px}.effect-playback{display:flex;align-items:center;gap:10px;padding:18px 20px 9px;flex-wrap:wrap}.effect-playback>.primary-button,.effect-playback>.secondary-button{font-size:10px;padding:10px 13px;white-space:nowrap}.effect-playback>label{display:grid;grid-template-columns:1fr auto;gap:7px 12px;font-size:10px;color:#876896;min-width:120px;flex:1;max-width:270px;margin-left:auto}.effect-playback input{grid-column:1/-1;width:100%;accent-color:#8c6aa5;margin:0}.effect-playback output{font-variant-numeric:tabular-nums}.effect-demo-note{font-size:9px;color:#8e749e;padding:0 20px;margin:10px 0 17px}.effect-explanation{margin-top:30px}.effect-explanation h2{font-size:16px;color:#705180;letter-spacing:-.3px;margin-bottom:15px}.effect-explanation p{font-size:12px;line-height:1.95;color:#81668f}.effect-specs{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:13px;margin:23px 0 27px;padding:19px 0;border-top:1px solid #e6ddec;border-bottom:1px solid #e6ddec}.effect-specs>div{display:flex;flex-direction:column;gap:9px;min-width:0}.effect-specs span{font-size:9px;color:#92799f}.effect-specs strong,.effect-specs code{font-size:10px;color:#765384;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.effect-explanation h3{font-size:12px;color:#795389;margin:25px 0 10px}.effect-source-link{display:inline-flex;align-items:center;gap:8px;color:#815392;font-size:11px;margin-top:7px}.effect-copy-panel{position:sticky;top:25px;background:#eee6f5;border:1px solid #e0d1eb;border-radius:10px;padding:24px}.effect-copy-panel>.eyebrow{font-size:8px;color:#85549b;letter-spacing:1px}.effect-copy-panel h2{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;letter-spacing:-.5px;color:#76508c;margin:18px 0 10px}.effect-copy-panel>p{font-size:11px;color:#805c92;line-height:1.9;margin-bottom:19px}.effect-copy-panel>textarea{width:100%;height:310px;resize:vertical;padding:14px;background:#fcf9ff;border:1px solid #dccbe7;border-radius:6px;font-size:11px;color:#765489;line-height:1.85}.effect-copy-panel>.primary-button{width:100%;margin-top:12px;font-size:10px}.effect-use-link{width:100%;text-align:center;font-size:10px;background:#f8f2fc;color:#805091}.effect-copy-panel>.effect-reduced-note{font-size:9px;color:#836590;border-top:1px solid #deceea;padding-top:16px;margin:20px 0 0}.effect-related{border-top:1px solid #e3d8eb;margin-top:40px;padding-top:31px}.effect-related h2{font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400;letter-spacing:-.5px;color:#80608f;margin:10px 0 22px}.effect-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.effect-related-grid>a{border:1px solid #e2d6ea;border-radius:8px;background:#fff;padding:21px}.effect-related-grid>a:hover{border-color:#b99bcf}.effect-related-grid>a>span{font-size:9px;color:#977ba6;text-transform:capitalize}.effect-related-grid h3{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#765088;margin:10px 0}.effect-related-grid p{font-size:11px;line-height:1.85;color:#826b90;margin:0}.motion-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:200px;isolation:isolate;perspective:850px;--motion-animation:none;--motion-duration:.5s;--motion-easing:ease-out;--motion-repeat:1;color:#9270a6}.motion-stage-compact{height:165px}.motion-stage .motion-target{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;transform-origin:center;backface-visibility:hidden}.motion-stage.motion-custom-content{height:100%;min-height:160px}.motion-custom-content>.motion-target{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.motion-running>.motion-target{animation-name:var(--motion-animation);animation-duration:var(--motion-duration);animation-timing-function:var(--motion-easing);animation-iteration-count:var(--motion-repeat);animation-fill-mode:both;will-change:transform,opacity}.motion-target>div[aria-hidden]{display:flex;align-items:center;justify-content:center;max-width:100%}.motion-sample{width:190px;min-height:132px;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffdff;border:1px solid #e0d0ed;border-radius:11px;padding:18px;box-shadow:0 9px 24px -20px #5d326c77;color:#79508e;position:relative;overflow:hidden}.motion-sample-symbol{font-size:24px;line-height:1;margin-bottom:11px;color:#a989c0}.motion-sample strong{font-size:13px;line-height:1.5;font-weight:550;letter-spacing:-.15px}.motion-sample small{font-size:8px;line-height:1.7;color:#917a9f;text-align:center;margin-top:4px}.motion-sample-action{font-size:8px;color:#fff;background:#a184b4;border:1px solid #9878ae;border-radius:4px;padding:5px 10px;line-height:1.4;margin-top:12px}.motion-skeleton{flex-direction:row;align-items:flex-start;gap:12px;min-height:105px}.motion-skeleton-avatar{display:block;width:30px;height:30px;border-radius:50%;background:#e7dcec;flex-shrink:0}.motion-skeleton>div{flex:1;padding-top:4px}.motion-skeleton i{display:block;height:8px;background:#e8dfee;border-radius:3px;margin-bottom:10px}.motion-skeleton i:nth-child(2){width:90%}.motion-skeleton i:nth-child(3){width:60%}.motion-spinner{width:50px;height:50px;border:4px solid #e1d3ea;border-top-color:#9873b2;border-right-color:#9873b2;border-radius:50%}.motion-progress{width:215px;max-width:100%;height:9px;background:#e5d8ed;border-radius:10px;overflow:hidden;position:relative}.motion-progress>i{display:block;width:32%;height:100%;background:#9876b3;border-radius:10px;transform:translate(0)}.motion-dot-row{display:flex;gap:8px;align-items:center;justify-content:center;padding:18px}.motion-dot-row>i{height:11px;width:11px;border-radius:50%;background:#9c7ab6;display:block}.motion-dot-row>i:nth-child(2){opacity:.7}.motion-dot-row>i:nth-child(3){opacity:.4}.motion-stagger-list{width:205px;max-width:100%;display:flex;flex-direction:column;gap:9px}.motion-item{display:flex;align-items:center;gap:9px;background:#fefbff;border:1px solid #e3d4ed;border-radius:6px;padding:10px 12px;min-height:35px}.motion-item>span{font-size:8px;color:#9571aa;background:#eee3f6;display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:4px}.motion-item strong{font-size:10px;font-weight:500;color:#816290}.motion-item>i{font-size:12px;font-style:normal;margin-left:auto;color:#b099c1}.motion-crossfade-samples{position:relative;width:180px;height:136px}.motion-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dfd0eb;border-radius:10px;background:#fffcff;color:#7e5b91}.motion-state>strong{font-size:13px;font-weight:550}.motion-state>small{font-size:9px;margin-top:5px;color:#9b82ac}.motion-state-second{background:#e6d9f1;opacity:0}.motion-state-second .motion-sample-symbol{color:#9670b0}.motion-morph-shape{display:flex;align-items:center;justify-content:center;width:130px;height:105px;border-radius:16px;background:#e4d4ef;border:1px solid #c7addb;color:#9d76b5}.motion-morph-shape>span{font-size:30px}.motion-gradient-drift .motion-sample{background:linear-gradient(125deg,#f8f3fd,#ddd9f7,#efdae8,#f4ebd9,#f8f3fd);background-size:300% 300%}.motion-fade-in{--motion-animation:ui-fade-in}.motion-slide-up{--motion-animation:ui-slide-up}.motion-scale-in{--motion-animation:ui-scale-in}.motion-spring-pop{--motion-animation:ui-spring-pop}.motion-flip-in{--motion-animation:ui-flip-in}.motion-blur-reveal{--motion-animation:ui-blur-reveal}.motion-clip-wipe{--motion-animation:ui-clip-wipe}.motion-fade-out{--motion-animation:ui-fade-out}.motion-collapse-out{--motion-animation:ui-collapse-out}.motion-collapse-out>.motion-target{transform-origin:center top}.motion-pulse{--motion-animation:ui-pulse}.motion-shake{--motion-animation:ui-shake}.motion-bounce{--motion-animation:ui-bounce}.motion-glow{--motion-animation:ui-glow}.motion-tilt{--motion-animation:ui-tilt}.motion-spin{--motion-animation:ui-spin}.motion-float{--motion-animation:ui-float}.motion-custom-content.motion-shape-morph{--motion-animation:ui-custom-morph}.motion-custom-content.motion-crossfade{--motion-animation:ui-crossfade-base}.motion-custom-content.motion-stagger-reveal{--motion-animation:ui-slide-up}.motion-custom-content.motion-dot-wave{--motion-animation:ui-pulse}.motion-running.motion-shimmer .motion-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-110%);background:linear-gradient(90deg,transparent,#fff9,transparent);animation:ui-shimmer var(--motion-duration) linear infinite}.motion-running.motion-shimmer.motion-custom-content>.motion-target:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff65,transparent);transform:translate(-110%);animation:ui-shimmer var(--motion-duration) linear infinite}.motion-running.motion-ripple>.motion-target:after{content:"";position:absolute;inset:0;border:2px solid #a482c0;border-radius:16px;pointer-events:none;animation:ui-ripple var(--motion-duration) var(--motion-easing) both}.motion-running.motion-progress-sweep .motion-progress>i{animation:ui-progress-sweep var(--motion-duration) var(--motion-easing) infinite}.motion-running.motion-progress-sweep.motion-custom-content>.motion-target:after{content:"";position:absolute;bottom:0;left:0;width:30%;height:4px;border-radius:4px;pointer-events:none;background:#9d7db5;animation:ui-progress-sweep var(--motion-duration) var(--motion-easing) infinite}.motion-running.motion-dot-wave .motion-dot-row>i{animation:ui-dot-wave var(--motion-duration) ease-in-out infinite}.motion-running.motion-dot-wave .motion-dot-row>i:nth-child(2){animation-delay:.12s}.motion-running.motion-dot-wave .motion-dot-row>i:nth-child(3){animation-delay:.24s}.motion-running.motion-stagger-reveal .motion-item{animation:ui-slide-up var(--motion-duration) var(--motion-easing) both}.motion-running.motion-stagger-reveal .motion-item:nth-child(2){animation-delay:70ms}.motion-running.motion-stagger-reveal .motion-item:nth-child(3){animation-delay:.14s}.motion-running.motion-crossfade .motion-state-first{animation:ui-fade-out var(--motion-duration) var(--motion-easing) both}.motion-running.motion-crossfade .motion-state-second{animation:ui-fade-in var(--motion-duration) var(--motion-easing) both}.motion-running.motion-shape-morph .motion-morph-shape{animation:ui-shape-morph var(--motion-duration) var(--motion-easing) both}.motion-running.motion-gradient-drift .motion-sample{animation:ui-gradient-drift var(--motion-duration) var(--motion-easing) infinite}.motion-running.motion-gradient-drift.motion-custom-content>.motion-target:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#f8f3fd,#ddd9f7,#efdae8,#f4ebd9,#f8f3fd);background-size:300% 300%;animation:ui-gradient-drift var(--motion-duration) var(--motion-easing) infinite}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes ui-spring-pop{0%{opacity:0;transform:scale(.75)}55%{opacity:1;transform:scale(1.06)}78%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes ui-flip-in{0%{opacity:0;transform:perspective(700px) rotateX(-55deg)}to{opacity:1;transform:perspective(700px) rotateX(0)}}@keyframes ui-blur-reveal{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes ui-clip-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes ui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ui-collapse-out{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.05)}}@keyframes ui-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes ui-shake{0%,to{transform:translate(0)}18%{transform:translate(-7px)}36%{transform:translate(7px)}54%{transform:translate(-4px)}72%{transform:translate(4px)}}@keyframes ui-bounce{0%,to{transform:translateY(0)}28%{transform:translateY(-13px)}52%{transform:translateY(0)}72%{transform:translateY(-5px)}}@keyframes ui-ripple{0%{opacity:.75;transform:scale(.9)}to{opacity:0;transform:scale(1.3)}}@keyframes ui-glow{0%,to{filter:drop-shadow(0 0 0 #a881c000)}50%{filter:drop-shadow(0 0 14px #a881c085)}}@keyframes ui-tilt{0%,to{transform:perspective(700px) rotateX(0) rotateY(0)}35%{transform:perspective(700px) rotateX(6deg) rotateY(-9deg)}70%{transform:perspective(700px) rotateX(-3deg) rotateY(5deg)}}@keyframes ui-crossfade-base{0%,to{opacity:1}50%{opacity:.25}}@keyframes ui-shape-morph{0%{width:105px;height:105px;border-radius:50%;background:#e4d4ef}to{width:210px;height:125px;border-radius:12px;background:#d9c9ed}}@keyframes ui-custom-morph{0%{transform:scale(.8);border-radius:35px}to{transform:scale(1);border-radius:10px}}@keyframes ui-shimmer{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ui-progress-sweep{0%{transform:translate(-110%)}to{transform:translate(420%)}}@keyframes ui-dot-wave{0%,65%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-9px);opacity:1}}@keyframes ui-gradient-drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ui-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.motion-stage:not(.motion-user-played) *,.motion-stage:not(.motion-user-played) *:before,.motion-stage:not(.motion-user-played) *:after{animation:none!important;transition:none!important}.motion-stage.motion-user-played .motion-target,.motion-stage.motion-user-played .motion-target:before,.motion-stage.motion-user-played .motion-target:after,.motion-stage.motion-user-played .motion-target *,.motion-stage.motion-user-played .motion-target *:before,.motion-stage.motion-user-played .motion-target *:after{animation-duration:var(--motion-duration)!important;animation-iteration-count:var(--motion-repeat)!important}.motion-stage.motion-user-played .motion-item:nth-child(2){animation-delay:70ms!important}.motion-stage.motion-user-played .motion-item:nth-child(3){animation-delay:.14s!important}.motion-stage.motion-user-played .motion-dot-row>i:nth-child(2){animation-delay:.12s!important}.motion-stage.motion-user-played .motion-dot-row>i:nth-child(3){animation-delay:.24s!important}}@media(max-width:1000px){.effects-library,.effect-page{padding-left:30px;padding-right:30px}.effects-grid{gap:17px}.effect-card-body{padding:16px}.effect-card-actions{gap:7px}.effect-card-actions>button,.effect-card-actions>a{font-size:9px}.effect-detail-columns{grid-template-columns:minmax(0,1fr) 285px;gap:23px}.effect-copy-panel{padding:21px}.effect-specs{grid-template-columns:1fr 1fr}.effect-specs>div:first-child{grid-column:1/-1}.effect-playback>label{max-width:none;flex-basis:100%;margin:4px 0}.motion-sample{width:170px}.motion-stagger-list,.motion-progress{width:180px}}@media(max-width:780px){.effects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.effects-tools{align-items:flex-start;flex-direction:column;gap:11px}.effects-search{max-width:none;width:100%;flex:auto}.effects-motion-note{max-width:none}.effect-detail-columns{grid-template-columns:1fr}.effect-copy-panel{position:static}.effect-copy-panel>textarea{height:220px}.effect-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.effect-demo-large>.motion-stage{height:250px}.effect-copy-panel>.effect-reduced-note{font-size:10px}.effect-playback>label{flex-basis:auto;max-width:250px;margin-left:auto}.effect-explanation{margin-bottom:25px}}@media(max-width:520px){.effects-library,.effect-page{padding:34px 22px 42px}.effects-intro h1{font-size:42px;letter-spacing:-1.7px;margin:18px 0}.effects-intro>p{font-size:11px}.effects-intro .eyebrow{font-size:8px;letter-spacing:1px}.effects-intro{margin-bottom:28px}.effects-search{height:49px;padding:0 12px}.effects-search input{font-size:10px}.effects-motion-note{font-size:9px}.effects-categories{gap:4px;padding-bottom:17px}.effects-categories>button{font-size:9px;gap:6px;padding:7px 8px}.effects-categories>button>span{font-size:8px}.effects-results-heading{margin:21px 0 17px}.effects-results-heading h2{font-size:14px}.effects-results-heading>span{font-size:9px}.effects-grid{gap:14px 11px}.effect-card-preview{padding:10px 9px 38px;min-height:192px}.motion-stage-compact{height:144px}.effect-card .motion-sample{width:140px;min-height:114px;padding:13px 8px}.effect-card .motion-sample-symbol{font-size:21px;margin-bottom:8px}.effect-card .motion-sample strong{font-size:11px}.effect-card .motion-sample small{font-size:7px}.effect-card .motion-sample-action{font-size:7px;margin-top:8px;padding:4px 7px}.effect-play-button{font-size:8px;padding:5px 7px;bottom:9px;right:9px}.effect-card-body{padding:13px 11px}.effect-meta{font-size:7px;gap:4px}.effect-card h3{font-size:14px;margin:10px 0 7px}.effect-card h3 svg{width:12px}.effect-card-body>p{font-size:10px;min-height:50px;margin-bottom:14px}.effect-card-actions{align-items:flex-start;flex-direction:column;gap:6px;padding-top:10px}.effect-card-actions>button,.effect-card-actions>a{font-size:9px;gap:5px}.effect-card-actions svg{width:12px}.effect-card .motion-progress{width:130px}.effect-card .motion-stagger-list{width:140px;gap:6px}.effect-card .motion-item{padding:7px;gap:6px;min-height:28px}.effect-card .motion-item strong{font-size:8px}.effect-card .motion-item>span{font-size:7px;width:14px;height:14px}.effect-card .motion-crossfade-samples{width:133px;height:116px}.effect-card .motion-morph-shape{width:95px;height:83px}.effect-card.motion-stage .motion-spinner{width:42px;height:42px}.effects-principle{padding:20px;gap:12px;margin-top:28px}.effects-principle>svg{width:18px}.effects-principle h2{font-size:12px}.effects-principle p{font-size:10px}.effects-principle a{font-size:9px}.effect-detail-heading{margin:32px 0 27px}.effect-detail-heading h1{font-size:41px;letter-spacing:-1.5px}.effect-detail-heading>p{font-size:12px}.effect-demo-heading{padding:14px;gap:10px}.effect-demo-heading h2{font-size:12px}.effect-demo-heading>span{font-size:8px;max-width:100px;text-align:right;line-height:1.6}.effect-demo-large{min-height:270px;padding:20px}.effect-demo-large>.motion-stage{height:225px}.effect-demo-large .motion-sample{width:210px;min-height:155px;padding:21px}.effect-playback{padding:16px 14px 7px}.effect-playback>.primary-button,.effect-playback>.secondary-button{font-size:9px;padding:9px 11px}.effect-playback>label{flex-basis:100%;max-width:none;margin:5px 0 0;font-size:10px}.effect-demo-note{padding:0 14px;font-size:8px;line-height:1.7}.effect-explanation h2{font-size:15px}.effect-explanation p{font-size:11px}.effect-copy-panel h2{font-size:25px}.effect-copy-panel>.eyebrow{font-size:7px}.effect-related-grid{grid-template-columns:1fr}.effect-related-grid>a{padding:18px}.effect-related h2{font-size:26px}.effect-context{font-size:10px;padding:12px;gap:8px}.effect-context>a{margin-left:25px;font-size:9px}}