.vizo-platform-settings .card { border: 0; box-shadow: 0 8px 30px rgba(29, 34, 58, .07); }
.vizo-color-control { display: flex; align-items: center; gap: 12px; min-height: 44px; }
.vizo-color-control .form-control-color { width: 64px; height: 44px; padding: 5px; }
.vizo-color-control code { padding: 7px 10px; border-radius: 7px; background: var(--vz-light); font-size: .88rem; }
.vizo-live-preview-card { position: sticky; top: 92px; }
.vizo-platform-preview { display: grid; grid-template-columns: minmax(130px, .72fr) minmax(170px, 1fr); min-height: 420px; overflow: hidden; border: 1px solid var(--vz-border-color); border-radius: 14px; background: #edf0f6; box-shadow: 0 18px 45px rgba(28, 34, 58, .13); }
.vizo-platform-preview aside { position: relative; z-index: 0; overflow: hidden; display: flex; flex-direction: column; gap: 5px; padding: 25px 12px; background: var(--preview-bg); color: var(--preview-text, #F0F3FA); }
.vizo-platform-preview .vizo-preview-image { position: absolute; z-index: -1; inset: 0; background-image: var(--preview-image); background-size: cover; background-position: center; opacity: var(--preview-opacity); }
.vizo-platform-preview aside > img { width: 76px; max-height: 26px; object-fit: contain; margin: 0 auto 30px; }
.vizo-platform-preview aside small { margin: 12px 7px 3px; color: currentColor; opacity: .58; font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.vizo-platform-preview aside span { display: flex; align-items: center; gap: 7px; padding: 8px 9px; border-radius: 7px; font-size: 10px; }
.vizo-platform-preview aside span.active { color: currentColor; background: rgba(255,255,255,.13); }
.vizo-platform-preview section { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 20px; background: radial-gradient(circle at top, #5f4ec3, #171a32 72%); color: white; text-align: center; }
.vizo-login-preview-logo { margin-bottom: 15px; font-size: 25px; font-weight: 800; letter-spacing: .08em; }
.vizo-platform-preview section p { min-height: 36px; margin-bottom: 17px; font-size: 11px; font-weight: 600; overflow-wrap: anywhere; }
.vizo-preview-input { width: 100%; height: 27px; margin-bottom: 8px; border-radius: 5px; background: rgba(255,255,255,.92); }
.vizo-platform-preview section button { width: 100%; margin-top: 3px; padding: 7px; border: 0; border-radius: 5px; background: #45cb85; color: #fff; font-size: 10px; }
@media (max-width: 575.98px) { .vizo-platform-preview { grid-template-columns: 120px 1fr; min-height: 360px; } .vizo-platform-preview section { padding: 22px 14px; } }