/* ARIFE AI Studio v216 — final CTA and modal controls.
   Loaded last so legacy Higgsfield/brand rules cannot repaint these controls. */

.unified-studio-page .unified-modal-close-v216{
  position:relative!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 38px!important;
  overflow:hidden!important;
  padding:0!important;
  border:1px solid rgba(139,166,229,.32)!important;
  border-radius:12px!important;
  background:
    linear-gradient(145deg,rgba(35,46,65,.98),rgba(11,17,27,.98))!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.09),
    inset 0 -1px rgba(0,0,0,.5),
    0 5px 13px rgba(0,0,0,.28)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.unified-studio-page .unified-modal-close-v216:hover{
  border-color:rgba(132,207,255,.62)!important;
  background:linear-gradient(145deg,#293956,#111a29)!important;
  transform:translateY(-1px)!important;
}
.unified-studio-page .unified-modal-close-v216:active{transform:translateY(1px)!important}
.unified-studio-page .unified-modal-close-v216>span,
.unified-studio-page .unified-modal-close-v216>span:before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:15px!important;
  height:1.5px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#c7d6eb!important;
  box-shadow:0 0 8px rgba(133,199,255,.18)!important;
  content:""!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
.unified-studio-page .unified-modal-close-v216>span:before{
  transform:translate(-50%,-50%) rotate(90deg)!important;
}

#unified-generate-submit.unified-generate-v216{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  height:68px!important;
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 42px!important;
  align-items:center!important;
  gap:13px!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0 10px 0 20px!important;
  border:1px solid rgba(184,204,255,.72)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 21% -25%,rgba(255,255,255,.31),transparent 34%),
    linear-gradient(132deg,#638ef2 0%,#697be9 48%,#785fd4 100%)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.52),
    inset 0 -2px rgba(26,35,88,.38),
    0 6px 0 #283776,
    0 17px 32px rgba(45,71,178,.29)!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:transform .17s ease,filter .17s ease,box-shadow .17s ease!important;
}
#unified-generate-submit.unified-generate-v216:before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:-24%!important;
  top:-80%!important;
  width:68%!important;
  height:220%!important;
  border-radius:50%!important;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.13),transparent)!important;
  transform:rotate(12deg)!important;
  pointer-events:none!important;
}
#unified-generate-submit.unified-generate-v216:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.08) brightness(1.06)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.58),
    inset 0 -2px rgba(26,35,88,.35),
    0 8px 0 #283776,
    0 22px 38px rgba(48,76,190,.36)!important;
}
#unified-generate-submit.unified-generate-v216:active{
  transform:translateY(4px)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.42),
    inset 0 -2px rgba(26,35,88,.35),
    0 2px 0 #283776,
    0 8px 16px rgba(43,66,160,.23)!important;
}
#unified-generate-submit.unified-generate-v216:disabled{
  cursor:wait!important;
  filter:saturate(.55) brightness(.72)!important;
  transform:none!important;
}
#unified-generate-submit.unified-generate-v216>.unified-generate-copy{
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
}
#unified-generate-submit.unified-generate-v216>.unified-generate-copy small{
  display:block!important;
  color:rgba(232,240,255,.75)!important;
  font:800 11px/1 ui-monospace,Consolas,monospace!important;
  letter-spacing:.16em!important;
}
#unified-generate-submit.unified-generate-v216>.unified-generate-copy strong{
  display:block!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
}
#unified-generate-submit.unified-generate-v216>.unified-generate-estimate{
  width:auto!important;
  height:auto!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:4px!important;
  margin:0!important;
  padding:0 13px 0 0!important;
  border:0!important;
  border-right:1px solid rgba(222,231,255,.18)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  white-space:nowrap!important;
}
#unified-generate-submit.unified-generate-v216>.unified-generate-estimate small{
  color:rgba(226,235,255,.64)!important;
  font:800 10px/1 ui-monospace,Consolas,monospace!important;
  letter-spacing:.13em!important;
}
#unified-generate-submit.unified-generate-v216>.unified-generate-estimate b{
  color:#fff!important;
  font:900 11px/1 ui-monospace,Consolas,monospace!important;
}
#unified-generate-submit.unified-generate-v216>i{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(182,211,255,.94)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#b5d2ff,#709cf5)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.82),
    inset 0 -2px rgba(5,46,126,.24),
    0 4px 0 #0b3789,
    0 8px 16px rgba(5,14,42,.28)!important;
  color:#040a20!important;
  font:900 17px/1 Arial,sans-serif!important;
  transform:none!important;
}
@media(max-width:430px){
  #unified-generate-submit.unified-generate-v216{
    grid-template-columns:minmax(0,1fr) auto 38px!important;
    gap:9px!important;
    padding-left:15px!important;
  }
  #unified-generate-submit.unified-generate-v216>.unified-generate-estimate{padding-right:9px!important}
  #unified-generate-submit.unified-generate-v216>i{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
}

/* ─── ARIFE 작업화면 공통 규격서 정렬 (AI 영상) ─────────────────────── */
body.unified-studio-page .arife-tool-brand .arife-tool-text>small,
body.unified-studio-page .studio-presets-v306>header>span>small,
body.unified-studio-page .prompt-launcher-head>div>small,
body.unified-studio-page .unified-section>header>small,
body.unified-studio-page .unified-workspace-head small{
  color:#6edcf4!important;font-size:12px!important;font-weight:800!important;
  letter-spacing:.12em!important;line-height:1!important}
body.unified-studio-page .unified-section-title>span{color:#f1f6ff!important}
body.unified-studio-page .unified-section-title>small,
body.unified-studio-page .unified-section-title>em{color:#8091aa!important}
html body.studio-page.unified-studio-page.arife-glass.studio-stage-v306 .unified-model-dialog,
html body.studio-page.unified-studio-page.arife-glass.studio-stage-v306 .unified-library-dialog{
  border-color:#2d425f!important;
  background:radial-gradient(circle at 85% 0,rgba(121,170,255,.09),transparent 34%),linear-gradient(145deg,#141c28,#0a111c)!important}