/* Both resize handles share the composer width, keeping the form aligned. */
.studio-divider{display:none}
.prompt-box{position:relative}
.prompt-editor{height:var(--prompt-editor-height,138px);min-height:138px;max-height:1200px;overflow:auto}
.prompt-footer{padding-right:39px;min-height:30px;align-items:center}
.prompt-resizer{position:absolute;right:0;bottom:0;width:32px;height:32px;padding:0;border:0;border-radius:8px 0 7px 0;background:transparent;color:#79bddc;cursor:nwse-resize;touch-action:none;user-select:none;z-index:2}
.prompt-resizer>span{position:absolute;width:15px;height:15px;right:5px;bottom:5px;background:repeating-linear-gradient(135deg,transparent 0 3px,currentColor 3px 4.5px,transparent 4.5px 6px);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
.prompt-resizer:hover,.prompt-resizer:focus-visible{color:#a5eeff;background:#0b4260}
.prompt-resizer:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.resize-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.resizing-columns,.resizing-columns *{cursor:col-resize!important;user-select:none!important}
.resizing-prompt,.resizing-prompt *{cursor:nwse-resize!important;user-select:none!important}
@media(min-width:761px){
  .studio-grid{grid-template-columns:minmax(300px,var(--composer-width,425px)) 24px minmax(0,1fr);column-gap:0}
  .studio-divider{display:block;position:relative;align-self:stretch;min-height:200px;touch-action:none;user-select:none;cursor:col-resize;border-radius:7px;outline-offset:-3px}
  .studio-divider:before{content:"";position:absolute;top:7px;bottom:7px;left:11px;width:2px;background:#203b4b;border-radius:2px;pointer-events:none}
  .divider-grip{display:block;position:sticky;top:120px;width:12px;height:50px;margin:105px auto 0;border:1px solid #2b5b72;border-radius:8px;background:#102b3b;pointer-events:none}
  .divider-grip:after{content:"";position:absolute;top:15px;left:4px;height:18px;border-left:2px dotted #76b9d6}
  .studio-divider:hover:before,.studio-divider:focus-visible:before,.resizing-columns .studio-divider:before{background:#38bfe9;box-shadow:0 0 9px #00baff35}
  .studio-divider:hover .divider-grip,.studio-divider:focus-visible .divider-grip,.resizing-columns .divider-grip{border-color:#3ac9fa;background:#084263}
}
@media(min-width:761px) and (max-width:1250px){.studio-grid{grid-template-columns:minmax(300px,var(--composer-width,370px)) 24px minmax(0,1fr)}}
@media(max-width:760px){
  .prompt-resizer{cursor:ns-resize;width:36px;height:36px}
  .resizing-prompt,.resizing-prompt *{cursor:ns-resize!important}
}