/* R3N: one compact, actual Studio data workbench; all previous shell geometry stays unchanged. */
.studio-saved-section { margin-top: 11px; padding: 11px; border: 1px solid #dce8ed; border-radius: 10px; background: #fbfdfe; min-width: 0; }
.studio-saved-heading { display:flex; gap:8px; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:9px; }
.studio-saved-heading > div { min-width:0; }
.studio-saved-heading h4, .studio-saved-heading > h4 { margin:0 0 4px; color:#244a63; font-size:13px; }
.studio-saved-heading small { font-size:10px; color:#7b94a6; }
.studio-favorites { display:flex; flex-wrap:wrap; gap:5px; max-width:100%; }
.studio-favorite-item { display:inline-flex; min-width:0; max-width:100%; overflow:hidden; border-radius:7px; border:1px solid #dce5ed; background:#fff; }
.studio-fav-copy { color:#385b6f; padding:6px 8px; min-width:0; max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:0; background:none; font-size:12px; }
.studio-fav-remove { border:0; border-left:1px solid #e4ebef; background:#f5f9fb; color:#7993a4; padding:4px 8px; font-size:17px; }
.studio-fav-remove:hover { color:#9b4b42; background:#fff0ef; }
.studio-empty { width:100%; color:#97a8b4; font-size:11px; padding:8px 3px; margin:0; }
.studio-draft-form { display:grid; gap:9px; padding:11px; border:1px solid #e0e9ee; border-radius:10px; background:#fff; margin-top:10px; }
.studio-draft-form label { color:#47697c; font-size:11px; font-weight:700; display:grid; gap:5px; min-width:0; }
.studio-draft-fields { display:grid; grid-template-columns: minmax(150px,.7fr) minmax(0,1.7fr); gap:9px; min-width:0; }
.studio-draft-form :is(input,textarea,select) { width:100%; min-width:0; border:1px solid #d5e4ec; border-radius:7px; background:#fbfdfe; padding:8px 9px; color:#315268; font:inherit; font-size:12px; }
.studio-draft-form textarea { resize:vertical; line-height:1.5; }
.studio-form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.studio-ghost { background:#f3f7f9; color:#537286; border:1px solid #dbe7eb; }
.studio-drafts { display:grid; gap:6px; }
.studio-draft-item { min-width:0; padding:10px; border:1px solid #e0e9ef; border-radius:8px; background:#fff; }
.studio-draft-head { display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; }
.studio-draft-head strong { color:#244962; font-size:12px; overflow-wrap:anywhere; }
.studio-draft-head small { color:#8aa0ad; font-size:10px; white-space:nowrap; }
.studio-draft-notes { white-space:pre-wrap; overflow-wrap:anywhere; color:#617e91; font-size:11px; line-height:1.5; margin:7px 0; }
.studio-draft-buttons { display:flex; flex-wrap:wrap; gap:5px; }
.studio-draft-buttons .mini-button { padding:5px 9px; font-size:10px; }
.studio-draft-item.is-archived { background:#f8fafb; opacity:.75; }
.studio-storage-status { margin:8px 0 0; padding:8px 11px; background:#ecf7f4; color:#267056; border-radius:8px; font-size:11px; }
.studio-storage-status.studio-storage-error { background:#fff3ec; color:#a35a3f; }
@media (max-width:580px) { .studio-draft-fields { grid-template-columns:1fr; } .studio-saved-heading .mini-button { width:auto; } }