.peds-page{--ped-accent:#a449ff;--ped-ink:#f4f2f7;--ped-muted:#aaa5b3;--ped-surface:#151319;--peds-gutter:clamp(16px,2.2vw,40px);position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:1760px;margin:0 auto;padding:48px var(--peds-gutter)64px;color:var(--ped-ink)}
.peds-shell{width:100%;max-width:none;margin-inline:0;min-width:0}
.peds-heading{position:relative;isolation:isolate;padding:0 0 28px}
.peds-breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:#a7a1ae;margin-bottom:30px}
.peds-breadcrumb a{color:#c5bfcd}.peds-breadcrumb a:hover{color:#fff}
.peds-intro{display:flex;align-items:end;justify-content:space-between;gap:40px}
.peds-intro h1{font:800 clamp(35px,3.4vw,60px)/1.06 Inter,Arial,sans-serif;letter-spacing:-.055em;margin:0;max-width:680px}
.peds-intro>p{max-width:350px;color:#bcb6c5;font-size:15px;line-height:1.7;margin:0 0 3px}
.peds-collection{display:grid;gap:54px}
.peds-character-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.peds-character-nav a{display:block;padding:9px 14px;border-radius:7px;background:#211a2b;color:#d3c8df;font-size:13px;font-weight:600;line-height:1.5}.peds-character-nav a:hover{background:#33223f;color:#fff}
.ped-showcase{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:clamp(28px,4vw,70px);align-items:start;scroll-margin-top:120px}
.ped-media{min-width:0}
.ped-stage{height:clamp(420px,60vh,630px);position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 50% 92%,#39214177,transparent 48%),#151319}
.ped-stage:before{content:'';position:absolute;width:60%;height:12%;left:20%;bottom:4%;background:radial-gradient(ellipse,#000b,transparent 68%);z-index:0;pointer-events:none}
.ped-stage-word{position:absolute;top:12%;left:50%;transform:translateX(-50%);font:800 clamp(65px,9.8vw,170px)/1 Inter,Arial,sans-serif;letter-spacing:-.075em;color:#fff;opacity:.025;white-space:nowrap;pointer-events:none}
.ped-poster{display:block;width:100%;height:100%;object-fit:contain;padding:10px 32px 30px;position:relative;z-index:1;user-select:none;-webkit-user-drag:none;pointer-events:none}
.ped-image-unavailable{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:30px;text-align:center}.ped-image-unavailable strong{font-size:clamp(28px,3vw,46px);letter-spacing:-.04em;line-height:1.2}.ped-image-unavailable span{font-size:14px;color:#b8adc6}
.ped-canvas{position:absolute;inset:0;z-index:2;outline:0;touch-action:pan-y}
.ped-canvas canvas{display:block;width:100%;height:100%;outline:0}
.ped-canvas:focus-visible{outline:2px solid #c787ff;outline-offset:-4px}
.ped-start-wrap{position:absolute;top:18px;right:18px;display:flex;justify-content:center;z-index:3;pointer-events:none}
.ped-start{display:inline-flex;align-items:center;gap:9px;padding:14px 20px;min-height:48px;border:1px solid #ffffff29;border-radius:9px;background:#f3f1f7;color:#17111d;font:700 14px/1.3 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 24px #0004;pointer-events:auto;transition:background .18s,transform .18s}
.ped-start svg{width:19px;height:19px}.ped-start:hover{background:#fff;transform:translateY(-2px)}.ped-start:disabled{opacity:.8;cursor:wait}
.ped-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;position:absolute;bottom:17px;left:22px;right:22px;z-index:3;pointer-events:none}
.ped-preview-status{font-size:12px;line-height:1.6;color:#b4acbf;max-width:88%}
.ped-stage-mark{font:800 20px Inter,Arial,sans-serif;color:#a978ce;opacity:.6}
.ped-viewer-tools{position:absolute;z-index:4;bottom:59px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}
.ped-view-options,.ped-zoom-options{display:flex;align-items:center;gap:5px;flex-wrap:wrap;pointer-events:auto}
.ped-viewer-tools button{display:flex;align-items:center;justify-content:center;min-height:39px;min-width:39px;padding:9px 11px;border:1px solid #ffffff19;background:#211c27ed;border-radius:7px;color:#e3dce9;font:600 11px/1.3 Inter,Arial,sans-serif;cursor:pointer}
.ped-viewer-tools button:hover,.ped-viewer-tools button[aria-pressed=true]{background:#3b294d;color:#fff}
.ped-viewer-tools svg{width:16px;height:16px}.ped-viewer-tools[hidden],.ped-canvas[hidden]{display:none}
[data-ped-state=ready] .ped-start-wrap,[data-ped-state=ready] .ped-poster{display:none}
.ped-angle-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.ped-angle{display:flex;align-items:center;gap:7px;justify-content:center;height:86px;padding:4px 12px;border:1px solid transparent;border-radius:9px;background:#18151d;color:#b4acbf;cursor:pointer;min-width:0;transition:background .18s,border-color .18s}
.ped-angle img{width:51px;height:73px;object-fit:contain;flex-shrink:0;pointer-events:none}.ped-angle span{font:600 12px Inter,Arial,sans-serif;line-height:1.5}
.ped-angle:hover{background:#211a2b}.ped-angle[aria-pressed=true]{background:#21192c;border-color:#a449ff80;color:#eee3fb}
.ped-copy{padding:clamp(22px,4.5vh,58px) 0 0;min-width:0}
.ped-category{display:block;font-size:13px;line-height:1.6;color:#b59ac9;margin-bottom:15px}
.ped-identity h2{font:800 clamp(38px,3.9vw,68px)/1.06 Inter,Arial,sans-serif;letter-spacing:-.055em;margin:0}
.ped-lead{font-size:16px;line-height:1.8;color:#bab3c5;margin:20px 0 25px;max-width:420px}
.ped-facts{display:flex;gap:12px 22px;flex-wrap:wrap;padding:0 0 27px}.ped-facts p{display:flex;gap:8px;align-items:center;margin:0;font-size:12px;color:#c3b9cf;line-height:1.7}.ped-facts svg{width:16px;height:16px;color:#b178df}
.ped-purchase{padding:25px 0 28px;border-top:1px solid #ffffff12}
.ped-purchase h3{font-size:18px;font-weight:700;letter-spacing:-.025em;line-height:1.4;margin:0 0 7px}
.ped-purchase>p:not(.ped-price){font-size:14px;line-height:1.7;color:#a99fb7;margin:0 0 19px}
.ped-price{font:800 36px/1.2 Inter,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 18px}
.ped-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:15px 23px;border-radius:8px;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;transition:background .18s,transform .18s}
.ped-action-primary{background:#9239ec;color:#fff}.ped-action-primary:hover{background:#a44af6;color:#fff;transform:translateY(-1px)}.ped-action svg{width:19px;height:19px}
.ped-details{padding:18px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;max-width:455px}
.ped-details summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;font-size:13px;font-weight:600;color:#c8bfd4;min-height:25px}.ped-details summary::-webkit-details-marker{display:none}.ped-details summary svg{width:15px;height:15px;transition:transform .18s}.ped-details[open] summary svg{transform:rotate(45deg)}
.ped-details>p{font-size:13px;line-height:1.8;margin:17px 0 0;color:#b8afc3}.ped-details p.ped-light-note{color:#8f839c;font-size:12px}
.peds-page .ped-catalog-link{display:inline-flex;align-items:center;gap:10px;color:#a99cb8;font-size:13px;margin-top:24px;padding:4px 0}.ped-catalog-link svg{width:16px;height:16px}.peds-page .ped-catalog-link:hover{color:#fff}
.ped-no-script{font-size:13px;line-height:1.7;color:#b8afc3;margin:15px 0}.ped-no-script a{color:#c591f7}
.peds-empty{padding:45px 0 75px}.peds-empty h2{font-size:32px;margin-bottom:12px}.peds-empty p{color:#b8afc3;margin-bottom:24px}
.peds-page a:focus-visible,.peds-page button:focus-visible,.ped-details summary:focus-visible{outline:2px solid #c98bff;outline-offset:4px}
.ped-stage:fullscreen{border-radius:0;width:100vw;height:100vh;background:#151319}
.ped-stage:fullscreen .ped-viewer-tools{bottom:65px;left:clamp(20px,5vw,100px);right:clamp(20px,5vw,100px)}
@media(min-width:1600px){.ped-copy{padding-top:48px}.ped-lead{font-size:17px;max-width:440px}.ped-facts{gap:14px 24px}.ped-facts p{font-size:13px}}
@media(max-width:1150px){.peds-intro>p{max-width:300px}.ped-showcase{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:30px}.ped-viewer-tools{flex-direction:column;align-items:center;gap:6px}.ped-stage{height:480px}.ped-copy{padding-top:26px}.ped-identity h2{font-size:45px}.ped-lead{font-size:15px}.ped-angle{padding:4px 6px;gap:0}.ped-angle img{width:42px}.ped-angle span{font-size:11px}}
@media(max-width:760px){.peds-page{padding-bottom:45px}.peds-shell{width:calc(100% - 36px)}.peds-heading{padding:28px 0 24px}.peds-breadcrumb{margin-bottom:23px;font-size:12px}.peds-intro{display:block}.peds-intro h1{font-size:37px;max-width:350px;line-height:1.08}.peds-intro>p{font-size:14px;line-height:1.7;margin:15px 0 0;max-width:370px}.ped-showcase{display:flex;flex-direction:column;gap:0}.ped-media,.ped-copy{width:100%}.ped-stage{height:clamp(390px,60vh,530px);border-radius:12px}.ped-stage-word{font-size:clamp(64px,15vw,120px);top:15%}.ped-poster{padding:8px 14px 30px}.ped-copy{padding:29px 4px 0}.ped-category{margin-bottom:11px}.ped-identity h2{font-size:42px}.ped-lead{font-size:15px;margin:17px 0 20px;max-width:none}.ped-facts{gap:10px 18px;padding-bottom:22px}.ped-facts p{font-size:12px}.ped-angle{height:80px;padding:4px 6px;gap:6px;flex-direction:column}.ped-angle img{width:40px;height:52px}.ped-angle span{font-size:11px}.ped-angle-gallery{gap:8px;margin-top:8px}.ped-purchase{padding-top:22px}.ped-action{width:100%;min-height:50px}.ped-details{max-width:none}.ped-stage-foot{left:16px;right:16px;bottom:14px}.ped-preview-status{font-size:11px;max-width:90%}.ped-start-wrap{bottom:57px}.ped-viewer-tools{left:10px;right:10px;bottom:57px}.ped-viewer-tools button{min-height:38px;font-size:11px}.ped-view-options{flex-wrap:nowrap;gap:4px}.ped-view-options button{padding:9px}.ped-start{font-size:13px;min-height:46px}}
@media(prefers-reduced-motion:reduce){.peds-page *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.ped-start-wrap{bottom:auto;top:14px;right:14px}.ped-poster{padding-top:48px}.ped-canvas{bottom:110px}.ped-viewer-tools{bottom:50px}}

/* PEDS follows the approved Scripts catalogue: real product photos first,
   compact equal cards and the existing model showroom inside a native dialog. */
.peds-heading-word{position:absolute;z-index:-1;top:-24px;right:0;max-width:100%;overflow:hidden;color:transparent;-webkit-text-stroke:1px #ffffff06;font:800 clamp(110px,16vw,250px)/1 Inter,Arial,sans-serif;letter-spacing:-.05em;white-space:nowrap;pointer-events:none;user-select:none}
.peds-eyebrow{margin:0 0 6px;color:#a09ba7;font-size:10.5px;font-weight:800;line-height:16px;letter-spacing:.2em;text-transform:uppercase}
.peds-heading .peds-breadcrumb{margin-bottom:24px;font-size:12px;line-height:18px}
.peds-intro{align-items:center;gap:32px}
.peds-intro h1{max-width:900px;font:700 clamp(30.4px,3.6vw,48px)/1.35 Inter,Arial,sans-serif;letter-spacing:-.035em}
.peds-intro>p{max-width:390px;color:#a9a5af;font-size:15px;line-height:1.65;margin:0}
.peds-catalog-tools{padding-top:4px}
.peds-toolbar{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items:center;gap:12px;min-width:0}
.peds-search{display:flex;align-items:center;gap:10px;box-sizing:border-box;min-width:0;height:44px;padding:0 14px;border:2px solid #ffffff0a;border-radius:16px;background:#18161b;color:#9b93a4;transition:border-color .2s}
.peds-search:focus-within{border-color:#c688f66b}
.peds-search>.icon{width:16px;height:16px;flex:none}
.peds-search input{display:block;box-sizing:border-box;min-width:0;width:100%;height:40px;margin:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none;color:#f2edf7;font:500 16px/1.5 Inter,Arial,sans-serif}
.peds-search input::placeholder{color:#938b9c}
.peds-sort{display:flex;align-items:center;gap:10px;min-width:0;color:#a9a2b2;font-size:13px;line-height:1.5}
.peds-sort select{box-sizing:border-box;min-width:210px;max-width:100%;height:44px;margin:0;padding:0 34px 0 12px;border:1px solid #ffffff14;border-radius:10px;background:#1b181f;color:#e5dfea;font:500 14px/1.5 Inter,Arial,sans-serif;cursor:pointer;color-scheme:dark}
.peds-sort select:focus-visible{outline:2px solid #c98bff;outline-offset:3px}
.peds-page .peds-result-count{margin:12px 0 20px;color:#958c9f;font-size:12px;line-height:18px}
.peds-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:20px;min-width:0}
.ped-product-card{display:flex;flex-direction:column;isolation:isolate;min-width:0;height:100%;margin:0;padding:0;overflow:hidden;border:1px solid #ffffff0d;border-radius:12px;background:#17151a;box-shadow:none;transition:border-color .25s,box-shadow .25s}
.ped-product-card:is(:hover,:focus-within){border-color:#ac4ee559;box-shadow:0 0 18px #a238ff12}
.peds-page .ped-card-preview{position:relative;display:block;flex:none;width:100%;aspect-ratio:3/2;overflow:hidden;margin:0;padding:0;border:0;border-radius:0;background:#0e0d10;color:#eee7f6;text-decoration:none;cursor:zoom-in}
.ped-card-preview>img{display:block;position:static;inset:auto;width:100%;height:100%;max-width:100%;margin:0;padding:0;object-fit:contain;object-position:center;transform:scale(1.005);transition:transform .3s ease}
.ped-product-card:hover .ped-card-preview>img{transform:scale(1.035)}
.ped-card-no-image{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:24px;color:#f3eef8;font-size:20px;font-weight:700;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.ped-card-expand{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;max-width:calc(100% - 20px);min-height:32px;padding:6px 9px;border:1px solid #ffffff20;border-radius:7px;background:#17111de8;color:#ece4f6;font-size:11px;font-weight:600;line-height:18px;transition:background .2s,border-color .2s}
.ped-card-expand>.icon{width:16px;height:16px;flex:none}
.ped-card-preview:hover .ped-card-expand{border-color:#bd77f585;background:#30203eea}
.ped-card-body{display:flex;flex:1;flex-direction:column;gap:10px;box-sizing:border-box;min-width:0;padding:16px}
.ped-card-kind{color:#ac9cb9;font-size:11px;line-height:16px}
.ped-card-name{min-width:0;margin:0;color:#f4f2f7;font:700 20px/1.35 Inter,Arial,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere}
.ped-card-name a{color:inherit;text-decoration:none}.ped-card-name a:hover{color:#fff}
.ped-card-summary{display:-webkit-box;min-width:0;min-height:4.95em;margin:0;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#afa6b9;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.ped-card-bottom{display:flex;flex-direction:column;gap:12px;min-width:0;margin-top:auto;padding-top:4px}
.ped-card-price{margin:0;color:#f7f5fa;font:800 24px/1.3 Inter,Arial,sans-serif;letter-spacing:-.03em;overflow-wrap:anywhere}
.peds-page .ped-card-link{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-width:0;width:100%;min-height:42px;margin:0;padding:10px 14px;border:1px solid #d5d5df;border-radius:10px;background:linear-gradient(180deg,#fff,#e9e9f1);color:#151219;font:700 14px/20px Inter,Arial,sans-serif;text-decoration:none;transition:transform .2s,background .2s}
.ped-card-link>.icon{width:16px;height:16px;flex:none}.peds-page .ped-card-link:hover{transform:translateY(-1px);background:#fff;color:#151219}
.peds-page .ped-card-resource{display:flex;align-items:center;justify-content:center;gap:7px;min-height:30px;margin:0;color:#b4a4c3;font-size:12px;font-weight:600;line-height:1.5;text-decoration:none}
.ped-card-resource>.icon{width:14px;height:14px;flex:none}.peds-page .ped-card-resource:hover{color:#e1c7f8}
.peds-page .ped-card-preview:focus-visible{outline:2px solid #c98bff;outline-offset:-3px}
.ped-card-name a:focus-visible,.peds-page .ped-card-link:focus-visible,.peds-page .ped-card-resource:focus-visible{outline:2px solid #c98bff;outline-offset:3px}
.peds-no-results{box-sizing:border-box;padding:44px 0 60px;text-align:center}.peds-no-results h2{margin:0 0 12px;font-size:28px;line-height:1.25;letter-spacing:-.025em}.peds-no-results p{margin:0 0 20px;color:#b1a7be;font-size:14px;line-height:1.7}
.peds-product-grid>.peds-empty{grid-column:1/-1}
.ped-product-card[hidden],.peds-catalog-tools[hidden],.peds-no-results[hidden],.ped-preview-dialog:not([open]){display:none!important}
html.ped-preview-open,body:has(.ped-preview-dialog[open]){overflow:hidden}
.ped-preview-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:14px 24px 26px;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff1c;border-radius:16px;background:#111014;color:#f4f2f7;box-shadow:0 24px 100px #0009;scrollbar-width:thin;scrollbar-color:#63536f #151119}
.ped-preview-dialog::backdrop{background:#060408de}
.ped-dialog-close{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0 0 12px auto;padding:11px;border:1px solid #ffffff26;border-radius:8px;background:#25202c;color:#e9dff3;cursor:pointer;appearance:none;transition:background .18s,border-color .18s}
.ped-dialog-close>.icon{display:block;width:20px;height:20px;flex:none}.ped-dialog-close:hover{border-color:#c487f56b;background:#3a2948;color:#fff}.ped-dialog-close:focus-visible{outline:2px solid #c98bff;outline-offset:3px}
.ped-preview-dialog .ped-showcase{grid-template-columns:minmax(0,1.1fr)minmax(280px,.9fr);gap:32px;min-width:0;scroll-margin-top:0}
.ped-preview-dialog .ped-stage{height:clamp(420px,72dvh,680px)}
.ped-preview-dialog .ped-stage-word{font-size:clamp(60px,7.8vw,115px)}
.ped-preview-dialog .ped-copy{min-width:0;padding-top:14px}
.ped-preview-dialog .ped-identity h2{font-size:clamp(32px,3.4vw,54px);overflow-wrap:anywhere}
.ped-preview-dialog .ped-lead{font-size:15px;line-height:1.7;max-width:none}
.ped-preview-dialog .ped-facts{gap:10px 16px}.ped-preview-dialog .ped-facts p{font-size:12px}
.ped-preview-dialog .ped-purchase:has(>.ped-price){display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.ped-preview-dialog .ped-purchase>.ped-price{margin:0}
.ped-preview-dialog .ped-details{max-width:none}
.ped-preview-dialog .ped-stage:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}
.ped-preview-dialog .ped-stage.is-expanded{position:fixed;inset:0;z-index:30;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;background:#151319}
.ped-stage.is-expanded .ped-viewer-tools{bottom:65px;left:clamp(20px,5vw,100px);right:clamp(20px,5vw,100px)}
@media(min-width:1700px){.peds-product-grid{gap:24px}}
@media(max-width:1439px){.peds-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1099px){.peds-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.peds-intro{display:block}.peds-intro>p{max-width:650px;margin-top:12px}}
@media(max-width:760px){.peds-page{padding:28px var(--peds-gutter)45px}.peds-shell{width:100%}.peds-heading{padding:0 0 24px}.peds-heading .peds-breadcrumb{margin-bottom:20px}.peds-intro h1{font-size:32px;line-height:1.2;max-width:none}.peds-intro>p{max-width:100%;margin-top:12px;font-size:14px}.peds-toolbar{grid-template-columns:minmax(0,1fr);gap:10px}.peds-sort{justify-content:space-between}.peds-sort select{flex:1;min-width:0;width:100%;max-width:285px}.peds-result-count{margin-bottom:18px}.ped-card-body{padding:15px}.ped-card-name{font-size:19px}.ped-preview-dialog{padding:10px 16px 20px;border-radius:12px;scrollbar-gutter:auto}.ped-dialog-close{margin-bottom:10px}.ped-preview-dialog .ped-showcase{display:flex;flex-direction:column;gap:0}.ped-preview-dialog .ped-stage{height:clamp(340px,55dvh,500px)}.ped-preview-dialog .ped-copy{padding:26px 0 0}.ped-preview-dialog .ped-identity h2{font-size:36px}.ped-preview-dialog .ped-view-options{gap:3px}.ped-preview-dialog .ped-view-options button{min-width:0;padding:9px 7px;font-size:10.5px}.ped-preview-dialog .ped-angle{padding-inline:4px;gap:4px}.ped-preview-dialog .ped-angle span{font-size:10px}.ped-preview-dialog .ped-angle img{max-width:100%}}
@media(max-width:559px){.peds-product-grid{grid-template-columns:minmax(0,1fr);gap:18px}.ped-card-summary{min-height:0}.ped-card-name{font-size:20px}.peds-sort select{max-width:none}}
@media(max-width:760px){.ped-stage.is-expanded .ped-viewer-tools{bottom:50px;left:10px;right:10px}}
@media(prefers-reduced-motion:reduce){.ped-product-card,.ped-card-preview>img,.ped-card-expand,.ped-card-link,.ped-dialog-close,.peds-search{transition:none}.ped-product-card:hover .ped-card-preview>img,.peds-page .ped-card-link:hover{transform:none}}

/* Animation controls appear only after the viewer has usable motion clips. */
.ped-motion-panel{position:absolute;top:12px;left:12px;right:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;box-sizing:border-box;min-width:0;pointer-events:none}
.ped-motion-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;pointer-events:auto}
.ped-motion-panel .ped-motion-actions button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:36px;margin:0;padding:8px 10px;border:1px solid #ffffff21;border-radius:7px;background:#211c27f5;box-shadow:none;color:#d9d0e2;font:600 11px/18px Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;appearance:none;transition:background .18s,border-color .18s,color .18s}
.ped-motion-panel .ped-motion-actions button:hover{border-color:#b178df80;background:#30213e;color:#fff}
.ped-motion-panel .ped-motion-actions button[aria-pressed=true]{border-color:#b472ee;background:#432858;color:#fff}
.ped-motion-panel .ped-motion-actions button:focus-visible,.ped-motion-panel .ped-motion-speed select:focus-visible{outline:2px solid #d09cff;outline-offset:2px}
.ped-motion-panel .ped-motion-actions button:disabled{opacity:.5;cursor:default}
.ped-motion-panel .ped-motion-speed{display:inline-flex;align-items:center;gap:6px;flex:none;min-width:0;min-height:36px;margin:0 0 0 auto;padding:0;color:#c3b8ce;font:500 11px/18px Inter,Arial,sans-serif;white-space:nowrap;pointer-events:auto}
.ped-motion-panel .ped-motion-speed select{display:block;box-sizing:border-box;flex:none;width:66px;min-width:0;max-width:66px;min-height:36px;height:36px;margin:0;padding:0 6px;border:1px solid #ffffff21;border-radius:7px;background:#211c27f5;box-shadow:none;color:#f0e8f8;font:600 12px/18px Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;color-scheme:dark;cursor:pointer}
.ped-motion-panel[hidden],.ped-motion-panel button[hidden]{display:none!important}
.ped-stage.has-motions .ped-canvas{top:54px;bottom:96px}
@media(min-width:761px) and (max-width:1150px){.ped-stage.has-motions .ped-canvas{bottom:150px}}
@media(min-width:761px) and (max-width:980px){.ped-stage.has-motions .ped-canvas{top:90px}}
@media(max-width:760px){
  .ped-motion-panel{row-gap:6px}
  .ped-motion-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1 0 100%;width:100%;gap:4px}
  .ped-motion-panel .ped-motion-actions button{width:100%;padding:8px 3px;font-size:10.5px}
  .ped-stage.has-motions .ped-canvas{top:90px;bottom:138px}
  .ped-preview-dialog .ped-stage.has-motions{height:clamp(420px,82dvh,740px)}
}
.ped-preview-dialog .ped-stage.has-motions:is(:fullscreen,.is-expanded){width:100vw;height:100dvh;max-width:none;max-height:none}
@media(prefers-reduced-motion:reduce){.ped-motion-panel .ped-motion-actions button{transition:none}}