/* AVIORIX v1.2.5: targeted enhancements — existing tools & icons preserved */
#av119-banners .av-banner-logo {
  width:clamp(64px,7.4vw,98px);height:clamp(64px,7.4vw,98px);
  bottom:clamp(12px,2vw,25px);left:50%;transform:translateX(-50%);
  border:4px solid #10162f;z-index:12;object-fit:cover;
}
#av119-banners {overflow:hidden;isolation:isolate}
#av119-banners .av-slide {z-index:1}

/* Studio & Tools gallery box: auto-fits both 3:2 and 4:3 images with zero empty sidebars */
#av119-gallery.av-studio-banner {
  width:fit-content!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin-inline:auto!important;
  padding:0!important;
  background:transparent!important;
  border:1px solid #ffffff2b;
  border-radius:20px;
  overflow:hidden;
  display:block!important;
  line-height:0!important;
  box-shadow:0 20px 60px #0007;
  transition:width .28s ease;
}
#av119-gallery .av-slide {
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:min(68vh,640px)!important;
  margin-inline:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  filter:none!important;
  transform:none!important;
  border-radius:inherit!important;
  display:none!important;
  opacity:0;
}
#av119-gallery .av-slide.active {
  display:block!important;
  opacity:1!important;
}

/* See the difference (Before/After + Background Fill / B&W Mode Switcher + Crisp Photo Thumbnails) */
#av120-before-after.av120-comparison {padding-block:65px 75px}
#av120-before-after .av120-compare-grid {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);
  align-items:center;gap:clamp(24px,4vw,60px);
  padding:clamp(24px,3.2vw,48px);
  border:1px solid #56688e50;border-radius:26px;
  background:linear-gradient(138deg,#101a35,#0a1024);
}
#av120-before-after .av120-copy {min-width:0}
#av120-before-after .av120-copy h2 {font-size:clamp(31px,3.8vw,56px);line-height:1.05;letter-spacing:-.045em;margin:10px 0 15px}
#av120-before-after .av120-copy p:not(.av-eyebrow) {line-height:1.7;color:#bac9e3;margin-bottom:22px}
#av120-compare-slot {min-width:0;width:100%}
#av120-compare-slot .mood-studio {width:100%;max-width:100%}
#av120-compare-slot .ms-stage {width:100%;aspect-ratio:1/1;border-radius:20px;background:#05060a}
#av120-compare-slot .ms-stage img {object-fit:cover!important}
#av120-compare-slot .ms-moods {overflow-x:auto;scrollbar-width:thin}

/* Mode switcher pills inside See the difference */
.ms-modes {
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
}
.ms-mode {
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 13px;border-radius:999px;
  border:1px solid #3c4a6b;background:#121829;
  color:#cbd5e1;font-size:12px;font-weight:600;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.ms-mode i {
  width:14px;height:14px;border-radius:50%;display:inline-block;flex:none;
}
.ms-mode.on {
  background:linear-gradient(90deg,#facc15,#fb923c);
  color:#111827;border-color:#fde047;font-weight:700;
}

/* Guarantee the 6 PHOTO thumbnail boxes always display crisp visible photos */
#msPhotos.ms-photos {
  display:flex!important;gap:9px!important;flex-wrap:wrap;align-items:center;
}
#msPhotos .ms-ph {
  width:50px!important;height:50px!important;
  border-radius:11px!important;overflow:hidden!important;
  border:2px solid rgba(255,255,255,0.22)!important;
  padding:0!important;background:#111827!important;
  flex:none!important;cursor:pointer;position:relative;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
#msPhotos .ms-ph:hover {
  transform:translateY(-2px);border-color:#93c5fd!important;
}
#msPhotos .ms-ph.on {
  border-color:#38bdf8!important;
  box-shadow:0 0 0 2px rgba(56,189,248,0.35)!important;
}
#msPhotos .ms-ph img {
  width:100%!important;height:100%!important;
  object-fit:cover!important;display:block!important;
  opacity:1!important;visibility:visible!important;
}

/* Top Navbar Products Dropdown */
.av125-products-dd {
  position:relative;display:inline-flex;align-items:center;
}
.av125-products-btn {
  display:inline-flex!important;align-items:center;gap:6px;
  padding:10px 16px!important;border-radius:24px!important;
  color:#e2e8f0!important;font-size:13.5px!important;font-weight:600!important;
  background:transparent;border:0;cursor:pointer;white-space:nowrap;
  transition:background .15s,color .15s;
}
.av125-products-btn:hover, .av125-products-dd.open .av125-products-btn {
  background:#ffffff17!important;color:#fff!important;
}
.av125-products-btn svg {
  width:13px;height:13px;transition:transform .2s ease;
}
.av125-products-dd.open .av125-products-btn svg {
  transform:rotate(180deg);
}
.av125-products-menu {
  position:absolute;top:calc(100% + 10px);left:0;z-index:999;
  width:min(340px,88vw);
  background:rgba(15, 20, 34, 0.96);backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.16);border-radius:18px;
  padding:10px;box-shadow:0 24px 70px rgba(0,0,0,0.75);
  display:none;flex-direction:column;gap:4px;
}
.av125-products-dd.open .av125-products-menu {
  display:flex;
}
.av125-prod-item {
  display:flex!important;align-items:center;gap:12px;
  padding:10px 12px!important;border-radius:12px!important;
  text-align:left;width:100%;box-sizing:border-box;
  color:#f1f5f9!important;background:transparent;border:0;cursor:pointer;
  transition:background .15s;
}
.av125-prod-item:hover {
  background:rgba(255,255,255,0.09)!important;
}
.av125-prod-ic {
  width:36px;height:36px;border-radius:10px;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#2563eb33,#8b5cf633);
  border:1px solid #60a5fa44;color:#93c5fd;font-size:16px;
}
.av125-prod-txt {display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.av125-prod-txt b {font-size:13.5px;color:#fff;font-weight:700}
.av125-prod-txt small {font-size:11.5px;color:#94a3b8}

/* Home page Our Tools & Products quick bar */
.av125-home-tools-bar {
  display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;align-items:center;
}
.av125-home-tool-pill {
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 16px;border-radius:999px;
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);
  color:#e2e8f0;font-size:13px;font-weight:600;cursor:pointer;
  transition:background .15s,border-color .15s,transform .12s;
}
.av125-home-tool-pill:hover {
  background:rgba(59,130,246,0.18);border-color:#60a5fa;transform:translateY(-1px);
}
.av125-products-orb {
  display:flex!important;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#1e3a8a66,#6d28d966)!important;
  border:1px solid #818cf866!important;color:#c7d2fe!important;
}

/* Open Studio Loading Screen (#stLoad): Raise the 'A' App Icon slightly higher and show the loading bar + icon together the entire time */
.st-load {
  padding-bottom:clamp(58px,10.5vh,104px)!important;
  gap:13px!important;
}
.st-load img {
  width:76px!important;height:76px!important;
  border-radius:19px!important;
  box-shadow:0 12px 36px rgba(37,99,235,0.5), 0 0 0 1px rgba(255,255,255,0.22)!important;
  margin-bottom:2px!important;
}
.st-load .st-load-bar {
  width:min(48vw,220px);height:4px;border-radius:4px;
  background:rgba(255,255,255,0.20);overflow:hidden;margin-top:2px;
}
.st-load .st-load-bar b {
  display:block;height:100%;width:0;border-radius:4px;
  background:linear-gradient(90deg,#3fb6ff,#8b5cff,#ff5ad1);
  box-shadow:0 0 12px #6aa8ff;
  animation:av125LoadBar 1.75s cubic-bezier(.35,.1,.25,1) forwards;
}
@keyframes av125LoadBar { to { width:100%; } }

@media(max-width:1000px){
  .av119-actions .signin, .av119-actions .av125-signup-btn {
    display:inline-flex!important;padding:8px 12px!important;font-size:12px!important;
  }
}
@media(max-width:790px){
  #av120-before-after .av120-compare-grid {grid-template-columns:1fr}
  #av120-before-after .av120-copy h2 {font-size:38px}
}


/* Scrollable Updates Timeline (v1.0.0 - v1.2.6) and Release Notes / Roadmap */
#updates .upd {
  align-items: start;
}
#updates #tl {
  max-height: 460px;
  overflow-y: auto;
  padding-right: 14px;
  scrollbar-width: thin;
  scrollbar-color: #475569 #0f1422;
}
#updates #tl::-webkit-scrollbar, #updates #road::-webkit-scrollbar {
  width: 6px;
}
#updates #tl::-webkit-scrollbar-thumb, #updates #road::-webkit-scrollbar-thumb {
  background: #475569; border-radius: 6px;
}
#updates .rel-plain h3 {
  font-size: 16px; color: #cbd5e1; margin: 0;
}
#updates .rel-plain .d {
  margin: 2px 0 0; color: #64748b;
}
#updates #road {
  max-height: 460px;
  overflow-y: auto;
  padding-right: 12px;
  scrollbar-width: thin;
  scrollbar-color: #475569 #0f1422;
}

/* Dedicated Products View (#av119-products) */
.av126-prod-hero {
  display: grid; grid-template-columns: 1.15fr 1fr; gap: 32px; align-items: center;
  background: linear-gradient(135deg, #111b36 0%, #0b1022 100%);
  border: 1px solid #4f689e55; border-radius: 26px;
  padding: clamp(24px, 3.5vw, 44px); margin-bottom: 34px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.55);
}
.av126-badge-live {
  display: inline-block; padding: 5px 12px; border-radius: 999px;
  background: rgba(74, 222, 128, 0.16); border: 1px solid rgba(74, 222, 128, 0.45);
  color: #4ade80; font-size: 11px; font-weight: 800; letter-spacing: .12em;
}
.av126-prod-hero-copy h3 {
  font-size: clamp(28px, 3.6vw, 44px); margin: 12px 0 12px; color: #fff; letter-spacing: -.03em;
}
.av126-prod-hero-copy p {
  color: #cbd5e1; font-size: 15px; line-height: 1.7; margin: 0 0 22px;
}
.av126-prod-actions {
  display: flex; gap: 12px; flex-wrap: wrap;
}
.av126-prod-hero-art img {
  width: 100%; border-radius: 18px; border: 1px solid #ffffff26;
  box-shadow: 0 18px 50px #0009; display: block;
}
.av126-prod-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.av126-prod-card {
  background: linear-gradient(160deg, #12192e 0%, #0b0f1d 100%);
  border: 1px solid #ffffff1c; border-radius: 22px; padding: 26px;
  display: flex; flex-direction: column; gap: 12px;
  transition: transform .18s ease, border-color .18s ease;
}
.av126-prod-card:hover {
  transform: translateY(-4px); border-color: #60a5fa88;
}
.av126-prod-top {
  display: flex; align-items: center; justify-content: space-between;
}
.av126-prod-icon {
  width: 46px; height: 46px; border-radius: 14px;
  background: linear-gradient(135deg, #2563eb44, #8b5cf644);
  border: 1px solid #60a5fa55; color: #93c5fd;
  display: flex; align-items: center; justify-content: center; font-size: 20px;
}
.av126-tag-live {
  padding: 4px 10px; border-radius: 999px; background: #14352a; color: #6ee7b7;
  font-size: 10.5px; font-weight: 700; letter-spacing: .08em;
}
.av126-tag-soon {
  padding: 4px 10px; border-radius: 999px; background: #1e293b; color: #93c5fd;
  font-size: 10.5px; font-weight: 700; letter-spacing: .08em;
}
.av126-prod-card h4 {
  font-size: 20px; margin: 4px 0 0; color: #fff;
}
.av126-prod-card p {
  color: #94a3b8; font-size: 13.5px; line-height: 1.65; margin: 0; flex: 1;
}
.av126-prod-btn {
  margin-top: 8px; padding: 11px 16px; border-radius: 12px;
  border: 1px solid #475569; background: #172036; color: #fff;
  font-weight: 600; font-size: 13.5px; cursor: pointer; text-align: left;
  transition: background .15s, border-color .15s;
}
.av126-prod-btn:hover {
  background: #2563eb; border-color: #60a5fa;
}

/* Dedicated Admin Panel View (#av119-admin) */
.av126-admin-wrap {
  max-width: 1240px; margin: 0 auto;
}
.av126-admin-header {
  display: flex; justify-content: space-between; align-items: flex-end;
  gap: 20px; flex-wrap: wrap; margin-bottom: 24px;
}
.av126-admin-master-box {
  display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap;
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border: 1.5px solid #eab30888; border-radius: 20px; padding: 20px 24px;
  margin-bottom: 22px; box-shadow: 0 12px 40px rgba(234, 179, 8, 0.12);
}
.av126-badge-admin {
  display: inline-block; padding: 3px 10px; border-radius: 999px;
  background: #eab308; color: #111827; font-size: 10.5px; font-weight: 800; letter-spacing: .08em;
}
.av126-btn-gold {
  padding: 11px 18px; border-radius: 11px; border: 0;
  background: linear-gradient(90deg, #facc15 0%, #fb923c 55%, #f87171 100%);
  color: #111827; font-weight: 800; font-size: 13.5px; cursor: pointer;
}
.av126-admin-stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px;
}
.av126-stat-card {
  background: #101729; border: 1px solid #ffffff1c; border-radius: 18px; padding: 18px 20px;
  display: flex; flex-direction: column; gap: 4px;
}
.av126-stat-card span { font-size: 11px; font-weight: 700; color: #94a3b8; letter-spacing: .08em; }
.av126-stat-card strong { font-size: 30px; font-weight: 800; color: #fff; }
.av126-stat-card small { font-size: 12px; color: #64748b; }
.av126-admin-2col {
  display: grid; grid-template-columns: 1fr 1fr; gap: 22px;
}
.av126-admin-panel {
  background: #0f1628; border: 1px solid #ffffff1f; border-radius: 22px;
  padding: 24px; box-sizing: border-box;
}
.av126-admin-panel h3 { margin: 0 0 6px; font-size: 20px; color: #fff; }
.av126-sub { margin: 0 0 16px; color: #94a3b8; font-size: 13px; line-height: 1.55; }
.av126-form-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
.av126-form-grid label {
  display: grid; gap: 5px; font-size: 12.5px; color: #cbd5e1; font-weight: 600;
}
.av126-form-grid select, .av126-form-grid input, .av126-quick-grant input, .av126-quick-grant select {
  background: #090d18; border: 1px solid #334155; color: #fff;
  padding: 10px 12px; border-radius: 10px; font: inherit; width: 100%; box-sizing: border-box;
}
.av126-scroll-box {
  max-height: 260px; overflow-y: auto; display: grid; gap: 10px; padding-right: 6px;
}
.av126-code-item, .av126-req-item, .av126-user-row {
  background: #151f38; border: 1px solid #334155; border-radius: 14px; padding: 13px 15px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
.av126-users-head {
  display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 16px;
}
.av126-quick-grant {
  display: grid; grid-template-columns: 1.6fr 1fr 1fr auto; gap: 10px;
  background: #141d33; padding: 14px; border-radius: 14px; border: 1px solid #334155; margin-bottom: 16px;
}
.av126-users-table {
  display: grid; gap: 10px; max-height: 480px; overflow-y: auto; padding-right: 6px;
}
.av126-sm-btn {
  padding: 6px 11px; border-radius: 8px; border: 1px solid #475569;
  background: #1e293b; color: #fff; font-size: 12px; font-weight: 600; cursor: pointer;
}
.av126-sm-btn.gold { background: #eab308; color: #111827; border-color: #facc15; font-weight: 700; }
.av126-sm-btn.warn { background: #3f1d28; color: #fda4af; border-color: #881337; }

@media(max-width:960px){
  .av126-prod-hero, .av126-admin-2col { grid-template-columns: 1fr; }
  .av126-prod-grid { grid-template-columns: 1fr 1fr; }
  .av126-admin-stats { grid-template-columns: 1fr 1fr; }
  .av126-quick-grant { grid-template-columns: 1fr 1fr; }
}
@media(max-width:640px){
  .av126-prod-grid, .av126-admin-stats, .av126-quick-grant, .av126-form-grid { grid-template-columns: 1fr; }
}