/* Standalone cloud panel. --paper is the studio's dark text token. */
#dash.studio-shell .spcl-panel { min-width:0; margin-top:24px; padding:20px; border:1px solid var(--line,#dbe3de); border-radius:14px; background:#f7faf8; color:var(--paper); }
#dash.studio-shell .spcl-panel * { box-sizing:border-box; }
#dash.studio-shell .spcl-panel h3 { margin:0 0 10px; font-size:18px; }
#dash.studio-shell .spcl-note,#dash.studio-shell .spcl-status { margin:8px 0 14px; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
#dash.studio-shell .spcl-note { color:#5d6b64; }
#dash.studio-shell .spcl-status { color:#315e49; }
#dash.studio-shell .spcl-actions,#dash.studio-shell .spcl-history { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; }
#dash.studio-shell .spcl-panel button { min-height:42px; max-width:100%; padding:10px 12px; border:1px solid var(--line,#dbe3de); border-radius:8px; background:#fff; font:inherit; font-size:12px; color:var(--paper); white-space:normal; cursor:pointer; }
#dash.studio-shell .spcl-panel :is(button,select):focus-visible { outline:2px solid #326c56; outline-offset:3px; }
#dash.studio-shell .spcl-panel :is(button,select):disabled { opacity:.5; cursor:not-allowed; }
#dash.studio-shell .spcl-history { padding-top:14px; border-top:1px solid var(--line,#dbe3de); }
#dash.studio-shell .spcl-history label { flex-basis:100%; font-size:12px; font-weight:600; }
#dash.studio-shell .spcl-history select { flex:1 1 240px; min-width:0; max-width:100%; min-height:42px; padding:9px; border:1px solid var(--line,#dbe3de); border-radius:8px; background:#fff; font:inherit; font-size:12px; color:var(--paper); }
#dash.studio-shell .spcl-history .spcl-note { flex-basis:100%; margin-bottom:0; }
#dash.studio-shell .spcl-comparison { min-width:0; margin-top:20px; }
#dash.studio-shell .spcl-comparison h4 { margin:0 0 8px; font-size:15px; }
#dash.studio-shell .spcl-diff-state { font-size:12px; line-height:1.7; }
#dash.studio-shell .spcl-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
#dash.studio-shell .spcl-side { min-width:0; padding:14px; border:1px solid var(--line,#dbe3de); border-radius:9px; background:#fff; overflow-wrap:anywhere; }
#dash.studio-shell .spcl-side :is(h5,h6) { margin:0 0 8px; font-size:12px; }
#dash.studio-shell .spcl-side h6 { margin-top:18px; color:#53665a; }
#dash.studio-shell .spcl-text { margin:0; min-width:0; white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:12px; line-height:1.8; }
#dash.studio-shell .spcl-format,#dash.studio-shell .spcl-cap { font-size:11px; line-height:1.8; color:#85591e; }
#dash.studio-shell .spcl-images { display:flex; flex-wrap:wrap; gap:8px; }
#dash.studio-shell .spcl-images img { width:72px; height:72px; max-width:100%; object-fit:contain; border:1px solid var(--line,#dbe3de); border-radius:6px; }
#dash.studio-shell .spcl-side > p { font-size:12px; }
#dash.studio-shell .spcl-panel [hidden] { display:none !important; }
@media (max-width:600px) {
  #dash.studio-shell .spcl-panel { padding:14px; }
  #dash.studio-shell .spcl-columns { grid-template-columns:minmax(0,1fr); }
  #dash.studio-shell .spcl-actions button,#dash.studio-shell .spcl-history button { flex:1 1 130px; min-width:0; min-height:44px; }
  #dash.studio-shell .spcl-history select { flex-basis:100%; font-size:16px; }
}