/* Deep enamel fields retain the cyan instrument frame and transparent model canvas. */
#cubimo-design .cm-model-area[data-type]{
  background:radial-gradient(ellipse at 49% 58%,var(--backdrop-enamel-dark,#102515),#081c17 73%);
  box-shadow:none;
}
#cubimo-design .cm-model-area[data-type]::before,
#cubimo-design .cm-model-area[data-type]::after{
  content:"";display:block;position:absolute;inset:0;width:100%;height:100%;border:0;transform:none;pointer-events:none;z-index:0;
}
#cubimo-design .cm-model-area[data-type]::before{
  background:radial-gradient(ellipse at 25% 100%,var(--backdrop-enamel-deep,#14461b),transparent 64%);
  opacity:.39;
}
#cubimo-design .cm-model-area[data-type]::after{
  background-image:linear-gradient(#7ad8b805 1px,transparent 1px),linear-gradient(90deg,#7ad8b805 1px,transparent 1px);
  background-size:32px 32px;
}
#cubimo-design .cm-model-area[data-type]>.cm-backdrop-name{
  display:flex;align-items:center;gap:12px;top:var(--cm-name-top,82px);left:var(--cm-name-inset,28px);width:calc(100% - var(--cm-name-inset,28px) * 2);text-align:left;
  color:var(--backdrop-enamel-color,#00ec60);opacity:1;font-size:clamp(16px,2.45vw,27px);line-height:1.45;letter-spacing:-1px;
  text-shadow:0 2px #03160f;pointer-events:none;z-index:4;
}
#cubimo-design .cm-backdrop-type{
  position:relative;width:38px;height:38px;flex:none;display:block;overflow:hidden;filter:drop-shadow(0 2px 0 #03160f);
}
#cubimo-design .cm-backdrop-type-icon{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;max-width:none;object-fit:contain;image-rendering:pixelated;
}
#cubimo-design .cm-backdrop-text{min-width:0;overflow-wrap:anywhere}
#cubimo-design .cm-backdrop-sheen{display:block;position:absolute;inset:-10%;overflow:visible;pointer-events:none;z-index:1;opacity:.153;transform:translate3d(var(--backdrop-orbit-x,0%),var(--backdrop-orbit-y,0%),0) rotate(var(--backdrop-orbit-angle,0deg))}
#cubimo-design .cm-model-area[data-type][data-form="primordial"]{
  background:radial-gradient(ellipse at 45% 55%,#172c31,#081821 72%);
}
#cubimo-design .cm-model-area[data-type][data-form="primordial"]::before{
  background:linear-gradient(calc(125deg + var(--backdrop-orbit-angle,0deg)),transparent 22%,#45649b45 38%,#60d7e52a 42%,#b0c5df19 43%,transparent 44% 62%,var(--backdrop-enamel-deep,#14461b) 83%,#141b28);
  opacity:.49;
}
#cubimo-design .cm-model-area[data-form="primordial"]>.cm-backdrop-sheen{
  opacity:.4165;
  background:radial-gradient(circle at 22% 38%,#b3f7ffcf 0 1px,transparent 2px),radial-gradient(circle at 83% 65%,var(--backdrop-enamel-color,#00ec60) 0 1px,transparent 2px),radial-gradient(circle at 63% 16%,#dccaff 0 1px,transparent 2px);
}
/* Keep the original shared camera response and drift. Only the individual ray
   opacity changes; full-field paint extends beyond the stage to hide ray ends. */
#cubimo-design .cm-backdrop-reflections{position:absolute;inset:0;pointer-events:none;will-change:transform,opacity;animation:cm-enamel-reflections 18s ease-in-out infinite}
#cubimo-design .cm-backdrop-ray{position:absolute;inset:-50%;pointer-events:none;opacity:.8;mask-image:linear-gradient(#0009 25%,transparent 68%)}
/* The doubled paint area keeps the original band widths, spaced farther apart. */
#cubimo-design .cm-backdrop-ray--a{background:linear-gradient(125deg,transparent 40.85%,#a7ecff35 41.35%,#d9fcff66 41.5%,#4d6bb522 41.75%,transparent 42.35%)}
#cubimo-design .cm-backdrop-ray--b{background:linear-gradient(125deg,transparent 60%,#c2a5f81c 60.5%,#bbd7ff28 62%,transparent 63.5%)}
#cubimo-design .cm-model-area[data-backdrop-paused="true"] .cm-backdrop-reflections{animation-play-state:paused}
@keyframes cm-enamel-reflections{
  0%,100%{transform:translate3d(-5%,0,0) scale(1.12);opacity:.7}
  48%{transform:translate3d(5%,1%,0) scale(1.12);opacity:1}
}
@media(max-width:750px){
  #cubimo-design .cm-model-area[data-type]>.cm-backdrop-name{top:var(--cm-name-top,64px);left:var(--cm-name-inset,15px);width:calc(100% - var(--cm-name-inset,15px) * 2);gap:10px;font-size:20px;letter-spacing:-.8px}
  #cubimo-design .cm-backdrop-type{width:30px;height:30px}
  #cubimo-design .cm-backdrop-type-icon{width:60px;height:60px}
}
@media(prefers-reduced-motion:reduce){
  #cubimo-design .cm-backdrop-sheen{transform:none}
  #cubimo-design .cm-backdrop-reflections{animation:none;transform:none;will-change:auto}
}