/* The Tool Bakery — Fake Sale Listing Creator (front-end) */
#ttb-fsl { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; color: #111; }
#ttb-fsl * { box-sizing: border-box; }
#ttb-fsl .ttb-fsl-head { margin-bottom: 12px; }
#ttb-fsl .ttb-fsl-head h2 { margin: 0 0 6px; font-size: 22px; }
#ttb-fsl .ttb-fsl-head p { margin: 0; color: #444; }

#ttb-fsl .ttb-fsl-form { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 14px; margin: 10px 0 16px; }
#ttb-fsl .ttb-fsl-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#ttb-fsl .ttb-fsl-colspan { grid-column: span 2; }
#ttb-fsl .ttb-fsl-field { display: flex; flex-direction: column; gap: 6px; }
#ttb-fsl label { font-size: 13px; color: #333; }
#ttb-fsl input[type="text"], #ttb-fsl select { padding: 10px 12px; border: 1px solid #ddd; border-radius: 10px; font-size: 14px; }
#ttb-fsl input[type="file"] { 
	font-size: 13px; appearance: none;
	-webkit-appearance: none;
	padding: 8px 10px;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: #fff;
	font-size: 14px;
	color: #333;
  }
#ttb-fsl input[type="file"]::file-selector-button {
  margin-right: 10px;
  padding: 8px 12px;
  border: none;
  border-radius: 8px;
  background: #111;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
#ttb-fsl input[type="file"]::file-selector-button:hover {
  opacity: 0.92;
}

/* Focus ring */
#ttb-fsl input[type="file"]:focus {
  outline: 2px solid #1f6fff22;
  outline-offset: 2px;
}

#ttb-fsl small { color: #666; }

#ttb-fsl .ttb-fsl-adv { margin-top: 8px; }
#ttb-fsl .ttb-fsl-adv summary { cursor: pointer; font-weight: 600; padding: 8px 0; }

#ttb-fsl .ttb-fsl-inline { display: flex; align-items: end; gap: 8px; flex-direction: row; padding-bottom: 10px; }
#ttb-fsl .ttb-fsl-actions { margin-top: 10px; }
#ttb-fsl .ttb-btn { background: #111; color: #fff; padding: 10px 14px; border-radius: 10px; border: none; cursor: pointer; font-size: 14px; }
#ttb-fsl .ttb-btn:hover { opacity: 0.92; }
#ttb-fsl .ttb-btn.ttb-btn-ghost { background: transparent; color: #111; border: 1px solid #ddd; }

/* Preview Card */
#ttb-fsl .ttb-fsl-preview { display: flex; justify-content: center; }
#ttb-fsl .ttb-fsl-card { background: #fff; border: 1px solid #e6e6e6; border-radius: 14px; overflow: hidden; position: relative; }

/* Fixed capture sizes to ensure consistent exports */
#ttb-fsl .ttb-fsl-card[data-variant="desktop"] { width: 1280px; height: 720px; display: grid; grid-template-columns: 56% 44%; }
#ttb-fsl .ttb-fsl-card[data-variant="mobile"] { width: 390px; height: 844px; display: grid; grid-template-rows: 46% 54%; }

/* Desktop specifics */
#ttb-fsl .ttb-fsl-desktop .ttb-fsl-left { border-right: 1px solid #eee; padding: 24px; background: #fafafa; }
#ttb-fsl .ttb-fsl-desktop .ttb-fsl-right { padding: 24px 28px; }

/* Mobile specifics */
#ttb-fsl .ttb-fsl-card[data-variant="mobile"] .ttb-fsl-left { padding: 14px; background: #fafafa; border-bottom: 1px solid #eee; }
#ttb-fsl .ttb-fsl-card[data-variant="mobile"] .ttb-fsl-right { padding: 16px; }

/* Image frame */
#ttb-fsl .ttb-fsl-image-frame { width: 100%; height: 100%; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; border: 1px solid #e3e3e3; }
#ttb-fsl #ttb-fsl-product-img { max-width: 100%; max-height: 100%; object-fit: contain; }

/* Title */
#ttb-fsl .ttb-fsl-title { font-size: 24px; line-height: 1.2; margin: 0 0 12px; color: #111; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#ttb-fsl .ttb-fsl-card[data-variant="mobile"] .ttb-fsl-title { font-size: 18px; -webkit-line-clamp: 4; }

/* Seller row */
#ttb-fsl .ttb-fsl-seller { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; }
#ttb-fsl .ttb-fsl-avatar { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ddd; background: #f5f5f5; object-fit: cover; }
#ttb-fsl .ttb-fsl-seller-meta { display: flex; flex-direction: column; gap: 4px; }
#ttb-fsl .ttb-fsl-seller-top { display: flex; align-items: center; gap: 6px; font-size: 14px; }
#ttb-fsl .ttb-fsl-seller-name { font-weight: 600; }
#ttb-fsl .ttb-fsl-feedback, #ttb-fsl .ttb-fsl-count { color: #444; }
#ttb-fsl .ttb-fsl-dot { color: #999; }
#ttb-fsl .ttb-fsl-seller-links { display: flex; align-items: center; gap: 6px; color: #265fe6; font-size: 13px; }

/* Price row */
#ttb-fsl .ttb-fsl-price-row { margin: 10px 0 12px; }
#ttb-fsl .ttb-fsl-price-main { display: flex; align-items: baseline; gap: 2px; }
#ttb-fsl .ttb-fsl-currency { font-size: 22px; font-weight: 700; }
#ttb-fsl .ttb-fsl-price { font-size: 32px; font-weight: 700; letter-spacing: 0.2px; }
#ttb-fsl .ttb-fsl-obo { font-size: 14px; color: #444; margin-top: 4px; }

/* Attributes */
#ttb-fsl .ttb-fsl-attrs { display: flex; gap: 14px; margin-bottom: 16px; }
#ttb-fsl .ttb-fsl-attr { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
#ttb-fsl .ttb-fsl-attr-label { color: #666; }
#ttb-fsl .ttb-fsl-ico { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #ccc; color: #666; font-size: 12px; }

/* CTA buttons (brand-safe) */
#ttb-fsl .ttb-fsl-ctas { display: grid; gap: 10px; grid-template-columns: 1fr; max-width: 520px; }
#ttb-fsl .ttb-fsl-btn { height: 46px; border-radius: 28px; border: 1px solid #1f6fff; color: #1f6fff; background: #fff; font-weight: 600; font-size: 15px; cursor: default; }
#ttb-fsl .ttb-fsl-btn-primary { background: #1f6fff; color: #fff; border-color: #1f6fff; }

/* Mobile scaling tweaks */
#ttb-fsl .ttb-fsl-card[data-variant="mobile"] .ttb-fsl-btn { height: 42px; font-size: 14px; }
#ttb-fsl .ttb-fsl-card[data-variant="mobile"] .ttb-fsl-price { font-size: 28px; }
#ttb-fsl .ttb-fsl-card[data-variant="mobile"] .ttb-fsl-currency { font-size: 18px; }

/* THEME: ebay (default) */
#ttb-fsl .ttb-fsl-card[data-theme="ebay"] .ttb-fsl-btn-primary {
  background: #1f6fff; border-color: #1f6fff; color: #fff;
}
#ttb-fsl .ttb-fsl-card[data-theme="ebay"] .ttb-fsl-seller-links { color: #265fe6; }

/* THEME: amazon */
#ttb-fsl .ttb-fsl-card[data-theme="amazon"] .ttb-fsl-btn-primary {
  background: #ffd814; border-color: #ffd814; color: #111;
}
#ttb-fsl .ttb-fsl-card[data-theme="amazon"] .ttb-fsl-seller-links { color: #007185; }

/* THEME: facebook marketplace */
#ttb-fsl .ttb-fsl-card[data-theme="facebook"] .ttb-fsl-btn-primary {
  background: #1877f2; border-color: #1877f2; color: #fff;
}
#ttb-fsl .ttb-fsl-card[data-theme="facebook"] .ttb-fsl-seller-links { color: #1877f2; }

/* THEME: etsy */
#ttb-fsl .ttb-fsl-card[data-theme="etsy"] .ttb-fsl-btn-primary {
  background: #F1641E; border-color: #F1641E; color: #fff;
}
#ttb-fsl .ttb-fsl-card[data-theme="etsy"] .ttb-fsl-seller-links { color: #CC4E12; }