.ozon-workspace { --ozon-accent: #f37016; }
.ozon-activity { display:flex; gap:12px; align-items:flex-start; padding:16px; margin:16px 0; border:1px solid #fed7aa; background:#fffaf5; border-radius:10px; }
.ozon-activity p { margin:6px 0; }
.ozon-activity small { color:#667085; }
.ozon-spinner { width:20px; height:20px; flex-shrink:0; border:2px solid #fed7aa; border-top-color:#f37016; border-radius:50%; animation:ozon-wait 1s linear infinite; }
.ozon-activity[data-state="done"] .ozon-spinner { animation:none; border-color:#16a34a; }
.ozon-activity[data-state="error"] .ozon-spinner { animation:none; border-color:#dc2626; }
.ozon-activity[data-state="error"] { border-color:#fecaca; }
#ozonDraftList > div { display:flex; gap:12px; justify-content:space-between; padding:12px 0; border-bottom:1px solid #eee; }
.ozon-media-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:10px; }
.ozon-media-gallery img { width:100%; height:110px; object-fit:contain; }
.ozon-media-gallery a { overflow-wrap:anywhere; }
.ozon-job-status { margin:12px 0; display:grid; gap:6px; }
@keyframes ozon-wait { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .ozon-spinner { animation:none; } }
.ozon-workspace [hidden] { display: none !important; }
.ozon-workspace-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:8px 0 24px; }
.ozon-workspace-heading h2 { margin:0 0 6px; font-size:24px; }
.ozon-workspace-heading p,.ozon-stage-heading p { color:#667085; margin:0; font-size:14px; line-height:1.6; }
.ozon-workspace #ozonFlowStepper { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; overflow:visible; padding:0; margin:0 0 24px; list-style:none; }
.ozon-workspace #ozonFlowStepper li { display:block; min-width:0; padding:0; border:1px solid #e5e7eb; border-radius:10px; background:#fff; box-shadow:none; }
.ozon-workspace #ozonFlowStepper button { border:0; background:transparent; color:#475467; width:100%; padding:16px 10px; display:flex; align-items:center; gap:8px; cursor:pointer; font:inherit; }
.ozon-workspace #ozonFlowStepper span { display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#f2f4f7; color:#475467; flex-shrink:0; }
.ozon-workspace #ozonFlowStepper li.active { border-color:var(--ozon-accent); background:#fff8f3; }
.ozon-workspace #ozonFlowStepper li.active span { background:var(--ozon-accent); color:white; }
.ozon-workspace #ozonFlowStepper strong { font-size:14px; white-space:normal; }
.ozon-stage-heading { margin:0 0 16px; }
.ozon-stage-heading h3 { margin:0 0 6px; font-size:19px; }
.ozon-workspace .ozon-stage { padding:24px; max-width:1100px; margin:0 auto 16px; }
.ozon-workspace .ozon-stage .publish-grid,.ozon-workspace .ozon-stage .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ozon-workspace .ozon-stage label { min-width:0; }
.ozon-workspace #productUploadZone { min-height:150px; padding:24px; }
.ozon-workspace .ozon-stage input,.ozon-workspace .ozon-stage select,.ozon-workspace .ozon-stage textarea { max-width:100%; }
.ozon-secondary { border:1px solid #e5e7eb; border-radius:10px; margin:16px 0; padding:14px; }
.ozon-secondary > summary { font-weight:600; cursor:pointer; color:#475467; }
.ozon-secondary[open] > summary { margin-bottom:16px; }
.ozon-step-actions { display:flex; justify-content:space-between; gap:16px; max-width:1100px; margin:16px auto 24px; }
.ozon-workspace .store-row { display:flex; align-items:center; flex-wrap:wrap; gap:12px; border:1px solid #e5e7eb; border-radius:8px; padding:14px; margin:8px 0; }
.ozon-workspace .store-row input[type=checkbox] { width:18px; height:18px; }
.ozon-workspace .ozon-store-meta { flex:1; min-width:160px; }
.ozon-workspace .ozon-store-meta small { display:block; color:#667085; margin-top:4px; }
.ozon-workspace button:focus-visible,.ozon-workspace summary:focus-visible { outline:3px solid #f9b888; outline-offset:3px; }
.ozon-workspace #ozonDraftNeeded { padding:12px; background:#fff8f3; border-radius:8px; margin-top:12px; }
@media(max-width:700px) {
 .ozon-workspace-heading { align-items:flex-start; flex-direction:column; }
 .ozon-workspace #ozonFlowStepper { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
 .ozon-workspace #ozonFlowStepper button { padding:10px 7px; gap:6px; flex-direction:column; min-height:78px; }
 .ozon-workspace #ozonFlowStepper strong { font-size:12px; }
 .ozon-workspace .ozon-stage { padding:16px; }
 .ozon-workspace .publish-grid,.ozon-workspace .ozon-stage .form-grid { grid-template-columns:1fr; }
 .ozon-workspace .ozon-link-import-config > div:first-child { display:block; }
 .ozon-workspace .ozon-link-import-config > div:first-child small { display:block; margin-top:8px; }
 .ozon-workspace .openai-config-row { display:flex; flex-direction:column; align-items:stretch; }
 .ozon-workspace .visual-actions { flex-wrap:wrap; }
 .ozon-workspace .visual-actions .btn { min-height:44px; white-space:normal; }
}
.ozon-name-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.ozon-name-tools span{font-size:12px;color:#64748b;font-weight:400}#ozonValidationIssues{border:1px solid #f1b7a3;border-radius:8px;background:#fff8f4;padding:16px;margin:16px 0}#ozonValidationIssues p{display:flex;justify-content:space-between;gap:12px;align-items:center}#ozonValidationIssues .btn{flex-shrink:0}#ozonCreativeSummary:empty{display:none}