.d2i-site .pi-demo{position:relative;display:flex;flex-direction:column;gap:16px;max-width:760px;background:#ffffff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);color:#252525;font-size:13.5px;line-height:1.5;text-align:left;padding:clamp(20px,3vw,28px)}.d2i-site .pi-file-pill{margin-left:auto;flex:none}.d2i-site .pi-demo[data-tag=idle] .hw-source-row{background:transparent}.d2i-site .pi-demo[data-tag=idle] .hw-chip{background:#f5f5f5;border-color:#e5e5e5}.d2i-site .pi-demo[data-tag=idle] .hw-accept{background:#343434;border-color:#343434;color:#ffffff;cursor:pointer}.d2i-site .pi-demo[data-tag=idle] .hw-accept:hover{background:#1f1f1f}.d2i-site .pi-demo[data-tag=idle] .hw-accept-idle{opacity:1;visibility:visible;transition-delay:0s,0s}.d2i-site .pi-demo[data-tag=idle] .hw-accept-done{opacity:0;visibility:hidden}.d2i-site .pi-foot{display:grid;align-items:center;justify-items:start;min-height:44px}.d2i-site .pi-foot>*{grid-area:1/1;transition:opacity .25s ease,visibility 0s linear .25s}.d2i-site .pi-hint{margin:0;font-size:12.5px;color:#6b6b6b;opacity:0;visibility:hidden}.d2i-site .pi-demo[data-tag=idle] .pi-hint{opacity:1;visibility:visible;transition-delay:0s,0s}.d2i-site .pi-replay{text-align:left;padding:0 8px 0 0;transition-delay:0s,0s}.d2i-site .pi-demo[data-tag=idle] .pi-replay{opacity:0;visibility:hidden;transition-delay:0s,.25s}@media (prefers-reduced-motion:reduce){.d2i-site .pi-demo,.d2i-site .pi-demo *{transition-duration:.01ms;transition-delay:0s}.d2i-site .pi-demo[data-tag=idle] .pi-replay{transition-delay:0s}}