/* ============================================================
   ARIFE — AI 이미지 작업실의 '조작 언어' 통일  v870
   ------------------------------------------------------------
   지금까지는 칸마다 만든 사람이 달라 모양이 제각각이었다.
   여기서 다섯 가지로 줄인다. 이 다섯 개 밖으로 나가지 않는다.

     1) 알약 단추  — 유리. 누르는 것. 높이 42px, 999px 둥글기
     2) 남색 단추  — 그중 '지금 할 일' 하나. 창마다 딱 하나
     3) 고른 칸    — 붙어 있는 여러 개 중 하나를 고르는 띠(세로/정사각/가로)
                     고른 것만 남색이 차오른다
     4) 적는 칸    — 안으로 파인 유리. 글을 넣는 곳
     5) 눈금       — 밝은 홈에 남색이 차오르고, 손잡이는 유리 구슬

   창(팝업)은 모두 같은 옷을 입는다 —
     흰 테 두른 유리판 · 머리와 발에 흰 줄 · 닫기는 동그라미.
   ============================================================ */

/* ══════════════════════════════════════════════════════════
   0) 창 공통
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-back,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-back,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-back,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-lb-back{
  background:rgba(180,200,230,.5)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-box,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-lb-box{
  background:
    linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.12) 44%,rgba(234,241,250,.38)),
    rgba(226,235,247,.96)!important;
  border:1px solid rgba(223,232,244,.8)!important;
  border-radius:24px!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.5);
  backdrop-filter:blur(24px) saturate(1.5)!important;
  box-shadow:0 40px 90px -40px rgba(16,46,104,.7),inset 0 1.8px 0 rgba(255,255,255,1)!important;
  color:#14202e!important;
}
/* 머리 · 발 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box>header,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-box>header,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box>header,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box>footer,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-box>footer,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box>footer,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-body,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-body,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-wrap,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-side,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-grid{
  background:none!important;
  border-color:rgba(225,234,246,.68)!important;
  color:#14202e!important;
}
/* 글 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box h1,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box h2,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box h3,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-box h1,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-box h2,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-box h3,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box h1,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box h2,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box h3{color:#14202e!important}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box p,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-box p,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box p,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box small,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-box small,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box small,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-foot-note,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-hint,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-empty,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-note,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-edgehelp{color:#4a5870!important}
/* 구역 이름 (화면 비율 · 느낌 · 품질) */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-sec,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-lab,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-tag{
  color:#4a5870!important;font-weight:800!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-aes-row>span:first-child,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-aes-top{color:#14202e!important;font-weight:800!important}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-aes-out{
  color:#14202e!important;font-weight:900!important;
}

/* 닫기 — 동그라미 하나로 통일 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-x,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-x,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-x,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-lb-x,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-x{
  width:40px!important;height:40px!important;
  border-radius:50%!important;
  background:
    linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.1) 48%,rgba(255,255,255,.26)),
    rgba(150,190,242,.42)!important;
  border:1px solid rgba(223,232,244,.74)!important;
  color:#14202e!important;
  box-shadow:0 12px 22px -12px rgba(16,46,104,.6),inset 0 1.4px 0 rgba(255,255,255,.95)!important;
  outline:0!important;
}

/* ══════════════════════════════════════════════════════════
   1) 알약 단추 — 유리
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-open-btn,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-open-btn,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-undo-btn,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-keep,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-cmp-open,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-up,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-done-acts button{
  position:relative!important;overflow:hidden!important;
  min-height:42px!important;padding:0 16px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  background:
    linear-gradient(180deg,rgba(234,241,250,.38),rgba(255,255,255,0) 46%,rgba(255,255,255,.14)),
    rgba(150,190,242,.24)!important;
  -webkit-backdrop-filter:blur(16px) saturate(2);
  backdrop-filter:blur(16px) saturate(2)!important;
  color:#1a2b45!important;font-weight:800!important;
  box-shadow:
    0 5px 10px -7px rgba(28,58,108,.5),
    inset 0 1.6px 0 rgba(255,255,255,1),
    inset 0 -7px 11px -9px rgba(255,255,255,.95)!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-open-btn:hover,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-open-btn:hover,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-undo-btn:hover,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-keep:hover,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-cmp-open:hover,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-up:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 16px -9px rgba(28,58,108,.55),inset 0 1.6px 0 rgba(255,255,255,1)!important;
}


/* ══════════════════════════════════════════════════════════
   2) 남색 단추 — 창마다 하나
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-done,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-save,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-go{
  min-height:46px!important;padding:0 22px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  background:
    linear-gradient(180deg,rgba(234,241,250,.38),rgba(255,255,255,.02) 48%,rgba(255,255,255,.14)),
    rgba(28,86,190,.92)!important;
  color:#fff!important;font-weight:800!important;
  box-shadow:
    0 12px 22px -12px rgba(16,46,104,.62),
    inset 0 1.6px 0 rgba(225,234,246,.68)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-done *,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-save *,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-go *{color:#fff!important}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-save:disabled,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-go:disabled{opacity:.5!important}

/* ══════════════════════════════════════════════════════════
   3) 고른 칸 — 붙은 띠에서 하나 고르기
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-seg,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-seg,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-chips,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-qchips,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-tools,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-edge{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-seg button,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-seg button,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-chips button,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-qchips button,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-tools button,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-edge button,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-taste-chip{
  position:relative!important;overflow:hidden!important;
  min-height:40px!important;padding:0 15px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  background:
    linear-gradient(180deg,rgba(234,241,250,.38),rgba(255,255,255,0) 46%,rgba(255,255,255,.14)),
    rgba(150,190,242,.2)!important;
  -webkit-backdrop-filter:blur(16px) saturate(2);
  backdrop-filter:blur(16px) saturate(2)!important;
  color:#1a2b45!important;font-weight:800!important;
  box-shadow:
    0 5px 10px -8px rgba(28,58,108,.45),
    inset 0 1.6px 0 rgba(255,255,255,1),
    inset 0 -7px 11px -9px rgba(255,255,255,.95)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-seg button.is-on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-seg button[aria-pressed="true"],
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-seg button.is-on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-seg button[aria-pressed="true"],
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-chips button.is-on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-chips button[aria-pressed="true"],
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-qchips button.is-on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-qchips button[aria-pressed="true"],
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-tools button.is-on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-tools button[aria-pressed="true"],
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-edge button.is-on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-edge button[aria-pressed="true"],
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-taste-chip.is-on{
  background:
    linear-gradient(180deg,rgba(235,241,250,.36),rgba(255,255,255,.02) 48%,rgba(255,255,255,.14)),
    rgba(28,86,190,.9)!important;
  color:#fff!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-seg button.is-on *,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-seg button.is-on *,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-chips button.is-on *,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-qchips button.is-on *,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-tools button.is-on *{color:#fff!important}

/* ══════════════════════════════════════════════════════════
   4) 적는 칸 — 안으로 파인 유리
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-namefield,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-name,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-ask,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-prompt,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-field textarea,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-field input,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-model,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-speedsel{
  background:
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.2) 52%,rgba(233,240,249,.42)),
    rgba(226,235,247,.62)!important;
  border:1px solid rgba(223,232,244,.74)!important;
  border-radius:14px!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  backdrop-filter:blur(16px) saturate(1.5)!important;
  box-shadow:inset 0 2px 6px rgba(30,60,110,.16),inset 0 -1.4px 0 rgba(255,255,255,.9)!important;
  color:#14202e!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-namefield::placeholder,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-ask::placeholder,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-prompt::placeholder{color:#7688a2!important}

/* ══════════════════════════════════════════════════════════
   5) 눈금 — 밝은 홈 · 남색 참 · 유리 구슬
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box input[type="range"],
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box input[type="range"],
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-brush input[type="range"],
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-strength input[type="range"]{
  -webkit-appearance:none!important;appearance:none!important;
  width:100%!important;height:22px!important;
  background:none!important;border:0!important;box-shadow:none!important;
  outline:0!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box input[type="range"]::-webkit-slider-runnable-track,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box input[type="range"]::-webkit-slider-runnable-track{
  height:8px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(226,235,247,.9),rgba(232,235,240,.9))!important;
  border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:inset 0 2px 5px rgba(30,60,110,.2)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box input[type="range"]::-webkit-slider-thumb,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none!important;appearance:none!important;
  width:20px!important;height:20px!important;margin-top:-7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.9)!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.9),transparent 52%),
    linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.06) 50%,rgba(255,255,255,.24)),
    rgba(28,86,190,.94)!important;
  box-shadow:0 4px 8px -3px rgba(16,46,104,.6),inset 0 1.2px 0 rgba(255,255,255,.85)!important;
  cursor:grab!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box input[type="range"]::-moz-range-track,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box input[type="range"]::-moz-range-track{
  height:8px!important;border-radius:999px!important;
  background:rgba(226,235,247,.9)!important;border:1px solid rgba(255,255,255,.8)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box input[type="range"]::-moz-range-progress,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box input[type="range"]::-moz-range-progress{
  height:8px!important;border-radius:999px!important;background:rgba(28,86,190,.9)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box input[type="range"]::-moz-range-thumb,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box input[type="range"]::-moz-range-thumb{
  width:20px!important;height:20px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.9)!important;background:rgba(28,86,190,.94)!important;
}
/* 진행 눈금 (편집 중) */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-gauge{
  background:rgba(226,235,247,.85)!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:999px!important;
  box-shadow:inset 0 2px 5px rgba(30,60,110,.18)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-gauge-bar{
  background:linear-gradient(90deg,rgba(28,86,190,.92),rgba(96,156,238,.92))!important;
  border-radius:999px!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-gauge-pct{color:#14202e!important;font-weight:800!important}

/* ══════════════════════════════════════════════════════════
   6) 그림 얹는 자리 · 낱장
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-stage,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-canvas,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-tile{
  border:1px solid rgba(225,234,246,.68)!important;
  border-radius:16px!important;
  box-shadow:0 14px 26px -16px rgba(28,58,108,.5)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-tile.is-on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-tile[aria-pressed="true"]{
  border-color:rgba(28,86,190,.9)!important;
  box-shadow:0 0 0 2px rgba(28,86,190,.7),0 16px 28px -16px rgba(28,58,108,.55)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-check{
  background:rgba(28,86,190,.94)!important;
  border:1px solid rgba(255,255,255,.8)!important;
  color:#fff!important;
  box-shadow:0 6px 12px -8px rgba(16,46,104,.6)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-count,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-cost,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-size{
  background:rgba(225,234,246,.66)!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:999px!important;
  color:#14202e!important;font-weight:800!important;
  box-shadow:inset 0 1.2px 0 rgba(255,255,255,.95)!important;
}
/* 경고 한 줄 — 빨강은 밝은 판에서 더 짙어야 읽힌다 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-flow-note,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box .is-warn,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-line{color:#a4262c!important;font-weight:800!important}

/* ══════════════════════════════════════════════════════════
   7) 조작 줄에서 펼치는 목록 (화면비 · 해상도 · 품질)
      바탕이 검고 알약마다 두꺼운 테가 있어 무거웠다.
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-menu{
  padding:8px!important;
  border:1px solid rgba(223,232,244,.8)!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.14) 46%,rgba(235,241,250,.36)),
    rgba(226,235,247,.97)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.5);
  backdrop-filter:blur(22px) saturate(1.5)!important;
  box-shadow:0 26px 54px -26px rgba(16,46,104,.6),inset 0 1.6px 0 rgba(255,255,255,1)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-option{
  min-height:38px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#1a2940!important;
  font-size:12px!important;font-weight:800!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-option:hover,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-option:focus-visible{
  background:rgba(224,233,245,.7)!important;color:#14202e!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-option[aria-selected="true"]{
  background:rgba(28,86,190,.92)!important;color:#fff!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-option[aria-selected="true"]:after{
  color:#fff!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-menu::-webkit-scrollbar-thumb{
  background:rgba(28,86,190,.5)!important;background-clip:padding-box!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-chevron{
  border-color:#4a5870!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select.is-open .image-select-chevron{
  border-color:#1c56be!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-trigger{
  background:none!important;border-color:transparent!important;box-shadow:none!important;
  color:#14202e!important;font-size:12px!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-control.is-image-select-open{
  border-color:rgba(28,86,190,.6)!important;
  box-shadow:0 0 0 2px rgba(28,86,190,.25),inset 0 1.5px 0 rgba(255,255,255,1)!important;
}

/* 고른 표시는 클래스 이름이 `.on` 이다(`.is-on` 이 아니다) */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-seg button.on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-seg button.on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-chips button.on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-qchips button.on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-tools button.on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-edge button.on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box button.on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box button.on,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-taste-chip.on{
  background:
    linear-gradient(180deg,rgba(235,241,250,.36),rgba(255,255,255,.02) 48%,rgba(255,255,255,.14)),
    rgba(28,86,190,.9)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.55)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box button.on *,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box button.on *{color:#fff!important}
/* 창 안의 나머지 단추도 같은 알약으로 (닫기·주요 단추는 위에서 이미 정했다) */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box button:not(.tx-set-x):not(.tx-done):not(.on),
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box button:not(.ip-x):not(.ip-go):not(.ip-lb-x):not(.on){
  min-height:40px!important;padding:0 15px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  color:#1a2b45!important;font-weight:800!important;
}

/* ══════════════════════════════════════════════════════════
   8) 아래 조작 줄 — 키를 하나로 맞춘다 (v880)
      모델 단추만 52px 이고 나머지가 40px 이라 줄이 어긋나 보였다.
      모두 46px, 가운데 정렬, 사이 간격 10px.
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-compose-controls{
  display:flex!important;flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-trigger,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-control,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-count-control,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .gti-refine{
  height:46px!important;min-height:46px!important;
  border-radius:14px!important;
  align-self:center!important;
}
/* 모델 단추는 두 줄이라 안쪽 여백만 조금 줄인다 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-trigger{
  padding:4px 6px 4px 13px!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-trigger>span::before{font-size:9.5px!important}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-trigger strong,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) #image-model-name{font-size:13px!important}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-trigger>b{min-height:26px!important;padding:0 11px!important}
/* '프롬프트 다듬기' 도 같은 알약 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .gti-refine{
  position:relative!important;overflow:hidden!important;
  padding:0 16px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  background:
    linear-gradient(180deg,rgba(234,241,250,.38),rgba(255,255,255,0) 46%,rgba(255,255,255,.14)),
    rgba(150,190,242,.24)!important;
  -webkit-backdrop-filter:blur(16px) saturate(2);
  backdrop-filter:blur(16px) saturate(2)!important;
  color:#1a2b45!important;font-weight:800!important;
  box-shadow:
    0 5px 10px -7px rgba(28,58,108,.5),
    inset 0 1.6px 0 rgba(255,255,255,1),
    inset 0 -7px 11px -9px rgba(255,255,255,.95)!important;
}
/* 규격 안내 한 줄은 줄 아래로 온전히 내려보낸다 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-api-status{
  flex:1 0 100%!important;margin:2px 0 0!important;color:#4a5870!important;
}

/* ══════════════════════════════════════════════════════════
   9) '생성 설정' 창 — 아래가 잘리던 것
      본문만 스크롤하고 머리·발은 붙박이로 둔다.
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box{
  display:flex!important;flex-direction:column!important;
  max-height:calc(100vh - 56px)!important;
  overflow:hidden!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-body{
  flex:1 1 auto!important;min-height:0!important;overflow:auto!important;
  padding-bottom:8px!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box>header,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box>footer{
  flex:0 0 auto!important;
}
/* 화면 비율 — 미리보기와 딱지를 한 덩이로 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-ratio{
  display:flex!important;align-items:flex-start!important;gap:18px!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-ratio-prev{
  flex:0 0 auto!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-ratio>div:last-child,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-ratio .tx-seg{
  flex:1 1 auto!important;min-width:0!important;
}
/* 품질 줄 — 이름과 딱지를 한 줄에 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-qrow{
  display:flex!important;align-items:center!important;gap:14px!important;
  flex-wrap:wrap!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-qrow>span:first-child{
  flex:0 0 56px!important;color:#4a5870!important;font-weight:800!important;
}

/* ══════════════════════════════════════════════════════════
   10) 모델 선택 창 다시 짜기 (v890)
       · 제목 위 작은 줄(SEEDREAM · V5 · PRO, 2026-04-21)은 뺀다.
         제목에 이미 다 들어 있고, 제품군은 위 거르개가 말해 준다.
       · 설명은 두 줄로 못 박아 아홉 판의 단추가 같은 높이에 선다.
       · 단추는 판 바닥에 붙인다.
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option-copy small{
  display:none!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option{
  display:flex!important;flex-direction:column!important;
  gap:10px!important;
  padding:18px!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option-copy{
  display:flex!important;flex-direction:column!important;gap:8px!important;
  flex:1 1 auto!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option-copy strong{
  font-size:16px!important;line-height:1.25!important;letter-spacing:-.03em!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option-copy em{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:36px!important;
  font-style:normal!important;font-size:12px!important;line-height:1.55!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option-specs{
  margin-top:auto!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-options{
  gap:14px!important;
}

/* ══════════════════════════════════════════════════════════
   11) 입체감을 한 벌로 — 유리 단추는 전부 이 세 겹
       (1) 위 광택  (2) 안쪽 바닥 반사  (3) 얕은 바깥 그림자
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option>b,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) #image-model-families button,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ic-tabs>button,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ic-ghost,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-control,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-count-control,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-trigger,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .gti-refine,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .gti-secondary,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-open-btn,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-open-btn,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ie-upload,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ie-refresh,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .mb-pick .mb-x,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-set-box button:not(.tx-done),
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ip-box button:not(.ip-go){
  position:relative!important;
  overflow:hidden!important;
  box-shadow:
    0 5px 10px -7px rgba(28,58,108,.5),
    inset 0 1.6px 0 rgba(255,255,255,1),
    inset 0 -7px 11px -9px rgba(255,255,255,.95)!important;
}
/* 위 광택 한 겹 — 없던 단추에도 똑같이 얹는다 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option>b::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ic-tabs>button::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ic-ghost::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-trigger::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .gti-refine::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .gti-secondary::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .tx-open-btn::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ie-upload::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ie-refresh::before{
  content:''!important;
  position:absolute!important;
  left:7%!important;right:7%!important;top:1px!important;
  height:42%!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.1) 70%,transparent)!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option>b>*,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ic-tabs>button>*,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ic-ghost>*,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-trigger>*,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .gti-refine>*{
  position:relative!important;z-index:1!important;
}
/* 남색 단추는 광택을 얇게 — 짙은 유리는 빛을 덜 머금는다 */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option.active>b::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ic-tabs>button.on::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) #image-model-families button.active::before{
  background:linear-gradient(180deg,rgba(231,238,248,.48),rgba(255,255,255,.05) 72%,transparent)!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option.active>b,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) #image-model-families button.active,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .ic-tabs>button.on{
  box-shadow:
    0 8px 15px -9px rgba(16,46,104,.62),
    inset 0 1.6px 0 rgba(255,255,255,.55),
    inset 0 -8px 12px -10px rgba(227,235,246,.58)!important;
}

/* ══════════════════════════════════════════════════════════
   12) 펼침 목록은 '단추'가 아니라 '줄'이다 — 납작하게
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-option,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-option::before,
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-option::after{
  box-shadow:none!important;
  text-shadow:none!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-option{
  background-image:none!important;
  border:0!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-select-option[aria-selected="true"]{
  background-image:none!important;
  background-color:rgba(28,86,190,.92)!important;
}

/* ══════════════════════════════════════════════════════════
   13) 모델 판 틀은 원래 것을 그대로 쓴다 (v900)
       arife-image-model-v4400 이 202px 격자로 짜 두었다 —
       위 칸이 남는 자리를 먹고 단추는 언제나 바닥에 붙는 구조다.
       내가 flex 로 바꾸는 바람에 규격 딱지가 단추 위로 올라탔다.
       (실측: 라이브에서 '2K·3K·4K' 위에 '선택' 이 겹쳐 찍혔다)
       틀은 돌려주고, 나는 색과 글자만 만진다.
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-options{
  grid-auto-rows:202px!important;
  align-content:start!important;
  align-items:stretch!important;
  gap:10px!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  height:202px!important;min-height:0!important;
  overflow:hidden!important;
  padding:16px 16px 14px!important;
  gap:10px!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option-copy{
  display:flex!important;flex-direction:column!important;
  gap:8px!important;min-height:0!important;overflow:hidden!important;
}
html body.image-studio-page.a-glass-page:not(#nope):not(#_):not(#_) .image-model-option-specs{
  margin-top:auto!important;
}

/* ══════════════════════════════════════════════════════════
   2026-08-28 — 고름 표시가 안 갈렸다
   ──────────────────────────────────────────────────────────
   무드보드 고르기(.mb-check)는 유리 규칙이 안 고른 것까지 진한 파랑으로
   칠하고 있었다. 그래서 스무 장을 하나도 안 골랐는데 전부 고른 것처럼
   보였다(사장님 화면에서 실제로 그랬다).
   취향 고르기(.pz-check)는 ✓ 가 안 고른 칸에도 떠 있었다 — 유리 규칙이
   단추 안 글자색을 통째로 정해 버려서 base 의 color:transparent 가 졌다.

   규칙을 하나로 맞춘다.
     · 안 고름 — 비어 있는 흰 유리, ✓ 안 보임
     · 고름   — 진한 파랑, 흰 ✓
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .mb-check,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .pz-check{
  background:rgba(255,255,255,.78)!important;
  background-image:none!important;
  border:1.5px solid rgba(255,255,255,.95)!important;
  color:transparent!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.4);
  backdrop-filter:blur(8px) saturate(1.4)!important;
  box-shadow:0 4px 10px -6px rgba(16,46,104,.55), inset 0 0 0 1px rgba(20,45,90,.14)!important;
}
/* 안 고른 칸의 ✓(글자든 ::after 든) 는 아예 감춘다 */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .mb-check::after{
  opacity:0!important;
}

html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .mb-tile.on .mb-check,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .mb-tile[aria-pressed="true"] .mb-check,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .pz-tile.on .pz-check{
  background:#1c56be!important;
  background-image:none!important;
  border-color:#fff!important;
  color:#fff!important;
  box-shadow:0 6px 14px -7px rgba(16,46,104,.7), inset 0 1.2px 0 rgba(255,255,255,.7)!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .mb-tile.on .mb-check::after,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .mb-tile[aria-pressed="true"] .mb-check::after{
  opacity:1!important;
  border-left-color:#fff!important;
  border-bottom-color:#fff!important;
}
/* 고른 칸은 테두리로도 한 번 더 알려 준다 */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .pz-tile.on,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .mb-tile.on{
  outline:2.5px solid #1c56be!important;
  outline-offset:-2px;
}

/* ══════════════════════════════════════════════════════════
   2026-08-28 — 만드는 칸 조작 줄 정리
   ──────────────────────────────────────────────────────────
   무엇이 어수선했나 (실측)
     · 알약 높이가 제각각이었다 — 빠른 모드만 44px·모서리 14px,
       나머지는 46px·완전한 알약.
     · 일곱 개를 합치면 986px 인데 자리는 890px 이라 한 줄에 안 들어간다.
       그런데 flex 는 들어가는 만큼 채우고 남은 하나를 다음 줄에 떨군다 —
       「프롬프트 다듬기」 하나만 아래 줄에 외따로 서 있었다.
       (조작 줄 오른쪽에는 '이미지 생성' 단추가 자리를 잡고 있어서
        줄을 넓힐 수도 없다 — 격자의 submit 칸이다.)
     · 색도 세 갈래였다 — 흰 알약 · 옅은 유리 · 남색 단추.

   어떻게 했나
     넉 줄 격자로 바꿔 3+4 가 아니라 4+3 으로 또박또박 끊는다.
     알약은 모두 같은 높이·같은 모서리·같은 너비가 되고,
     윗줄은 '도구와 모델', 아랫줄은 '출력 규격' 으로 뜻이 갈린다.
     파랑은 한 가지로 통일한다(#1C56BE) — 체크 표시·변경 배지와 같은 색.
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls{
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0,1fr))!important;
  gap:10px!important;
  align-items:center!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls > button,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls > label,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls > div:not(.image-api-status){
  min-height:46px!important; height:46px!important;
  border-radius:999px!important;
  width:100%!important;
  justify-content:center!important;
}
/* 윗줄 : 도구 · 모델 · 장수 / 아랫줄 : 화면비 · 해상도 · 품질 */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) #image-fast-toggle{ order:1!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-refine{ order:2!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-model-trigger{ order:3!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-count-control{ order:4!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-control{ order:5!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-api-status{
  order:9!important; grid-column:1/-1!important; height:auto!important; margin-top:2px!important;
}

/* 만드는 단추 — 남색 대신 사이트의 파랑 한 가지로 */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) #image-generate-submit:not([disabled]){
  background-image:none!important;
  background:linear-gradient(180deg,#3670dd,#1c56be 62%,#17489f)!important;
  border:1px solid rgba(255,255,255,.6)!important;
  color:#fff!important;
  box-shadow:
    0 14px 24px -15px rgba(14,40,96,.85),
    inset 0 1.6px 0 rgba(255,255,255,.6),
    inset 0 -9px 14px -12px rgba(6,24,64,.5)!important;
}

/* ══════════════════════════════════════════════════════════
   2026-08-28 — 무드보드 · 포스터 · 편집
   ──────────────────────────────────────────────────────────
   ① 무드보드가 하나도 없을 때 안내 글이 여섯 칸 격자의 두 번째 칸(182px)
      안에 갇혀 있었다. 카드 옆에 좁고 길게 서서 나머지 넉 칸은 텅 비고,
      글은 저 혼자 오른쪽에 떠 있는 것처럼 보였다. 남은 칸을 다 쓰게 한다.
   ② 주요 단추들(한글 이미지 생성 · 편집하기 · 만들기 · 취향 저장)이
      흰 글씨에 옅은 유리 바탕이라 '눌리는 단추'로 안 보였다 —
      꺼져 있는 단추처럼 읽힌다. '이미지 생성' 과 같은 파랑으로 맞춘다.
      끈 단추(disabled)는 그대로 흐리게 둔다 — 그건 구분돼야 한다.
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .ic-boards .ic-empty{
  grid-column:2 / -1!important;
  align-self:center!important;
  justify-self:start!important;
  max-width:560px!important;
  height:auto!important;
  padding:18px 22px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.85)!important;
  background:rgba(255,255,255,.5)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  backdrop-filter:blur(12px) saturate(1.3)!important;
  color:#41536f!important;
  font-size:13.5px!important;
  line-height:1.8!important;
  text-align:left!important;
  box-shadow:inset 0 1.4px 0 rgba(255,255,255,.95)!important;
}

html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) #gti-generate:not([disabled]),
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .ip-go:not([disabled]),
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .mb-save:not([disabled]),
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .pz-save:not([disabled]),
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .tx-done:not([disabled]){
  background-image:none!important;
  background:linear-gradient(180deg,#3670dd,#1c56be 62%,#17489f)!important;
  border:1px solid rgba(255,255,255,.6)!important;
  color:#fff!important;
  box-shadow:
    0 14px 24px -15px rgba(14,40,96,.85),
    inset 0 1.6px 0 rgba(255,255,255,.6),
    inset 0 -9px 14px -12px rgba(6,24,64,.5)!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) #gti-generate:not([disabled]) *,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .mb-save:not([disabled]) *,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .pz-save:not([disabled]) *{
  color:#fff!important;
}
/* 끈 단추는 눌러도 안 되는 것이 보여야 한다 */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .mb-save[disabled],
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .pz-save[disabled],
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) #gti-generate[disabled]{
  opacity:.55!important; cursor:not-allowed!important;
}

/* ══════════════════════════════════════════════════════════
   2026-08-28 — 탭 줄 정리
   ① '생성 설정' 은 만드는 칸에서만 쓰는 것이다(화면비·미학·품질).
      무드보드·포스터·편집에서는 눌러도 뜻이 없는 단추라 감춘다.
      어느 칸인지는 콘솔이 몸통에 data-ic-tab 으로 적어 둔다.
   ② 패널을 접고 펴는 단추가 '▾' 한 글자뿐이라 무엇을 하는 것인지
      알 수가 없었다. 이름을 달았으니 자리도 단추답게 잡아 준다.
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page:not([data-ic-tab="gen"]):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) .tx-open-btn{
  display:none!important;
}


/* ══════════════════════════════════════════════════════════
   2026-08-28 — 「탁하다」 를 걷어낸다
   ──────────────────────────────────────────────────────────
   원인은 투명도였다(실측).
     · 판(.ic-shell) 은 80% — 뒤의 사진 스무 장이 20% 씩 비쳐 든다.
     · 알약은 40% — 절반 넘게 뒤가 비친다. 거기에 blur+saturate 가
       얹히니 사진의 색이 뭉개져 회끄무레하게 깔린다. 그게 탁함이다.
   유리 느낌을 살리자고 만든 값인데, 뒤가 사진 벽이라 유리가 아니라
   김 서린 창이 됐다. 판은 거의 불투명하게, 알약은 흰 알약으로 세운다.
   깊이는 투명도가 아니라 그림자와 테두리로 낸다.
   ══════════════════════════════════════════════════════════ */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .ic-shell{
  background-image:linear-gradient(180deg, rgba(247,250,254,.985), rgba(237,243,251,.985))!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.1);
  backdrop-filter:blur(26px) saturate(1.1)!important;
  border-color:rgba(255,255,255,.95)!important;
  box-shadow:0 -18px 44px -26px rgba(16,40,90,.5), inset 0 1.4px 0 rgba(255,255,255,1)!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls > button,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls > label,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls > div:not(.image-api-status),
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-secondary,
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .ic-tabs button:not(.on){
  background:rgba(255,255,255,.96)!important;
  background-image:linear-gradient(180deg, rgba(255,255,255,1), rgba(242,246,252,.96))!important;
  border:1px solid rgba(203,217,238,.9)!important;
  -webkit-backdrop-filter:none;
  backdrop-filter:none!important;
  box-shadow:0 2px 5px -3px rgba(16,40,90,.28), inset 0 1.2px 0 rgba(255,255,255,1)!important;
  color:#14202e!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-prompt-field{
  background-image:linear-gradient(180deg, rgba(255,255,255,1), rgba(250,252,255,.98))!important;
  border-color:rgba(203,217,238,.95)!important;
  -webkit-backdrop-filter:none; backdrop-filter:none!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .tool-reference-v2000{
  background:rgba(255,255,255,.92)!important;
  background-image:none!important;
  border:1px dashed rgba(160,183,216,.9)!important;
  -webkit-backdrop-filter:none; backdrop-filter:none!important;
}

/* 알약 안에서 '이름' 과 '값' 이 갈리게 — 한 덩어리로 뭉쳐 읽히고 있었다 */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-control > span{
  color:#5b6b86!important; font-size:11.5px!important; font-weight:800!important; letter-spacing:-.01em!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-select-trigger{
  color:#14202e!important; font-weight:850!important; font-size:13px!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-control{
  padding-left:14px!important; padding-right:8px!important; gap:8px!important;
}

/* 펼친 목록이 판과 같은 색이라 '떠 있다'가 아니라 '이어져 있다'로 보였다.
   흰 바탕 + 짙은 그림자로 확실히 띄우고, 고른 줄은 파랗게 찍는다. */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-select-menu{
  background:#fff!important;
  background-image:none!important;
  border:1px solid rgba(186,203,229,.95)!important;
  border-radius:14px!important;
  padding:6px!important;
  -webkit-backdrop-filter:none; backdrop-filter:none!important;
  box-shadow:
    0 24px 48px -20px rgba(14,38,88,.45),
    0 4px 10px -6px rgba(14,38,88,.3),
    0 0 0 1px rgba(255,255,255,.9)!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-select-option{ color:#22304a!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-select-option:hover{ background:rgba(28,86,190,.1)!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-select-option[aria-selected="true"]{
  background:#1c56be!important; color:#fff!important; font-weight:850!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-control.is-image-select-open{
  border-color:#1c56be!important;
  box-shadow:0 0 0 2px rgba(28,86,190,.22), 0 2px 5px -3px rgba(16,40,90,.3)!important;
}

/* 접기 단추 — 글자를 넣었더니 줄 끝에서 눌려 잘렸다. 원래대로 화살표만
   쓰되 동그란 단추로 세운다. 접혀 있을 때는 파랗게 칠해 눈에 걸리게. */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .ic-tabs .ic-collapse{
  flex:0 0 auto!important;
  width:38px!important; min-width:38px!important;
  height:38px!important; min-height:38px!important;
  padding:0!important; margin-left:8px!important;
  border-radius:50%!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  font-size:15px!important; line-height:1!important; font-weight:900!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .ic-tabs .ic-collapse.is-folded{
  background:#1c56be!important; background-image:none!important;
  border-color:rgba(255,255,255,.75)!important; color:#fff!important;
  box-shadow:0 8px 16px -9px rgba(14,40,96,.8), inset 0 1.4px 0 rgba(255,255,255,.5)!important;
}

/* ── 포스터 칸이 너무 컸다 (594px) ──────────────────────────
   머리말이 세 줄을 잡아먹고, 제목·부제가 한 줄씩 따로 서고,
   설명 칸이 필요 이상으로 높았다. 두 칸 격자로 접어 422px 로 줄인다. */
/* 2026-08-28 (2) — 머리말 세 줄을 한 줄에 밀어 넣었더니 정리가 아니라
   뭉침이 됐다. 갈래 이름·제목·설명이 한 줄에 붙어 어디서 끊어 읽어야
   할지 알 수가 없었다. 제목과 모델 딱지를 윗줄, 설명을 아랫줄로 나눈다.
   두 줄이지만 60px 로, 원래 79px 보다 여전히 짧다. */
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head{
  display:flex!important; align-items:flex-start!important;
  gap:12px!important; padding:0 0 10px!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head > div{
  display:grid!important;
  grid-template-columns:auto auto 1fr!important;
  gap:4px 9px!important; align-items:center!important; flex:1 1 auto!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head h2{
  grid-row:1!important; grid-column:1!important; margin:0!important;
  font-size:17px!important; line-height:1.25!important; letter-spacing:-.02em!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head .gti-kicker{
  grid-row:1!important; grid-column:2!important; margin:0!important;
  padding:4px 9px!important; border-radius:999px!important;
  background:#eef3fa!important; border:1px solid #dde6f3!important;
  color:#41536f!important; font-size:10px!important; font-weight:800!important;
  letter-spacing:.02em!important; white-space:nowrap!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head > div > span{
  grid-row:2!important; grid-column:1 / -1!important;
  font-size:12px!important; color:#5b6b86!important; opacity:1!important; line-height:1.6!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-form{
  display:grid!important; grid-template-columns:1fr 1fr!important;
  gap:8px 12px!important; align-content:start!important;
}
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-form > label.gti-field:nth-of-type(1){ grid-column:1!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-form > label.gti-field:nth-of-type(2){ grid-column:2!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-form > label.gti-field:nth-of-type(3){ grid-column:1 / -1!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-form > #gti-suggest-btn{ grid-column:1 / -1!important; justify-self:end!important; margin:0!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-form > #gti-suggest{ grid-column:1 / -1!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-form > .gti-row{ grid-column:1 / -1!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-form > #gti-generate{ grid-column:1 / -1!important; margin-top:2px!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-form > .gti-mini{ grid-column:1 / -1!important; margin:0!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-field textarea{ min-height:56px!important; height:56px!important; }
html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-output{ align-self:start!important; max-height:340px!important; }

/* ══ 2026-09-04 390px 실측 — 조건 줄이 폰에서도 4칸이라 칸 폭이 66px 로 줄어
   「생성 수 − 1 ＋」가 타원 하나로 뭉개지고 「프롬프트 다…」「Nano Ba…」가 잘렸다.
   폰에서는 2칸으로, 빠른 모드·프롬프트 다듬기·상태 글은 한 줄을 다 쓴다. ══ */
@media (max-width:560px){
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls{
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:8px!important;
  }
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls > .image-fast-toggle,
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls > .gti-refine,
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls > .image-api-status{
    grid-column:1 / -1!important;
  }
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-compose-controls > *{
    min-width:0!important;
    overflow:hidden!important;
  }
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .image-count-control{
    grid-template-columns:minmax(0,1fr) 30px 30px!important;
  }
}

/* ══ 2026-09-04 390px 실측 — 「포스터·한글 이미지」 머리글이 폰에서 제목·꼬리표를
   한 줄(grid auto auto 1fr)에 두어 제목이 59px 폭에 갇혀 한 단어씩 세로로 내려갔다.
   폰에서는 제목 한 줄, 꼬리표는 그 아래로. 무드보드 빈 안내도 카드 옆 154px 칸 대신
   한 줄을 다 쓴다. ══ */
@media (max-width:560px){
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head > div{
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
  }
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head h2{
    word-break:keep-all!important;
  }
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .ic-boards{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .ic-boards .ic-empty{
    grid-column:1 / -1!important;
    max-width:none!important;
    justify-self:stretch!important;
  }
}

/* 2026-09-04 (보완) — 위 한 칸 규칙만으로는 안 됐다. 제목(h2)이 grid-area 1/1, 꼬리표(.gti-kicker)가
   2열로 못 박혀 있어 격자가 다시 두 칸으로 벌어졌다(실측 71px + 229px). 폰에서는 자리 지정을 푼다.
   (h2·p·span 으로 꼭 집어야 기존 `.gti-head h2` 규칙보다 앞선다.) */
@media (max-width:560px){
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head > div > h2,
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head > div > p.gti-kicker,
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head > div > span{
    grid-area:auto!important;
    grid-column:1 / -1!important;
    grid-row:auto!important;
    min-width:0!important;
    width:auto!important;
    justify-self:stretch!important;
  }
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head > div > h2{ order:1; }
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head > div > p.gti-kicker{ order:2; }
  html body.image-studio-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .gti-head > div > span{ order:3; }
}