:root {
  --bg: #ffffff;
  --text: #111111;
  --muted: #6b7280;
  --line: #e5e7eb;
  --card: #ffffff;
  --soft: #f7f7f8;
  --primary: #111111;
  --radius: 18px;
  --shadow: 0 12px 35px rgba(17,17,17,.06);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, Arial, Helvetica, sans-serif;
  background: var(--bg);
  color: var(--text);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.site-header {
  position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.92); backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; }
.brand img { width: min(220px, 42vw); height:auto; }
.top-actions { display:flex; gap:10px; align-items:center; }
.hero { display:grid; grid-template-columns: 1.4fr .8fr; gap:24px; align-items:stretch; padding:42px 0 24px; }
.hero h1 { font-size: clamp(2rem, 4vw, 4rem); line-height:1.02; margin: 8px 0 14px; letter-spacing:-.03em; }
.hero p { color: var(--muted); font-size: 1.05rem; max-width: 60ch; }
.eyebrow { display:inline-flex; padding:8px 12px; background: var(--soft); border:1px solid var(--line); border-radius:999px; font-size:.85rem; }
.newsletter-box, .panel, .product-card, .share-box, .login-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow: var(--shadow); }
.newsletter-box { padding:20px; display:flex; flex-direction:column; gap:12px; }
.newsletter-box p, .newsletter-box small { color: var(--muted); margin:0; }
input, textarea, select, button {
  font: inherit;
}
input, textarea, select {
  width:100%; border:1px solid var(--line); background:#fff; border-radius:14px; padding:14px 15px; outline:none;
}
textarea { resize: vertical; min-height: 110px; }
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border-radius: 14px; padding: 12px 16px; border:1px solid var(--line); cursor:pointer;
  transition: .2s ease; font-weight: 700;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: var(--primary); color:#fff; border-color: var(--primary); }
.btn-light { background:#fff; color:var(--text); }
.btn-danger { background:#fff1f2; color:#be123c; border-color:#fecdd3; }
.btn.small { padding:8px 12px; font-size:.9rem; }
.btn.full { width:100%; }
.filters-bar { padding-bottom: 14px; }
.scroll-filters { display:flex; gap:10px; overflow:auto; padding-bottom:6px; }
.chip { white-space:nowrap; padding:10px 14px; border-radius:999px; background:var(--soft); border:1px solid var(--line); font-size:.92rem; }
.chip.active { background:#111; color:#fff; border-color:#111; }
.products-grid {
  display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:18px; align-items:start; padding-bottom: 40px;
}
.product-card { overflow:hidden; }
.product-media { position:relative; background:var(--soft); aspect-ratio: 1 / 1; display:block; }
.product-media img { width:100%; height:100%; object-fit:cover; }
.media-badge {
  position:absolute; left:12px; bottom:12px; background:rgba(17,17,17,.78); color:#fff; padding:8px 10px; border-radius:999px; font-size:.8rem;
}
.product-body { padding:16px; }
.product-meta { display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:.86rem; margin-bottom:10px; }
.product-body h3 { margin:0 0 8px; font-size:1.05rem; line-height:1.25; min-height:calc(1.25em * 2); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.product-body p { color:var(--muted); margin:0 0 14px; line-height:1.5; min-height: 66px; }
.product-actions { display:flex; gap:10px; align-items:center; }
.product-actions.compact .btn-primary { flex:1; }
.loading-indicator { display:flex; justify-content:center; align-items:center; gap:10px; color:var(--muted); padding: 14px 0 50px; }
.detail-grid { display:grid; grid-template-columns: minmax(0, 1fr) 420px; gap:30px; padding:32px 0 60px; }
.detail-media, .detail-content { min-width: 0; }
.detail-video, .video-wrap iframe { width:100%; border:0; border-radius: 24px; background:#000; }
.detail-video.is-vertical, .video-wrap.is-vertical iframe { aspect-ratio: 9 / 16; }
.detail-video.is-natural { display:block; width:100%; height:auto; aspect-ratio:auto; }
.video-wrap { width:min(500px, 100%); }
.detail-slider { display:grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap:12px; margin-top:16px; }
.detail-slider .slide img { border-radius:18px; aspect-ratio: 4/5; object-fit:cover; border:1px solid var(--line); }
.detail-content h1 { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.05; margin: 10px 0 16px; }
.detail-desc { color:var(--muted); line-height:1.8; font-size:1.03rem; }
.affiliate-box { margin-top:12px; padding:22px; border:1px solid var(--line); background:var(--soft); border-radius:20px; }
.affiliate-list { display:grid; gap:12px; }
.affiliate-note { margin:10px 4px 0; font-size:.78rem; line-height:1.45; color:#666666; }
.market-btn { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border-radius:18px; background:#fff; border:1px solid var(--line); text-align:left; font-size:1.04rem; color:#556b2f; transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.market-btn:hover { transform:translateY(-1px); box-shadow:0 12px 26px rgba(0,0,0,.06); border-color:#d9ddd3; }
.market-btn-main { display:flex; align-items:center; gap:14px; min-width:0; }
.market-btn-logo { width:34px; height:34px; min-width:34px; border-radius:10px; object-fit:cover; border:1px solid #ececec; background:#fff; }
.market-btn-copy { color:#556b2f; line-height:1.25; }
.market-btn-copy strong { font-weight:800; }
.market-btn .fa-arrow-up-right-from-square { color:#556b2f; font-size:.98rem; }
.market-btn strong b { font-weight:800; }
.detail-actions { margin-top:18px; justify-content:space-between; flex-wrap:wrap; }
.detail-stats { display:flex; gap:16px; color:var(--muted); }
.share-modal { position:fixed; inset:0; background:rgba(0,0,0,.45); display:grid; place-items:center; padding:20px; z-index:100; }
.share-modal[hidden] { display:none !important; }
.share-box { width:min(460px, 100%); padding:24px; position:relative; }
.close-share { position:absolute; top:14px; right:14px; width:42px; height:42px; border-radius:999px; border:1px solid var(--line); background:#fff; cursor:pointer; }
.share-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }
.share-link { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:96px; border:1px solid var(--line); border-radius:16px; background:var(--soft); }
.admin-body { background:#f7f7f8; }
.admin-grid { display:grid; grid-template-columns: minmax(0, 1fr) 340px; gap:20px; padding:24px 0 60px; }
.admin-main, .admin-side { display:grid; gap:20px; align-content:start; }
.panel { padding:20px; }
.panel-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.panel-head h2, .panel h3 { margin:0; }
.form-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:14px; }
.stack-form { display:grid; gap:14px; }
label span { display:block; font-weight:600; margin-bottom:8px; }
.align-right, .actions-right { text-align:right; }
.mini-gallery { display:flex; gap:10px; flex-wrap:wrap; }
.mini-gallery img { width:70px; height:70px; object-fit:cover; border-radius:12px; border:1px solid var(--line); }
.affiliate-builder { display:grid; gap:10px; }
.affiliate-row { display:grid; grid-template-columns: 140px 1fr 180px; gap:10px; }
.data-table { width:100%; border-collapse: collapse; }
.data-table th, .data-table td { padding:12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.table-wrap { overflow:auto; }
.stats-cards { display:grid; grid-template-columns: repeat(2,1fr); gap:12px; margin-bottom:16px; }
.stat { background:var(--soft); border:1px solid var(--line); border-radius:16px; padding:16px; }
.stat strong { font-size:1.5rem; display:block; }
.stat span, .stats-list { color:var(--muted); }
.stats-list { list-style:none; padding:0; margin:10px 0 0; display:grid; gap:10px; }
.stats-list li { display:flex; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.switch-row { display:flex; align-items:center; gap:10px; }
.switch-row input { width:auto; }
.alert { padding:14px 16px; border-radius:16px; margin-bottom:16px; }
.alert.ok { background:#f0fdf4; border:1px solid #bbf7d0; color:#166534; }
.alert.error { background:#fff1f2; border:1px solid #fecdd3; color:#9f1239; }
.admin-login-body { min-height:100vh; display:grid; place-items:center; background:#f7f7f8; padding:20px; }
.login-card { width:min(460px, 100%); padding:26px; display:grid; gap:14px; }
.login-card img { width:min(220px, 80%); }
@media (max-width: 1100px) {
  .products-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .detail-grid, .admin-grid, .hero { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .container { width:min(100% - 20px, 1180px); }
  .products-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px; }
  .affiliate-row, .form-grid { grid-template-columns: 1fr; }
  .share-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 480px) {
  .products-grid { grid-template-columns: 1fr; }
}


.admin-single-column { display:grid; gap:20px; padding:24px 0 60px; }
.admin-header-wrap { padding-bottom: 12px; }
.admin-tabs-wrap { padding-bottom: 14px; }
.admin-tabs { display:flex; gap:10px; overflow:auto; padding-bottom:2px; }
.admin-tab { white-space:nowrap; padding:11px 15px; border:1px solid var(--line); border-radius:999px; background:#fff; font-weight:700; }
.admin-tab.active { background:#111; color:#fff; border-color:#111; }
.admin-tab.logout-tab { margin-left:auto; }
.table-subline { color:var(--muted); font-size:.88rem; margin-top:6px; }
.nowrap { white-space:nowrap; }
.stats-cards-wide { grid-template-columns: repeat(5, minmax(0,1fr)); }
.two-panels { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:18px; }
.category-inline-form { grid-template-columns: 1fr auto; align-items:end; }
.tag-cloud-admin { display:flex; flex-wrap:wrap; gap:10px; }
.tag-cloud-admin .chip strong { margin-left:6px; }
.panel-note { color:var(--muted); margin:16px 0 0; }
.sep { border:0; border-top:1px solid var(--line); margin:24px 0; }
@media (max-width: 900px) {
  .stats-cards-wide { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .two-panels, .category-inline-form { grid-template-columns: 1fr; }
  .admin-tab.logout-tab { margin-left:0; }
}


.detail-layout { display:grid; grid-template-columns: minmax(0, 1fr) 420px; gap:30px; padding:32px 0 60px; align-items:start; }
.detail-media { min-width:0; align-self:start; }
.detail-side { min-width:0; display:flex; flex-direction:column; gap:22px; align-self:start; }
.detail-titlebar, .detail-description, .detail-buy-share { min-width:0; }
.detail-titlebar h1 { font-size: clamp(2rem, 4vw, 3.2rem); line-height:1.05; margin:0; }
.detail-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:16px; }
.detail-share-btn { margin-left:auto; }
.detail-cat-btn, .detail-edit-btn { border-radius:999px; }
.detail-edit-btn { width:46px; min-width:46px; padding-left:0; padding-right:0; }
.detail-description .detail-desc { margin:0; color:var(--muted); line-height:1.75; font-size:1.02rem; position:relative; }
.detail-media:empty,.detail-description:empty{display:none}
@media (max-width: 1100px) {
  .detail-layout { display:flex; flex-direction:column; gap:18px; }
  .detail-side { display:contents; }
}
@media (max-width: 760px) {
  .detail-layout { gap:16px; padding-top:24px; }
  .detail-titlebar h1 { margin:0; }
  .detail-toolbar { margin-top:14px; }
  .detail-share-btn { margin-left:auto; }
}


.detail-related{margin:40px 0 20px}
.detail-related .section-head{margin-bottom:18px}
.detail-related .section-head h2{font-size:1.2rem;margin:0 0 6px;color:#111}
.detail-related .section-head p{margin:0;color:#6b7280}

.related-grid{margin-top:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.related-grid .product-card{height:100%}
.related-grid .product-body{display:grid;gap:12px}
.related-grid .product-body h3{margin:0;line-height:1.18}
.related-grid .product-actions.compact{display:grid;grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:10px}
.related-grid .product-actions.compact .btn{min-height:54px}
.related-grid .product-actions.compact .btn-primary{min-width:0;white-space:nowrap;padding:12px 14px;font-size:1rem}
.related-grid .product-actions.compact .btn-light{width:56px;min-width:56px;padding:0}
@media (max-width: 760px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid > *:nth-child(n+7){display:none}}
@media (max-width: 768px){
  .detail-related{margin-top:32px}
  .detail-related .section-head h2{font-size:1.05rem}
  .detail-related .section-head p{font-size:.95rem}
}


.url-loader-row{margin-top:10px}
.remote-gallery-builder,.existing-images-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,140px));gap:12px;margin-top:14px;justify-content:flex-start}
.remote-gallery-item,.mini-gallery-item{position:relative;display:grid;grid-template-rows:auto auto auto;gap:8px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;align-content:start;overflow:hidden}
.gallery-image-box{position:relative;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff}
.remote-gallery-item img,.mini-gallery-item img{display:block;width:100%;height:100%;object-fit:cover}
.remote-gallery-item span,.mini-gallery-item span{font-size:.85rem;color:var(--muted);font-weight:700;line-height:1.2}
.remote-gallery-item.active,.mini-gallery-item.featured{border-color:#111;box-shadow:0 0 0 2px rgba(17,17,17,.08)}
.remote-gallery-item.active span,.mini-gallery-item.featured span{color:#111}
.gallery-help{font-size:.74rem;color:var(--muted)}
.gallery-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:999px;border:0;background:rgba(17,17,17,.82);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}

.video-upload-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fafafa}
.video-upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.video-progress-stack{display:grid;gap:8px}
.video-progress-label{font-weight:700;color:#111}
.video-progress-meta{font-size:.88rem;color:var(--muted);word-break:break-word}
.progress-bar{width:100%;height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}
.progress-bar span{display:block;width:0;height:100%;background:#111;border-radius:inherit;transition:width .18s ease}
.video-upload-preview{display:grid;gap:8px;justify-items:start}
.video-upload-preview video{width:min(160px,100%);aspect-ratio:16/9;border-radius:14px;background:#000;display:block}
.video-preview-empty{font-size:.9rem;color:var(--muted)}
@media (max-width:760px){.video-upload-head{align-items:flex-start;flex-direction:column}.video-upload-preview video{width:min(140px,100%)}}
.remote-gallery-item.dragging,.mini-gallery-item.dragging{opacity:.6;transform:scale(.98)}
.url-loader-row{display:flex;justify-content:flex-end;margin-top:10px}
.product-gallery{display:grid;gap:14px;outline:none}
.gallery-stage{position:relative;background:var(--soft);border:1px solid var(--line);border-radius:24px;overflow:hidden;aspect-ratio:1/1;width:100%;max-width:100%}
.gallery-stage img{display:block;width:100%;height:100%;object-fit:cover;background:#fff}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:rgba(17,17,17,.65);color:#fff;display:grid;place-items:center;cursor:pointer}
.gallery-nav.prev{left:14px}.gallery-nav.next{right:14px}
.gallery-thumbs{display:flex;gap:10px;overflow:auto;padding-bottom:4px}
.gallery-thumb{padding:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;flex:0 0 84px}
.gallery-thumb img{display:block;width:84px;height:84px;object-fit:cover}
.gallery-thumb.active{border-color:#111;box-shadow:0 0 0 2px rgba(17,17,17,.08)}
.detail-video-section{grid-column:1/-1;margin-top:8px;text-align:center;display:flex;flex-direction:column;align-items:center}
.detail-video-section h2{margin:0 0 12px;font-size:1.1rem;text-align:center}
.detail-video-section .detail-video,.detail-video-section .video-wrap{width:min(500px,100%);margin:0 auto}
.detail-video-section .detail-video{display:block;max-width:500px}
.detail-video-section .detail-video.is-natural{max-width:500px;height:auto}
@media (max-width:760px){.gallery-thumb{flex-basis:72px}.gallery-thumb img{width:72px;height:72px}.gallery-nav{width:40px;height:40px}}


.detail-desc-wrap{position:relative;display:block}
.detail-desc-wrap.is-collapsible{height:calc(1.75em * 4);max-height:calc(1.75em * 4);overflow:hidden}
.detail-desc-wrap.is-collapsible .detail-desc{display:block;overflow:visible;max-height:none}
.detail-desc-wrap.is-collapsible.expanded{height:auto;max-height:none;overflow:visible}
.detail-desc-fade{display:none;position:absolute;left:0;right:0;bottom:0;height:calc(1.75em * 1.8);background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.88) 52%, #fff 100%);pointer-events:none}
.detail-desc-wrap.is-collapsible:not(.expanded) .detail-desc-fade{display:block}
.detail-desc-toggle{display:inline-flex;align-items:center;margin-top:12px;padding:0;border:0;background:transparent;color:#111;font-weight:800;line-height:1;cursor:pointer}


/* v28 fixes */
.detail-titlebar{grid-area:title;min-width:0}
.detail-media{grid-area:media;min-width:0;align-self:start}
.detail-description{grid-area:desc;min-width:0;align-self:start}
.detail-buy-share{grid-area:buy;min-width:0;align-self:start}
.detail-video-section{grid-area:video;justify-self:center;align-items:center;text-align:center;width:100%}
.detail-related{grid-area:related}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-areas:"title media" "desc media" "buy buy" "video video" "related related";gap:28px 30px;align-items:start}
.detail-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100%}
.detail-toolbar .detail-share-btn{margin-left:auto;flex:0 0 auto}
.detail-toolbar .detail-cat-btn,.detail-toolbar .detail-edit-btn{flex:0 0 auto}
.detail-description{margin-top:0}
.detail-desc-wrap{margin:0}
.detail-desc-toggle{margin-top:8px}
.detail-video-section h2{width:min(500px,100%);margin:0 auto 12px;text-align:center}
.detail-video-section .detail-video,.detail-video-section .video-wrap{width:min(500px,100%);margin-left:auto;margin-right:auto}
.detail-video-section .detail-video{display:block}
@media (max-width:1100px){
  .detail-layout{grid-template-columns:1fr;grid-template-areas:"title" "media" "desc" "buy" "video" "related";gap:18px}
  .detail-toolbar{flex-wrap:wrap}
  .detail-toolbar .detail-share-btn{margin-left:auto}
  .detail-video-section{justify-self:stretch;align-items:center;text-align:center}
  .detail-video-section h2,.detail-video-section .detail-video,.detail-video-section .video-wrap{margin-left:auto;margin-right:auto}
}
@media (max-width:760px){
  .detail-layout{padding-top:24px;gap:16px}
  .detail-titlebar h1{margin:0}
  .detail-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
  .detail-toolbar .detail-cat-btn{max-width:calc(100% - 120px)}
  .detail-toolbar .detail-share-btn{margin-left:auto;padding-left:14px;padding-right:14px}
  .detail-video-section{align-items:center;text-align:center}
  .detail-video-section h2,.detail-video-section .detail-video,.detail-video-section .video-wrap{width:min(500px,100%);margin-left:auto;margin-right:auto}
}

.admin-alert-flex{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.table-title-row{display:flex;align-items:center;gap:8px}
.row-visit-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted)}
.row-visit-link:hover{color:var(--text)}
.icon-btn{width:38px;height:38px;padding:0;min-width:38px}


.detail-newsletter { width:100%; }
.detail-newsletter .newsletter-box { margin-top:18px; }
.detail-newsletter-mobile { display:none; }
.detail-media .detail-newsletter-desktop .newsletter-box { margin-top:18px; }
@media (max-width: 1100px) {
  .detail-newsletter-desktop { display:none; }
  .detail-newsletter-mobile { display:block; }
  .detail-buy-share .detail-newsletter-mobile .newsletter-box { margin-top:18px; }
}

.embed-admin-layout{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr);gap:22px;align-items:start}
.embed-search-field{display:grid;gap:8px;margin-bottom:14px}
.embed-search-results{display:grid;gap:10px;max-height:70vh;overflow:auto;padding-right:4px}
.embed-search-item{display:grid;grid-template-columns:58px 1fr 34px;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border:1px solid var(--line);background:#fff;border-radius:18px;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.embed-search-item:hover{transform:translateY(-1px);border-color:#cfd9cd;box-shadow:0 10px 20px rgba(18,31,20,.06)}
.embed-search-item.is-selected{border-color:#111;background:#f7faf6}
.embed-search-thumb,.embed-selected-thumb{display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--soft)}
.embed-search-thumb img,.embed-selected-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.embed-search-text{display:grid;gap:3px;min-width:0}
.embed-search-text strong{font-size:.82rem;color:var(--muted)}
.embed-search-text span{font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.embed-search-add{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#111;color:#fff}
.embed-preview-head{margin-bottom:8px}
.embed-selected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;margin-bottom:16px;min-height:88px}
.embed-selected-item{position:relative;display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 18px rgba(18,31,20,.05);cursor:grab}
.embed-selected-item.dragging{opacity:.6;transform:scale(.98)}
.embed-selected-item strong{font-size:.82rem;color:var(--muted)}
.embed-selected-item span:last-child{font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.embed-remove-btn{position:absolute;top:8px;right:8px;z-index:2}
@media (max-width:1100px){.embed-admin-layout{grid-template-columns:1fr}.embed-selected-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.embed-search-results{max-height:none}.embed-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.embed-search-item{grid-template-columns:52px 1fr 30px;padding:9px;gap:10px}}