/* Template preview only. The template HTML and all content below remain unchanged. */
.wgh103-detail .wgh149-preview{width:100%;background:#e8eef7}
.wgh103-detail .wgh149-preview .wgh103-preview-tools{box-sizing:border-box;position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(330px,1fr);align-items:center;gap:20px;padding:12px 22px;min-height:84px;background:#153355;color:#fff;border-bottom:1px solid #345170;box-shadow:none}
.wgh149-preview .wgh103-preview-name{min-width:0;display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
.wgh149-preview .wgh103-preview-name>a{flex-basis:100%;font-size:13px;line-height:20px;color:#d4e2f3}
.wgh149-preview .wgh103-preview-name h1{margin:0;font-size:25px;line-height:30px;letter-spacing:-.6px;color:#fff}
.wgh149-preview .wgh149-template-subject{display:block;font-size:13px;line-height:20px;letter-spacing:0;font-weight:500;color:#d4e2f3}
.wgh149-preview .wgh-catalog-devices{justify-self:center;display:flex;gap:3px;padding:4px;border:1px solid #49627e;border-radius:8px;background:#102a48}
.wgh149-preview .wgh-catalog-devices button{min-height:44px;padding:10px 17px;font-size:15px;line-height:22px;cursor:pointer}
.wgh149-preview-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.wgh149-preview .wgh149-expand{min-height:48px;padding:12px 16px;border:1px solid #6d88a8;border-radius:7px;background:transparent;color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:22px;cursor:pointer}
.wgh149-preview .wgh149-expand[hidden]{display:none}
.wgh149-preview .wgh149-expand:hover{background:#244967}
.wgh149-preview .wgh-catalog-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;background:#fff;color:#153355!important;border:1px solid #fff;border-radius:7px;font-size:16px;font-weight:700;line-height:24px;white-space:nowrap}
.wgh149-preview :is(button,a):focus-visible{outline:3px solid #a8ceff;outline-offset:3px}
.wgh103-detail .wgh149-preview .wgh103-preview-stage{display:block;height:auto;min-height:0;padding:10px 10px 0;overflow:visible}
.wgh149-preview .wgh122-frame-canvas{display:flex;justify-content:center;box-sizing:border-box;position:relative;height:max(620px,calc(100dvh - var(--preview-tools-height,84px) - 12px));min-height:0;padding:0;overflow:hidden;border:1px solid #a8bad0;border-radius:6px 6px 0 0;background:#cbd7e8}
.wgh103-detail .wgh149-preview iframe[data-catalog-full-frame]{display:block;flex:none;width:100%;max-width:none;height:100%;min-height:0;border:0;border-radius:0;background:#fff;box-shadow:none;transform-origin:top center}
.wgh149-preview .wgh122-frame-end{margin-bottom:20px;padding:13px 20px;border-radius:0 0 6px 6px}
.wgh149-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wgh149-preview:fullscreen{display:flex;flex-direction:column;height:100dvh;overflow:hidden}
.wgh103-detail .wgh149-preview:fullscreen .wgh103-preview-tools{position:relative;flex:none}
.wgh103-detail .wgh149-preview:fullscreen .wgh103-preview-stage{flex:1;min-height:0;padding:0}
.wgh149-preview:fullscreen .wgh122-frame-canvas{height:100%;border:0;border-radius:0}
.wgh149-preview:fullscreen .wgh122-frame-end{display:none}
@media(max-width:1100px){.wgh103-detail .wgh149-preview .wgh103-preview-tools{grid-template-columns:1fr auto;gap:10px 16px}.wgh149-preview .wgh-catalog-devices{grid-row:2;grid-column:1/-1}.wgh149-preview-actions{grid-row:1;grid-column:2}.wgh149-preview .wgh103-preview-name>span{display:none}}
@media(max-width:600px){.wgh103-detail .wgh149-preview .wgh103-preview-tools{padding:10px 12px;gap:10px}.wgh149-preview .wgh103-preview-name h1{font-size:21px;line-height:26px}.wgh149-preview .wgh-catalog-button{font-size:14px;padding:10px 13px;min-height:46px}.wgh149-preview .wgh149-expand{display:none}.wgh149-preview .wgh-catalog-devices{width:100%;box-sizing:border-box}.wgh149-preview .wgh-catalog-devices button{flex:1;padding:8px;font-size:14px}.wgh103-detail .wgh149-preview .wgh103-preview-stage{padding:6px 4px 0}.wgh149-preview .wgh122-frame-canvas{height:max(550px,calc(100dvh - var(--preview-tools-height,148px) - 8px))}.wgh149-preview:fullscreen .wgh122-frame-canvas{height:100%}.wgh149-preview .wgh122-frame-end{padding:12px;margin-bottom:14px}}