.social-maker-workspace-direct{display:grid;grid-template-columns:minmax(290px,330px) minmax(0,1fr);grid-template-rows:auto auto;gap:14px;padding:14px;overflow:visible;background:#eef4f0}
.social-maker-direct-task{grid-column:1;grid-row:1;padding:15px;border:1px solid #d5e2da;border-radius:14px;background:#fff}
.social-maker-direct-task h2{margin:0 0 7px;font-size:1.08rem}.social-maker-task-copy{margin:0 0 12px;color:#5d7467;font-size:.82rem;line-height:1.5}.social-maker-eyebrow{margin:0 0 6px!important;color:#147a49!important;font-size:.72rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.social-maker-direct-export{margin-top:16px;padding-top:15px;border-top:1px solid #dbe7df}.social-maker-direct-export h3{margin:0 0 8px;font-size:.95rem}.social-maker-direct-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.social-maker-direct-actions .card-studio-button:last-child{grid-column:1/-1}.social-maker-local-note{margin:12px 0 0;padding:9px 10px;border-radius:9px;background:#eef8f1;color:#276043;font-size:.75rem;line-height:1.45}
/* Keep the primary output discoverable: on desktop the preview belongs to the
   first task row instead of stretching across the full controls/refine stack.
   The canvas is fit to the available viewport height; export dimensions remain
   owned by the Card Studio renderer and stay at the selected preset size. */
.social-maker-direct-preview{grid-column:2;grid-row:1;align-self:start;justify-content:flex-start;min-width:0;min-height:0;margin:0;padding:18px}.social-maker-direct-preview .card-studio-artboard-wrap{min-height:0;max-height:min(64vh,680px)}.social-maker-direct-preview .card-studio-canvas{max-height:min(64vh,680px)}
.social-maker-direct-refine{grid-column:1;grid-row:2;align-self:start;padding:0 14px 14px;border:1px solid #d5e2da;border-radius:14px;background:#fff}.social-maker-direct-refine>summary{padding:13px 0;cursor:pointer;color:#234538;font-weight:800}.social-maker-refine-body{display:grid;gap:15px}.social-maker-refine-body section+section{padding-top:12px;border-top:1px solid #e2ebe6}.social-maker-refine-body h3{margin:0 0 8px;font-size:.9rem}.social-maker-refine-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.social-maker-refine-grid .card-studio-label{margin-top:0}.social-maker-template-grid{grid-template-columns:1fr 1fr}.social-maker-template-grid .card-template{min-height:52px;font-size:.7rem}.social-maker-engine-support{display:none!important}
@media(max-width:900px){.social-maker-workspace-direct{display:flex;flex-direction:column;padding:9px}.social-maker-direct-task{order:1}.social-maker-direct-preview{order:2;min-height:0;width:100%;box-sizing:border-box;padding:10px}.social-maker-direct-preview .card-studio-artboard-wrap{min-height:0;max-height:none}.social-maker-direct-preview .card-studio-canvas{width:auto;max-width:100%;max-height:72vh}.social-maker-direct-refine{order:3}.social-maker-direct-actions{grid-template-columns:1fr}.social-maker-direct-actions .card-studio-button:last-child{grid-column:auto}}
@media(max-width:520px){.social-maker-refine-grid{grid-template-columns:1fr}.social-maker-template-grid{grid-template-columns:1fr 1fr}.social-maker-workspace-direct{border-radius:14px}.social-maker-direct-task,.social-maker-direct-refine{padding-left:11px;padding-right:11px}}