body{font-family:Arial,Helvetica,sans-serif;margin:24px}
.nav{display:flex;align-items:center;gap:16px}
.badge{padding:6px 10px;border:1px solid #ccc;border-radius:6px;text-decoration:none}
.card{border:1px solid #ddd;border-radius:10px;padding:16px;margin:16px 0}
.products{display:flex;flex-direction:column;gap:18px}
.product{padding:10px 0;border-bottom:1px dashed #ddd}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.plink{font-size:26px;font-weight:700}
.price{font-size:22px}
.thumb{width:180px;height:auto;display:block;margin:10px 0;border:1px solid #eee}
.big{max-width:900px;width:100%;height:auto;border:1px solid #eee}
textarea{width:100%;height:70px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #ddd;padding:6px}
.thumbTiny{width:60px;height:auto}


/* Phase 6: SEO category links */
.category-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.category-pill{display:inline-block;padding:6px 10px;border:1px solid #ccc;border-radius:999px;text-decoration:none;background:#fff}
.category-pill.active{font-weight:700;border-color:#333}
.breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:14px;font-size:14px}

/* Phase 6: HTML5 drag-and-drop image upload */
.drop-zone{border:2px dashed #bbb;border-radius:10px;padding:16px;margin:8px 0;background:#fafafa;text-align:center}
.drop-zone-active{background:#f0f7ff;border-color:#3973d6}
.drop-zone-error{background:#fff3f3;border-color:#b00020;color:#b00020}
.dnd-preview{margin:8px 0}
.dnd-preview-img{width:120px;height:120px;object-fit:cover;border:1px solid #ddd;border-radius:8px}