/* 조회 상세 → "지면 목업 만들기" 우측 드로어. 목업 렌더링 자체는 mockup.css를 그대로 쓴다 —
 * 여기는 스크림/슬라이드 패널 껍데기만. */
.drawer-scrim{
  position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.35);
  opacity:0;pointer-events:none;transition:opacity .18s ease;
}
.drawer-scrim.open{opacity:1;pointer-events:auto}
.drawer-panel{
  position:fixed;top:0;right:0;height:100%;width:70vw;min-width:360px;max-width:94vw;z-index:81;
  background:var(--bg);box-shadow:var(--shadow-md);
  display:flex;flex-direction:column;min-height:0;
  transform:translateX(100%);transition:transform .2s ease;
}
.drawer-panel.open{transform:translateX(0)}
.drawer-panel.resizing{transition:none;user-select:none}
.drawer-resize-handle{
  position:absolute;top:0;left:-4px;width:8px;height:100%;z-index:2;
  cursor:col-resize;touch-action:none;
}
.drawer-resize-handle::after{
  content:'';position:absolute;top:0;left:3px;width:2px;height:100%;background:var(--border);
}
.drawer-resize-handle:hover::after,.drawer-resize-handle.active::after{background:var(--primary)}
.drawer-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;
  padding:14px 18px;border-bottom:1px solid var(--border);
}
.drawer-head h2{margin:0;font-size:15px}
.drawer-body{flex:1;min-height:0;display:flex;flex-direction:column}