/* 블로그 관리 > 글감: 표준 부품(ui-*) 위에 이 화면만의 배치(새 글감 칸, 순서 칸, 끌기 움직임, 옆 창 안 요청 묶음)만 둔다. 색은 --mg-*만, 글자 12px 이상. */
.bt-page{max-width:1080px}
.bt-new{display:flex;align-items:flex-end;gap:var(--mg-space-8)}
.bt-new[hidden]{display:none}
.bt-new>.ui-field{flex:1}
.bt-new>.ui-btn{--h:40px}
.bt-list{--ui-table-min:560px;min-width:0}
/* 순서 칸: ☰ 손잡이 + 번호 */
.bt-order{display:inline-flex;align-items:center;gap:var(--mg-space-4)}
.bt-order [data-handle]{border-color:transparent;color:var(--mg-gray);cursor:grab;touch-action:none}
.bt-order [data-handle]:hover{background:var(--mg-paper-2);color:var(--mg-black)}
.bt-handle-off{display:inline-block;width:36px}
.bt-num{min-width:20px;text-align:right;color:var(--mg-gray);font-size:var(--mg-fs-xs);font-variant-numeric:tabular-nums}
.bt-list .ui-card-thumb{display:flex;align-items:center}
/* 끌기: 들린 줄은 떠오르고, 나머지는 비켜 가며 빈자리를 보여 준다 */
.bt-sorting{background:var(--mg-paper-2)}
.bt-shift{transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.bt-lifted{position:relative;z-index:5;background:var(--mg-white);box-shadow:var(--mg-shadow-3);transition:box-shadow .15s}
.bt-lifted [data-handle]{cursor:grabbing;color:var(--mg-black);background:var(--mg-paper-2)}
.bt-landing{transition:transform .19s cubic-bezier(.2,.8,.2,1),box-shadow .19s}
body.bt-grabbing,body.bt-grabbing *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}
@media(prefers-reduced-motion:reduce){.bt-shift,.bt-landing,.bt-lifted{transition:none}}
/* 옆 창 안: 기획 글은 줄바꿈 그대로, 요청 하나 = 한 묶음 */
.bt-drawer .ui-dl dd>span{white-space:pre-wrap;word-break:keep-all}
.bt-drawer .ui-section h3{display:flex;align-items:center;gap:var(--mg-space-8)}
.bt-gap{padding-top:var(--mg-space-16)}
.bt-save{display:flex;justify-content:flex-end}
.bt-req{display:grid;gap:var(--mg-space-8);padding:var(--mg-space-12);border:1px solid var(--mg-red);border-radius:var(--mg-radius-md);background:var(--mg-white)}
.bt-req.done{border-color:var(--mg-paper-2)}
.bt-req+.bt-req{margin-top:var(--mg-space-8)}
.bt-req-ask{margin:0;font-size:var(--mg-fs-sm);font-weight:var(--mg-weight-bold);line-height:var(--mg-leading-snug);word-break:keep-all;overflow-wrap:anywhere}
.bt-req-meta{margin:0;font-size:var(--mg-fs-sm);line-height:var(--mg-leading-snug);color:var(--mg-black-4);word-break:keep-all;overflow-wrap:anywhere}
.bt-req-meta b{margin-right:var(--mg-space-4);font-size:var(--mg-fs-xs);color:var(--mg-gray)}
.bt-req-photos{--ui-tile-min:88px;gap:var(--mg-space-8)}
.bt-req-photos .ui-tile-media{aspect-ratio:1}
.bt-req-open{position:absolute;inset:0}
.bt-req-photos .ui-tile .ui-btn{position:absolute;top:var(--mg-space-4);right:var(--mg-space-4);--h:28px}
.bt-req-upload{display:flex;align-items:center;gap:var(--mg-space-8);flex-wrap:wrap}
@media(max-width:800px){.bt-new>.ui-btn{--h:44px}.bt-req-photos{--ui-tile-min:80px}}