/* 메모 패널 — 색은 전부 테마 토큰(themes/*.css). 원색(hex/rgb) 금지. */

#dm-root { display:contents; } /* 자식은 전부 position:fixed 라 이 래퍼 자체는 레이아웃에 관여하지 않는다 */

.dm-tab {
  position:fixed; top:50%; right:1.6vw; transform:translateY(-50%);
  z-index:150; flex-direction:column; gap:4px; padding:14px 10px;
  border:1px solid var(--border); cursor:pointer; font:inherit;
  font-size:clamp(12px,0.9vw,15px); color:var(--fg);
}
.dm-dot {
  min-width:18px; height:18px; padding:0 5px; border-radius:999px;
  background:var(--accent); color:var(--accent-fg);
  font-size:11px; font-weight:700; line-height:18px; text-align:center;
}

#dm-panel {
  position:fixed; top:0; right:0; bottom:0; width:min(380px, 92vw);
  z-index:150; display:flex; flex-direction:column; gap:12px;
  padding:20px; overflow-y:auto;
  background:var(--panel); border-left:1px solid var(--border); box-shadow:var(--shadow-pill);
  transform:translateX(100%); transition:transform .25s ease;
}
#dm-panel.on { transform:translateX(0); }

.dm-head { display:flex; align-items:center; gap:10px; }
.dm-head strong { font-size:18px; }
.dm-head #dm-pos { margin-left:auto; }

#dm-text {
  flex:0 0 auto; width:100%; min-height:160px; resize:vertical;
  font:inherit; font-size:15px; line-height:1.6; color:var(--fg);
  background:var(--bg); border:1px solid var(--border); border-radius:var(--radius);
  padding:10px 12px;
}
#dm-text:focus { outline:2px solid var(--accent); outline-offset:1px; }

.dm-actions { display:flex; flex-direction:column; gap:8px; }
.dm-actions .deck-btn { width:100%; }

.dm-clear-confirm, .dm-export-result {
  display:flex; flex-direction:column; gap:8px;
  padding-top:12px; border-top:1px solid var(--border);
}
.dm-clear-confirm { flex-direction:row; flex-wrap:wrap; align-items:center; }

#dm-export-text {
  width:100%; min-height:220px; resize:vertical;
  font-family:var(--font-mono); font-size:12px; line-height:1.5; color:var(--fg);
  background:var(--bg); border:1px solid var(--border); border-radius:var(--radius);
  padding:10px 12px;
}

/* embed 모드는 이 모듈이 아예 켜지지 않는다(Deck.isEmbed 가드) — 별도 숨김 규칙 불필요.
   인쇄 시 숨김은 engine/deck.css 의 [data-deck-ui] 공통 규칙이 #dm-root 에도 그대로 먹는다. */