#vipDesignView .vde-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}#vipDesignView .vde-form{display:grid;gap:16px}#vipDesignView fieldset{min-width:0;margin:0;padding:15px;border:1px solid #344251;border-radius:12px}#vipDesignView legend{padding:0 6px;font-weight:650}#vipDesignView label{display:grid;gap:5px;margin:8px 0;font-size:12px}#vipDesignView input,#vipDesignView select{max-width:100%;width:100%;min-height:36px}#vipDesignView input[type=checkbox]{width:20px;min-height:20px}#vipDesignView .vde-colors{display:grid;grid-template-columns:1fr 1fr;gap:8px}#vipDesignView input[type=color]{height:36px;padding:3px}#vipDesignView .vde-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#vipDesignView .vde-preview-area{overflow:auto;padding:8px;background:#131b23;border-radius:12px;max-width:100%}#vipDesignView iframe{display:block;background:#fff;border:0;max-width:none;height:850px;margin:auto}#vipDesignView .vde-preview-column{position:sticky;top:20px;min-width:0}#vipDesignView .vde-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}#vipDesignView .vde-template{padding:0;border:1px solid #475569;border-radius:12px;overflow:hidden;background:#19232f;color:#e2e8f0;text-align:left}#vipDesignView .vde-template[aria-pressed=true]{outline:2px solid #e5c17c;outline-offset:2px}#vipDesignView .vde-template img{width:100%;aspect-ratio:1.65;object-fit:cover;object-position:top;display:block}#vipDesignView .vde-template span{display:block;padding:12px}#vipDesignView .vde-template small{display:block;color:#c0cbd7;margin-top:5px}#vipDesignView .vde-media img{width:100%;max-height:100px;object-fit:contain;background:#111a24;margin-top:8px}#vipDesignView .vde-status{padding:12px;border:1px solid #66788c;border-radius:8px;white-space:pre-wrap}#vipDesignView .vde-history{display:grid;gap:8px;margin-top:12px}#vipDesignView .vde-history>div{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #344251}#vipDesignView .vde-help{font-size:12px;color:#b9c6d5}#vipDesignView .vde-install{width:100%;min-height:120px;font:12px/1.6 monospace}#vipDesignView .vde-form button{min-height:36px}@media(max-width:1050px){#vipDesignView .vde-layout{grid-template-columns:1fr}#vipDesignView .vde-preview-column{position:static}#vipDesignView .vde-templates{grid-template-columns:1fr}#vipDesignView .vde-template img{max-height:190px}}
/* Match the existing administration controls within the VIP editor only. */
#vipDesignView button:not(.vde-template){min-height:40px;padding:9px 14px;border:1px solid #425267;border-radius:8px;background:#1d2936;color:#f1f5f9;font:inherit;font-size:12px;cursor:pointer}
#vipDesignView button:not(.vde-template):hover{border-color:#d1b57e;background:#29384a}
#vipDesignView button[data-publish],#vipDesignView button[data-save]{background:#245746;border-color:#39795f}
#vipDesignView button:disabled{opacity:.55;cursor:wait}
#vipDesignView :focus-visible{outline:2px solid #e5ce94;outline-offset:3px}