/* Shared input layout: use the whole available workspace, keep text intact. */
:root body main.wrap:has(form),:root body main .wrap:has(form){width:calc(100% - clamp(1.5rem,4vw,4rem));max-width:none}
:root body.commerce-admin>main.wrap:has(form){width:calc(100% - var(--admin-rail-width,3.5rem));max-width:none}
:root body main :is(form,.inquiry-form,.compact-form,.media-upload,.portal-layout.track){width:100%!important;max-width:100%!important;min-width:0;box-sizing:border-box}
:root body main #multi-inquiry,:root body main #multi-inquiry .inquiry-form{width:100%;max-width:100%}
:root body main :is(.form-intro,.form-intro p,.form-foot){width:100%;max-width:100%;white-space:nowrap;word-break:normal;overflow-wrap:normal;overflow-x:auto}
:root body main :is(form,fieldset,.form-grid,.project-form-row,.media-time,.visual-inspector,.media-editor,.config-section,.design-setting,.fluid-field-holder){min-width:0}
:root body main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]),select,textarea){width:100%!important;max-width:100%!important;min-width:0;box-sizing:border-box;white-space:nowrap;word-break:normal;overflow-wrap:normal;text-overflow:clip}
:root body main :is(textarea,[contenteditable=true]){white-space:pre!important;overflow:auto;overflow-wrap:normal;word-break:normal;max-width:100%}
:root body main :is(form,.fluid-field-holder) :is(label,legend,.field-label,p,h2,h3,h4,small,.form-status,.iq-file strong,.iq-file span){white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none;text-overflow:clip;max-width:100%;overflow-x:auto}
:root body main :is(label,.field-label,legend){white-space:nowrap;word-break:normal;overflow-wrap:normal;text-overflow:clip}
:root body main label:not(.honeypot){min-width:0;max-width:100%}
:root body main :is(button,.pill-link){white-space:nowrap;word-break:normal;overflow-wrap:normal;text-overflow:clip}
:root body main input::file-selector-button{white-space:nowrap;max-width:none}
:root body main :is(.form-actions,.media-actions,.admin-action-buttons,.block-toolbar,.rich-toolbar,.iq-review-actions){max-width:100%;min-width:0;overflow-x:auto;flex-wrap:wrap}
:root body main :is(.form-actions,.media-actions,.admin-action-buttons,.block-toolbar,.rich-toolbar,.iq-review-actions)>:is(button,a){flex-shrink:0;white-space:nowrap}
:root body main :is(.form-grid,.project-form-row,.media-time).fluid-grid-single{grid-template-columns:minmax(0,1fr)!important}
:root body main .fluid-wide-field{grid-column:1/-1!important}
:root body main label:has(> :is(input[type=checkbox],input[type=radio])){overflow-x:auto;overflow-y:hidden;align-items:center}
:root body main label:has(> :is(input[type=checkbox],input[type=radio]))>span{flex-shrink:0}
:root body main .fluid-field-value{display:block;width:100%;max-width:100%;min-width:0;margin:.25rem 0 0;padding:.125rem 0;font:inherit;font-size:.875rem;font-weight:400;line-height:1.5;white-space:nowrap!important;word-break:normal;overflow-wrap:normal;overflow-x:auto;color:inherit;text-overflow:clip}
:root body main .fluid-field-value.is-placeholder{color:var(--design-fieldPlaceholder,#666)}
:root body.admin-theme main .fluid-field-value.is-placeholder{color:var(--design-adminPlaceholder,#666)}
:root body main :is(.form-grid,.project-form-row,.media-time)>:is(label,.design-setting):has(>.fluid-field-value){align-self:stretch}
/* A technical preview keeps its own size; its surrounding input form can grow. */
:root body main :is(.visual-stage,.design-preview-stage,.drawing-area){min-width:0;max-width:100%}
@media(max-width:760px){:root body main :is(.form-grid,.project-form-row,.media-time){grid-template-columns:minmax(0,1fr)!important}:root body main :is(.form-grid,.project-form-row,.media-time)>*{min-width:0}:root body main.wrap:has(form),:root body main .wrap:has(form){width:calc(100% - 1.5rem)}:root body.commerce-admin>main.wrap:has(form){width:calc(100% - var(--admin-rail-width,3.5rem))}}