.adp-wrapper { 
    display: flex; height: 800px; background: #fdfdfd; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; 
    font-family: 'Segoe UI', sans-serif; box-shadow: 0 10px 40px rgba(0,0,0,0.05);
}
.rtl { direction: rtl; }
.ltr { direction: ltr; }

.side-panel { width: 300px; padding: 25px; border-right: 1px solid #eee; background: #fff; }
.rtl .side-panel { border-right: none; border-left: 1px solid #eee; }

.brand { font-size: 24px; color: #ff3e3e; font-weight: 800; margin-bottom: 30px; }

.tool-box { margin-bottom: 25px; }
.tool-box label { display: block; font-weight: 600; margin-bottom: 10px; color: #444; }

.adp-btn { cursor: pointer; border: none; border-radius: 6px; padding: 10px 15px; font-weight: 600; transition: 0.2s; }
.adp-btn.primary { background: #ff3e3e; color: #fff; width: 100%; height: 50px; font-size: 16px; }
.adp-btn.secondary { background: #eee; color: #333; width: 100%; margin-bottom: 10px; }

.input-group { display: flex; gap: 5px; }
.input-group input { flex: 1; padding: 8px; border: 1px solid #ddd; border-radius: 4px; }
.input-group button { width: 60px; }

.adp-main { flex: 1; background: #f0f2f5; display: flex; flex-direction: column; align-items: center; position: relative; }
.adp-topbar { width: 100%; padding: 15px; background: #fff; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; }

.canvas-mount { margin-top: 30px; background: #fff; box-shadow: 0 20px 50px rgba(0,0,0,0.1); }

.dpi-good { color: #27ae60; background: #e8f6ed; padding: 5px 15px; border-radius: 20px; }
.dpi-warn { color: #e67e22; background: #fdf2e9; padding: 5px 15px; border-radius: 20px; }

.adp-checkout-panel { position: absolute; bottom: 20px; width: 260px; right: 20px; }
.rtl .adp-checkout-panel { right: auto; left: 20px; }

.danger { background: #fee; color: #ff3e3e; border: 1px solid #ff3e3e; border-radius: 4px; padding: 5px 10px; cursor: pointer; }