.a-group{text-transform:uppercase;letter-spacing:.06em;color:var(--p-ink-faint,#66707c);margin:4px 0 10px;font-size:13px;font-weight:600;display:block}.a-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;margin-bottom:20px;display:grid}.a-card{border:2px solid var(--p-hairline,#e3e6ea);background:var(--p-surface,#fff);cursor:pointer;text-align:left;font:inherit;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.a-card:hover{border-color:var(--p-line,#cbd1d8)}.a-card--on{border-color:var(--p-accent,#b84e00);background:var(--p-accent-soft,#fff2e8)}.a-card__stage{background:var(--p-surface-inset,#eceff1);border-radius:7px;justify-content:center;align-items:center;height:62px;display:flex;overflow:hidden}.a-card__shape{background:linear-gradient(135deg,#1e2328 0%,#3f464f 100%);border-radius:5px;width:46px;height:30px}.a-card__name{color:var(--p-ink,#1e2328);font-size:14px;font-weight:600}.a-card__note{color:var(--p-ink-muted,#565d66);font-size:12px;line-height:1.35}.a-card:hover .a-card__shape,.a-card--on .a-card__shape{animation-duration:1.1s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-iteration-count:infinite}.a-card:hover [data-demo=fade],.a-card--on [data-demo=fade]{animation-name:demo-fade}.a-card:hover [data-demo=fade-up],.a-card--on [data-demo=fade-up]{animation-name:demo-fade-up}.a-card:hover [data-demo=fade-down],.a-card--on [data-demo=fade-down]{animation-name:demo-fade-down}.a-card:hover [data-demo=fade-left],.a-card--on [data-demo=fade-left]{animation-name:demo-fade-left}.a-card:hover [data-demo=fade-right],.a-card--on [data-demo=fade-right]{animation-name:demo-fade-right}.a-card:hover [data-demo=slide],.a-card--on [data-demo=slide]{animation-name:demo-slide}.a-card:hover [data-demo=zoom],.a-card--on [data-demo=zoom]{animation-name:demo-zoom}.a-card:hover [data-demo=scale],.a-card--on [data-demo=scale]{animation-name:demo-scale}.a-card:hover [data-demo=rotate],.a-card--on [data-demo=rotate]{animation-name:demo-rotate}.a-card:hover [data-demo=flip],.a-card--on [data-demo=flip]{animation-name:demo-flip}.a-card:hover [data-demo=blur],.a-card--on [data-demo=blur]{animation-name:demo-blur}.a-card:hover [data-demo=reveal],.a-card--on [data-demo=reveal]{animation-name:demo-reveal}.a-card:hover [data-demo=mask-reveal],.a-card--on [data-demo=mask-reveal]{animation-name:demo-mask}.a-card:hover [data-demo=image-reveal],.a-card--on [data-demo=image-reveal]{animation-name:demo-image}.a-card:hover [data-demo=stagger],.a-card--on [data-demo=stagger]{animation-name:demo-stagger}.a-card:hover [data-demo=text-reveal],.a-card--on [data-demo=text-reveal]{animation-name:demo-text}.a-card:hover [data-demo=word],.a-card--on [data-demo=word]{animation-name:demo-word}.a-card:hover [data-demo=letter],.a-card--on [data-demo=letter]{animation-name:demo-letter}.a-card:hover [data-demo=counter],.a-card--on [data-demo=counter]{animation-name:demo-counter}.a-card:hover [data-demo=hover-lift],.a-card--on [data-demo=hover-lift]{animation-name:demo-lift}.a-card:hover [data-demo=hover-glow],.a-card--on [data-demo=hover-glow]{animation-name:demo-glow}.a-card:hover [data-demo=background-zoom],.a-card--on [data-demo=background-zoom]{animation-name:demo-bgzoom}.a-card:hover [data-demo=parallax],.a-card--on [data-demo=parallax]{animation-name:demo-parallax}@keyframes demo-fade{0%,12%{opacity:0}55%,to{opacity:1}}@keyframes demo-fade-up{0%,12%{opacity:0;transform:translateY(16px)}55%,to{opacity:1;transform:none}}@keyframes demo-fade-down{0%,12%{opacity:0;transform:translateY(-16px)}55%,to{opacity:1;transform:none}}@keyframes demo-fade-left{0%,12%{opacity:0;transform:translate(-18px)}55%,to{opacity:1;transform:none}}@keyframes demo-fade-right{0%,12%{opacity:0;transform:translate(18px)}55%,to{opacity:1;transform:none}}@keyframes demo-slide{0%,12%{transform:translateY(16px)}55%,to{transform:none}}@keyframes demo-zoom{0%,12%{opacity:0;transform:scale(.7)}55%,to{opacity:1;transform:scale(1)}}@keyframes demo-scale{0%,12%{opacity:0;transform:scale(1.3)}55%,to{opacity:1;transform:scale(1)}}@keyframes demo-rotate{0%,12%{opacity:0;transform:rotate(-14deg)scale(.9)}55%,to{opacity:1;transform:none}}@keyframes demo-flip{0%,12%{opacity:0;transform:perspective(300px)rotateY(60deg)}55%,to{opacity:1;transform:perspective(300px)rotateY(0)}}@keyframes demo-blur{0%,12%{opacity:0;filter:blur(7px)}55%,to{opacity:1;filter:none}}@keyframes demo-reveal{0%,12%{clip-path:inset(100% 0 0)}55%,to{clip-path:inset(0)}}@keyframes demo-mask{0%,12%{clip-path:inset(0 100% 0 0)}55%,to{clip-path:inset(0)}}@keyframes demo-image{0%,12%{clip-path:inset(0 0 100%);transform:scale(1.15)}55%,to{clip-path:inset(0);transform:scale(1)}}@keyframes demo-stagger{0%,12%{opacity:0;transform:translateY(14px)scaleX(.4)}40%{opacity:1;transform:translateY(0)scaleX(.7)}60%,to{opacity:1;transform:none}}@keyframes demo-text{0%,12%{transform:translateY(100%)}55%,to{transform:none}}@keyframes demo-word{0%,12%{opacity:0;transform:translateY(8px)scaleX(.3)}40%{opacity:.6;transform:scaleX(.65)}60%,to{opacity:1;transform:none}}@keyframes demo-letter{0%,12%{opacity:0;transform:scaleX(.12)}35%{opacity:.5;transform:scaleX(.4)}55%{opacity:.8;transform:scaleX(.75)}70%,to{opacity:1;transform:none}}@keyframes demo-counter{0%,12%{transform:scaleX(.2)}60%,to{transform:scaleX(1)}}@keyframes demo-lift{0%,30%{box-shadow:none;transform:none}60%,to{transform:translateY(-7px);box-shadow:0 10px 18px #12171d40}}@keyframes demo-glow{0%,30%{box-shadow:none}60%,to{box-shadow:0 0 0 3px #b84e004d,0 0 22px #b84e0073}}@keyframes demo-bgzoom{0%{transform:scale(1)}to{transform:scale(1.25)}}@keyframes demo-parallax{0%{transform:translateY(9px)}to{transform:translateY(-9px)}}.a-settings{border-top:1px solid var(--p-hairline,#e3e6ea);flex-direction:column;gap:16px;padding-top:6px;display:flex}.a-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.a-range{flex-direction:column;gap:7px;font-size:14.5px;display:flex}.a-range b{color:var(--p-accent,#b84e00);font-variant-numeric:tabular-nums}.a-range input[type=range]{width:100%;height:28px;accent-color:var(--p-accent,#b84e00)}.a-choice__label{margin-bottom:8px;font-size:14.5px;font-weight:600;display:block}.a-choice__options{flex-wrap:wrap;gap:8px;display:flex}.a-pill{border:1px solid var(--p-line,#cbd1d8);min-height:42px;font:inherit;cursor:pointer;background:0 0;border-radius:21px;padding:0 16px;font-size:14.5px}.a-pill--on{border-color:var(--p-accent,#b84e00);background:var(--p-accent-soft,#fff2e8);color:var(--p-accent,#b84e00);font-weight:500}.a-toggle{cursor:pointer;align-items:flex-start;gap:12px;font-size:15px;display:flex}.a-toggle input{width:22px;height:22px;accent-color:var(--p-accent,#b84e00);flex-shrink:0;margin-top:1px}.a-toggle small{color:var(--p-ink-muted,#565d66);margin-top:2px;font-size:13px;display:block}@media (prefers-reduced-motion:reduce){.a-card__shape{animation:none!important}}.a-devices{border-radius:var(--e-radius);background:#1e23280d;gap:6px;margin-bottom:14px;padding:4px;display:flex}.a-device{border-radius:calc(var(--e-radius) - 2px);color:#565d66;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:8px 12px;font-size:13.5px;font-weight:500;transition:background .14s,color .14s;position:relative}.a-device:hover{color:#1e2328}.a-device--on{color:#1e2328;background:#fff;box-shadow:0 1px 2px #12171d14}.a-device__dot{background:#b84e00;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:9px}.a-choice__mark{color:#b84e00;text-transform:none;letter-spacing:0;background:#fff2e8;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11.5px;font-weight:500}.a-focus{gap:12px;margin-bottom:16px;display:flex}.a-focus__frame{border-radius:var(--e-radius);background:#eceff1;border:1px solid #1e23281f;position:relative;overflow:hidden}.a-focus__frame img{object-fit:cover;width:100%;height:100%;display:block}.a-focus__frame--wide{aspect-ratio:16/7;flex:1}.a-focus__frame--tall{aspect-ratio:9/16;flex-shrink:0;width:108px}.a-focus__caption{color:#fff;background:#12161ab8;border-radius:999px;padding:2px 8px;font-family:system-ui,sans-serif;font-size:11.5px;position:absolute;bottom:6px;left:6px}.a-range{accent-color:#b84e00;width:100%;margin-top:6px}