.product-post-composer{overflow:hidden}.product-post-composer__form{gap:var(--space-6)}.product-post-composer{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 34%), var(--surface-solid)}.product-post-composer__section{gap:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-solid) 88%, var(--bg-app-secondary));min-width:0;padding:clamp(var(--space-4), 3vw, var(--space-6));box-shadow:var(--shadow-1);display:grid}.product-post-composer__section-heading{gap:var(--space-2);display:grid}.product-post-composer__section-heading>div{align-items:center;gap:var(--space-3);display:flex}.product-post-composer__section-heading h2,.product-post-composer__section-heading p{margin:0}.product-post-composer__markdown-field{gap:var(--space-2);display:grid}.product-post-composer__markdown-heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.product-post-composer__markdown-heading small{color:var(--text-muted);font-size:var(--text-xs)}.product-post-composer__markdown-mode-row{justify-content:flex-end;display:flex}.product-post-composer__markdown-mode{padding-inline:var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--surface-solid);min-height:32px;color:var(--accent);font:inherit;font-size:var(--text-sm);cursor:pointer;font-weight:700}.product-post-composer__markdown-mode:hover,.product-post-composer__markdown-mode:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 24%, transparent);outline-offset:1px}.product-post-composer__markdown-preview{min-height:92px;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-app-secondary)}.product-post-composer__markdown-preview>span{color:var(--text-muted)}.product-post-composer__section-heading h2{font-size:var(--text-xl);letter-spacing:-.025em}.product-post-composer__section-heading>div{min-height:36px}.product-post-composer__section-heading p{color:var(--text-secondary);line-height:1.55}.product-post-composer__step{border:1px solid color-mix(in srgb, var(--accent) 44%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 13%, var(--surface-solid));width:34px;height:34px;color:var(--accent);font-size:var(--text-xs);box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 5%, transparent);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.product-image-upload-field{gap:var(--space-3);display:grid}.product-image-upload-field__dropzone{border:1px dashed color-mix(in srgb, var(--accent) 36%, var(--border-strong));border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 52%), color-mix(in srgb, var(--bg-app-secondary) 88%, transparent);min-height:250px;transition:border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);position:relative;overflow:hidden}.product-image-upload-field__dropzone:focus-visible,.product-image-upload-field__dropzone.is-dragging{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:2px}.product-image-upload-field__dropzone.is-dragging{background:color-mix(in srgb, var(--accent) 8%, var(--surface-solid));transform:scale(1.004)}.product-image-upload-field__input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.product-image-upload-field__empty{align-content:center;place-items:center;gap:var(--space-2);width:100%;min-height:250px;color:var(--text-primary);text-align:center;cursor:pointer;background:0 0;border:0;padding:clamp(28px,7vw,52px);display:grid}.product-image-upload-field__empty span,.product-image-upload-field__empty small{color:var(--text-secondary)}.product-image-upload-field__empty-icon{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 10%, var(--surface-solid));border-radius:16px;place-items:center;width:54px;height:54px;display:grid;color:var(--accent)!important}.product-image-upload-field__empty strong{font-size:var(--text-lg)}.product-image-upload-field__preview{gap:var(--space-3);padding:var(--space-3);display:grid}.product-image-upload-field__preview img{object-fit:contain;border-radius:calc(var(--radius-lg) - 6px);background:var(--bg-app-primary);width:100%;max-height:min(58vh,620px);display:block}.product-image-upload-field__preview-meta{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;color:var(--text-secondary);font-size:var(--text-sm);display:flex}.product-image-upload-field__preview-meta strong{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-image-upload-field__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.product-image-upload-field__actions button{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--surface-solid);min-height:38px;color:var(--text-primary);padding:0 var(--space-3);font:inherit;font-size:var(--text-sm);cursor:pointer;font-weight:700}.product-image-upload-field__actions button:disabled,.product-image-upload-field__empty:disabled{cursor:not-allowed;opacity:.55}.product-image-upload-field__progress{gap:var(--space-2);display:grid}.product-image-upload-field__progress>span{background:var(--bg-app-secondary);border-radius:999px;height:4px;position:relative;overflow:hidden}.product-image-upload-field__progress>span:after{border-radius:inherit;background:var(--accent);content:"";width:38%;animation:product-upload-progress 1.1s var(--ease-standard) infinite;position:absolute;inset-block:0}.product-image-upload-field__progress small{color:var(--text-secondary)}.product-image-upload-field__error,.product-post-composer__service-note{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border-subtle));border-radius:var(--radius-md);background:color-mix(in srgb, var(--danger) 7%, var(--surface-solid));color:var(--text-primary);padding:var(--space-3);margin:0;line-height:1.5}.product-post-composer__service-note{border-color:var(--border-medium);background:var(--bg-app-secondary)}.product-post-composer__duplicate-check{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-app-secondary);display:grid}.product-post-composer__duplicate-check-heading{gap:var(--space-1);display:grid}.product-post-composer__duplicate-check-heading span,.product-post-composer__duplicate-item small,.product-post-composer__duplicate-ack{color:var(--text-secondary);font-size:var(--text-sm)}.product-post-composer__duplicate-list{gap:var(--space-2);display:grid}.product-post-composer__duplicate-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-solid);display:flex}.product-post-composer__duplicate-item>div{gap:2px;min-width:0;display:grid}.product-post-composer__duplicate-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-post-composer__duplicate-item a{flex:none;font-weight:600}.product-post-composer__research{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-app-secondary);display:grid}.product-post-composer__research-heading{gap:var(--space-1);display:grid}.product-post-composer__research-heading span{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.product-post-composer__research-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-request-quality{gap:var(--space-3);padding-top:var(--space-2);display:grid}.product-request-quality__summary{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.product-request-quality__summary span,.product-request-quality__suggestions{color:var(--text-secondary);font-size:var(--text-sm)}.product-request-quality__bar{background:var(--border-subtle);border-radius:999px;height:7px;overflow:hidden}.product-request-quality__bar>span{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--motion-fast) var(--ease-standard);display:block}.product-request-quality__suggestions{gap:var(--space-1);display:grid}.product-request-quality__suggestions ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.product-request-quality__suggestions li{border:1px solid var(--border-subtle);background:var(--surface-solid);border-radius:999px;padding:4px 9px}.product-post-composer__footer{justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border-subtle));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 5%, var(--surface-solid));padding:var(--space-4);display:flex}.product-post-composer__footer>div{gap:var(--space-1);display:grid}.product-post-composer__footer span{color:var(--text-secondary);font-size:var(--text-sm)}@keyframes product-upload-progress{0%{transform:translate(-120%)}to{transform:translate(360%)}}@media (width<=640px){.product-post-composer__research-grid{grid-template-columns:1fr}.product-post-composer__duplicate-item{flex-direction:column;align-items:flex-start}.product-image-upload-field__dropzone,.product-image-upload-field__empty{min-height:210px}.product-post-composer__section{padding:var(--space-4)}.product-image-upload-field__preview-meta,.product-post-composer__footer{flex-direction:column;align-items:stretch}.product-post-composer__footer .sb-button{width:100%}}@media (prefers-reduced-motion:reduce){.product-image-upload-field__progress>span:after{width:100%;animation:none}.product-image-upload-field__dropzone,.product-request-quality__bar>span{transition:none}}
