.wsh-frames-section{padding:44px 0;background:linear-gradient(120deg,rgba(15,51,62,.3),transparent 65%)}
.wsh-frames-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.wsh-frames-heading h2,.wsh-frames-title{color:#ffda65!important;font-size:clamp(26px,3vw,38px);margin:0 0 10px}.wsh-frames-heading p,.wsh-frame-help{color:#b6bec7;font-size:14px;line-height:1.9;margin:0}.wsh-frames-heading a{color:#ffda65;white-space:nowrap}
.wsh-frames-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wsh-frame-card{display:block;overflow:hidden;border:1px solid #30353a;border-radius:14px;background:#14181d;text-decoration:none!important;transition:border-color .2s}.wsh-frame-card:hover{border-color:#ffd65b}.wsh-frame-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.wsh-frame-card span{display:block;padding:17px;color:#f4f1e9;font-weight:700;font-size:18px}.wsh-frames-empty{border:1px dashed #46505a;padding:42px 20px;text-align:center;border-radius:14px;color:#b6bec7}.wsh-frames-page{padding:46px 0 70px}.wsh-frames-back{display:inline-block;margin-bottom:20px;color:#ffda65}.wsh-frame-viewer{position:relative;background:#0a0d11;border:1px solid #303a44;border-radius:16px;overflow:hidden;margin-top:25px}.wsh-frame-stage{position:relative;width:100%;height:65vh;min-height:300px;max-height:850px;overflow:hidden;direction:ltr}.wsh-frame-stage.is-ready{touch-action:none;cursor:grab}.wsh-frame-stage.is-dragging{cursor:grabbing}.wsh-frame-stage:focus-visible,.wsh-frame-controls button:focus-visible,.wsh-frame-card:focus-visible{outline:3px solid #ffda65;outline-offset:-3px}.wsh-frame-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%}.wsh-frame-fallback{display:block;width:100%;height:100%;object-fit:contain}.wsh-frame-viewer [hidden]{display:none!important}.wsh-frame-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:14px;background:#14191f;border-top:1px solid #303a44}.wsh-frame-controls button{font:inherit;border:1px solid #d8ae36;background:#ffda65;color:#141414;min-width:44px;min-height:44px;padding:8px 14px;border-radius:9px;cursor:pointer}.wsh-frame-controls button:disabled{opacity:.45;cursor:default}.wsh-frame-controls output{min-width:65px;color:#e1e6eb;text-align:center;font-size:14px}.wsh-frame-status:empty{display:none}.wsh-frame-status{color:#edcf87;padding:0 18px 12px;font-size:13px}.wsh-frame-help{margin-top:14px}.wsh-frame-description{margin:28px 0;color:#d3d7dd;line-height:2}.wsh-frame-viewer:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0;width:100%;height:100%;background:#080b0f}.wsh-frame-viewer:fullscreen .wsh-frame-stage{flex:1;min-height:0;max-height:none;height:auto}.wsh-frame-viewer:fullscreen .wsh-frame-controls{flex-shrink:0}.wsh-frames-page .nav-links{margin-top:30px;display:flex;gap:15px}
@media(max-width:900px){.wsh-frames-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wsh-frames-grid{grid-template-columns:1fr}.wsh-frames-heading{align-items:flex-start;flex-direction:column;gap:10px}.wsh-frames-page{padding-top:28px}.wsh-frame-stage{height:58vh;min-height:260px}.wsh-frame-controls{gap:6px;padding:10px}.wsh-frame-controls button{padding:8px 11px}.wsh-frames-section{padding:32px 0}}

/* 3.12.1: fit the complete image, including before viewer initialization. */
.wsh-frame-viewer{display:flex;flex-direction:column;max-width:100%;isolation:isolate}
.wsh-frame-viewer>.wsh-frame-controls{order:0;flex:0 0 auto;border-top:0;border-bottom:1px solid #303a44;position:relative;z-index:2}
.wsh-frame-viewer>.wsh-frame-stage{order:1;flex:0 0 auto;height:min(60vh,720px);min-height:0;max-height:none;padding:0;border:0;box-sizing:border-box}
.wsh-frame-viewer>.wsh-frame-status{order:2}
.wsh-frame-viewer .wsh-frame-stage>.wsh-frame-fallback,
.wsh-frame-viewer .wsh-frame-stage>canvas{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box;object-fit:contain!important;object-position:center!important;transform:none!important}
.wsh-frame-viewer .wsh-frame-stage>.wsh-frame-fallback[hidden]{display:none!important}
.wsh-frame-viewer .wsh-frame-stage.is-ready{touch-action:pan-y;cursor:default}
.wsh-frame-viewer .wsh-frame-stage.is-ready.is-zoomed{touch-action:none;cursor:grab}
.wsh-frame-viewer .wsh-frame-stage.is-dragging{cursor:grabbing}
.wsh-frame-viewer:fullscreen>.wsh-frame-stage{flex:1 1 0;height:0!important;min-height:0;max-height:none}
@media(max-width:600px){
 .wsh-frame-viewer>.wsh-frame-stage{height:42vh;height:42svh;max-height:460px}
 .wsh-frame-viewer>.wsh-frame-controls{gap:6px;padding:8px;justify-content:center}
 .wsh-frame-viewer .wsh-frame-controls button{font-size:13px;min-height:44px;padding:7px 9px}
 .wsh-frame-viewer .wsh-frame-controls output{min-width:48px;font-size:12px}
}