/* NAZAR_VISUAL_SETTINGS_V1_CSS_START */

html[data-nazar-custom-bg-v1="1"] body{
  background-image:
    linear-gradient(180deg, rgba(4, 12, 24, .56), rgba(4, 12, 24, .72)),
    var(--nazar-custom-bg-v1) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

html[data-nazar-custom-bg-v1="1"] body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 50% 0%, rgba(34,197,94,.12), transparent 32%),
    radial-gradient(circle at 20% 20%, rgba(56,189,248,.10), transparent 36%);
}

.nazarVisualSettingsPageV1{
  min-height:100vh;
  padding:18px 14px 28px;
  color:#f8fbff;
  background:
    radial-gradient(circle at 50% 0%, rgba(34,197,94,.20), transparent 28%),
    linear-gradient(180deg, #071421, #0b1728);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.nazarVisualSettingsWrapV1{
  width:min(100%, 520px);
  margin:0 auto;
}

.nazarVisualSettingsTopV1{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.nazarVisualBackV1{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  text-decoration:none;
  font-weight:800;
}

.nazarVisualSettingsCardV1{
  border-radius:28px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(13, 27, 46, .86);
  box-shadow:0 24px 70px rgba(0,0,0,.32);
  padding:18px;
  margin-bottom:14px;
}

.nazarVisualSettingsPageV1 h1{
  margin:0;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.03em;
}

.nazarVisualSettingsPageV1 h2{
  margin:0 0 8px;
  font-size:21px;
  line-height:1.1;
}

.nazarVisualSettingsMutedV1{
  color:rgba(248,251,255,.72);
  font-size:14px;
  line-height:1.38;
}

.nazarVisualPreviewV1{
  width:100%;
  min-height:160px;
  border-radius:22px;
  border:1px dashed rgba(255,255,255,.24);
  background:rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin:12px 0;
}

.nazarVisualPreviewV1 img{
  max-width:100%;
  max-height:240px;
  object-fit:cover;
  display:block;
}

.nazarVisualSettingsPageV1 input[type="file"]{
  width:100%;
  box-sizing:border-box;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  margin:8px 0 12px;
}

.nazarVisualSettingsPageV1 button{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:18px;
  background:linear-gradient(135deg, #22c55e, #16a34a);
  color:#06121f;
  font-weight:900;
  font-size:15px;
  box-shadow:0 16px 34px rgba(34,197,94,.25);
}

.nazarVisualSettingsPageV1 .dangerBtnV1{
  background:linear-gradient(135deg, #fb7185, #e11d48);
  color:#fff;
}

.nazarVisualSettingsGridV1{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

/* NAZAR_VISUAL_SETTINGS_V1_CSS_END */