/* Website Screenshot Generator (uses the Tools Hub kit) */
.wsg .wsg-out{margin-top:18px;display:flex;flex-direction:column;gap:16px}
.wsg .wsg-opts{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}
.wsg .wsg-frame{display:flex;align-items:center;gap:8px}
.wsg .wsg-frame .tk-label{margin:0}
.wsg .wsg-frame .tk-select{width:auto;min-width:170px;padding-top:8px;padding-bottom:8px}
.wsg .wsg-wait{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--tk-muted)}
.wsg .wsg-wait .tk-spin{width:16px;height:16px;border:2px solid var(--tk-line);border-top-color:var(--tk-em);border-radius:50%;animation:wsg-spin .8s linear infinite;display:inline-block}
@keyframes wsg-spin{to{transform:rotate(360deg)}}
.wsg .wsg-stage{display:flex;justify-content:center;padding:26px;border-radius:12px;background:repeating-conic-gradient(color-mix(in srgb,var(--tk-line) 60%,transparent) 0 25%,transparent 0 50%) 0 0/22px 22px;max-height:720px;overflow:auto}
.wsg .wsg-shot{max-width:100%;height:auto;display:block}
.wsg .wsg-browser{width:100%;max-width:980px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.45);align-self:flex-start}
.wsg .wsg-bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:#e9edf0;border-bottom:1px solid #d4d9de}
.wsg .wsg-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.wsg .wsg-bar i:nth-child(2){background:#febc2e}.wsg .wsg-bar i:nth-child(3){background:#28c840}
.wsg .wsg-bar span{flex:1;margin-left:10px;height:24px;border-radius:7px;background:#fff;color:#5f6368;font:12px/24px Arial,sans-serif;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wsg .wsg-browser .wsg-shot{width:100%}
.wsg .wsg-phone{width:320px;max-width:100%;padding:14px;border-radius:40px;background:#0d0f12;box-shadow:0 0 0 2px #2b2f36,0 18px 50px rgba(0,0,0,.5);align-self:flex-start}
.wsg .wsg-phone .wsg-scr{border-radius:28px;overflow:hidden;background:#fff}
.wsg .wsg-phone .wsg-shot{width:100%}
.wsg .wsg-plain{align-self:flex-start;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.wsg .wsg-film{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
.wsg .wsg-film figure{margin:0;flex:none;width:110px;text-align:center}
.wsg .wsg-film img{width:100%;border-radius:6px;border:1px solid var(--tk-line);display:block;background:#fff}
.wsg .wsg-film figcaption{font-family:var(--tk-mono);font-size:11px;color:var(--tk-muted);margin-top:4px}
.wsg .wsg-credit{font-size:12px;color:var(--tk-muted);margin:0}