.poster-studio{min-width:0}.poster-studio.poster-columns,.poster-studio .poster-columns{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}@media (min-width:1024px){.poster-studio.poster-columns,.poster-studio .poster-columns{grid-template-columns:minmax(430px,480px) minmax(360px,1fr);gap:32px}.poster-studio .poster-result{position:sticky;top:20px}}.poster-studio .poster-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.poster-studio .poster-columns>*,.poster-studio [data-slot=form-section]{min-width:0}.poster-studio input,.poster-studio textarea{overflow-wrap:anywhere;min-width:0;max-width:100%}.poster-studio button{white-space:normal;height:auto;min-height:40px}.poster-studio button[role=combobox]{text-align:left;min-width:0;max-width:100%}.poster-studio .creative-product-context{flex-wrap:wrap;align-items:flex-start}.poster-studio .creative-product-context>.flex-1{flex:180px;min-width:0}.poster-studio .creative-product-switch{flex:220px;max-width:100%}.poster-studio .creative-product-context h2,.poster-studio [role=alert]{overflow-wrap:anywhere}.poster-studio .poster-draft-picker{flex:250px;min-width:0;max-width:100%}.poster-studio .frame-ratio-grid>div{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.poster-studio .frame-ratio-grid label{min-width:0}.poster-studio .frame-ratio-grid label>span{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11.5px;display:flex}.poster-studio .poster-canvas-viewport{background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25%),linear-gradient(-45deg,#ffffff08 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff08 75%),linear-gradient(-45deg,#0000 75%,#ffffff08 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}@media (max-width:760px){.workspace-shell:has(.poster-studio) .workspace-header{flex-wrap:wrap;gap:12px;height:auto;min-height:64px;padding:12px 20px}.workspace-shell:has(.poster-studio) .header-actions{flex-wrap:wrap;flex:100%;min-width:0}.workspace-shell:has(.poster-studio) .mobile-menu{margin-left:auto}}@media (max-width:480px){.poster-studio .image-prompt-actions>*{flex:100%;min-height:44px}.poster-studio .creative-product-switch{flex-basis:100%}.poster-studio .poster-save-actions>*{flex:100%;min-height:44px}.poster-studio .frame-ratio-grid>div,.poster-studio .creative-pills>div{grid-template-columns:repeat(2,minmax(0,1fr))}}