/* FineME v274 — Composer Product Tag UX
   Uses the existing creator-product / fm_video_product_tags system, but presents it as a
   compact in-place composer control. Scoped to .fm-v274 to avoid legacy UI collisions. */

.fm-v274 .fm-qc-product-box{margin:0 17px 13px;border:1px solid #e3e8f2;border-radius:16px;background:#fbfcff;overflow:hidden;box-shadow:0 5px 18px rgba(55,67,106,.035)}
.fm-v274 .fm-qc-product-box>summary{list-style:none;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;user-select:none;background:linear-gradient(180deg,#fff,#fafbff);transition:background .16s ease}
.fm-v274 .fm-qc-product-box>summary::-webkit-details-marker{display:none}
.fm-v274 .fm-qc-product-box>summary:hover{background:#f8f9ff}
.fm-v274 .fm-qc-product-box[open]>summary{border-bottom:1px solid #edf0f6;background:#fff}
.fm-v274 .fm-qc-product-summary-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#eef1ff,#fff0f7);border:1px solid #e0e5f7;font-size:18px;box-shadow:0 5px 14px rgba(93,104,178,.08)}
.fm-v274 .fm-qc-product-summary-copy{min-width:0;display:grid;gap:2px}
.fm-v274 .fm-qc-product-summary-copy strong{font-size:14px;line-height:1.25;color:#23324c;font-weight:850}
.fm-v274 .fm-qc-product-summary-copy small{font-size:11.5px;line-height:1.4;color:#8995a9}
.fm-v274 .fm-qc-product-summary-state{justify-self:end;white-space:nowrap;padding:5px 8px;border-radius:999px;background:#f1f3f8;color:#748098;font-size:11px;font-weight:800}
.fm-v274 .fm-qc-product-summary-state.is-active{background:#edf9f2;color:#2d8d58;border:1px solid #d8f0e2}
.fm-v274 .fm-qc-product-box[open]>summary:after{content:'⌃';font-size:12px;color:#8a95a9;margin-left:2px}
.fm-v274 .fm-qc-product-box:not([open])>summary:after{content:'⌄';font-size:12px;color:#8a95a9;margin-left:2px}
.fm-v274 .fm-qc-product-box>summary{grid-template-columns:38px minmax(0,1fr) auto auto}

.fm-v274 .fm-qc-product-body{display:grid;gap:12px;padding:12px;background:#fff}
.fm-v274 .fm-qc-product-tabs{display:flex;gap:4px;padding:3px;border:1px solid #e7ebf2;border-radius:12px;background:#f6f8fc}
.fm-v274 .fm-qc-product-tabs button{flex:1;min-height:34px;border:0;border-radius:9px;background:transparent;color:#718098;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.15s ease}
.fm-v274 .fm-qc-product-tabs button:hover{color:#4f5f7a;background:rgba(255,255,255,.65)}
.fm-v274 .fm-qc-product-tabs button.is-active{background:#fff;color:#5b6bea;box-shadow:0 2px 8px rgba(69,82,135,.09)}
.fm-v274 .fm-qc-product-pane{display:grid;gap:9px}
.fm-v274 .fm-qc-product-pane[hidden]{display:none!important}
.fm-v274 .fm-qc-product-help{margin:0;color:#8995a8;font-size:11.5px;line-height:1.55}
.fm-v274 .fm-qc-product-select-field select{font-size:12.5px;font-weight:650;color:#33415a;background:#f9faff}
.fm-v274 .fm-qc-product-select-field select:disabled{opacity:.6;cursor:wait}

.fm-v274 .fm-qc-product-empty{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px dashed #d8dfee;border-radius:12px;background:#fafbfe}
.fm-v274 .fm-qc-product-empty>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f0f3ff;font-size:17px}
.fm-v274 .fm-qc-product-empty>div{min-width:0;display:grid;gap:2px}
.fm-v274 .fm-qc-product-empty strong{font-size:12px;color:#35435d}
.fm-v274 .fm-qc-product-empty small{font-size:11px;color:#8b97aa;line-height:1.4}
.fm-v274 .fm-qc-product-empty button{border:0;border-radius:9px;background:#edf1ff;color:#5d6fec;padding:7px 9px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}

.fm-v274 .fm-qc-product-link-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px;align-items:end}
.fm-v274 .fm-qc-product-url-field>div{display:flex;gap:6px;align-items:stretch}
.fm-v274 .fm-qc-product-url-field input{min-width:0;flex:1}
.fm-v274 .fm-qc-product-url-field button{flex:0 0 auto;min-width:78px;border:0;border-radius:11px;background:#6677f2;color:#fff;padding:0 12px;font:inherit;font-size:11.5px;font-weight:850;cursor:pointer;box-shadow:0 5px 12px rgba(100,117,242,.16)}
.fm-v274 .fm-qc-product-url-field button:hover{filter:brightness(.98)}
.fm-v274 .fm-qc-product-url-field button:disabled{opacity:.62;cursor:wait;box-shadow:none}
.fm-v274 .fm-qc-product-status{padding:8px 10px;border-radius:10px;background:#f5f7fb;color:#6e7b90;font-size:11.5px;line-height:1.5;border:1px solid #e7ebf2}
.fm-v274 .fm-qc-product-status.is-ok{background:#f0faf4;border-color:#d7efe1;color:#2e8657}
.fm-v274 .fm-qc-product-status.is-bad{background:#fff4f6;border-color:#f7d7df;color:#b64c67}

.fm-v274 .fm-qc-product-editor{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:11px;padding:10px;border:1px solid #e4e8f1;border-radius:14px;background:#fbfcff}
.fm-v274 .fm-qc-product-editor[hidden]{display:none!important}
.fm-v274 .fm-qc-product-editor-preview{align-self:start;display:grid;grid-template-columns:86px minmax(0,1fr);gap:9px;min-width:0;padding:8px;border:1px solid #e7eaf1;border-radius:12px;background:#fff}
.fm-v274 .fm-qc-product-editor-media{width:86px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#f1f3f8,#f8f9fc);display:grid;place-items:center}
.fm-v274 .fm-qc-product-editor-media img{width:100%;height:100%;object-fit:cover;display:block}
.fm-v274 .fm-qc-product-editor-media span{padding:6px;text-align:center;color:#9aa4b5;font-size:9.5px;line-height:1.35}
.fm-v274 .fm-qc-product-editor-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}
.fm-v274 .fm-qc-product-editor-copy small{font-size:11px;color:#8995a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-v274 .fm-qc-product-editor-copy strong{font-size:12.5px;line-height:1.4;color:#26354f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fm-v274 .fm-qc-product-editor-copy b{font-size:14px;color:#5568eb}
.fm-v274 .fm-qc-product-editor-copy>span{margin-top:2px;color:#6b78ec;font-size:11px;font-weight:750}
.fm-v274 .fm-qc-product-fields{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:7px}
.fm-v274 .fm-qc-product-fields label{display:grid;gap:4px;min-width:0}
.fm-v274 .fm-qc-product-fields label>span{font-size:11px;font-weight:800;color:#7d899d}
.fm-v274 .fm-qc-product-fields input,.fm-v274 .fm-qc-product-fields select{width:100%;min-width:0;height:36px;border:1px solid #dfe4ed;border-radius:10px;background:#fff;color:#293851;padding:0 9px;font:inherit;font-size:12px;outline:none}
.fm-v274 .fm-qc-product-fields input:focus,.fm-v274 .fm-qc-product-fields select:focus{border-color:#a9b3fa;box-shadow:0 0 0 3px rgba(104,119,245,.08)}
.fm-v274 .fm-qc-product-fields .fm-qc-product-image-field{grid-column:1/-1}
.fm-v274 .fm-qc-product-editor-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;padding-top:1px}
.fm-v274 .fm-qc-product-editor-actions button{border:0;border-radius:10px;padding:8px 10px;font:inherit;font-size:11.5px;font-weight:850;cursor:pointer}
.fm-v274 .fm-qc-product-upload{background:#eef1f7;color:#56647b}
.fm-v274 .fm-qc-product-attach{background:linear-gradient(135deg,#6979f5,#8a70f3);color:#fff;box-shadow:0 5px 12px rgba(101,116,241,.16)}
.fm-v274 .fm-qc-product-editor-actions button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}

.fm-v274 .fm-qc-product-selected{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid #dfe5f2;border-radius:13px;background:linear-gradient(135deg,#f8faff,#fff8fc)}
.fm-v274 .fm-qc-product-selected[hidden]{display:none!important}
.fm-v274 .fm-qc-product-selected-media{width:52px;height:52px;border-radius:10px;overflow:hidden;background:#edf1f7;display:grid;place-items:center}
.fm-v274 .fm-qc-product-selected-media img{width:100%;height:100%;object-fit:cover;display:block}
.fm-v274 .fm-qc-product-selected-media span{font-size:21px}
.fm-v274 .fm-qc-product-selected-copy{min-width:0;display:grid;gap:2px}
.fm-v274 .fm-qc-product-selected-copy small{font-size:10.8px;color:#8793a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-v274 .fm-qc-product-selected-copy strong{font-size:12.5px;line-height:1.4;color:#26354e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-v274 .fm-qc-product-selected-copy b{font-size:13px;color:#596bed}
.fm-v274 .fm-qc-product-selected>button{border:0;border-radius:9px;background:#f2f4f8;color:#707c91;padding:7px 9px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.fm-v274 .fm-qc-product-selected>button:hover{background:#fff0f3;color:#bd5068}

@media (max-width:720px){
  .fm-v274 .fm-qc-product-box{margin-inline:13px}
  .fm-v274 .fm-qc-product-box>summary{grid-template-columns:36px minmax(0,1fr) auto auto;padding:10px}
  .fm-v274 .fm-qc-product-summary-icon{width:34px;height:34px}
  .fm-v274 .fm-qc-product-summary-copy small{font-size:10px}
  .fm-v274 .fm-qc-product-summary-state{font-size:9.5px;padding:4px 7px}
  .fm-v274 .fm-qc-product-body{padding:10px;gap:10px}
  .fm-v274 .fm-qc-product-link-grid{grid-template-columns:1fr}
  .fm-v274 .fm-qc-product-editor{grid-template-columns:1fr;padding:9px}
  .fm-v274 .fm-qc-product-editor-preview{grid-template-columns:72px minmax(0,1fr)}
  .fm-v274 .fm-qc-product-editor-media{width:72px}
  .fm-v274 .fm-qc-product-fields{grid-template-columns:1fr 110px}
  .fm-v274 .fm-qc-product-fields label:first-child,.fm-v274 .fm-qc-product-fields label:nth-child(2),.fm-v274 .fm-qc-product-fields .fm-qc-product-image-field{grid-column:1/-1}
  .fm-v274 .fm-qc-product-editor-actions{justify-content:stretch}
  .fm-v274 .fm-qc-product-editor-actions button{flex:1}
  .fm-v274 .fm-qc-product-empty{grid-template-columns:34px minmax(0,1fr)}
  .fm-v274 .fm-qc-product-empty button{grid-column:1/-1;width:100%}
}

@media (max-width:430px){
  .fm-v274 .fm-qc-product-summary-state{display:none}
  .fm-v274 .fm-qc-product-box>summary{grid-template-columns:34px minmax(0,1fr) auto}
  .fm-v274 .fm-qc-product-box>summary:after{grid-column:3}
  .fm-v274 .fm-qc-product-url-field>div{align-items:stretch}
  .fm-v274 .fm-qc-product-url-field button{min-width:72px;padding-inline:9px}
  .fm-v274 .fm-qc-product-selected{grid-template-columns:46px minmax(0,1fr) auto}
  .fm-v274 .fm-qc-product-selected-media{width:46px;height:46px}
}

/* v274 post-menu report action */
.fm-v274 .fm-report-post-card{display:grid;gap:10px;min-width:0}
.fm-v274 .fm-report-post-card>p{margin:0;color:#485873;font-size:13px;line-height:1.6}
.fm-v274 .fm-report-post-card>textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #dfe5ef;border-radius:13px;background:#f9faff;color:#26364f;padding:11px 12px;font:inherit;font-size:13px;line-height:1.55;outline:none}
.fm-v274 .fm-report-post-card>textarea:focus{border-color:#aeb8fb;box-shadow:0 0 0 3px rgba(104,119,245,.09);background:#fff}
.fm-v274 .fm-report-post-card>small{color:#8a96a9;font-size:11px}