.day-schedule-workspace {
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);
  gap:22px;
  align-items:start;
}
.day-schedule-preview-panel,.day-schedule-editor {
  min-width:0;
  border:1px solid #dce4ed;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(23,44,76,.06);
}
.day-schedule-preview-panel { padding:18px; }
.day-schedule-panel-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.day-schedule-panel-heading p { margin:0; font-weight:750; }
.day-schedule-panel-heading small { color:#718096; }
.day-schedule-canvas-wrap {
  position:relative;
  width:min(100%,480px);
  aspect-ratio:1;
  margin:0 auto 14px;
}
.day-schedule-canvas-wrap canvas { display:block; width:100%!important; height:100%!important; }
.day-schedule-open-image { width:100%; }
.day-schedule-editor { padding:18px; }
.day-schedule-title-field { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:12px; margin-bottom:14px; }
.day-schedule-title-field label { color:#43536a; font-size:13px; font-weight:750; }
.day-schedule-editor input,.day-schedule-editor select {
  width:100%;
  min-width:0;
  height:40px;
  padding:7px 10px;
  border:1px solid #cbd6e3;
  border-radius:8px;
  background:#fff;
  color:#172033;
}
.day-schedule-editor input:focus,.day-schedule-editor select:focus {
  border-color:#4b8bec;
  outline:3px solid rgba(75,139,236,.16);
}
.day-schedule-table-heading,.day-schedule-row {
  display:grid;
  grid-template-columns:100px minmax(0,1fr) 88px;
  gap:8px;
  align-items:center;
}
.day-schedule-table-heading { margin-bottom:6px; color:#64748b; font-size:12px; font-weight:700; }
.day-schedule-table-heading span:nth-child(2) { grid-column:2; }
.day-schedule-list { display:grid; gap:7px; }
.day-schedule-empty {
  margin:0;
  padding:16px;
  border:1px dashed #cbd6e3;
  border-radius:9px;
  color:#718096;
  font-size:13px;
  text-align:center;
}
.day-schedule-row select { font-variant-numeric:tabular-nums; }
.day-schedule-new-row { margin-top:8px; padding-top:8px; border-top:1px solid #e6ebf1; }
.day-schedule-icon-action,.day-schedule-primary,.day-schedule-secondary,.day-schedule-danger,.day-schedule-copy,.day-schedule-twitter {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:8px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}
.day-schedule-primary,.day-schedule-icon-action.is-add { border-color:#0b63ce; background:#0b63ce; color:#fff; }
.day-schedule-primary:hover,.day-schedule-icon-action.is-add:hover { background:#0959b9; }
.day-schedule-secondary { border-color:#cbd6e3; background:#f8fafc; color:#29405c; }
.day-schedule-secondary:hover { border-color:#8eabc9; background:#f2f6fa; }
.day-schedule-danger,.day-schedule-icon-action.is-delete { border-color:#f1c7cb; background:#fff5f5; color:#b4232d; }
.day-schedule-danger:hover,.day-schedule-icon-action.is-delete:hover { background:#fdebed; }
.day-schedule-icon-action .material-icons { font-size:18px; }
.day-schedule-editor-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }
.day-schedule-url-panel { display:grid; grid-template-columns:auto minmax(0,1fr); gap:9px; margin-top:14px; padding-top:14px; border-top:1px solid #e6ebf1; }
.day-schedule-generated-controls { display:grid; grid-template-columns:minmax(0,1fr) 40px; min-width:0; }
.day-schedule-generated-controls input { border-radius:8px 0 0 8px; background:#f8fafc; font-size:12px; }
.day-schedule-copy { min-width:40px; padding:7px; border-color:#cbd6e3; border-inline-start:0; border-radius:0 8px 8px 0; background:#fff; color:#29405c; }
.day-schedule-copy .material-icons { font-size:18px; }
.day-schedule-twitter { grid-column:1/-1; background:#111827; color:#fff; }
.day-schedule-twitter:hover { background:#273244; color:#fff; }
.day-schedule-x-mark { font-family:Arial,sans-serif; font-weight:800; }
.day-schedule-status { grid-column:1/-1; min-height:0; margin:0; color:#2563eb; font-size:12px; }
.day-schedule-status:empty { display:none; }
.day-schedule-editor button:focus-visible,.day-schedule-twitter:focus-visible { outline:3px solid #8ab0f8; outline-offset:2px; }

@media (max-width:900px) {
  .day-schedule-workspace { grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr); gap:16px; }
  .day-schedule-preview-panel,.day-schedule-editor { padding:14px; }
  .day-schedule-table-heading,.day-schedule-row { grid-template-columns:92px minmax(0,1fr) 76px; }
  .day-schedule-icon-action { padding-inline:8px; }
}
@media (max-width:760px) {
  .day-schedule-workspace { grid-template-columns:minmax(0,1fr); }
  .day-schedule-preview-panel,.day-schedule-editor { padding:14px; border-radius:11px; }
  .day-schedule-canvas-wrap { width:min(100%,420px); }
  .day-schedule-title-field { margin-bottom:12px; }
  .day-schedule-editor-actions { margin-top:12px; }
  .day-schedule-url-panel { margin-top:12px; padding-top:12px; }
}
@media (max-width:480px) {
  .day-schedule-preview-panel { padding:10px; }
  .day-schedule-editor { padding:12px 10px; }
  .day-schedule-panel-heading { margin:0 2px 4px; }
  .day-schedule-canvas-wrap { margin-bottom:8px; }
  .day-schedule-title-field { grid-template-columns:72px minmax(0,1fr); gap:7px; }
  .day-schedule-table-heading,.day-schedule-row { grid-template-columns:78px minmax(0,1fr) 40px; gap:5px; }
  .day-schedule-editor input,.day-schedule-editor select { height:38px; padding:6px 7px; font-size:14px; }
  .day-schedule-icon-action { width:40px; min-width:40px; padding:6px; }
  .day-schedule-icon-action>span:last-child { display:none; }
  .day-schedule-editor-actions { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; }
  .day-schedule-editor-actions button { min-width:0; padding:7px 6px; font-size:12px; white-space:normal; }
  .day-schedule-editor-actions .material-icons { display:none; }
  .day-schedule-url-panel { grid-template-columns:112px minmax(0,1fr); gap:6px; }
  .day-schedule-url-panel>.day-schedule-primary { padding-inline:7px; font-size:13px; }
  .day-schedule-url-panel>.day-schedule-primary .material-icons { display:none; }
  .day-schedule-twitter { min-height:38px; font-size:13px; }
}