body { font-family:'Poppins',sans-serif; margin:0; padding:0; background:#fff; color:#000; height:100vh; }

.toolbar { display:flex; align-items:center; justify-content:space-between; padding:12px 20px; background:#000; border-radius:20px; margin:10px 20px; }
.brand { display:flex; align-items:center; gap:12px; color:#fff; }
.brand-circle { width:50px; height:50px; border-radius:10px; background:aquamarine; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.brand-name { font-size:20px; font-weight:700; color:#fff; }
.toolbar .buttons button { padding:6px 14px; border:none; background:#fff; color:#000; font-weight:600; cursor:pointer; border-radius:10px; }

.main { display:flex; height: calc(100vh - 80px); margin:0 20px; padding-top:20px; box-sizing: border-box; }
.left { flex:2; padding:30px; display:flex; flex-direction:column; justify-content:flex-start; }
.left p.static-description { font-weight:600; font-size:18px; margin-bottom:25px; }
.left h1 { font-size:32px; margin-bottom:15px; line-height:1.2; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.left .dynamic-desc-container { display:flex; align-items:flex-start; gap:8px; }
.left .dynamic-desc-container::before { content:"•"; color:#000; font-weight:bold; display:inline-block; margin-top:0; }
.left p.dynamic-desc { font-size:16px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:0; }

.center { flex:3; display:flex; justify-content:center; align-items:flex-start; max-height: calc(100vh - 120px); overflow-y:auto; }
.ad-uploader { display:flex; flex-direction:column; align-items:center; }
.upload-btn { padding:10px 20px; background:black; color:#fff; border:none; font-weight:600; cursor:pointer; margin-bottom:20px; border-radius:10px; transition:all 0.3s; }
.upload-btn:hover { background:aquamarine; color:#000; }
.slider-container { width:100%; display:flex; justify-content:center; overflow-x:auto; overflow-y:hidden; border-radius:10px; padding:10px 0; }
.slider { display:flex; gap:15px; transition:all 0.3s ease; }
.slide { flex:0 0 auto; background:#fff; color:#000; display:flex; justify-content:center; align-items:center; position:relative; border:2px dashed #000; border-radius:10px; font-size:36px; cursor:pointer; }
.slide img { max-width:100%; max-height:100%; border-radius:10px; }
.remove-slide { position:absolute; top:4px; right:4px; background:#e74c3c; color:#fff; width:20px; height:20px; font-size:12px; display:flex; justify-content:center; align-items:center; cursor:pointer; border-radius:50%; }
.error-message { font-size:14px; color:#e74c3c; text-align:center; margin-top:10px; }
.swipe-btn { margin-top:15px; padding:8px 15px; background:black; color:#fff; border:none; border-radius:10px; cursor:pointer; font-weight:600; transition:all 0.3s; display:flex; align-items:center; justify-content:center; gap:8px; }
.swipe-btn span.arrow { cursor:pointer; font-size:16px; }
.swipe-btn:hover { background:aquamarine; color:#000; }

.right { flex:1.2; padding:30px; overflow-y:auto; max-height:80vh; }
.category-title { font-weight:700; margin-top:15px; margin-bottom:8px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; padding-right:8px; }
.category-title .arrow-icon { display:inline-block; transition:transform 0.3s; }
.size-btn { padding:8px 10px; margin-bottom:8px; cursor:pointer; font-size:14px; background:#fff; color:#000; border:none; text-align:left; border-radius:10px; transition:all 0.3s; display:block; }
.size-btn.selected,.size-btn:hover { background:black; color:#fff; }
.size-list.collapsed { display:none; }
.category-container { margin-bottom:10px; }

footer { text-align:center; padding:10px 0; font-size:12px; color:#555; border-top:1px solid #eee; margin-top:20px; }