/* Step 1 입력 필드 — 연재주기 박스와 동일한 스타일 */
.studio-input-step1 { transition: border-color .2s, box-shadow .2s; }
.studio-input-step1:focus { border-color: #6366f1 !important; box-shadow: 0 0 0 2px rgba(99,102,241,.2); }

/* reader_home.css 적용 시 body max-width 충돌 방지 */
body { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }

/* reader_home과 동일한 882px로 콘텐츠 영역 제한 */
.app { max-width: 882px; margin: 0 auto; width: 100%; }

/* ─── 통일된 버튼 스타일 ─── */
.studio-btn-primary {
  background:#6366f1 !important;color:#fff !important;
  padding:12px 24px;font-size:15px;font-weight:800;border:none;border-radius:10px;
  cursor:pointer;min-height:44px;transition:opacity .2s;
}
.studio-btn-primary:hover:not(:disabled){opacity:.92;}
.studio-btn-primary:disabled{opacity:.5;cursor:not-allowed;}
.studio-btn-secondary {
  background:#6b7280 !important;color:#fff !important;
  padding:10px 18px;font-size:14px;font-weight:700;border:none;border-radius:8px;
  cursor:pointer;min-height:44px;
}
.studio-btn-danger {
  background:#ef4444 !important;color:#fff !important;
  padding:10px 18px;font-size:14px;font-weight:700;border:none;border-radius:8px;
  cursor:pointer;min-height:44px;
}
.studio-btn-success {
  background:#10b981 !important;color:#fff !important;
  padding:12px 24px;font-size:15px;font-weight:800;border:none;border-radius:10px;
  cursor:pointer;min-height:44px;
}
.studio-panel {background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;}
.studio-panel h1 {font-size:17px;font-weight:800;color:#111;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;}

/* ─── 모바일 그리드 ─── */
.studio-grid-3 {display:grid;grid-template-columns:1fr;gap:10px;}
.studio-grid-2 {display:grid;grid-template-columns:1fr;gap:12px;}
@media(min-width:600px){
  .studio-grid-3 {grid-template-columns:1fr 1fr 1fr;}
  .studio-grid-2 {grid-template-columns:1fr 1fr;}
}
@media(min-width:768px){
  .main {padding:24px 32px;}
}
@media(max-width:767px){
  .main {padding:16px 12px;}
  .studio-btn-primary,.studio-btn-success {padding:14px 20px;font-size:16px;min-height:48px;}
  input,select,textarea {font-size:16px !important;}
}

/* ─── 연재주기 버튼 ─── */
.serial-day-btn {
  width:34px;height:34px;border-radius:50%;
  border:1.5px solid #d1d5db;background:#f9fafb;
  color:#6b7280;font-size:12px;font-weight:700;
  cursor:pointer;transition:all .15s;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0;line-height:1;
}
.serial-day-btn.on { background:#6366f1;border-color:#6366f1;color:#fff; }
.wm-serial-day-btn {
  width:30px;height:30px;border-radius:50%;
  border:1.5px solid #d1d5db;background:#f9fafb;
  color:#6b7280;font-size:11px;font-weight:700;
  cursor:pointer;transition:all .15s;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0;line-height:1;
}
.wm-serial-day-btn.on { background:#6366f1;border-color:#6366f1;color:#fff; }
.serial-radio-label {
  display:flex;align-items:center;gap:5px;
  padding:6px 12px;border-radius:20px;cursor:pointer;
  border:1.5px solid #d1d5db;
  box-shadow:0 1px 2px rgba(0,0,0,0.06);
  white-space:nowrap;
  font-size:12px;font-weight:700;transition:all .15s;
}
.serial-radio-label.active {
  border:1.5px solid #6366f1 !important;background:#eef2ff !important;color:#4338ca !important;
  box-shadow:0 1px 2px rgba(0,0,0,0.06) !important;
}
.serial-radio-label.active .serial-check-dot {background:#6366f1 !important;}
.serial-radio-label.inactive {
  border:1.5px solid #d1d5db !important;background:#f9fafb !important;color:#6b7280 !important;
  box-shadow:0 1px 2px rgba(0,0,0,0.06) !important;
}
.serial-check-dot {
  width:16px;height:16px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:9px;color:#fff;flex-shrink:0;
}