/* Studio criativo — espaçamento 4 / 8 / 12 / 16 / 24 */
.studio-page{display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 120px);}
.studio-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;}
.studio-toolbar h1{margin:0;font-size:24px;}
.studio-toolbar p{margin:4px 0 0;color:var(--muted,#6b7265);}
.studio-toolbar select{min-height:40px;min-width:200px;}
.studio-tools{margin-top:0;}
.studio-page [data-studio-image]{margin-top:12px;}
.studio-empty{padding:24px;border:1px solid var(--line,#d8ddd0);border-radius:14px;background:var(--panel,#fff);}
.studio-shell{display:grid;grid-template-columns:180px minmax(0,1fr) 240px 280px;gap:16px;align-items:stretch;min-height:560px;}
.studio-slides,.studio-props,.studio-ai,.studio-board{background:var(--panel,#fff);border:1px solid var(--line,#d8ddd0);border-radius:14px;padding:16px;}
.studio-slides h2,.studio-props h2,.studio-ai h2{margin:0 0 12px;font-size:14px;}
.studio-slide,.studio-layer-item{display:block;width:100%;margin:0 0 8px;padding:8px;border:1px solid var(--line,#d8ddd0);border-radius:8px;background:transparent;text-align:left;}
.studio-slide.is-active,.studio-layer-item.is-active{border-color:#242821;background:#f4f7f7;}
.studio-slides .row{margin-top:12px;}
.studio-board{display:flex;flex-direction:column;gap:12px;min-height:560px;padding:16px;background:#ecebe4;}
.studio-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:480px;}
.studio-artboard{position:relative;margin:0 auto;background:#fff;border-radius:8px;overflow:hidden;touch-action:none;box-shadow:0 8px 24px rgba(16,42,67,.12);}
.studio-artboard svg{display:block;width:100%;height:100%;}
.studio-layer{cursor:move;}
.studio-layer.is-selected{outline:2px solid #b7f34b;outline-offset:2px;}
.studio-handle{fill:#242821;stroke:#fff;stroke-width:1;}
.studio-props .field{display:flex;flex-direction:column;gap:4px;margin-top:12px;}
.studio-props label{font-size:12px;}
.studio-props input,.studio-props select,.studio-props textarea{min-height:40px;}
.studio-props .row{margin-top:12px;}
.studio-ai{display:flex;flex-direction:column;min-height:560px;}
.studio-ai-thread{flex:1;min-height:160px;max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:12px;}
.studio-ai-thread article{padding:12px;border-radius:8px;background:#f4f7f7;}
.studio-ai-thread .studio-ai-user{background:#242821;color:#f4f7f7;}
.studio-ai form{margin-top:16px;display:flex;flex-direction:column;gap:8px;}
.studio-ai textarea{min-height:80px;resize:vertical;}
.studio-ai .row{margin-top:16px;}
@media (max-width:960px){
  .studio-shell{grid-template-columns:1fr 1fr;}
  .studio-slides{grid-column:1/-1;}
}
@media (max-width:680px){
  .studio-shell{grid-template-columns:1fr;}
  .studio-board,.studio-ai{min-height:320px;}
  .studio-stage{min-height:240px;}
}