/* Preserve the original offset and logo proportions; preview without reflow. */
.sc-project-visual{position:relative;box-sizing:border-box;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center}
.project-stage.sc-project-visual{min-height:0}
.sc-project-visual.sc-preview-open{overflow:visible;z-index:6}
.sc-project-visual .sc-capture,.sc-project-visual>.project-logo{width:100%;max-width:100%;margin:0}
.sc-project-visual .sc-capture img,.sc-project-visual>.project-logo{display:block;width:100%;height:auto;object-fit:contain}
.sc-project-visual .sc-preview-trigger{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;color:#211928;box-shadow:none;cursor:pointer}
.sc-project-visual .sc-preview-trigger:hover,.sc-project-visual .sc-preview-trigger:focus{background:transparent;color:#211928}
.sc-project-visual .sc-preview-trigger:focus-visible{outline:3px solid #7435a9;outline-offset:-4px}
.sc-preview-hint{position:absolute;bottom:12px;right:12px;padding:7px 11px;border:1px solid #dcd5e1;border-radius:4px;background:#fff;color:#592180;font:700 12px/1.4 "DM Sans","SiteCraft Sans",sans-serif;box-shadow:0 3px 10px #21192812}
.sc-preview-open .sc-preview-hint{visibility:hidden}
.sc-site-preview{position:absolute;inset:auto 0 0;z-index:4;aspect-ratio:16/10;min-height:230px;display:flex;flex-direction:column;background:#fff;color:#211928;border:1px solid #dcd5e1;border-radius:inherit;overflow:hidden;pointer-events:auto;box-shadow:0 14px 32px #21192826}
.sc-site-preview[hidden]{display:none!important}
.sc-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;height:38px;flex:none;padding-left:12px;background:#211928;color:#fff;font:500 11px/1.3 "DM Sans","SiteCraft Sans",sans-serif}
.sc-preview-bar>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sc-project-visual .sc-preview-close{position:relative;z-index:4;flex:none;width:44px;height:38px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:#211928;color:#fff;font:400 24px/1 sans-serif;cursor:pointer;pointer-events:auto}
.sc-project-visual .sc-preview-close:hover{background:#7435a9;color:#fff}
.sc-project-visual .sc-preview-close:focus-visible{outline:3px solid #d3aff6;outline-offset:-4px}
.sc-preview-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#f5f3ef;background-size:cover;background-position:center top;background-repeat:no-repeat}
.sc-preview-viewport iframe{position:absolute;top:0;left:0;width:1440px;max-width:none;min-height:0;border:0;transform-origin:top left;pointer-events:none;background:white}
.sc-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:7px 12px;flex:none;background:#fff;font:400 10px/1.4 "DM Sans","SiteCraft Sans",sans-serif}
.sc-preview-footer>span{color:#655b6d}.sc-project-visual .sc-preview-visit{position:relative;z-index:4;flex:none;color:#592180;font-weight:700;text-decoration:underline;text-underline-offset:3px;pointer-events:auto}
@media(max-width:767px){.sc-preview-footer{font-size:9px;gap:4px;padding-inline:9px}.sc-preview-bar{font-size:10px}.sc-preview-hint{bottom:9px;right:9px}}