.feature-tools .product-image-stage:has(.product-panel-workspace.is-active){background:#f6f7f8}
.workspace-feature-demo{height:100%;display:flex;flex-direction:column;background:#f6f7f8;color:#20252b;padding:0 14px 8px;box-sizing:border-box}
.wd-caption{flex:none;min-height:50px;display:flex;align-items:center;justify-content:center;margin:0;padding:10px 12px;font-size:13px;line-height:1.5;text-align:center;color:#565d66;box-sizing:border-box}
.wd-window{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;border:1px solid #dce0e5;border-radius:12px;background:#fff;box-shadow:0 8px 28px -16px #25304445}
.wd-titlebar{height:34px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;color:#7d8590;font-size:11px;letter-spacing:.02em}
.wd-window-dots{display:flex;gap:6px;width:48px}.wd-window-dots i{width:8px;height:8px;border-radius:50%;background:#ff6058}.wd-window-dots i:nth-child(2){background:#ffbd2e}.wd-window-dots i:nth-child(3){background:#28c840}.wd-window-menu{width:48px;text-align:right;font-size:14px}
.wd-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}
.wd-frame{position:absolute;inset:0;visibility:hidden;pointer-events:none}.wd-frame.is-active{visibility:visible}
.wd-frame iframe{position:absolute;left:0;top:0;width:1280px;height:600px;border:0;background:#fff;transform-origin:top left;pointer-events:none}
.wd-loading{position:absolute;inset:0;display:grid;place-items:center;background:#fff;color:#858b92;font-size:13px;margin:0}.wd-loading[hidden]{display:none}
@media(max-width:767px){.workspace-feature-demo{padding:0 7px 7px}.wd-caption{font-size:11px;min-height:54px;padding:8px}.wd-titlebar{height:28px;font-size:9px;padding:0 8px}.wd-window{border-radius:9px}.wd-window-dots{gap:4px}.wd-window-dots i{width:6px;height:6px}}