.wpc-scenes { margin-top:16px; width:100%; min-width:0; }
.wpc-scenes[hidden],.wpc-scenes button[hidden],.wpc-samples[hidden] { display:none!important; }
.wpc-scenes__strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.wpc-scenes .wpc-scene { display:flex;flex-direction:column;gap:0;width:100%;min-width:0;padding:0;border:1px solid #e6dfda;border-radius:10px;background:#fff;color:#242130;overflow:hidden;cursor:pointer;font:inherit; }
.wpc-scenes .wpc-scene canvas { width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block; }

.wpc-scenes .wpc-scene:hover { border-color:#ff6b1a; }
.wpc-scenes .wpc-scene:focus-visible { outline:3px solid #ff6b1a;outline-offset:3px; }
.wpc-scenes .wpc-scene:disabled { opacity:.5;cursor:wait; }
.wpc-scenes .wpc-scene.is-loading { position:relative;opacity:1;min-height:80px;background:#faf5f0; }
.wpc-scenes .wpc-scene.is-loading::after { content:"";position:absolute;left:calc(50% - 13px);top:calc(50% - 13px);width:26px;height:26px;border:3px solid #e6dfda;border-top-color:#ff6b1a;border-radius:50%;animation:wpc-spin .7s linear infinite; }
@media(prefers-reduced-motion:reduce){.wpc-scenes .wpc-scene.is-loading::after{animation:none}}
.wpc-scene-dialog { position:fixed;inset:0;margin:auto;padding:16px;border:0;border-radius:16px;width:min(760px,94vw);max-width:94vw;max-height:94dvh;background:#fff;color:#242130;overflow:auto;box-shadow:0 20px 60px #0003; }
.wpc-scene-dialog::backdrop { background:#17151c99; }
.wpc-scene-dialog__stage { position:relative; }
.wpc-scenes .wpc-scene-dialog__stage>canvas { display:block;width:100%;height:auto;max-height:80dvh;object-fit:contain; }
.wpc-scenes .wpc-scene-dialog__nav { position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #ded8d1;border-radius:50%;background:#fff;color:#242130;cursor:pointer; }
.wpc-scenes .wpc-scene-dialog__nav--prev { left:12px; }
.wpc-scenes .wpc-scene-dialog__nav--next { right:12px; }
.wpc-scenes .wpc-scene-dialog__nav svg { display:block;pointer-events:none; }
.wpc-scenes .wpc-scene-dialog__nav:hover { background:#fef8f5;border-color:#ff6b1a; }
.wpc-scenes .wpc-scene-dialog__nav:focus-visible,.wpc-scenes .wpc-scene-dialog__close:focus-visible { outline:3px solid #2462ee;outline-offset:3px; }
.wpc-scene-dialog__status { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
.wpc-scene-dialog p { margin:12px 0 0;text-align:center;font-size:14px;font-weight:700; }
.wpc-scene-dialog p.wpc-scene-dialog__note { margin-top:12px;font-size:12.5px;font-weight:400;line-height:1.45;color:#6f6a7a; }
.wpc-scenes .wpc-scene-dialog__close { position:absolute;right:22px;top:22px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ded8d1;border-radius:50%;background:#fff;color:#222;font-size:28px;line-height:1;cursor:pointer;z-index:1; }
@media(max-width:480px){.wpc-scenes__strip{gap:6px}.wpc-scene-dialog{padding:10px}.wpc-scenes .wpc-scene-dialog__nav--prev{left:6px}.wpc-scenes .wpc-scene-dialog__nav--next{right:6px}}