.hidden { display: none !important; }
.headerActions { display: flex; align-items: center; gap: 10px; }
.headerActions > button, .workspaceHead button, .assetAction button, .reviewFooter button { border: 1px solid #dce1e9; background: #fff; border-radius: 8px; padding: 9px 12px; cursor: pointer; }
.assetAction { display: flex; flex-direction: column; gap: 8px; }
.assetAction button { font-size: 12px; }
.assetAction button:disabled { opacity: .45; }
.assetAction button.danger { border-color: #f0cbd0; color: #bd3945; background: #fff; }
.assetAction button.danger:hover { background: #ffeaec; }
.deleteAssetDialog form > small { color: #bd3945; font-weight: 700; }
.deleteAssetDialog .deleteAssetTarget { display: grid; gap: 4px; padding: 10px 12px; border: 1px solid #f0cbd0; border-radius: 8px; background: #fff7f7; }
.deleteAssetDialog .deleteAssetTarget span { overflow-wrap: anywhere; color: #697389; font-size: 11px; }
.deleteAssetDialog button.danger { color: #fff; border-color: #bd3945; background: #bd3945; }
.deleteAssetDialog button.danger:hover { background: #a92f3a; }
.reviewWorkspace { background: #fff; border: 1px solid #e4e8f0; border-radius: 13px; overflow: hidden; }
.publishWorkspace { background: #fff; border: 1px solid #e4e8f0; border-radius: 15px; overflow: hidden; }
.reviewWorkspace .workspaceHead { padding: 16px 20px; }
.reviewWorkspace .workspaceHead h2 { font-size: 19px; }
.workspaceHead { display: flex; align-items: center; justify-content: space-between; padding: 24px; border-bottom: 1px solid #edf0f5; }
.workspaceHead h2 { margin: 4px 0 0; }
.workspaceHead small { color: #7c8699; }
.reviewLegend { display: flex; gap: 10px; flex-wrap: wrap; padding: 8px 20px; background: #f7f8fb; border-bottom: 1px solid #edf0f5; }
.reviewLegend span { font-size: 12px; color: #657086; }
.reviewList { display: grid; gap: 8px; padding: 12px; background: #f7f8fb; }
.reviewCard { background: #fff; border: 1px solid #e1e6ef; border-radius: 10px; overflow: hidden; }
.reviewCard:hover { border-color: #cfd7e6; }
.reviewSummary { min-height: 76px; display: grid; grid-template-columns: minmax(260px,1fr) auto auto; align-items: center; gap: 16px; padding: 10px 14px; }
.reviewSummaryMain { min-width: 0; }
.reviewSummaryMain > div { display: flex; align-items: center; gap: 9px; min-width: 0; }
.reviewSummaryMain h3 { margin: 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reviewSummaryMain p { margin: 5px 0 0; color: #7d8799; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reviewSummaryMain p b { color: #b83945; font-weight: 500; }
.reviewSummaryMeta { display: flex; align-items: center; gap: 6px; }
.reviewSummaryMeta span { border: 1px solid #e1e6ef; border-radius: 99px; background: #f7f8fb; color: #687389; padding: 5px 8px; font-size: 10px; white-space: nowrap; }
.reviewSummaryActions { display: flex; gap: 6px; }
.reviewSummaryActions button { border: 1px solid #dce1e9; background: #fff; border-radius: 7px; padding: 7px 9px; color: #46526a; font-size: 10px; cursor: pointer; white-space: nowrap; }
.reviewSummaryActions .reviewToggle { min-width: 72px; background: #202a40; border-color: #202a40; color: #fff; }
.reviewDetails { display: none; padding: 0 14px 12px; border-top: 1px solid #edf0f5; background: #fcfdff; }
.reviewCard.expanded { border-color: #aeb8ef; box-shadow: 0 8px 24px #2635580d; }
.reviewCard.expanded .reviewDetails { display: block; }
.reviewTop, .reviewFooter { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.reviewTop > div { display: flex; align-items: center; gap: 10px; }
.reviewTop small, .reviewFooter > small { color: #7d8799; }
.reviewStatus { padding: 6px 10px; border-radius: 99px; font-size: 12px; }
.reviewStatus.draft { background: #eef1f6; }
.reviewStatus.pending { background: #fff2d7; color: #906115; }
.reviewStatus.approved { background: #e4f7ec; color: #168351; }
.reviewStatus.rejected { background: #ffe8ea; color: #b83945; }
.reviewNote { padding: 10px 12px; background: #fff1f2; color: #a53642; border-radius: 8px; }
.reviewGrid { display: grid; grid-template-columns: 2fr 1fr; gap: 9px; margin: 12px 0; }
.reviewGrid label { display: flex; flex-direction: column; gap: 6px; color: #626d81; font-size: 12px; }
.reviewGrid .wide { grid-column: 1 / -1; }
.reviewGrid input, .reviewGrid textarea, .formDialog input, .formDialog textarea { border: 1px solid #d9dee8; border-radius: 8px; padding: 8px 9px; background: #fff; }
.reviewGrid textarea { min-height: 58px; resize: vertical; }
.reviewGrid input:disabled, .reviewGrid textarea:disabled { background: #f5f6f9; color: #667086; }
.aspectGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 11px; }
.aspect { display: grid; grid-template-columns: auto 30px 1fr auto; align-items: center; gap: 7px; border: 1px solid #dfe4ec; border-radius: 8px; padding: 7px 9px; }
.aspect.selected { border-color: #7986ff; background: #f4f5ff; }
.aspect i { display: block; border-radius: 3px; background: #2c3851; }
.aspect:nth-child(1) i { width: 32px; height: 18px; }
.aspect:nth-child(2) i { width: 18px; height: 32px; }
.aspect:nth-child(3) i { width: 27px; height: 27px; }
.aspect small { color: #8891a1; }
.reviewFooter > div { display: flex; gap: 8px; }
.reviewFooter .primary, .formDialog .primary { background: #5365e9; color: #fff; border-color: #5365e9; }
.reviewFooter .danger { color: #b43843; border-color: #efc6ca; }
.formDialog { width: min(560px, 90vw); padding: 24px; }
.formDialog form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.formDialog h2, .formDialog p, .formDialog .rights, .formDialog .primary { grid-column: 1 / -1; }
.tokenDialog form label { grid-column: 1 / -1; }
.formDialog h2 { margin: 0; }
.formDialog p { margin: 0; color: #6f798d; }
.formDialog label { display: flex; flex-direction: column; gap: 6px; color: #59647a; font-size: 13px; }
.formDialog .rights { flex-direction: row; align-items: center; }
.formDialog .primary { border: 0; border-radius: 9px; padding: 12px; }
.socialConnection { margin: 20px; padding: 16px; border: 1px solid #e3e7ee; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; }
.socialConnection > div { display: flex; align-items: center; gap: 12px; } .socialConnection small { display: block; color: #7c8699; margin-top: 4px; }
.socialConnection button, .publicationMetrics button { border: 1px solid #dce1e9; border-radius: 8px; padding: 9px 12px; background: #fff; cursor: pointer; }
.youtubeMark { display: grid; place-items: center; width: 38px; height: 30px; color: #fff; background: #f22; border-radius: 8px; font-size: 13px; }
.publicationForm { margin: 0 20px 22px; padding: 18px; border-radius: 12px; background: #f7f8fb; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.publicationForm > div, .publicationForm .wide { grid-column: 1 / -1; } .publicationForm h3 { margin: 3px 0 8px; }
.publicationForm label { display: flex; flex-direction: column; gap: 6px; color: #626d81; font-size: 12px; }
.publicationForm input, .publicationForm textarea, .publicationForm select { border: 1px solid #d9dee8; border-radius: 8px; padding: 10px; background: #fff; }
.publicationForm .primary { align-self: end; border: 0; border-radius: 8px; padding: 11px; background: #5365e9; color: #fff; cursor: pointer; }
.publicationHead { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px 10px; border-top: 1px solid #edf0f5; } .publicationHead h3 { margin: 0; } .publicationHead small { color: #7c8699; }
.publicationList { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; padding: 12px 20px 22px; background: #f7f8fb; }
.publicationCard { padding: 17px; background: #fff; border: 1px solid #e1e6ef; border-radius: 12px; } .publicationCard > div:first-child { display: flex; align-items: center; justify-content: space-between; }
.publicationCard h4 { margin: 14px 0 8px; } .publicationCard p { color: #a53642; background: #fff1f2; padding: 8px; border-radius: 7px; font-size: 12px; }
.publicationStatus { padding: 5px 8px; border-radius: 99px; font-size: 11px; background: #eef1f6; } .publicationStatus.published, .publicationStatus.exported { background: #e4f7ec; color: #168351; } .publicationStatus.uploaded_draft, .publicationStatus.scheduled { background: #fff2d7; color: #906115; } .publicationStatus.failed { background: #ffe8ea; color: #b83945; }
.publicationMeta { min-height: 23px; display: flex; justify-content: space-between; gap: 8px; color: #717c90; font-size: 12px; } .publicationMeta a { color: #5365e9; }
.publicationMetrics { display: flex; align-items: end; gap: 18px; margin-top: 15px; padding-top: 12px; border-top: 1px solid #edf0f5; } .publicationMetrics b { font-size: 15px; } .publicationMetrics small { display: block; color: #8a93a3; font-size: 10px; font-weight: normal; } .publicationMetrics button { margin-left: auto; }
@media (max-width: 800px) {
  .reviewSummary { grid-template-columns: 1fr; gap: 8px; }
  .reviewSummaryMeta { flex-wrap: wrap; }
  .reviewSummaryActions { justify-content: flex-end; }
  .reviewGrid { grid-template-columns: 1fr; }
  .reviewGrid .wide { grid-column: auto; }
  .aspectGrid { grid-template-columns: 1fr; }
  .reviewTop, .reviewFooter { align-items: flex-start; flex-direction: column; }
  .assetAction { display: none; }
  .publicationForm, .publicationList { grid-template-columns: 1fr; } .publicationForm > div, .publicationForm .wide { grid-column: auto; }
}

.semanticStatus{border:1px solid #dfe4ed;background:#f5f7fa}.reviewStatus.approved+.semanticStatus{background:#e4f7ec;color:#168351}
.finishedProductWorkspace { overflow: hidden; border: 1px solid var(--ui-border,#e4e8f0); border-radius: 11px; background: #fff; }
.finishedProductSummary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; padding: 12px 14px; background: #f6f8fc; border-bottom: 1px solid #e7ebf2; }
.finishedProductSummary article { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2px 10px; min-height: 76px; padding: 12px 14px; border: 1px solid #dde3ee; border-radius: 10px; background: #fff; }
.finishedProductSummary small { grid-column: 1/-1; color: #6f7b91; font-size: 12px; }
.finishedProductSummary strong { color: #17233b; font-size: 28px; line-height: 1; }
.finishedProductSummary span { color: #8490a4; font-size: 12px; }
.finishedProductToolbar { display: grid; grid-template-columns: minmax(260px,2fr) minmax(150px,1fr) minmax(170px,1fr) auto auto; gap: 8px; padding: 12px 14px; border-bottom: 1px solid #e7ebf2; }
.finishedProductToolbar input,.finishedProductToolbar select,.finishedProductToolbar button { min-height: 40px; border: 1px solid #d9e0eb; border-radius: 8px; padding: 8px 10px; background: #fff; color: #263149; font-size: 13px; }
.finishedProductToolbar button { cursor: pointer; font-weight: 700; }
.finishedProductToolbar button.primary { border-color: #5264e8; background: #5264e8; color: #fff; }
.finishedProductHead { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px 8px; }
.finishedProductHead h3 { margin: 0 0 3px; font-size: 17px; }
.finishedProductHead small { color: #7d889d; font-size: 12px; }
.finishedProductList { display: grid; grid-template-columns: repeat(3,minmax(260px,1fr)); gap: 10px; padding: 8px 14px 14px; background: #f6f8fc; }
.finishedProductCard { overflow: hidden; border: 1px solid #dfe5ef; border-radius: 10px; background: #fff; }
.finishedProductCard:hover { border-color: #aeb9df; box-shadow: 0 8px 22px #25345b12; }
.finishedProductCover { position: relative; display: block; width: 100%; aspect-ratio: 16/9; overflow: hidden; border: 0; padding: 0; background: #172238; cursor: pointer; }
.finishedProductCover img { width: 100%; height: 100%; object-fit: cover; }
.finishedProductCover .noCover { display: grid; place-items: center; width: 100%; height: 100%; color: #bfc8d8; background: linear-gradient(145deg,#1b2740,#313e5c); font-weight: 700; }
.finishedProductCover > span { position: absolute; right: 9px; bottom: 8px; padding: 4px 7px; border-radius: 6px; background: #10192dcc; color: #fff; font-size: 12px; }
.finishedProductBody { padding: 11px 12px 10px; }
.finishedProductTitle { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.finishedProductTitle h4 { overflow: hidden; margin: 0; color: #17233b; font-size: 16px; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; }
.finishedProductStatus { flex: none; padding: 4px 7px; border-radius: 99px; background: #edf0f5; color: #667188; font-size: 11px; }
.finishedProductStatus.published,.finishedProductStatus.exported { background: #e4f7ec; color: #168351; }
.finishedProductStatus.processing,.finishedProductStatus.uploaded_draft { background: #fff2d7; color: #906115; }
.finishedProductStatus.failed { background: #ffe8ea; color: #b83945; }
.finishedProductTags { display: flex; flex-wrap: wrap; gap: 5px; margin: 9px 0; }
.finishedProductTags span { padding: 4px 6px; border-radius: 5px; background: #f0f3f8; color: #5e6a80; font-size: 11px; }
.finishedProductLineage { display: grid; gap: 4px; min-height: 50px; color: #778298; font-size: 12px; }
.finishedProductLineage span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.finishedProductActions { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: 6px; margin-top: 10px; padding-top: 9px; border-top: 1px solid #ebeff5; }
.finishedProductActions button,.finishedProductActions a { display: grid; place-items: center; min-height: 34px; border: 1px solid #d9e0eb; border-radius: 7px; background: #fff; color: #354158; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; }
.finishedProductActions .primary { border-color: #5264e8; background: #5264e8; color: #fff; }
.finishedProductPager { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 12px 14px; border-top: 1px solid #e4e9f1; }
.finishedProductPager button { min-height: 38px; border: 1px solid #d9e0eb; border-radius: 8px; padding: 7px 14px; background: #fff; cursor: pointer; }
.finishedProductPager button:disabled { opacity: .4; cursor: default; }
.finishedProductPreview { width: min(1080px,92vw); max-height: 92vh; padding: 0; border: 1px solid #aeb9cc; border-radius: 14px; background: #121b2e; color: #fff; overflow: hidden; }
.finishedProductPreview::backdrop { background: #0c1424b8; backdrop-filter: blur(3px); }
.finishedProductPreview video { display: block; width: 100%; max-height: 72vh; background: #000; }
.finishedProductPreview > div { padding: 14px 18px 18px; }
.finishedProductPreview h2 { margin: 4px 0 6px; font-size: 22px; }
.finishedProductPreview p,.finishedProductPreview small { margin: 0; color: #b8c3d7; }
.finishedProductPreview .close { position: absolute; z-index: 2; top: 10px; right: 10px; width: 38px; height: 38px; border: 1px solid #ffffff66; border-radius: 99px; background: #121b2ecc; color: #fff; font-size: 24px; cursor: pointer; }
@media (max-width:1100px) { .finishedProductList { grid-template-columns: repeat(2,minmax(240px,1fr)); } .finishedProductSummary { grid-template-columns: repeat(2,1fr); } }
@media (max-width:760px) { .finishedProductToolbar,.finishedProductList,.finishedProductSummary { grid-template-columns: 1fr; } .finishedProductHead { align-items: flex-start; flex-direction: column; gap: 4px; } }