#ruzy-atelier{
  font-family:'Poppins',system-ui,-apple-system,sans-serif!important;
  font-size:16px;
  --studio-red:var(--ux-red,#ed2525);
}
#ruzy-atelier :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,span,small,strong,th,td,summary,li){
  font-family:'Poppins',system-ui,-apple-system,sans-serif!important;
}

html:not([data-theme=light]){
  color-scheme:dark;
  --bg:#0b0b10;
  --bg-soft:#101018;
  --surface:#151520;
  --text:#f6f6fb;
  --muted:#9a9ab0;
  --theme-nav:#0e0e16;
  --theme-line:rgba(255,255,255,0.09);
  --border:rgba(255,255,255,0.09);
}
html:not([data-theme=light]) #ruzy-atelier:not(.admin-workspace):not(.moderator-studio){
  --ux-page:#0b0b10;
  --ux-panel:#151520;
  --ux-inset:#0f0f17;
  --ux-line:rgba(255,255,255,0.09);
  --ux-text:#f6f6fb;
  --ux-muted:#9a9ab0;
  --ux-red:#ed2525;
  --ux-hover:#1d1d2b;
  --surface:#151520;
  --bg:#0b0b10;
  --bg-soft:#101018;
  --theme-line:rgba(255,255,255,0.09);
  --border:rgba(255,255,255,0.09);
  background:#0b0b10!important;
  color:#f6f6fb!important;
}

html[data-theme=light]{
  color-scheme:light;
  --bg:#f4f6fb;
  --bg-soft:#edf0f7;
  --surface:#ffffff;
  --text:#12141d;
  --muted:#5a6075;
  --theme-nav:#ffffff;
  --theme-line:rgba(15,23,42,0.095);
  --border:rgba(15,23,42,0.095);
}
html[data-theme=light] #ruzy-atelier:not(.auth-standalone):not(.admin-workspace):not(.moderator-studio){
  --ux-page:#f4f6fb;
  --ux-panel:#ffffff;
  --ux-inset:#edf0f7;
  --ux-line:rgba(15,23,42,0.095);
  --ux-text:#12141d;
  --ux-muted:#5a6075;
  --ux-red:#e01e26;
  --ux-hover:#e6eaf4;
  --surface:#ffffff;
  --bg:#f4f6fb;
  --bg-soft:#edf0f7;
  --theme-line:rgba(15,23,42,0.095);
  --border:rgba(15,23,42,0.095);
  background:#f4f6fb!important;
  color:#12141d!important;
}

/* Ensure all sections inherit the clean theme background */
#ruzy-atelier:not(.auth-standalone) .site-main,
#ruzy-atelier:not(.auth-standalone) .site-main>section,
#ruzy-atelier :is(#products,#products.categories-v56,.section.whats-new,#news,.ruzy-platform-v50,.section.purchase-steps-v48,.faq-refresh,.hero-v46,.catalog-v56,.reviews-section,#status.status-v8,.account-v42,.product-v45,.contact-v45,.legal-shell){
  background-color:var(--ux-page)!important;
}

#ruzy-atelier .site-header{
  isolation:isolate;
  border-bottom:1px solid var(--ux-line)!important;
  box-shadow:0 10px 38px rgba(0,0,0,0.18)!important;
  backdrop-filter:blur(26px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(145%)!important;
}
html:not([data-theme=light]) #ruzy-atelier .site-header{
  background:linear-gradient(110deg,rgba(22,20,32,0.86),rgba(13,13,20,0.92) 55%,rgba(24,16,23,0.86))!important;
}
html[data-theme=light] #ruzy-atelier .site-header{
  background:rgba(255,255,255,0.88)!important;
  box-shadow:0 8px 30px rgba(15,23,42,0.06)!important;
}
#ruzy-atelier .site-header::after{
  content:"";
  position:absolute;
  inset:auto 0 -1px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(237,37,37,0.18) 20%,rgba(237,37,37,0.68) 50%,rgba(237,37,37,0.18) 80%,transparent);
  box-shadow:0 0 16px rgba(237,37,37,0.35);
}
#ruzy-atelier .nav-shell{
  width:calc(100% - 80px)!important;
  max-width:1480px!important;
  min-height:84px!important;
  gap:28px!important;
}
#ruzy-atelier .site-header .brand-word{
  font-size:26px!important;
  font-weight:700!important;
  letter-spacing:-.05em!important;
  white-space:nowrap;
  color:var(--ux-text)!important;
}
#ruzy-atelier .site-header .brand-word>span{
  color:var(--ux-red)!important;
  text-shadow:0 0 18px rgba(237,37,37,0.35);
}
#ruzy-atelier .site-header .brand-logo{width:38px!important;height:38px!important}
#ruzy-atelier .site-header .brand{gap:10px!important}
#ruzy-atelier .main-nav{
  gap:6px!important;
  margin-left:24px!important;
  margin-right:auto!important;
  justify-content:flex-start!important;
}
#ruzy-atelier .main-nav>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px!important;
  min-height:38px;
  padding:8px 13px!important;
  font-size:12.5px!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  color:var(--ux-muted)!important;
  border-radius:10px!important;
  transition:color .22s ease,background .22s ease,transform .2s ease!important;
}
#ruzy-atelier .main-nav>a>svg{
  width:15px;
  height:15px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.72;
  transition:color .22s ease,opacity .22s ease,filter .22s ease;
}
#ruzy-atelier .main-nav>a:hover,
#ruzy-atelier .main-nav>a[aria-current=page]{
  background:rgba(237,37,37,0.08)!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier .main-nav>a:hover>svg,
#ruzy-atelier .main-nav>a[aria-current=page]>svg{
  color:var(--ux-red);
  opacity:1;
  filter:drop-shadow(0 0 8px rgba(237,37,37,0.45));
}
#ruzy-atelier .nav-actions{gap:10px!important;flex-shrink:0}
#ruzy-atelier .nav-community{
  border-radius:11px!important;
  background:var(--ux-inset)!important;
  border:1px solid var(--ux-line)!important;
  color:var(--ux-text)!important;
  min-height:40px!important;
  padding:8px 14px!important;
  font-size:12px!important;
  font-weight:600!important;
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
#ruzy-atelier .nav-community:hover{
  border-color:rgba(237,37,37,0.52)!important;
  background:rgba(237,37,37,0.10)!important;
  box-shadow:0 0 20px rgba(237,37,37,0.18);
  transform:translateY(-1px);
}
#ruzy-atelier .nav-actions .btn-login{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:9px 12px!important;
  min-height:40px!important;
  border:1px solid transparent!important;
  border-radius:10px;
  background:transparent!important;
  color:var(--ux-text)!important;
  font-size:12.5px!important;
  font-weight:600;
  box-shadow:none!important;
  white-space:nowrap;
  transition:color .2s ease,background .2s ease;
}
#ruzy-atelier .nav-actions .btn-login:hover{
  color:var(--ux-red)!important;
  background:rgba(237,37,37,0.07)!important;
}
#ruzy-atelier .nav-cta{
  padding:10px 20px!important;
  min-height:40px!important;
  border-radius:11px!important;
  font-size:12.5px!important;
  font-weight:600!important;
  background:linear-gradient(115deg,#ff333d,#df1b24)!important;
  border:1px solid rgba(255,110,116,0.48)!important;
  color:#fff!important;
  box-shadow:0 6px 24px rgba(237,37,37,0.34),0 0 14px rgba(237,37,37,0.18)!important;
}
#ruzy-atelier .nav-cta:hover{
  box-shadow:0 10px 30px rgba(237,37,37,0.48),0 0 22px rgba(237,37,37,0.28)!important;
  transform:translateY(-2px);
}
#ruzy-atelier .nav-actions :is(.theme-toggle,.notification-btn,.staff-shortcut){
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:9px!important;
  border-radius:11px!important;
  background:var(--ux-inset)!important;
  border:1px solid var(--ux-line)!important;
  color:var(--ux-text)!important;
  transition:border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease!important;
}
#ruzy-atelier .nav-actions :is(.theme-toggle,.notification-btn,.staff-shortcut):hover{
  border-color:rgba(237,37,37,0.52)!important;
  background:rgba(237,37,37,0.10)!important;
  color:var(--ux-red)!important;
  box-shadow:0 0 18px rgba(237,37,37,0.18);
  transform:translateY(-2px);
}
#ruzy-atelier .profile-direct{
  min-height:42px!important;
  border-radius:12px!important;
  background:var(--ux-inset)!important;
  border:1px solid var(--ux-line)!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier .profile-direct .account-name strong{
  color:var(--ux-text)!important;
}

/* Notification Dropdown Theme Consistency */
html[data-theme=light] #ruzy-atelier .notification-panel{
  background:rgba(255,255,255,0.96)!important;
  border:1px solid var(--ux-line)!important;
  box-shadow:0 24px 60px rgba(15,23,42,0.14),0 0 24px rgba(224,30,38,0.08)!important;
}
html[data-theme=light] #ruzy-atelier .notification-head{
  border-bottom:1px solid var(--ux-line)!important;
}
html[data-theme=light] #ruzy-atelier .notification-head button{
  background:var(--ux-inset)!important;
  border-color:var(--ux-line)!important;
  color:var(--ux-text)!important;
}
html[data-theme=light] #ruzy-atelier .notification-item{
  background:var(--ux-inset)!important;
  border-color:var(--ux-line)!important;
}
html[data-theme=light] #ruzy-atelier .notification-item.unread{
  background:linear-gradient(135deg,rgba(224,30,38,0.08),var(--ux-inset))!important;
  border-color:rgba(224,30,38,0.28)!important;
}
html[data-theme=light] #ruzy-atelier .notification-copy strong{color:var(--ux-text)!important}
html[data-theme=light] #ruzy-atelier .notification-copy small,
html[data-theme=light] #ruzy-atelier .notification-copy time{color:var(--ux-muted)!important}

/* ==========================================================================
   3. BRANDED PAGE PRELOADER
   ========================================================================== */
#ruzy-atelier .ruzy-page-loader{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  background:color-mix(in srgb,var(--ux-page,#0b0b10) 94%,transparent)!important;
  backdrop-filter:blur(28px)!important;
  -webkit-backdrop-filter:blur(28px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .32s ease,visibility .32s ease!important;
}
html.ruzy-booting #ruzy-atelier .ruzy-page-loader{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#ruzy-atelier .ruzy-loader-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  padding:32px;
  color:var(--ux-text,#f6f6fb);
}
#ruzy-atelier .ruzy-loader-symbol{
  position:relative;
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  border:1px solid rgba(237,37,37,0.32);
  border-radius:28px;
  background:radial-gradient(circle,rgba(237,37,37,0.18),transparent 75%);
  box-shadow:0 0 70px rgba(237,37,37,0.22);
}
#ruzy-atelier .ruzy-loader-symbol img{
  width:44px;
  height:44px;
  object-fit:contain;
  filter:brightness(0) saturate(100%) invert(23%) sepia(83%) saturate(4214%) hue-rotate(351deg) brightness(100%) contrast(91%);
}
#ruzy-atelier .ruzy-loader-symbol>span{
  position:absolute;
  inset:-5px;
  border:1.5px solid transparent;
  border-top-color:#ed2525;
  border-right-color:rgba(237,37,37,0.28);
  border-radius:32px;
  animation:studio-loader-turn 1.25s linear infinite;
}
#ruzy-atelier .ruzy-loader-content>strong{font-size:26px;font-weight:700;letter-spacing:-.05em;line-height:1.2}
#ruzy-atelier .ruzy-loader-content>strong>span{color:var(--ux-red,#ed2525)}
#ruzy-atelier .ruzy-loader-track{
  height:3px;
  width:116px;
  overflow:hidden;
  background:var(--ux-line,#30303b);
  border-radius:999px;
  margin-top:-3px;
}
#ruzy-atelier .ruzy-loader-track>i{
  display:block;
  width:45%;
  height:100%;
  background:linear-gradient(90deg,transparent,var(--ux-red,#ed2525),#ff7a7a);
  border-radius:999px;
  animation:studio-loader-track 1.05s ease-in-out infinite;
}
#ruzy-atelier .ruzy-loader-content>small{font-size:10.5px;color:var(--ux-muted,#9a9ab0);letter-spacing:.08em;margin-top:-7px}
@keyframes studio-loader-track{from{transform:translateX(-110%)}to{transform:translateX(330%)}}
@keyframes studio-loader-turn{to{transform:rotate(360deg)}}

/* ==========================================================================
   4. HOMEPAGE, HERO, GLOWS, CARDS & ANIMATIONS
   ========================================================================== */
#ruzy-atelier .hero-v46{isolation:isolate;position:relative;overflow:hidden}
#ruzy-atelier .hero-v46::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(740px,60vw);
  height:560px;
  top:2%;
  left:-2%;
  background:radial-gradient(ellipse,rgba(237,37,37,0.20),rgba(237,37,37,0.06) 45%,transparent 70%);
  filter:blur(75px);
  pointer-events:none;
  animation:studio-aura-drift 12s ease-in-out infinite alternate;
}
#ruzy-atelier .hero-v46::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto 8% -20px;
  height:220px;
  background:radial-gradient(ellipse at 65% 100%,rgba(237,37,37,0.15),transparent 70%);
  filter:blur(55px);
  pointer-events:none;
}
html[data-theme=light] #ruzy-atelier .hero-v46::before{opacity:.65}
#ruzy-atelier .hero-polish-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(237,37,37,0.09);
  border:1px solid rgba(237,37,37,0.26);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.14em;
  color:var(--ux-text);
  margin-bottom:24px;
  box-shadow:0 0 24px rgba(237,37,37,0.14);
}
#ruzy-atelier .hero-polish-eyebrow>i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ux-red);
  box-shadow:0 0 0 4px rgba(237,37,37,0.18),0 0 16px var(--ux-red);
  animation:heroDotPulse 2.2s ease-in-out infinite;
}
@keyframes heroDotPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.25);opacity:.75}
}
#ruzy-atelier .hero-v46-copy h1{
  font-size:clamp(40px,3.6vw,64px)!important;
  line-height:1.1!important;
  letter-spacing:-.055em!important;
  font-weight:700!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier .hero-v46-copy h1 em{
  background:linear-gradient(105deg,#ff5e66 0%,#ed2525 55%,#ff2e38 100%)!important;
  color:#ed2525!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  font-style:normal!important;
  filter:drop-shadow(0 0 28px rgba(237,37,37,0.32));
}
#ruzy-atelier .hero-v46-copy>p{
  font-size:15px!important;
  line-height:1.9!important;
  color:var(--ux-muted)!important;
  max-width:500px!important;
}
#ruzy-atelier .hero-v46-actions .btn-primary{
  min-height:54px!important;
  border-radius:14px!important;
  font-size:13.5px!important;
  font-weight:600!important;
  padding:14px 26px!important;
  background:linear-gradient(115deg,#ff313b,#d91922)!important;
  border:1px solid rgba(255,115,120,0.52)!important;
  color:#fff!important;
  box-shadow:0 12px 38px rgba(237,37,37,0.36),0 0 24px rgba(237,37,37,0.22),inset 0 1px 0 rgba(255,255,255,0.25)!important;
  transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s ease,filter .24s ease!important;
}
#ruzy-atelier .hero-v46-actions .btn-primary:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 46px rgba(237,37,37,0.50),0 0 32px rgba(237,37,37,0.32),inset 0 1px 0 rgba(255,255,255,0.32)!important;
  filter:brightness(1.06);
}
#ruzy-atelier .hero-v46-tile{
  border:1px solid var(--ux-line)!important;
  border-radius:18px!important;
  box-shadow:0 20px 50px rgba(0,0,0,0.32),inset 0 1px 0 rgba(255,255,255,0.08)!important;
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease!important;
}
#ruzy-atelier .hero-v46-tile:hover{
  border-color:rgba(237,37,37,0.55)!important;
  box-shadow:0 24px 58px rgba(0,0,0,0.44),0 0 28px rgba(237,37,37,0.22)!important;
}

/* Section Dividers & Headings with Glow */
#ruzy-atelier .categories-v56 .catalog-heading-label h2,
#ruzy-atelier .whats-new-heading h2{
  font-size:clamp(30px,2.8vw,42px)!important;
  font-weight:700!important;
  line-height:1.2!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier .section-divider-inner{position:relative;height:36px;gap:14px}
#ruzy-atelier .section-divider-inner>span{background:linear-gradient(90deg,transparent,var(--ux-line))!important}
#ruzy-atelier .section-divider-inner>span:last-child{background:linear-gradient(90deg,var(--ux-line),transparent)!important}
#ruzy-atelier .section-divider-inner>i{
  width:7px;
  height:7px;
  border-color:rgba(237,37,37,0.72);
  background:var(--ux-red);
  box-shadow:0 0 0 5px rgba(237,37,37,0.12),0 0 22px var(--ux-red);
}
#ruzy-atelier .section-divider-inner::after{
  content:"";
  position:absolute;
  bottom:11px;
  left:calc(50% - 55px);
  width:110px;
  height:12px;
  background:rgba(237,37,37,0.28);
  filter:blur(14px);
  pointer-events:none;
}
#ruzy-atelier .catalog-section-rule>i{
  box-shadow:0 0 20px rgba(237,37,37,0.48)!important;
}

/* Category Cards */
#ruzy-atelier .category-v56-card{
  transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease!important;
  border-radius:20px!important;
  isolation:isolate;
}
#ruzy-atelier .category-v56-art{
  border:1px solid var(--ux-line)!important;
  border-radius:20px!important;
  transition:border-color .3s ease,box-shadow .3s ease!important;
}
#ruzy-atelier .category-v56-card:hover{
  transform:translateY(-7px) scale(1.015)!important;
  box-shadow:0 22px 48px rgba(0,0,0,0.34),0 0 32px rgba(237,37,37,0.22)!important;
}
#ruzy-atelier .category-v56-card:hover .category-v56-art{
  border-color:rgba(237,37,37,0.62)!important;
}
#ruzy-atelier .category-v56-caption{
  font-size:15px!important;
  font-weight:600!important;
  color:#ffffff!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

/* Glass Cards Across All Sections (Dark & Light Themes) */
html:not([data-theme=light]) #ruzy-atelier :is(.purchase-step-card,.news-card-modern,.revo-about-card,.revo-about-core,.home-v40-review-card,.faq-v45-item,.store-product-card,.revo-product-card,.revo-purchase-card,.revo-spec-tile,.status-clean-bar,.status-clean-card,.revo-profile-hero,.revo-stat-box,.revo-subscriptions-shell,.revo-license-item:not(.is-special),.profile-activation-card,.profile-google-card,.revo-tool-card,.revo-password-card,.revo-download-shell,.contact-v45-main,.contact-v45-support){
  background:linear-gradient(145deg,rgba(26,26,38,0.86),rgba(17,17,26,0.92))!important;
  border:1px solid rgba(255,255,255,0.09)!important;
  box-shadow:0 18px 48px rgba(0,0,0,0.32),inset 0 1px 0 rgba(255,255,255,0.05)!important;
}
html[data-theme=light] #ruzy-atelier :is(.purchase-step-card,.news-card-modern,.revo-about-card,.revo-about-core,.home-v40-review-card,.faq-v45-item,.store-product-card,.revo-product-card,.revo-purchase-card,.revo-spec-tile,.status-clean-bar,.status-clean-card,.revo-profile-hero,.revo-stat-box,.revo-subscriptions-shell,.revo-license-item:not(.is-special),.profile-activation-card,.profile-google-card,.revo-tool-card,.revo-password-card,.revo-download-shell,.contact-v45-main,.contact-v45-support){
  background:rgba(255,255,255,0.95)!important;
  border:1px solid rgba(15,23,42,0.09)!important;
  box-shadow:0 14px 36px rgba(15,23,42,0.06),inset 0 1px 0 rgba(255,255,255,0.9)!important;
  color:var(--ux-text)!important;
}
html[data-theme=light] #ruzy-atelier .revo-core-chip{
  background:linear-gradient(145deg,#ffffff,#eef1f8)!important;
  box-shadow:0 12px 30px rgba(224,30,38,0.16),0 0 24px rgba(224,30,38,0.12)!important;
}
html[data-theme=light] #ruzy-atelier .revo-core-pills span,
html[data-theme=light] #ruzy-atelier .revo-product-specs>span,
html[data-theme=light] #ruzy-atelier .revo-version-tag,
html[data-theme=light] #ruzy-atelier .revo-rating-chip,
html[data-theme=light] #ruzy-atelier .timed-plan-chip,
html[data-theme=light] #ruzy-atelier .revo-download-version,
html[data-theme=light] #ruzy-atelier .revo-download-notices{
  background:var(--ux-inset)!important;
  border-color:var(--ux-line)!important;
  color:var(--ux-text)!important;
}
html[data-theme=light] #ruzy-atelier .revo-license-item.is-special{
  background:linear-gradient(135deg,rgba(224,30,38,0.08) 0%,rgba(245,158,11,0.08) 50%,#ffffff 100%)!important;
  border:1px solid rgba(217,119,6,0.45)!important;
  box-shadow:0 16px 40px rgba(217,119,6,0.12),0 0 24px rgba(224,30,38,0.08)!important;
}
html[data-theme=light] #ruzy-atelier .special-edition-chip,
html[data-theme=light] #ruzy-atelier .special-orb-pill{
  color:#92400e!important;
  background:rgba(251,191,36,0.18)!important;
  border-color:rgba(217,119,6,0.42)!important;
}
html[data-theme=light] #ruzy-atelier .special-remaining small{
  color:#b45309!important;
}

/* Hover Glow Intensification on Interactive Cards */
#ruzy-atelier :is(.purchase-step-card,.news-card-modern,.revo-about-card,.store-product-card,.revo-product-card,.home-v40-review-card,.revo-stat-box,.revo-tool-card,.contact-v45-main,.contact-v45-support):hover{
  transform:translateY(-5px)!important;
  border-color:rgba(237,37,37,0.48)!important;
  box-shadow:0 22px 52px rgba(0,0,0,0.28),0 0 30px rgba(237,37,37,0.16)!important;
}

/* ==========================================================================
   5. MODERN LEGAL STUDIO (TERMS OF SERVICE, PRIVACY POLICY & REFUND POLICY)
   ========================================================================== */
#ruzy-atelier.page-legal .legal-shell{
  padding-top:46px!important;
  padding-bottom:96px!important;
  max-width:1280px!important;
}
#ruzy-atelier.page-legal .legal-heading{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:36px 40px!important;
  margin-bottom:32px!important;
  border-radius:26px!important;
  border:1px solid var(--ux-line)!important;
  background:
    radial-gradient(ellipse at 92% 18%,rgba(237,37,37,0.18),transparent 58%),
    radial-gradient(ellipse at 12% 100%,rgba(237,37,37,0.08),transparent 55%),
    var(--ux-panel)!important;
  backdrop-filter:blur(24px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(165%)!important;
  box-shadow:0 24px 60px rgba(0,0,0,0.25),0 0 40px rgba(237,37,37,0.08),inset 0 1px 0 rgba(255,255,255,0.08)!important;
}
html[data-theme=light] #ruzy-atelier.page-legal .legal-heading{
  box-shadow:0 18px 46px rgba(15,23,42,0.07),0 0 28px rgba(224,30,38,0.06)!important;
}
#ruzy-atelier.page-legal .legal-heading::before{
  content:"";
  position:absolute;
  top:0;
  left:40px;
  width:140px;
  height:2px;
  background:linear-gradient(90deg,var(--ux-red),transparent);
  box-shadow:0 0 18px var(--ux-red);
}
#ruzy-atelier.page-legal .legal-breadcrumb{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 13px;
  border-radius:999px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  font-size:12px!important;
  font-weight:500;
  color:var(--ux-muted)!important;
  margin-bottom:22px!important;
  transition:border-color .2s,color .2s;
}
#ruzy-atelier.page-legal .legal-breadcrumb:hover{
  border-color:rgba(237,37,37,0.45);
  color:var(--ux-text)!important;
}
#ruzy-atelier.page-legal .legal-Hero-row,
#ruzy-atelier.page-legal .legal-hero-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:0!important;
}
#ruzy-atelier.page-legal .legal-heading .kicker{
  display:inline-block;
  font-size:10.5px!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  color:var(--ux-red)!important;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(237,37,37,0.35);
}
#ruzy-atelier.page-legal .legal-heading h1{
  font-size:clamp(32px,3.8vw,48px)!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
  line-height:1.15!important;
  margin:10px 0 10px!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier.page-legal .legal-heading .legal-description{
  font-size:14.5px!important;
  line-height:1.75!important;
  color:var(--ux-muted)!important;
  margin:0!important;
  max-width:560px;
}
#ruzy-atelier.page-legal .legal-heading .legal-updated{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:18px 0 0!important;
  padding:6px 14px;
  border-radius:999px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  font-size:11.5px!important;
  font-weight:500;
  color:var(--ux-muted)!important;
}
#ruzy-atelier.page-legal .legal-date-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 10px #22c55e;
  margin:0!important;
}
#ruzy-atelier.page-legal .legal-document-icon{
  width:88px!important;
  height:88px!important;
  flex:0 0 88px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(237,37,37,0.16),var(--ux-inset))!important;
  border:1px solid rgba(237,37,37,0.38)!important;
  color:var(--ux-red)!important;
  box-shadow:0 16px 38px rgba(0,0,0,0.22),0 0 32px rgba(237,37,37,0.20)!important;
  display:grid;
  place-items:center;
  transform:rotate(-4deg);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;
}
#ruzy-atelier.page-legal .legal-heading:hover .legal-document-icon{
  transform:rotate(0deg) scale(1.04);
  box-shadow:0 20px 44px rgba(0,0,0,0.28),0 0 40px rgba(237,37,37,0.32)!important;
}
#ruzy-atelier.page-legal .legal-document-icon svg{
  width:38px!important;
  height:38px!important;
  stroke:currentColor;
  stroke-width:1.6;
  fill:none;
}
#ruzy-atelier.page-legal .legal-reading-progress{
  position:absolute;
  left:0;
  bottom:0;
  height:3px;
  width:calc(var(--read-progress,0)*100%);
  background:linear-gradient(90deg,var(--ux-red),#ff6b72);
  box-shadow:0 0 14px var(--ux-red);
}

#ruzy-atelier.page-legal .legal-layout{
  display:grid!important;
  grid-template-columns:270px minmax(0,1fr)!important;
  gap:28px!important;
  align-items:start!important;
}
#ruzy-atelier.page-legal .legal-sidebar{
  position:sticky!important;
  top:106px!important;
  display:grid!important;
  gap:18px!important;
}
#ruzy-atelier.page-legal :is(.legal-nav,.legal-toc,.legal-help){
  background:var(--ux-panel)!important;
  backdrop-filter:blur(22px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(160%)!important;
  border:1px solid var(--ux-line)!important;
  border-radius:20px!important;
  padding:18px!important;
  box-shadow:0 16px 40px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.05)!important;
}
html[data-theme=light] #ruzy-atelier.page-legal :is(.legal-nav,.legal-toc,.legal-help){
  box-shadow:0 12px 32px rgba(15,23,42,0.06)!important;
}
#ruzy-atelier.page-legal .legal-side-label{
  display:block!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.15em!important;
  color:var(--ux-muted)!important;
  padding:0 10px 8px!important;
  margin-bottom:6px!important;
  border-bottom:1px solid var(--ux-line);
}
#ruzy-atelier.page-legal .legal-nav a{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 14px!important;
  margin:3px 0!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:500!important;
  color:var(--ux-muted)!important;
  background:transparent!important;
  border:1px solid transparent!important;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease!important;
}
#ruzy-atelier.page-legal .legal-nav a:hover{
  background:var(--ux-inset)!important;
  color:var(--ux-text)!important;
  transform:translateX(2px);
}
#ruzy-atelier.page-legal .legal-nav a.active{
  background:linear-gradient(90deg,rgba(237,37,37,0.14),transparent 95%)!important;
  border-color:rgba(237,37,37,0.34)!important;
  color:var(--ux-text)!important;
  font-weight:600!important;
  box-shadow:inset 3px 0 0 var(--ux-red),0 6px 18px rgba(237,37,37,0.12)!important;
}
#ruzy-atelier.page-legal .legal-nav a.active span{color:var(--ux-red)!important}

#ruzy-atelier.page-legal .legal-toc>div{
  display:grid;
  gap:3px;
  max-height:calc(100dvh - 430px);
  overflow-y:auto;
  padding-right:4px;
}
#ruzy-atelier.page-legal .legal-toc a{
  display:block;
  padding:8px 12px!important;
  border-left:2px solid var(--ux-line)!important;
  border-radius:0 9px 9px 0!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  color:var(--ux-muted)!important;
  transition:color .2s ease,background .2s ease,border-color .2s ease!important;
}
#ruzy-atelier.page-legal .legal-toc a:hover{
  color:var(--ux-text)!important;
  background:var(--ux-inset)!important;
}
#ruzy-atelier.page-legal .legal-toc a[aria-current="location"]{
  color:var(--ux-red)!important;
  font-weight:600!important;
  border-left-color:var(--ux-red)!important;
  background:linear-gradient(90deg,rgba(237,37,37,0.12),transparent)!important;
}

#ruzy-atelier.page-legal .legal-help{
  display:grid!important;
  gap:6px!important;
  transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease!important;
}
#ruzy-atelier.page-legal .legal-help:hover{
  border-color:rgba(237,37,37,0.48)!important;
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(0,0,0,0.24),0 0 24px rgba(237,37,37,0.14)!important;
}
#ruzy-atelier.page-legal .legal-help>span{font-size:12px!important;color:var(--ux-muted)!important}
#ruzy-atelier.page-legal .legal-help strong{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:14px!important;
  font-weight:600!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier.page-legal .legal-help b{color:var(--ux-red)!important}

#ruzy-atelier.page-legal .legal-content{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  max-width:none!important;
  width:100%!important;
}
#ruzy-atelier.page-legal .legal-content>section{
  background:var(--ux-panel)!important;
  backdrop-filter:blur(22px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(160%)!important;
  border:1px solid var(--ux-line)!important;
  border-radius:22px!important;
  padding:28px 32px!important;
  margin:0!important;
  scroll-margin-top:110px!important;
  box-shadow:0 16px 42px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.04)!important;
  transition:border-color .24s ease,transform .24s ease,box-shadow .24s ease!important;
}
html[data-theme=light] #ruzy-atelier.page-legal .legal-content>section{
  box-shadow:0 12px 32px rgba(15,23,42,0.05)!important;
}
#ruzy-atelier.page-legal .legal-content>section:hover{
  border-color:rgba(237,37,37,0.38)!important;
  transform:translateY(-2px);
  box-shadow:0 20px 48px rgba(0,0,0,0.24),0 0 26px rgba(237,37,37,0.10)!important;
}
#ruzy-atelier.page-legal .legal-content h2{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:19px!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1.4!important;
  color:var(--ux-text)!important;
  margin:0 0 14px!important;
}
#ruzy-atelier.page-legal .legal-content h2::before{
  content:"";
  width:4px;
  height:18px;
  border-radius:999px;
  background:var(--ux-red);
  box-shadow:0 0 12px var(--ux-red);
  flex:none;
}
#ruzy-atelier.page-legal .legal-content :is(p,li){
  font-size:14px!important;
  line-height:1.85!important;
  color:var(--ux-muted)!important;
}
#ruzy-atelier.page-legal .legal-content strong{
  color:var(--ux-text)!important;
  font-weight:600!important;
}
#ruzy-atelier.page-legal .legal-content a{
  color:var(--ux-red)!important;
  font-weight:500;
  text-decoration:underline;
  text-underline-offset:3px;
}
#ruzy-atelier.page-legal .legal-content li::marker{color:var(--ux-red)!important}
#ruzy-atelier.page-legal .legal-document-end{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap;
  gap:16px!important;
  margin-top:8px!important;
  padding:24px 30px!important;
  border-radius:22px!important;
  border:1px solid rgba(237,37,37,0.34)!important;
  background:linear-gradient(135deg,rgba(237,37,37,0.12),var(--ux-panel))!important;
  box-shadow:0 16px 40px rgba(0,0,0,0.18),0 0 26px rgba(237,37,37,0.10)!important;
}
#ruzy-atelier.page-legal .legal-document-end>span{
  font-size:10.5px!important;
  font-weight:700!important;
  letter-spacing:.15em!important;
  color:var(--ux-red)!important;
}
#ruzy-atelier.page-legal .legal-document-end>a{
  font-size:13.5px!important;
  color:var(--ux-text)!important;
  font-weight:500;
}
#ruzy-atelier.page-legal .legal-document-end b{
  color:var(--ux-red)!important;
  font-weight:600!important;
  margin-left:6px;
}

/* ==========================================================================
   6. FOOTER & SEASONAL OVERLAY
   ========================================================================== */
#ruzy-atelier .footer-refresh{
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  background:var(--ux-inset)!important;
  border-top:1px solid var(--ux-line)!important;
}
#ruzy-atelier .reviews-empty-state{
  padding:26px;
  border:1px solid var(--ux-line);
  border-radius:18px;
  color:var(--ux-muted);
  font-size:14px;
  line-height:1.9;
  background:var(--ux-panel);
}
#ruzy-atelier .seasonal-overlay{
  opacity:.92!important;
  z-index:45;
}
@keyframes studio-aura-drift{
  from{transform:translate3d(-15px,0,0) scale(.95)}
  to{transform:translate3d(25px,25px,0) scale(1.05)}
}

/* ==========================================================================
   7. RESPONSIVE BREAKPOINTS & REDUCED MOTION
   ========================================================================== */
@media(max-width:1200px){
  #ruzy-atelier .main-nav{margin-left:5px!important;gap:2px!important}
  #ruzy-atelier .main-nav>a{font-size:11.5px!important;padding:8px 10px!important;gap:6px!important}
  #ruzy-atelier .nav-shell{gap:18px!important}
}
@media(max-width:1100px){
  #ruzy-atelier .nav-shell{width:calc(100% - 48px)!important;min-height:76px!important;gap:14px!important}
  #ruzy-atelier .nav-toggle{display:flex!important;order:3}
  #ruzy-atelier .main-nav{
    position:absolute!important;
    display:none!important;
    top:calc(100% + 10px)!important;
    left:0!important;
    right:0!important;
    margin:0!important;
    padding:12px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    background:var(--ux-panel)!important;
    border:1px solid var(--ux-line)!important;
    border-radius:16px!important;
    backdrop-filter:blur(24px);
    box-shadow:0 20px 50px rgba(0,0,0,0.32)!important;
  }
  #ruzy-atelier .main-nav.open{display:flex!important}
  #ruzy-atelier .main-nav>a{justify-content:flex-start;font-size:13px!important;padding:12px!important}
  #ruzy-atelier .nav-actions{margin-left:auto!important}
}
@media(max-width:900px){
  #ruzy-atelier.page-legal .legal-layout{grid-template-columns:1fr!important;gap:22px!important}
  #ruzy-atelier.page-legal .legal-sidebar{position:static!important;gap:14px!important}
}
@media(max-width:760px){
  #ruzy-atelier .hero-v46-copy h1{font-size:clamp(35px,6.8vw,49px)!important}
  #ruzy-atelier .hero-v46-copy>p{font-size:14px!important}
  #ruzy-atelier .hero-v46::before{width:110%;height:400px;left:-20%;filter:blur(60px)}
  #ruzy-atelier .section-divider-inner{height:24px}
  #ruzy-atelier.page-legal .legal-heading{padding:26px 24px!important}
  #ruzy-atelier.page-legal .legal-document-icon{display:none!important}
  #ruzy-atelier.page-legal .legal-content>section{padding:22px 20px!important}
  #ruzy-atelier.page-legal .legal-document-end{flex-direction:column!important;align-items:flex-start!important}
}
@media(max-width:520px){
  #ruzy-atelier .site-header .brand-word{display:none!important}
  #ruzy-atelier .site-header .brand-logo{width:34px!important;height:34px!important}
  #ruzy-atelier .nav-shell{width:calc(100% - 32px)!important;gap:10px!important;min-height:72px!important}
  #ruzy-atelier .nav-actions{gap:7px!important}
  #ruzy-atelier .nav-community{width:36px!important;min-height:36px!important;padding:8px!important}
  #ruzy-atelier .nav-community>span{display:none}
  #ruzy-atelier .nav-cta{min-height:38px!important;padding:9px 13px!important;font-size:11.5px!important}
  #ruzy-atelier .nav-actions .btn-login{font-size:11.5px!important;padding:8px 6px!important}
  #ruzy-atelier .nav-actions :is(.theme-toggle,.notification-btn,.staff-shortcut){width:36px!important;min-width:36px!important;height:36px!important}
}
@media(prefers-reduced-motion:reduce){
  #ruzy-atelier *,#ruzy-atelier *::before,#ruzy-atelier *::after{scroll-behavior:auto!important}
  #ruzy-atelier .ruzy-page-loader{transition:none!important;backdrop-filter:none!important}
  #ruzy-atelier .ruzy-loader-symbol>span,#ruzy-atelier .ruzy-loader-track>i,#ruzy-atelier .hero-v46::before,#ruzy-atelier .hero-polish-eyebrow>i{animation:none!important}
  #ruzy-atelier .category-v56-card{transition:none!important;transform:none!important}
}

/* ==========================================================================
   8. PHASE 2 UPGRADE: NAVBAR PROFILE DROPDOWN & NOTIFICATION POPOVER
   ========================================================================== */
#ruzy-atelier .profile-nav-dropdown-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
}
#ruzy-atelier .profile-dropdown-trigger{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:42px!important;
  padding:5px 10px 5px 14px!important;
  border-radius:999px!important;
  background:var(--ux-inset)!important;
  border:1px solid var(--ux-line)!important;
  color:var(--ux-text)!important;
  cursor:pointer;
  transition:border-color .22s ease,box-shadow .22s ease,transform .2s ease!important;
}
#ruzy-atelier .profile-dropdown-trigger:hover,
#ruzy-atelier .profile-dropdown-trigger[aria-expanded="true"]{
  border-color:rgba(237,37,37,0.55)!important;
  box-shadow:0 0 22px rgba(237,37,37,0.22)!important;
}
#ruzy-atelier .profile-dropdown-trigger.is-admin-chip{
  border-color:rgba(237,37,37,0.42)!important;
  background:linear-gradient(135deg,rgba(237,37,37,0.12),var(--ux-inset))!important;
}
#ruzy-atelier .profile-dropdown-trigger .avatar{
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#ff3b44,#c8141d)!important;
  color:#fff!important;
  font-weight:700!important;
  font-size:13px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden;
  box-shadow:0 0 12px rgba(237,37,37,0.38);
}
#ruzy-atelier .profile-dropdown-trigger .avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
#ruzy-atelier .account-chip-caret{
  display:inline-flex;
  width:14px;
  height:14px;
  color:var(--ux-muted);
  transition:transform .22s ease,color .22s ease;
}
#ruzy-atelier .account-chip-caret svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#ruzy-atelier .profile-dropdown-trigger[aria-expanded="true"] .account-chip-caret{
  transform:rotate(180deg);
  color:var(--ux-red);
}

#ruzy-atelier .profile-dropdown-panel{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  width:320px;
  padding:16px;
  border-radius:20px;
  background:var(--ux-panel);
  border:1px solid var(--ux-line);
  box-shadow:0 26px 68px rgba(0,0,0,0.55),0 0 32px rgba(237,37,37,0.14);
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px) scale(.97);
  transform-origin:top right;
  transition:opacity .22s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility .22s ease;
  z-index:1200;
}
html[data-theme=light] #ruzy-atelier .profile-dropdown-panel{
  background:rgba(255,255,255,0.98);
  box-shadow:0 24px 60px rgba(15,23,42,0.16),0 0 24px rgba(224,30,38,0.08);
}
#ruzy-atelier .profile-dropdown-panel.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
#ruzy-atelier .profile-dropdown-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:14px;
  margin-bottom:12px;
  border-bottom:1px solid var(--ux-line);
}
#ruzy-atelier .profile-dropdown-identity{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  text-decoration:none;
}
#ruzy-atelier .account-menu-summary-avatar{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:14px;
  background:linear-gradient(135deg,#ff3b44,#b9121b);
  color:#fff;
  font-size:19px;
  font-weight:700;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(237,37,37,0.32);
}
#ruzy-atelier .account-menu-summary-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
#ruzy-atelier .profile-dropdown-user-meta{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
#ruzy-atelier .profile-dropdown-uid{
  display:inline-flex;
  align-self:flex-start;
  padding:2px 8px;
  border-radius:6px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.06em;
  color:var(--ux-muted);
}
#ruzy-atelier .profile-dropdown-user-meta strong{
  font-size:15.5px;
  font-weight:700;
  color:var(--ux-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#ruzy-atelier .profile-dropdown-bell{
  position:relative;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:11px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  color:var(--ux-muted);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:border-color .2s,color .2s,background .2s;
}
#ruzy-atelier .profile-dropdown-bell:hover{
  border-color:rgba(237,37,37,0.5);
  color:var(--ux-red);
  background:rgba(237,37,37,0.08);
}
#ruzy-atelier .profile-dropdown-bell svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
#ruzy-atelier .bell-mini-dot{
  position:absolute;
  top:7px;
  right:7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ux-red);
  box-shadow:0 0 8px var(--ux-red);
}
#ruzy-atelier .profile-dropdown-cards{
  display:grid;
  gap:8px;
}
#ruzy-atelier .profile-dropdown-card{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:54px;
  padding:12px 16px;
  border-radius:14px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  color:var(--ux-text);
  font-size:13.5px;
  font-weight:600;
  text-decoration:none;
  transition:border-color .22s ease,transform .22s ease,background .22s ease,box-shadow .22s ease;
}
#ruzy-atelier .profile-dropdown-card:hover{
  border-color:rgba(237,37,37,0.48);
  background:linear-gradient(125deg,var(--ux-inset),rgba(237,37,37,0.12));
  transform:translateX(2px);
  box-shadow:0 10px 26px rgba(0,0,0,0.22),0 0 18px rgba(237,37,37,0.12);
}
#ruzy-atelier .profile-dropdown-card.is-highlight{
  border-color:rgba(237,37,37,0.36);
  background:linear-gradient(125deg,rgba(237,37,37,0.14),var(--ux-inset));
}
#ruzy-atelier .dropdown-card-emblem{
  width:38px;
  height:38px;
  border-radius:12px;
  background:radial-gradient(circle at 30% 30%,rgba(237,37,37,0.28),rgba(237,37,37,0.06));
  border:1px solid rgba(237,37,37,0.32);
  color:var(--ux-red);
  display:grid;
  place-items:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 0 16px rgba(237,37,37,0.18);
  transition:transform .22s ease,box-shadow .22s ease;
}
#ruzy-atelier .profile-dropdown-card:hover .dropdown-card-emblem{
  transform:scale(1.08) rotate(-4deg);
  box-shadow:0 0 22px rgba(237,37,37,0.38);
}
#ruzy-atelier .dropdown-card-emblem svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#ruzy-atelier .profile-dropdown-staff-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:8px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--ux-line);
}
#ruzy-atelier .staff-mini-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(237,37,37,0.10);
  border:1px solid rgba(237,37,37,0.30);
  color:var(--ux-text);
  font-size:11.5px;
  font-weight:600;
  text-decoration:none;
  transition:background .2s,border-color .2s,transform .2s;
}
#ruzy-atelier .staff-mini-pill:hover{
  background:rgba(237,37,37,0.20);
  border-color:rgba(237,37,37,0.55);
  transform:translateY(-1px);
}
#ruzy-atelier .profile-dropdown-foot{
  display:flex;
  justify-content:flex-end;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid var(--ux-line);
}
#ruzy-atelier .profile-dropdown-signout{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border-radius:8px;
  border:0;
  background:transparent;
  color:var(--ux-muted);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.08em;
  cursor:pointer;
  transition:color .2s,background .2s;
}
#ruzy-atelier .profile-dropdown-signout:hover{
  color:var(--ux-red);
  background:rgba(237,37,37,0.08);
}
#ruzy-atelier .profile-dropdown-signout svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Upgraded Notification Panel (Cosmo Style) */
#ruzy-atelier .cosmo-notif-panel{
  width:350px!important;
  border-radius:18px!important;
  padding:0!important;
  overflow:hidden;
}
#ruzy-atelier .cosmo-notif-panel .notification-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 18px!important;
  border-bottom:1px solid var(--ux-line)!important;
}
#ruzy-atelier .cosmo-notif-panel .notification-head-title strong{
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier .notification-head-actions{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
#ruzy-atelier .notif- settings-link,
#ruzy-atelier .notif-settings-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  font-weight:500;
  color:var(--ux-muted);
  text-decoration:none;
  padding:4px 8px;
  border-radius:8px;
  transition:color .2s,background .2s;
}
#ruzy-atelier .notif-settings-link:hover{
  color:var(--ux-text);
  background:var(--ux-inset);
}
#ruzy-atelier .notif-settings-link svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
#ruzy-atelier .notification-empty-state{
  padding:36px 20px;
  text-align:center;
  font-size:13px;
  color:var(--ux-muted);
}
#ruzy-atelier .notification-foot{
  padding:12px 16px;
  border-top:1px solid var(--ux-line);
  text-align:center;
  background:color-mix(in srgb,var(--ux-inset) 65%,transparent);
}
#ruzy-atelier .notification-foot a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:12.5px;
  font-weight:600;
  color:var(--ux-red);
  text-decoration:none;
  transition:opacity .2s;
}
#ruzy-atelier .notification-foot a:hover{opacity:.85}
#ruzy-atelier .notification-foot svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
}

/* ==========================================================================
   9. ACCOUNT HUB (/profile): ADMIN PRESTIGE, SIDEBAR TABS & FLOATING INPUTS
   ========================================================================== */
#ruzy-atelier .account-v42-hero.is-admin-prestige{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(237,37,37,0.45)!important;
  background:
    radial-gradient(ellipse at 18% 0%,rgba(237,37,37,0.22),transparent 58%),
    radial-gradient(ellipse at 88% 100%,rgba(245,158,11,0.14),transparent 55%),
    var(--ux-panel)!important;
  box-shadow:0 24px 64px rgba(0,0,0,0.42),0 0 38px rgba(237,37,37,0.16),inset 0 1px 0 rgba(255,255,255,0.10)!important;
}
#ruzy-atelier .account-v42-hero.is-admin-prestige::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#ed2525,#f59e0b,#ed2525,transparent);
  box-shadow:0 0 18px rgba(237,37,37,0.65);
}
#ruzy-atelier .admin-prestige-badge{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 14px;
  border-radius:999px;
  background:linear-gradient(120deg,rgba(237,37,37,0.24),rgba(245,158,11,0.18));
  border:1px solid rgba(245,158,11,0.52);
  color:#fef3c7;
  font-size:11px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  box-shadow:0 0 24px rgba(237,37,37,0.28),inset 0 1px 0 rgba(255,255,255,0.22);
}
html[data-theme=light] #ruzy-atelier .admin-prestige-badge{
  color:#92400e;
  background:linear-gradient(120deg,rgba(237,37,37,0.12),rgba(245,158,11,0.20));
}
#ruzy-atelier .admin-prestige-crown{
  display:inline-flex;
  width:15px;
  height:15px;
  color:#fbbf24;
  filter:drop-shadow(0 0 8px rgba(251,191,36,0.65));
}
#ruzy-atelier .admin-prestige-crown svg{
  width:15px;
  height:15px;
  fill:currentColor;
}
#ruzy-atelier .account-v42-actions{
  display:flex!important;
  align-items:center!important;
   flex-wrap:wrap!important;
  gap:8px!important;
}
#ruzy-atelier .account-staff-compact-group{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
#ruzy-atelier .btn-staff-compact,
#ruzy-atelier .btn-logout-compact{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:7px 13px;
  border-radius:10px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  color:var(--ux-text);
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
#ruzy-atelier .btn-staff-compact svg,
#ruzy-atelier .btn-logout-compact svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:var(--ux-red);
}
#ruzy-atelier .btn-staff-compact i{
  font-style:normal;
  font-size:11px;
  opacity:.65;
}
#ruzy-atelier .btn-staff-compact:hover,
#ruzy-atelier .btn-logout-compact:hover{
  border-color:rgba(237,37,37,0.52);
  background:rgba(237,37,37,0.10);
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(237,37,37,0.16);
}

/* Left-Sidebar Tabbed Account Workspace */
#ruzy-atelier .cosmo-account-workspace{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:22px;
  align-items:start;
  margin-top:20px;
}
#ruzy-atelier .cosmo-account-sidebar{
  position:sticky;
  top:104px;
  padding:12px;
  border-radius:20px;
  background:var(--ux-panel);
  border:1px solid var(--ux-line);
  box-shadow:0 18px 44px rgba(0,0,0,0.26);
}
#ruzy-atelier .cosmo-sidebar-nav{
  display:grid;
  gap:4px;
}
#ruzy-atelier .cosmo-sidebar-tab{
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:44px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid transparent;
  background:transparent;
  color:var(--ux-muted);
  font-size:13px;
  font-weight:600;
  text-align:left;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#ruzy-atelier .cosmo-sidebar-tab svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#ruzy-atelier .cosmo-sidebar-tab:hover{
  background:var(--ux-inset);
  color:var(--ux-text);
}
#ruzy-atelier .cosmo-sidebar-tab.is-active{
  background:linear-gradient(90deg,rgba(237,37,37,0.18),rgba(237,37,37,0.05));
  border-color:rgba(237,37,37,0.42);
  color:var(--ux-text);
  box-shadow:0 8px 22px rgba(237,37,37,0.14);
}
#ruzy-atelier .cosmo-sidebar-tab.is-active svg{
  color:var(--ux-red);
  filter:drop-shadow(0 0 8px rgba(237,37,37,0.5));
}
#ruzy-atelier .sidebar-tab-badge{
  margin-left:auto;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(237,37,37,0.18);
  border:1px solid rgba(237,37,37,0.38);
  color:var(--ux-red);
  font-size:11px;
  font-weight:700;
}
#ruzy-atelier .sidebar-dot-online{
  margin-left:auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 10px #22c55e;
}

#ruzy-atelier .cosmo-tab-pane{
  display:none;
  animation:cosmoPaneFade .26s cubic-bezier(.16,1,.3,1);
}
#ruzy-atelier .cosmo-tab-pane.is-active{
  display:grid;
  gap:18px;
}
@keyframes cosmoPaneFade{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Overview Rows & Quick Tiles */
#ruzy-atelier .cosmo-overview-rows{
  display:grid;
  gap:12px;
}
#ruzy-atelier .cosmo-overview-row{
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 22px;
  border-radius:18px;
  background:var(--ux-panel);
  border:1px solid var(--ux-line);
  box-shadow:0 14px 36px rgba(0,0,0,0.22);
  transition:border-color .22s ease,transform .22s ease;
}
#ruzy-atelier .cosmo-overview-row:hover{
  border-color:rgba(237,37,37,0.38);
}
#ruzy-atelier .cosmo-row-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:12px;
  background:rgba(237,37,37,0.12);
  border:1px solid rgba(237,37,37,0.28);
  color:var(--ux-red);
  display:grid;
  place-items:center;
}
#ruzy-atelier .cosmo-row-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
#ruzy-atelier .cosmo-row-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  flex:1;
}
#ruzy-atelier .cosmo-row-copy strong{
  font-size:14px;
  font-weight:600;
  color:var(--ux-text);
}
#ruzy-atelier .cosmo-row-copy small{
  font-size:12.5px;
  color:var(--ux-muted);
}
#ruzy-atelier .cosmo-row-tag.is-verified{
  padding:5px 11px;
  border-radius:999px;
  background:rgba(34,197,94,0.12);
  border:1px solid rgba(34,197,94,0.34);
  color:#4ade80;
  font-size:11.5px;
  font-weight:600;
}
#ruzy-atelier .cosmo-row-action{
  padding:7px 13px;
  border-radius:10px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  color:var(--ux-muted);
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:color .2s,border-color .2s,background .2s;
}
#ruzy-atelier .cosmo-row-action:hover{
  color:var(--ux-text);
  border-color:rgba(237,37,37,0.45);
  background:rgba(237,37,37,0.10);
}

#ruzy-atelier .cosmo-quick-tiles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#ruzy-atelier .cosmo-quick-tile{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 20px;
  border-radius:16px;
  background:var(--ux-panel);
  border:1px solid var(--ux-line);
  color:var(--ux-text);
  font-size:13.5px;
  font-weight:600;
  cursor:pointer;
  transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
#ruzy-atelier .cosmo-quick-tile svg{
  width:18px;
  height:18px;
  color:var(--ux-red);
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
#ruzy-atelier .cosmo-quick-tile:hover{
  border-color:rgba(237,37,37,0.48);
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(0,0,0,0.24),0 0 20px rgba(237,37,37,0.12);
}

/* Redesigned Active Subscriptions Vault */
#ruzy-atelier .active-subs-vault,
#ruzy-atelier .cosmo-panel-card{
  padding:26px 28px;
  border-radius:22px;
  background:var(--ux-panel);
  border:1px solid var(--ux-line);
  box-shadow:0 20px 50px rgba(0,0,0,0.28);
}
#ruzy-atelier .active-subs-head,
#ruzy-atelier .cosmo-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:22px;
}
#ruzy-atelier .active-subs-title-group{
  display:flex;
  align-items:center;
  gap:12px;
}
#ruzy-atelier .active-subs-accent,
#ruzy-atelier .cosmo-panel-accent{
  width:4px;
  height:22px;
  border-radius:999px;
  background:var(--ux-red);
  box-shadow:0 0 14px var(--ux-red);
  flex:0 0 4px;
}
#ruzy-atelier .cosmo-panel-head{
  justify-content:flex-start;
}
#ruzy-atelier .cosmo-panel-head h2,
#ruzy-atelier .active-subs-title-group h2{
  font-size:20px;
  font-weight:700;
  letter-spacing:-.03em;
  margin:0;
  color:var(--ux-text);
}
#ruzy-atelier .cosmo-panel-head p{
  margin:3px 0 0;
  font-size:13px;
  color:var(--ux-muted);
}
#ruzy-atelier .active-subs-count{
  padding:4px 11px;
  border-radius:999px;
  background:rgba(237,37,37,0.14);
  border:1px solid rgba(237,37,37,0.34);
  color:var(--ux-red);
  font-size:11.5px;
  font-weight:700;
}
#ruzy-atelier .active-subs-loader-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:11px;
  background:rgba(237,37,37,0.12);
  border:1px solid rgba(237,37,37,0.36);
  color:var(--ux-text);
  font-size:12.5px;
  font-weight:600;
  text-decoration:none;
  transition:background .2s,border-color .2s,transform .2s;
}
#ruzy-atelier .active-subs-loader-link svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:var(--ux-red);
  stroke-width:2;
}
#ruzy-atelier .active-subs-loader-link:hover{
  background:rgba(237,37,37,0.22);
  border-color:rgba(237,37,37,0.6);
  transform:translateY(-1px);
}
#ruzy-atelier .active-subs-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:16px;
}
#ruzy-atelier .active-sub-card{
  position:relative;
  overflow:hidden;
  padding:18px 20px;
  border-radius:18px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  display:grid;
  gap:14px;
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
#ruzy-atelier .active-sub-card:hover{
  border-color:rgba(237,37,37,0.52);
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(0,0,0,0.32),0 0 26px rgba(237,37,37,0.16);
}
#ruzy-atelier .active-sub-card.is-special{
  border-color:rgba(245,158,11,0.42);
  background:linear-gradient(135deg,rgba(237,37,37,0.10),rgba(245,158,11,0.08),var(--ux-inset));
}
#ruzy-atelier .active-sub-card-top{
  display:flex;
  align-items:center;
  gap:14px;
}
#ruzy-atelier .active-sub-thumb{
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:13px;
  overflow:hidden;
  border:1px solid var(--ux-line);
  background:#0c0c12;
}
#ruzy-atelier .active-sub-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
#ruzy-atelier .active-sub-info{
  flex:1;
  min-width:0;
}
#ruzy-atelier .active-sub-tags{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:4px;
}
#ruzy-atelier .active-sub-game{
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ux-muted);
}
#ruzy-atelier .active-sub-plan{
  padding:2px 8px;
  border-radius:6px;
  background:rgba(255,255,255,0.06);
  border:1px solid var(--ux-line);
  font-size:10.5px;
  font-weight:700;
  color:var(--ux-text);
}
#ruzy-atelier .active-sub-plan.is-special{
  background:rgba(245,158,11,0.18);
  border-color:rgba(245,158,11,0.45);
  color:#fbbf24;
}
#ruzy-atelier .active-sub-info h3{
  margin:0;
  font-size:16px;
  font-weight:700;
  color:var(--ux-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#ruzy-atelier .active-sub-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 11px;
  border-radius:999px;
  font-size:11.5px;
  font-weight:600;
  background:rgba(34,197,94,0.12);
  border:1px solid rgba(34,197,94,0.34);
  color:#4ade80;
}
#ruzy-atelier .active-sub-pill i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 8px currentColor;
}
#ruzy-atelier .active-sub-bar{
  height:5px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  overflow:hidden;
}
#ruzy-atelier .active-sub-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#ed2525,#ff6b72);
  box-shadow:0 0 12px rgba(237,37,37,0.6);
}
#ruzy-atelier .active-sub-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px;
  color:var(--ux-muted);
}
#ruzy-atelier .active-sub-foot a{
  color:var(--ux-text);
  font-weight:600;
  text-decoration:none;
  transition:color .2s;
}
#ruzy-atelier .active-sub-foot a:hover{color:var(--ux-red)}

#ruzy-atelier .active-subs-empty{
  padding:42px 24px;
  text-align:center;
  border-radius:18px;
  background:var(--ux-inset);
  border:1px dashed var(--ux-line);
  display:grid;
  place-items:center;
  gap:14px;
}
#ruzy-atelier .active-subs-empty-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  background:rgba(237,37,37,0.12);
  border:1px solid rgba(237,37,37,0.3);
  color:var(--ux-red);
  display:grid;
  place-items:center;
}
#ruzy-atelier .active-subs-empty-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
#ruzy-atelier .active-subs-empty-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}

/* Modern Animated Floating Inputs (No Overlapping Placeholder Clutter) */
#ruzy-atelier .modern-field-group{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:stretch;
}
#ruzy-atelier .modern-password-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
#ruzy-atelier .modern-field{
  position:relative;
  display:block;
}
#ruzy-atelier .modern-field input{
  width:100%;
  height:56px;
  padding:22px 16px 8px;
  border-radius:14px;
  background:var(--ux-inset)!important;
  border:1px solid var(--ux-line)!important;
  color:var(--ux-text)!important;
  font-size:14px;
  font-weight:500;
  outline:none;
  box-shadow:none!important;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
#ruzy-atelier .modern-field input:focus{
  border-color:rgba(237,37,37,0.68)!important;
  box-shadow:0 0 0 3px rgba(237,37,37,0.16),0 0 22px rgba(237,37,37,0.14)!important;
}
#ruzy-atelier .modern-field-label{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:13.5px;
  font-weight:500;
  color:var(--ux-muted);
  pointer-events:none;
  transform-origin:left top;
  transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s ease,font-size .2s ease,top .2s ease;
}
#ruzy-atelier .modern-field input:focus ~ .modern-field-label,
#ruzy-atelier .modern-field input:not(:placeholder-shown) ~ .modern-field-label{
  top:10px;
  transform:translateY(0);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--ux-red);
}
#ruzy-atelier .modern-submit-btn{
  min-height:52px;
  padding:0 24px!important;
  border-radius:14px!important;
  font-weight:600!important;
}

/* Devices, HWID, Notifications & Discord Panes */
#ruzy-atelier .cosmo-device-list{
  display:grid;
  gap:10px;
  margin-bottom:16px;
}
#ruzy-atelier .cosmo-device-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:14px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
}
#ruzy-atelier .cosmo-device-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  background:rgba(237,37,37,0.12);
  border:1px solid rgba(237,37,37,0.3);
  color:var(--ux-red);
  display:grid;
  place-items:center;
}
#ruzy-atelier .cosmo-device-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
#ruzy-atelier .cosmo-device-info{
  display:flex;
  flex-direction:column;
  gap:2px;
  flex:1;
}
#ruzy-atelier .cosmo-device-info strong{font-size:14px;color:var(--ux-text)}
#ruzy-atelier .cosmo-device-info small{font-size:12px;color:var(--ux-muted)}
#ruzy-atelier .cosmo-device-badge{
  padding:4px 10px;
  border-radius:999px;
  background:rgba(34,197,94,0.14);
  border:1px solid rgba(34,197,94,0.35);
  color:#4ade80;
  font-size:11px;
  font-weight:600;
}
#ruzy-atelier .cosmo-credit-pill{
  margin-left:auto;
  padding:5px 12px;
  border-radius:999px;
  background:rgba(237,37,37,0.14);
  border:1px solid rgba(237,37,37,0.35);
  color:var(--ux-red);
  font-size:12px;
  font-weight:700;
}
#ruzy-atelier .cosmo-hwid-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
  padding:16px 18px;
  border-radius:14px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  font-size:13px;
  color:var(--ux-muted);
}

#ruzy-atelier .cosmo-notif-groups{
  display:grid;
  gap:4px;
}
#ruzy-atelier .cosmo-notif-group-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--ux-muted);
  margin:14px 0 6px;
}
#ruzy-atelier .cosmo-notif-group-title:first-child{margin-top:0}
#ruzy-atelier .cosmo-notif-pref-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 0;
  border-bottom:1px solid var(--ux-line);
}
#ruzy-atelier .cosmo-notif-pref-row:last-child{border-bottom:0}
#ruzy-atelier .cosmo-notif-pref-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
}
#ruzy-atelier .cosmo-notif-pref-copy strong{font-size:14px;color:var(--ux-text)}
#ruzy-atelier .cosmo-notif-pref-copy small{font-size:12.5px;color:var(--ux-muted)}
#ruzy-atelier .cosmo-notif-toggles{
  display:flex;
  align-items:center;
  gap:14px;
}
#ruzy-atelier .cosmo-switch{
  display:inline-flex;
   flex-direction:column;
  align-items:center;
  gap:4px;
  cursor:pointer;
}
#ruzy-atelier .cosmo-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
#ruzy-atelier .cosmo-switch span{
  position:relative;
  width:44px;
  height:24px;
  border-radius:999px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
#ruzy-atelier .cosmo-switch span::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  transition:transform .22s cubic-bezier(.16,1,.3,1);
}
#ruzy-atelier .cosmo-switch input:checked + span{
  background:linear-gradient(120deg,#ff333d,#d91822);
  border-color:rgba(255,115,120,0.6);
  box-shadow:0 0 16px rgba(237,37,37,0.38);
}
#ruzy-atelier .cosmo-switch input:checked + span::after{
  transform:translateX(20px);
}
#ruzy-atelier .cosmo-switch em{
  font-style:normal;
  font-size:10.5px;
  color:var(--ux-muted);
}

#ruzy-atelier .cosmo-discord-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  padding:20px 22px;
  border-radius:16px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
}
#ruzy-atelier .cosmo-discord-info{
  display:flex;
  align-items:center;
  gap:14px;
}
#ruzy-atelier .cosmo-discord-logo{
  width:48px;
  height:48px;
  border-radius:14px;
  background:rgba(88,101,242,0.16);
  border:1px solid rgba(88,101,242,0.4);
  color:#5865F2;
  display:grid;
  place-items:center;
  overflow:hidden;
}
#ruzy-atelier .cosmo-discord-logo svg{width:24px;height:24px;fill:currentColor}
#ruzy-atelier .cosmo-discord-logo img{width:100%;height:100%;object-fit:cover}
#ruzy-atelier .cosmo-discord-info strong{display:block;font-size:15px;color:var(--ux-text)}
#ruzy-atelier .cosmo-discord-info small{font-size:12.5px;color:var(--ux-muted)}

/* ==========================================================================
   10. DOWNLOAD CENTER (/download): CYBER LOADER VAULT
   ========================================================================== */
#ruzy-atelier .cyber-loader-vault{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(237,37,37,0.35)!important;
  box-shadow:0 28px 72px rgba(0,0,0,0.45),0 0 42px rgba(237,37,37,0.14)!important;
}
#ruzy-atelier .cyber-loader-glow-orb{
  position:absolute;
  top:-120px;
  right:-80px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(237,37,37,0.22),transparent 70%);
  filter:blur(45px);
  pointer-events:none;
}
#ruzy-atelier .download-eyebrow-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:4px;
}
#ruzy-atelier .download-rank-chip{
  padding:2px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  background:rgba(237,37,37,0.15);
  border:1px solid rgba(237,37,37,0.4);
  color:var(--ux-red);
}
#ruzy-atelier .cyber-loader-stats-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
#ruzy-atelier .cyber-stat-box{
  padding:16px 18px;
  border-radius:16px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
#ruzy-atelier .cyber-stat-label{
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.11em;
  color:var(--ux-muted);
}
#ruzy-atelier .cyber-pass-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#ruzy-atelier .cyber-pass-row code{
  font-size:15px;
  font-weight:700;
  color:var(--ux-text);
  letter-spacing:.04em;
}
#ruzy-atelier .cyber-copy-btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 10px;
  border-radius:8px;
  background:rgba(237,37,37,0.12);
  border:1px solid rgba(237,37,37,0.34);
  color:var(--ux-text);
  font-size:11.5px;
  font-weight:600;
  cursor:pointer;
  transition:background .2s,border-color .2s;
}
#ruzy-atelier .cyber-copy-btn:hover{
  background:rgba(237,37,37,0.24);
  border-color:rgba(237,37,37,0.6);
}
#ruzy-atelier .cyber-copy-btn svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}
#ruzy-atelier .cyber-active-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 12px;
  border-radius:999px;
  background:rgba(34,197,94,0.12);
  border:1px solid rgba(34,197,94,0.36);
  color:#4ade80;
  font-size:12.5px;
  font-weight:600;
}
#ruzy-atelier .cyber-active-pill i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 10px #22c55e;
}
#ruzy-atelier .cyber-stat-val{
  font-size:14px;
  font-weight:600;
  color:var(--ux-text);
}
#ruzy-atelier .cyber-licensed-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:20px;
}
#ruzy-atelier .cyber-licensed-chip{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:6px 12px 6px 6px;
  border-radius:999px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  font-size:12.5px;
}
#ruzy-atelier .cyber-licensed-chip img{
  width:24px;
  height:24px;
  border-radius:50%;
  object-fit:cover;
}
#ruzy-atelier .cyber-licensed-chip b{color:var(--ux-text);font-weight:600}
#ruzy-atelier .cyber-licensed-chip i{
  font-style:normal;
  font-size:10px;
  font-weight:700;
  color:#4ade80;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(34,197,94,0.12);
}
#ruzy-atelier .cyber-download-btn{
  position:relative;
  overflow:hidden;
  min-height:58px!important;
  border-radius:16px!important;
  background:linear-gradient(115deg,#ff333d,#d61720)!important;
  border:1px solid rgba(255,120,125,0.58)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  box-shadow:0 16px 44px rgba(237,37,37,0.38),0 0 28px rgba(237,37,37,0.24)!important;
  transition:transform .24s ease,box-shadow .24s ease!important;
}
#ruzy-atelier .cyber-download-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 20px 52px rgba(237,37,37,0.52),0 0 36px rgba(237,37,37,0.34)!important;
}
#ruzy-atelier .cyber-steps-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:20px!important;
}
#ruzy-atelier .cyber-step-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:14px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
}
#ruzy-atelier .cyber-step-card b{
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:10px;
  background:rgba(237,37,37,0.14);
  border:1px solid rgba(237,37,37,0.35);
  color:var(--ux-red);
  font-size:12px;
  font-weight:700;
  display:grid;
  place-items:center;
}
#ruzy-atelier .cyber-step-card strong{display:block;font-size:13.5px;color:var(--ux-text)}
#ruzy-atelier .cyber-step-card small{font-size:12px;color:var(--ux-muted)}
#ruzy-atelier .cyber-policy-bar{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:16px!important;
  padding:12px 16px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
}
#ruzy-atelier .cyber-policy-bar svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  fill:none;
  stroke:var(--ux-red);
  stroke-width:1.8;
}
#ruzy-atelier .cyber-policy-bar p{margin:0!important}

/* ==========================================================================
   11. STATUS PAGE (/status): CATEGORIZED HORIZONTAL PRODUCT ROWS
   ========================================================================== */
#ruzy-atelier .status-eyebrow-kicker{
  display:block;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--ux-red);
  margin-bottom:4px;
}
#ruzy-atelier .cosmo-status-groups{
  display:grid!important;
  gap:28px!important;
}
#ruzy-atelier .cosmo-status-group{
  display:grid;
  gap:12px;
}
#ruzy-atelier .cosmo-status-group-title{
  margin:0;
  padding-left:4px;
  font-size:12.5px!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
  color:var(--ux-red)!important;
  text-shadow:0 0 16px rgba(237,37,37,0.35);
}
#ruzy-atelier .cosmo-status-board{
  border-radius:18px;
  background:var(--ux-panel);
  border:1px solid var(--ux-line);
  box-shadow:0 20px 52px rgba(0,0,0,0.32);
  overflow:hidden;
}
#ruzy-atelier .cosmo-status-row{
  display:grid!important;
  grid-template-columns:minmax(180px,1.2fr) minmax(240px,2fr) minmax(170px,1.1fr) 170px 136px!important;
  align-items:center!important;
  gap:18px!important;
  padding:18px 24px!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--ux-line)!important;
  box-shadow:none!important;
  transition:background .22s ease!important;
}
#ruzy-atelier .cosmo-status-row:last-child{
  border-bottom:0!important;
}
#ruzy-atelier .cosmo-status-row:hover{
  background:linear-gradient(90deg,rgba(237,37,37,0.07),transparent 70%)!important;
  transform:none!important;
}
#ruzy-atelier .cosmo-status-col-name strong{
  font-size:15.5px!important;
  font-weight:700!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier .cosmo-status-col-plans{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
#ruzy-atelier .cosmo-plan-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 11px;
  border-radius:8px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  font-size:11.5px;
  font-weight:700;
  color:var(--ux-text);
  white-space:nowrap;
}
#ruzy-atelier .cosmo-plan-chip em{
  font-style:normal;
  color:var(--ux-muted);
  font-weight:600;
}
#ruzy-atelier .cosmo-status-col-platform{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding-left:16px;
  border-left:1px dashed var(--ux-line);
}
#ruzy-atelier .cosmo-status-col-platform small{
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--ux-muted);
}
#ruzy-atelier .cosmo-status-col-platform strong{
  font-size:12.5px;
  font-weight:600;
  color:var(--ux-red);
}
#ruzy-atelier .cosmo-status-col-state{
  display:flex;
  justify-content:center;
  padding-left:14px;
  border-left:1px dashed var(--ux-line);
}
#ruzy-atelier .cosmo-state-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:6px 13px!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.05em!important;
  text-transform:uppercase;
}
#ruzy-atelier .cosmo-state-badge.online,
#ruzy-atelier .cosmo-state-badge.live{
  background:rgba(34,197,94,0.14)!important;
  border:1px solid rgba(34,197,94,0.38)!important;
  color:#4ade80!important;
  box-shadow:0 0 18px rgba(34,197,94,0.16);
}
#ruzy-atelier .cosmo-state-badge.updating,
#ruzy-atelier .cosmo-state-badge.update{
  background:rgba(59,130,246,0.14)!important;
  border:1px solid rgba(59,130,246,0.38)!important;
  color:#60a5fa!important;
  box-shadow:0 0 18px rgba(59,130,246,0.16);
}
#ruzy-atelier .cosmo-state-badge.risk{
  background:rgba(245,158,11,0.15)!important;
  border:1px solid rgba(245,158,11,0.40)!important;
  color:#fbbf24!important;
  box-shadow:0 0 18px rgba(245,158,11,0.16);
}
#ruzy-atelier .cosmo-state-badge.offline{
  background:rgba(239,68,68,0.14)!important;
  border:1px solid rgba(239,68,68,0.38)!important;
  color:#f87171!important;
}
#ruzy-atelier .cosmo-status-col-cta{
  display:flex;
  justify-content:flex-end;
  padding-left:14px;
  border-left:1px dashed var(--ux-line);
}
#ruzy-atelier .cosmo-status-buy-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:38px;
  padding:8px 16px;
  border-radius:10px;
  background:
    radial-gradient(circle at 80% 20%,rgba(237,37,37,0.22),transparent 65%),
    var(--ux-inset);
  border:1px solid rgba(237,37,37,0.45);
  color:var(--ux-text);
  font-size:12.5px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 0 16px rgba(237,37,37,0.12);
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .2s ease;
}
#ruzy-atelier .cosmo-status-buy-btn:hover{
  background:linear-gradient(115deg,#ff333d,#d61720);
  border-color:rgba(255,125,130,0.65);
  color:#fff;
  box-shadow:0 8px 24px rgba(237,37,37,0.36);
  transform:translateY(-1px);
}

/* ==========================================================================
   12. PRODUCT DETAIL STUDIO (/products/...): COSMO 2-COLUMN SHOWCASE
   ========================================================================== */
#ruzy-atelier .cosmo-breadcrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:20px!important;
  font-size:13px;
  color:var(--ux-muted);
}
#ruzy-atelier .cosmo-breadcrumbs a{
  color:var(--ux-muted);
  text-decoration:none;
  transition:color .2s;
}
#ruzy-atelier .cosmo-breadcrumbs a:hover{color:var(--ux-text)}
#ruzy-atelier .cosmo-breadcrumbs strong{
  color:var(--ux-text);
  font-weight:600;
}

#ruzy-atelier .cosmo-product-stage{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,0.92fr)!important;
  gap:24px!important;
  align-items:start!important;
}
#ruzy-atelier .cosmo-media-card,
#ruzy-atelier .cosmo-purchase-card{
  padding:22px!important;
  border-radius:22px!important;
  background:var(--ux-panel)!important;
  border:1px solid var(--ux-line)!important;
  box-shadow:0 24px 60px rgba(0,0,0,0.34),0 0 32px rgba(237,37,37,0.06)!important;
}
#ruzy-atelier .cosmo-gallery-shell{
  display:grid;
  gap:14px;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
}
#ruzy-atelier .cosmo-gallery-hero{
  position:relative;
  aspect-ratio:16/10;
  border-radius:16px;
  overflow:hidden;
  background:#09090e;
  border:1px solid var(--ux-line);
}
#ruzy-atelier .cosmo-gallery-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}
#ruzy-atelier .cosmo-hero-floating-tag{
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  padding:6px 14px;
  border-radius:10px;
  background:rgba(12,12,18,0.82);
  border:1px solid rgba(255,255,255,0.14);
  backdrop-filter:blur(12px);
  color:#fff;
  font-size:12.5px;
  font-weight:700;
}
#ruzy-atelier .cosmo-gallery-thumbs{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(108px,1fr))!important;
  gap:10px!important;
  padding:2px 0!important;
}
#ruzy-atelier .cosmo-gallery-thumbs button{
  aspect-ratio:16/9;
  border-radius:12px!important;
  overflow:hidden;
  border:2px solid var(--ux-line)!important;
  background:#0b0b10;
  padding:0!important;
  cursor:pointer;
  opacity:.68;
  transition:opacity .22s ease,border-color .22s ease,box-shadow .22s ease,transform .2s ease!important;
}
#ruzy-atelier .cosmo-gallery-thumbs button:hover{
  opacity:.95;
  transform:translateY(-1px);
}
#ruzy-atelier .cosmo-gallery-thumbs button.selected{
  opacity:1;
  border-color:var(--ux-red)!important;
  box-shadow:0 0 18px rgba(237,37,37,0.38)!important;
}
#ruzy-atelier .cosmo-gallery-thumbs button img{
  width:100%;
  height:100%;
  object-fit:cover;
}
#ruzy-atelier .cosmo-gallery-track{
  height:4px;
  border-radius:999px;
  background:var(--ux-inset);
  overflow:hidden;
}
#ruzy-atelier .cosmo-gallery-track span{
  display:block;
  width:38%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--ux-red),#ff6b72);
}

/* Right Column Purchase Card */
#ruzy-atelier .cosmo-purchase-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}
#ruzy-atelier .cosmo-purchase-head h1{
  margin:0 0 6px;
  font-size:24px!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier .cosmo-purchase-sub{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  font-size:12.5px;
  color:var(--ux-muted);
}
#ruzy-atelier .cosmo-live-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 10px #22c55e;
}

#ruzy-atelier .cosmo-plans-stack{
  display:grid!important;
  gap:10px!important;
  border:0!important;
  padding:0!important;
  margin:0 0 16px!important;
}
#ruzy-atelier .cosmo-plan-row{
  position:relative;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer;
}
#ruzy-atelier .cosmo-plan-row input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
#ruzy-atelier .cosmo-plan-box{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px;
  min-height:66px;
  padding:14px 18px!important;
  border-radius:14px!important;
  background:var(--ux-inset)!important;
  border:1.5px solid var(--ux-line)!important;
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .2s ease!important;
}
#ruzy-atelier .cosmo-plan-row:hover .cosmo-plan-box{
  border-color:rgba(237,37,37,0.42)!important;
}
#ruzy-atelier .cosmo-plan-row input:checked + .cosmo-plan-box{
  border-color:var(--ux-red)!important;
  background:
    radial-gradient(ellipse at 18% 50%,rgba(237,37,37,0.20),transparent 70%),
    linear-gradient(125deg,rgba(237,37,37,0.12),var(--ux-inset))!important;
  box-shadow:0 10px 30px rgba(237,37,37,0.18),0 0 22px rgba(237,37,37,0.20),inset 0 1px 0 rgba(255,255,255,0.12)!important;
}
#ruzy-atelier .cosmo-plan-left{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
#ruzy-atelier .cosmo-plan-left strong{
  font-size:14.5px!important;
  font-weight:700!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier .cosmo-popular-badge{
  font-style:normal;
  padding:3px 9px;
  border-radius:999px;
  background:linear-gradient(115deg,#ff333d,#c9151e);
  color:#fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  box-shadow:0 0 14px rgba(237,37,37,0.45);
}
#ruzy-atelier .cosmo-plan-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  text-align:right;
}
#ruzy-atelier .cosmo-plan-right b{
  font-size:15.5px!important;
  font-weight:700!important;
  color:var(--ux-text)!important;
}
#ruzy-atelier .cosmo-plan-row input:checked + .cosmo-plan-box .cosmo-plan-right b{
  color:var(--ux-red)!important;
  text-shadow:0 0 14px rgba(237,37,37,0.35);
}
#ruzy-atelier .cosmo-plan-right small{
  font-size:11px!important;
  color:var(--ux-muted)!important;
}

#ruzy-atelier .cosmo-checkout-stack{
  display:grid;
  gap:12px;
  border:0!important;
  padding:0!important;
  background:transparent!important;
}
#ruzy-atelier .cosmo-buy-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:54px!important;
  border-radius:14px!important;
  background:linear-gradient(115deg,#ff333d,#d61720)!important;
  border:1px solid rgba(255,120,125,0.55)!important;
  color:#fff!important;
  font-size:14.5px!important;
  font-weight:700!important;
  box-shadow:0 14px 36px rgba(237,37,37,0.36),0 0 24px rgba(237,37,37,0.22)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
#ruzy-atelier .cosmo-buy-cta:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 44px rgba(237,37,37,0.50),0 0 32px rgba(237,37,37,0.32)!important;
}
#ruzy-atelier .cosmo-buy-cta svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}

#ruzy-atelier .cosmo-feature-pills{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
#ruzy-atelier .cosmo-feature-pills span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  padding:6px 8px;
  border-radius:999px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
  color:var(--ux-text);
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
}
#ruzy-atelier .cosmo-feature-pills svg{
  width:13px;
  height:13px;
  flex:0 0 13px;
  fill:none;
  stroke:var(--ux-red);
  stroke-width:2;
}

#ruzy-atelier .cosmo-assurance-box{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:14px;
  background:var(--ux-inset);
  border:1px solid var(--ux-line);
}
#ruzy-atelier .cosmo-assurance-check{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  background:rgba(34,197,94,0.14);
  border:1px solid rgba(34,197,94,0.4);
  color:#4ade80;
  display:grid;
  place-items:center;
}
#ruzy-atelier .cosmo-assurance-check svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
}
#ruzy-atelier .cosmo-assurance-box p{
  margin:0;
  font-size:12px;
  line-height:1.55;
  color:var(--ux-muted);
}

#ruzy-atelier .cosmo-see-features-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:48px;
  padding:12px 18px;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(237,37,37,0.10),var(--ux-inset));
  border:1px solid rgba(237,37,37,0.34);
  color:var(--ux-text);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  transition:border-color .22s ease,background .22s ease,transform .2s ease;
}
#ruzy-atelier .cosmo-see-features-btn:hover{
  border-color:rgba(237,37,37,0.62);
  background:linear-gradient(135deg,rgba(237,37,37,0.18),var(--ux-inset));
  transform:translateY(-1px);
}
#ruzy-atelier .cosmo-see-features-btn svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:var(--ux-red);
  stroke-width:2.2;
}

/* ==========================================================================
   13. PREMIUM CHEAT-STORE FOOTER (.cosmo-cheat-footer)
   ========================================================================== */
#ruzy-atelier .cosmo-cheat-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:56px 0 34px!important;
  background:var(--ux-inset)!important;
  border-top:1px solid var(--ux-line)!important;
}
#ruzy-atelier .cosmo-cheat-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(237,37,37,0.22) 20%,rgba(237,37,37,0.75) 50%,rgba(237,37,37,0.22) 80%,transparent);
  box-shadow:0 0 22px rgba(237,37,37,0.45);
}
#ruzy-atelier .cosmo-footer-glow{
  position:absolute;
  z-index:-1;
  top:-140px;
  left:50%;
  transform:translateX(-50%);
  width:min(860px,90vw);
  height:260px;
  background:radial-gradient(ellipse,rgba(237,37,37,0.14),transparent 70%);
  filter:blur(55px);
  pointer-events:none;
}
#ruzy-atelier .cosmo-footer-cta-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:20px;
  padding:26px 32px;
  margin-bottom:44px;
  border-radius:22px;
  background:
    radial-gradient(ellipse at 90% 50%,rgba(237,37,37,0.18),transparent 60%),
    var(--ux-panel);
  border:1px solid var(--ux-line);
  box-shadow:0 20px 48px rgba(0,0,0,0.26);
}
#ruzy-atelier .cosmo-footer-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--ux-red);
  margin-bottom:6px;
}
#ruzy-atelier .cosmo-footer-kicker i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ux-red);
  box-shadow:0 0 10px var(--ux-red);
}
#ruzy-atelier .cosmo-footer-cta-copy h2{
  margin:0;
  font-size:clamp(22px,2.4vw,30px);
  font-weight:700;
  letter-spacing:-.035em;
  color:var(--ux-text);
}
#ruzy-atelier .cosmo-footer-cta-copy h2 span{color:var(--ux-red)}
#ruzy-atelier .cosmo-footer-cta-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
#ruzy-atelier .cosmo-footer-discord svg{
  width:16px;
  height:16px;
  fill:currentColor;
}

#ruzy-atelier .cosmo-footer-grid{
  display:grid;
  grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(140px,1fr));
  gap:36px;
  padding-bottom:38px;
  border-bottom:1px solid var(--ux-line);
}
#ruzy-atelier .cosmo-footer-brand-col{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}
#ruzy-atelier .cosmo-footer-tagline{
  margin:0;
  max-width:340px;
  font-size:13.5px;
  line-height:1.75;
  color:var(--ux-muted);
}
#ruzy-atelier .cosmo-footer-live-pill{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 14px;
  border-radius:999px;
  background:var(--ux-panel);
  border:1px solid var(--ux-line);
  color:var(--ux-text);
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  transition:border-color .2s,transform .2s;
}
#ruzy-atelier .cosmo-footer-live-pill:hover{
  border-color:rgba(34,197,94,0.45);
  transform:translateY(-1px);
}
#ruzy-atelier .live-pulse-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 10px #22c55e;
}
#ruzy-atelier .cosmo-footer-live-pill b{
  color:var(--ux-red);
}
#ruzy-atelier .cosmo-footer-col{
  display:flex;
  flex-direction:column;
  gap:10px;
}
#ruzy-atelier .cosmo-footer-col h3{
  margin:0 0 4px;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--ux-text);
}
#ruzy-atelier .cosmo-footer-col a{
  font-size:13.5px;
  color:var(--ux-muted);
  text-decoration:none;
  transition:color .2s,transform .2s;
}
#ruzy-atelier .cosmo-footer-col a:hover{
  color:var(--ux-red);
  transform:translateX(2px);
}

#ruzy-atelier .cosmo-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  padding-top:24px;
  font-size:12.5px;
  color:var(--ux-muted);
}
#ruzy-atelier .cosmo-footer-copy strong{
  color:var(--ux-text);
}
#ruzy-atelier .cosmo-footer-payments{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
#ruzy-atelier .pay-badge{
  padding:4px 10px;
  border-radius:7px;
  background:var(--ux-panel);
  border:1px solid var(--ux-line);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--ux-muted);
}
#ruzy-atelier .pay-badge.is-secure{
  border-color:rgba(237,37,37,0.34);
  color:var(--ux-text);
}
#ruzy-atelier .cosmo-footer-socials{
  display:flex;
  align-items:center;
  gap:16px;
}
#ruzy-atelier .cosmo-footer-socials a{
  color:var(--ux-muted);
  font-weight:600;
  text-decoration:none;
  transition:color .2s;
}
#ruzy-atelier .cosmo-footer-socials a:hover{
  color:var(--ux-red);
}

/* Phase 2 Responsive Refinements */
@media(max-width:1080px){
  #ruzy-atelier .cosmo-account-workspace{
    grid-template-columns:1fr;
  }
  #ruzy-atelier .cosmo-account-sidebar{
    position:static;
  }
  #ruzy-atelier .cosmo-sidebar-nav{
    display:flex;
    overflow-x:auto;
    gap:6px;
    padding-bottom:4px;
  }
  #ruzy-atelier .cosmo-sidebar-tab{
    width:auto;
    white-space:nowrap;
  }
  #ruzy-atelier .cosmo-status-row{
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
  }
  #ruzy-atelier .cosmo-status-col-plans{
    justify-content:flex-start;
  }
  #ruzy-atelier .cosmo-status-col-platform,
  #ruzy-atelier .cosmo-status-col-state,
  #ruzy-atelier .cosmo-status-col-cta{
    border-left:0;
    padding-left:0;
    justify-content:flex-start;
  }
  #ruzy-atelier .cosmo-product-stage{
    grid-template-columns:1fr!important;
  }
  #ruzy-atelier .cosmo-footer-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:760px){
  #ruzy-atelier .modern-password-grid,
  #ruzy-atelier .modern-field-group,
  #ruzy-atelier .cosmo-quick-tiles,
  #ruzy-atelier .cyber-loader-stats-grid,
  #ruzy-atelier .cyber-steps-grid{
    grid-template-columns:1fr!important;
  }
  #ruzy-atelier .cosmo-feature-pills{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #ruzy-atelier .cosmo-status-row{
    grid-template-columns:1fr!important;
  }
  #ruzy-atelier .cosmo-footer-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
}


/* Account inbox shares the existing card treatment and wraps on narrow screens. */
#ruzy-atelier [data-tab-pane][hidden]{display:none!important}
#ruzy-atelier [data-account-inbox] .cosmo-notif-pref-row{align-items:flex-start;flex-wrap:wrap}
#ruzy-atelier [data-account-inbox] .cosmo-notif-pref-copy{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
#ruzy-atelier [data-account-inbox] .cosmo-notif-toggles{flex-wrap:wrap;gap:8px}
#ruzy-atelier [data-account-inbox] .unread .cosmo-notif-pref-copy strong::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#ee3541;margin-right:8px;vertical-align:middle}


/* A quieter shared finish for catalog and account surfaces. */
#ruzy-atelier :is(.news-card-modern,.purchase-step-card,.store-product-card,.cosmo-panel-card,.active-subs-vault){
 border-radius:20px!important;
 box-shadow:0 12px 32px rgba(0,0,0,.16)!important;
 transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
html:not([data-theme=light]) #ruzy-atelier :is(.news-card-modern,.purchase-step-card,.cosmo-panel-card,.active-subs-vault){
 background:linear-gradient(150deg,#1b1b27,#14141e)!important;
 border-color:rgba(255,255,255,.10)!important;
}
#ruzy-atelier .hero-v46-copy>p{max-width:470px!important;line-height:1.8!important}
#ruzy-atelier .hero-v46-copy h1 em{filter:none}
#ruzy-atelier .hero-v46-actions .btn-primary{box-shadow:0 8px 24px rgba(237,37,37,.22)!important}
#ruzy-atelier .news-card-modern .news-card-body{padding:24px!important}
#ruzy-atelier .news-card-modern h3{line-height:1.4;letter-spacing:-.025em}
#ruzy-atelier .news-card-modern p{line-height:1.8}
#ruzy-atelier .cosmo-panel-head{padding-bottom:18px;border-bottom:1px solid var(--ux-line)}
#ruzy-atelier .cosmo-sidebar-tab{border-radius:12px;transition:background .2s ease,color .2s ease}
#ruzy-atelier :is(.modern-field input,.modern-field select,.modern-field textarea):focus{
 border-color:var(--ux-red)!important;box-shadow:0 0 0 3px rgba(237,37,37,.12)!important;
}
#ruzy-atelier :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ux-red);outline-offset:4px}
#ruzy-atelier .faq-v45-item{border-radius:16px!important}
#ruzy-atelier .faq-v45-item summary{min-height:76px}
#ruzy-atelier .faq-v45-item[open]{border-color:rgba(237,37,37,.35)!important}
@media(max-width:760px){
 #ruzy-atelier .news-card-modern .news-card-body{padding:20px!important}
 #ruzy-atelier .faq-v45-item summary{min-height:68px}
}
@media(prefers-reduced-motion:reduce){
 #ruzy-atelier :is(.news-card-modern,.purchase-step-card,.store-product-card,.cosmo-panel-card,.active-subs-vault,.cosmo-sidebar-tab){transition:none!important;transform:none!important}
}

/* Profile grid tracks must shrink below the sidebar's intrinsic label width. */
#ruzy-atelier.page-profile .account-v42-container,
#ruzy-atelier.page-profile .cosmo-account-workspace,
#ruzy-atelier.page-profile .cosmo-account-workspace > *,
#ruzy-atelier.page-profile .cosmo-account-content,
#ruzy-atelier.page-profile .cosmo-sidebar-nav,
#ruzy-atelier.page-profile .cosmo-tab-pane,
#ruzy-atelier.page-profile .cosmo-panel-card{min-width:0;max-width:100%}
#ruzy-atelier.page-profile .account-v42-user,
#ruzy-atelier.page-profile .cosmo-panel-head > div,
#ruzy-atelier.page-profile .cosmo-device-info{min-width:0;overflow-wrap:anywhere}
#ruzy-atelier.page-profile .account-v42-name-row h1{overflow-wrap:anywhere}
#ruzy-atelier.page-profile .cosmo-sidebar-tab > span{min-width:0}
#ruzy-atelier.page-profile .cosmo-panel-head{flex-wrap:wrap}
@media(max-width:1080px){
 #ruzy-atelier.page-profile .cosmo-account-workspace{grid-template-columns:minmax(0,1fr)}
 #ruzy-atelier.page-profile .cosmo-sidebar-tab{flex:0 0 auto}
}
@media(max-width:760px){
 #ruzy-atelier.page-profile .cosmo-sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 #ruzy-atelier.page-profile .cosmo-sidebar-tab{width:100%;min-width:0;white-space:normal;padding:10px;gap:8px;font-size:12px;overflow-wrap:anywhere}
 #ruzy-atelier.page-profile .cosmo-sidebar-tab > span{flex:1}
 #ruzy-atelier.page-profile .cosmo-panel-card,
 #ruzy-atelier.page-profile .active-subs-vault{padding:20px 18px}
 #ruzy-atelier.page-profile .active-subs-grid{grid-template-columns:minmax(0,1fr)}
 #ruzy-atelier.page-profile .cosmo-device-row,
 #ruzy-atelier.page-profile .cosmo-discord-box,
 #ruzy-atelier.page-profile .account-v42-actions{flex-wrap:wrap}
 #ruzy-atelier.page-profile .cosmo-device-info{flex:1 1 130px}
 #ruzy-atelier.page-profile .cosmo-hwid-bar > *,
 #ruzy-atelier.page-profile .cosmo-discord-info > div,
 #ruzy-atelier.page-profile .cosmo-discord-actions,
 #ruzy-atelier.page-profile .modern-field,
 #ruzy-atelier.page-profile .modern-field input{min-width:0;max-width:100%;overflow-wrap:anywhere}
 #ruzy-atelier.page-profile [data-account-inbox] .cosmo-notif-toggles{width:100%}
 #ruzy-atelier.page-profile [data-account-inbox] .btn{white-space:normal;max-width:100%}
}

/* Product release states are shared by store cards and product details. */
#ruzy-atelier .cosmo-state-badge.testing,#ruzy-atelier .cosmo-state-badge.beta,.store-product-status.testing,.store-product-status.beta{background:rgba(146,14,170,.16)!important;border-color:#a34bb6!important;color:#c974dc!important}
#ruzy-atelier .cosmo-state-badge.unknown,.store-product-status.unknown{background:rgba(52,121,203,.16)!important;border-color:#3479cb!important;color:#76acf0!important}