.SocialImageResizerClient-module__mnhh-q__wrapper{gap:var(--size-5)}.SocialImageResizerClient-module__mnhh-q__dropzone{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;background:var(--surface);cursor:pointer;gap:.5rem;padding:2rem;display:grid}.SocialImageResizerClient-module__mnhh-q__dropzone span{color:var(--brand);font-weight:600}.SocialImageResizerClient-module__mnhh-q__active{border-color:var(--brand);background:color-mix(in srgb,var(--brand)8%,var(--surface)92%)}.SocialImageResizerClient-module__mnhh-q__hiddenInput{display:none}.SocialImageResizerClient-module__mnhh-q__layout{gap:var(--size-4);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.SocialImageResizerClient-module__mnhh-q__controls{gap:var(--size-3);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);padding:1.25rem;display:grid}.SocialImageResizerClient-module__mnhh-q__grid2{gap:var(--size-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.SocialImageResizerClient-module__mnhh-q__segment,.SocialImageResizerClient-module__mnhh-q__actions{gap:var(--size-2);flex-wrap:wrap;display:flex}.SocialImageResizerClient-module__mnhh-q__colorInput{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);width:100%;height:44px;padding:4px}.SocialImageResizerClient-module__mnhh-q__preview{gap:var(--size-3);display:grid}.SocialImageResizerClient-module__mnhh-q__previewHeader{justify-content:space-between;align-items:center;display:flex}.SocialImageResizerClient-module__mnhh-q__previewStage{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);min-height:260px;box-shadow:var(--shadow-1);place-items:center;padding:1rem;display:grid}.SocialImageResizerClient-module__mnhh-q__previewStage img{border-radius:var(--radius-md);width:100%;height:auto}.SocialImageResizerClient-module__mnhh-q__previewPlaceholder{color:var(--muted);text-align:center}.SocialImageResizerClient-module__mnhh-q__hiddenCanvas{display:none}@media (max-width:960px){.SocialImageResizerClient-module__mnhh-q__layout{grid-template-columns:1fr}}