.studio-director { padding:10px 16px; border-bottom:1px solid var(--border, #657079); }
.director-toolbar,.director-presets { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.studio-director label { display:flex; flex-direction:column; gap:5px; font-size:12px; }
.studio-director select,.studio-director input,.studio-director textarea { color:var(--text); background:var(--surface, #e9ede7); border:1px solid #81928b66; border-radius:6px; padding:6px; min-width:0; }
.studio-director select { max-width:100%; }
.director-hint { font-size:12px; opacity:.8; margin:8px 0; line-height:1.6; }
.director-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(200px,1fr); gap:12px; margin:10px 0; }
.director-grid canvas { display:block; width:100%; height:auto; border:1px solid #81928b66; border-radius:8px; background:#dce7e9; }
.director-fields { min-width:0; }
.director-fields strong { font-size:12px; }
.director-numbers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin:8px 0; }
.director-numbers input { width:100%; box-sizing:border-box; }
.studio-director [data-director-json] { width:100%; min-height:180px; box-sizing:border-box; font-family:monospace; }
.studio-director [data-director-plan] { width:100%; max-width:480px; height:auto; }
.director-question { margin:10px 0; }
.director-question textarea { min-height:52px; resize:vertical; }
.studio-director [data-director-status] { font-size:13px; line-height:1.6; }
.studio-reading-pane:has([data-director-workspace]:not([hidden])) { overflow:auto; }
.studio-director [data-director-workspace][hidden] { display:none; }
@media(max-width:1150px) { .director-grid { grid-template-columns:minmax(0,1fr); } }