* { box-sizing: border-box; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #172033; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.hidden { display: none !important; }
.assetFormHidden { display: none !important; }
.libraryHeader { min-height: 132px; padding: 28px 34px 22px; background: #fff; border-bottom: 1px solid #e4e7ec; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.libraryHeader h1 { margin: 2px 0 4px; font-size: 28px; letter-spacing: -.035em; }
.libraryHeader p { margin: 0; color: #667085; }
.automationToggle { min-width: 230px; padding: 10px 12px; display:flex; align-items:center; gap:10px; border:1px solid #e4e7ec; border-radius:12px; background:#fffaf0; cursor:pointer; }
.automationToggle input { width:18px; height:18px; accent-color:#f6b51e; }.automationToggle span { display:grid; gap:2px; }.automationToggle strong { font-size:12px; }.automationToggle small { color:#667085; font-size:10px; }
.eyebrow { text-transform: uppercase; letter-spacing: .11em; color: #6657d9 !important; font-size: 11px; font-weight: 800; }
.headerActions, .formActions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.headerActions select { width: 92px; height: 40px; }
.primary, .secondary, .danger { min-height: 40px; padding: 0 16px; border-radius: 9px; border: 1px solid transparent; font-weight: 700; }
.primary { color: #fff; background: #6657d9; box-shadow: 0 4px 12px rgba(102,87,217,.2); }
.primary:hover { background: #5748ca; }
.secondary { color: #344054; border-color: #d0d5dd; background: #fff; }
.danger { color: #b42318; border-color: #fecdca; background: #fff6f5; }
.subnav { height: 52px; padding: 0 34px; display: flex; gap: 24px; align-items: end; background: #fff; border-bottom: 1px solid #e4e7ec; }
.subnav button { height: 52px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #667085; font-weight: 700; }
.subnav button.active { color: #5b4dca; border-color: #6657d9; }
.libraryMain { padding: 24px 34px 54px; }
.filterPanel { display: flex; flex-wrap: wrap; gap: 10px; padding: 14px; background: #fff; border: 1px solid #e4e7ec; border-radius: 12px; box-shadow: 0 2px 8px rgba(16,24,40,.035); }
.filterPanel select, .searchBox { height: 40px; border: 1px solid #d0d5dd; border-radius: 8px; background: #fff; }
.filterPanel select { padding: 0 10px; max-width: 180px; }
.searchBox { min-width: 280px; flex: 1; display: flex; align-items: center; gap: 8px; padding: 0 12px; }
.searchBox input { width: 100%; border: 0; outline: 0; }
.viewToggle { display: flex; border: 1px solid #d0d5dd; border-radius: 8px; overflow: hidden; }
.viewToggle button { width: 38px; border: 0; background: #fff; color: #667085; }
.viewToggle button.active { color: #5b4dca; background: #f0edff; }
.starlinkGraphPanel { overflow:hidden; border:1px solid #e4e7ec; border-radius:14px; background:#fff; box-shadow:0 2px 8px rgba(16,24,40,.035); }
.starlinkToolbar { min-height:52px; padding:9px 12px; display:flex; align-items:center; gap:9px; border-bottom:1px solid #edf0f5; }
.starlinkToolbar input { width:min(320px,40vw); }.starlinkToolbar span { margin-left:auto; color:#667085; font-size:12px; }
.starlinkWorkspace { min-height:580px; display:grid; grid-template-columns:minmax(0,1fr) 320px; }
#starlinkCanvas { width:100%; height:580px; display:block; cursor:grab; outline:none; touch-action:none; }
#starlinkCanvas:active { cursor:grabbing; }.starlinkInspector { overflow:auto; max-height:580px; padding:18px; border-left:1px solid #edf0f5; background:#fcfcff; }
.starlinkInspectorHead h3 { margin:8px 0 4px; font-size:17px; }.starlinkInspectorHead p { margin:0; color:#667085; font-size:12px; }
.nodeKind,.stageBadge { display:inline-flex; padding:4px 8px; border-radius:999px; color:#5748ca; background:#eeebff; font-size:11px; font-weight:800; }
.nodeKind.video { color:#026aa2; background:#e9f5ff; }.nodeKind.mixed { color:#b54708; background:#fff4e5; }.nodeKind.image { color:#475467; background:#eef1f5; }
.starlinkTagGroups { margin-top:18px; display:grid; gap:12px; }.starlinkTagGroups > div { display:grid; gap:6px; }.starlinkTagGroups b { color:#667085; font-size:11px; }
.starlinkTagGroups span { display:flex; flex-wrap:wrap; gap:5px; }.starlinkTagGroups i { padding:4px 7px; border-radius:999px; color:#5946cc; background:#f0edff; font-size:10px; font-style:normal; }
.starlinkExtractionList,.starlinkRelations { margin-top:20px; }.starlinkExtractionList h4,.starlinkRelations h4 { margin:0 0 9px; }.starlinkExtractionList span { display:block; padding:7px 0; border-bottom:1px solid #edf0f5; color:#475467; font-size:12px; }
.starlinkRelations button { width:100%; padding:9px 0; display:grid; gap:3px; border:0; border-bottom:1px solid #edf0f5; background:transparent; text-align:left; }.starlinkRelations small { color:#667085; }
.advancedFilters { width: 100%; border-top: 1px solid #f0f1f3; padding-top: 10px; color: #5b4dca; font-size: 12px; font-weight: 700; }
.advancedFilters summary { cursor: pointer; width: max-content; }
.advancedFilterGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 9px; margin-top: 10px; }
.advancedFilterGrid label { margin: 0; font-size: 10px; color: #667085; }
.advancedFilterGrid input, .advancedFilterGrid select { height: 40px; }
.resultHead { display: flex; justify-content: space-between; align-items: center; margin: 20px 2px 12px; color: #667085; font-size: 13px; }
.resultSummary { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }.filterChip { min-height:28px; padding:0 10px; color:#5b4dca; border:1px solid #d9d6fe; border-radius:999px; background:#f5f3ff; cursor:pointer; font-size:12px; font-weight:700; }.filterChip:hover { background:#ece9ff; }
.linkButton { border: 0; background: transparent; color: #5b4dca; font-weight: 700; }
.assetGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.assetGrid.list { display: flex; flex-direction: column; }
.assetCard { overflow: hidden; background: #fff; border: 1px solid #e4e7ec; border-radius: 12px; transition: transform .15s, box-shadow .15s; cursor: pointer; }
.assetCard:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(16,24,40,.09); }
.assetCard:focus-visible { outline: 3px solid rgba(102,87,217,.3); outline-offset: 3px; }
.assetGrid.list .assetCard { display: grid; grid-template-columns: 180px minmax(0, 1fr); }
.assetCover { position: relative; height: 180px; background: linear-gradient(135deg, #ece9ff, #e9f4ff); display: grid; place-items: center; overflow: hidden; }
.assetGrid.list .assetCover { height: 146px; }
.assetCover img, .assetCover video { width: 100%; height: 100%; object-fit: cover; }
.assetCoverPlaceholder { font-size: 42px; color: #7f72dc; }
.platformBadge, .stateBadge { position: absolute; top: 10px; left: 10px; padding: 5px 8px; border-radius: 999px; color: #fff; background: rgba(17,24,39,.76); font-size: 11px; font-weight: 800; backdrop-filter: blur(8px); }
.stateBadge { left: auto; right: 10px; background: #b54708; }
.assetBody { padding: 14px; }
.assetTitle { margin: 0 0 7px; font-size: 15px; line-height: 1.4; }
.assetMeta { color: #667085; font-size: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.assetCaption { min-height: 42px; margin: 9px 0; color: #475467; font-size: 13px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tagRow { display: flex; flex-wrap: wrap; gap: 5px; min-height: 25px; }
.tag { border-radius: 999px; padding: 4px 7px; color: #5b4dca; background: #f0edff; font-size: 10px; font-weight: 700; }
.metricRow { display: flex; gap: 12px; margin-top: 11px; padding-top: 10px; border-top: 1px solid #f0f1f3; color: #475467; font-size: 11px; }
.ragDot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; background: #f79009; }
.ragDot.synced { background: #12b76a; }.ragDot.failed { background: #f04438; }
.emptyState { text-align: center; padding: 84px 20px; color: #667085; }
.emptyIcon { font-size: 42px; color: #7f72dc; }.emptyState h2 { color: #344054; }
.assetPagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; padding: 24px 0 0; }
.assetPageNumbers { display: flex; align-items: center; gap: 6px; }
.assetPageButton { min-width: 38px; height: 38px; padding: 0 10px; border: 1px solid #d0d5dd; border-radius: 8px; color: #344054; background: #fff; font-weight: 700; }
.assetPageButton:hover:not(:disabled) { border-color: #8b7cf6; color: #5b4dca; background: #f5f3ff; }
.assetPageButton.active { border-color: #6657d9; color: #fff; background: #6657d9; }
.assetPageButton:disabled { opacity: .45; cursor: default; }
.assetPageSize { display: flex; grid-template-columns: none; align-items: center; gap: 6px; margin: 0; color: #667085; font-weight: 500; }
.assetPageSize select { width: auto; min-width: 68px; height: 38px; padding: 0 8px; }
.assetPageInfo { color: #667085; font-size: 13px; }
.managementLayout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 22px; align-items: start; }
.dualManagement { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.editorCard { background: #fff; border: 1px solid #e4e7ec; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(16,24,40,.035); }
.editorCard h2, .editorCard h3 { margin-top: 0; }.editorCard > p { color: #667085; font-size: 13px; }
label { display: grid; gap: 6px; color: #344054; font-size: 12px; font-weight: 700; margin-bottom: 13px; }
.formField { display: grid; gap: 6px; color: #344054; font-size: 12px; font-weight: 700; margin-bottom: 13px; min-width: 0; }
input, select, textarea { width: 100%; border: 1px solid #d0d5dd; border-radius: 8px; padding: 9px 10px; color: #172033; background: #fff; outline: none; }
input:focus, select:focus, textarea:focus { border-color: #8b7cf6; box-shadow: 0 0 0 3px rgba(102,87,217,.1); }
select[multiple] { padding: 5px; }.code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.multiValueStore { display: none; }
.multiDropdown { position: relative; min-width: 0; }
.multiDropdown summary { min-height: 40px; padding: 9px 10px; border: 1px solid #d0d5dd; border-radius: 8px; background: #fff; color: #172033; font-weight: 400; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; }
.multiDropdown summary::-webkit-details-marker { display: none; }
.multiDropdown[open] summary { border-color: #8b7cf6; box-shadow: 0 0 0 3px rgba(102,87,217,.1); }
.multiDropdown summary span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.multiDropdown summary b { color: #667085; font-size: 13px; transition: transform .15s; }
.multiDropdown[open] summary b { transform: rotate(180deg); }
.multiDropdownMenu { position: absolute; z-index: 12; top: calc(100% + 5px); left: 0; right: 0; max-height: 240px; overflow-y: auto; padding: 6px; border: 1px solid #d0d5dd; border-radius: 9px; background: #fff; box-shadow: 0 12px 30px rgba(16,24,40,.14); }
.multiDropdownOption { display: flex; grid-template-columns: none; align-items: center; gap: 8px; min-height: 36px; margin: 0; padding: 7px 8px; border-radius: 6px; font-weight: 500; cursor: pointer; }
.multiDropdownOption:hover { background: #f5f3ff; }
.multiDropdownOption input { width: 16px; height: 16px; margin: 0; accent-color: #6657d9; box-shadow: none; }
.multiDropdownEmpty { padding: 10px; color: #667085; font-weight: 400; }
.formGrid { display: grid; gap: 12px; }.formGrid.two { grid-template-columns: repeat(2, 1fr); }.formGrid.three { grid-template-columns: repeat(3, 1fr); }
.checkLabel { display: flex; grid-template-columns: auto 1fr; align-items: center; }.checkLabel input { width: auto; }
fieldset { border: 1px solid #e4e7ec; border-radius: 10px; margin: 14px 0; } legend { padding: 0 8px; color: #667085; font-size: 11px; font-weight: 700; }
.recordList { display: grid; gap: 10px; }.recordList.compact { margin-top: 18px; }
.recordItem { background: #fff; border: 1px solid #e4e7ec; border-radius: 10px; padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.recordItem:hover { border-color: #b9b2ef; }.recordItem h4 { margin: 0 0 4px; }.recordItem p { margin: 0; color: #667085; font-size: 12px; }
.recordActions { display: flex; align-items: center; gap: 8px; }
.recordActions button { min-height: 34px; padding: 0 10px; border-radius: 7px; }
.recordDelete { color: #b42318; border: 1px solid #fecdca; background: #fff6f5; }
.sectionHeading { display: flex; justify-content: space-between; align-items: start; margin-bottom: 14px; }.sectionHeading h2, .sectionHeading h3 { margin: 0; }.sectionHeading p { margin: 4px 0 0; color: #667085; font-size: 12px; }
.taxonomyGroups { display: grid; gap: 16px; }.taxonomyGroup { background: #fff; border: 1px solid #e4e7ec; border-radius: 12px; padding: 18px; }.taxonomyGroup h3 { margin-top: 0; }
.taxonomyNodes { display: flex; flex-wrap: wrap; gap: 8px; }.taxonomyNode { border: 1px solid #d0d5dd; background: #fff; padding: 8px 10px; border-radius: 8px; color: #344054; }.taxonomyNode.inactive { opacity: .45; }
.drawerBackdrop { position: fixed; inset: 0; background: rgba(16,24,40,.44); z-index: 80; }
.assetDrawer { position: fixed; top: 0; right: 0; z-index: 90; width: min(760px, 100vw); height: 100vh; overflow-y: auto; background: #f8f9fc; box-shadow: -18px 0 46px rgba(16,24,40,.18); }
.drawerHeader { position: sticky; top: 0; z-index: 3; padding: 20px 24px; background: rgba(255,255,255,.95); border-bottom: 1px solid #e4e7ec; display: flex; justify-content: space-between; align-items: center; backdrop-filter: blur(12px); }
.drawerHeader h2 { margin: 2px 0 0; }.iconBtn { width: 38px; height: 38px; border: 0; border-radius: 50%; font-size: 24px; color: #475467; background: #f2f4f7; }
.assetForm { padding: 20px 24px 0; }.assetForm section, .extraCard { background: #fff; border: 1px solid #e4e7ec; border-radius: 12px; padding: 18px; margin-bottom: 16px; }
.assetForm section h3, .extraCard h3 { margin: 0 0 15px; font-size: 15px; }.formHint { color: #667085; font-size: 12px; }
.stickyActions { position: sticky; bottom: 0; z-index: 4; margin: 0 -24px; padding: 14px 24px; background: rgba(255,255,255,.96); border-top: 1px solid #e4e7ec; display: flex; justify-content: flex-end; align-items: center; gap: 8px; backdrop-filter: blur(12px); }
.stickyActions span { margin-right: auto; color: #667085; font-size: 12px; }
.assetExtras { padding: 18px 24px 40px; }.mediaStrip { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; margin-top: 12px; }
.mediaItem { min-width: 0; border: 1px solid #e4e7ec; border-radius: 10px; overflow: hidden; background: #fff; }
.mediaItemThumb { position: relative; height: 130px; background: #101828; overflow: hidden; }
.mediaItemThumb img, .mediaItemThumb video { width: 100%; height: 100%; object-fit: cover; }
.mediaTypeBadge { position: absolute; left: 8px; top: 8px; padding: 3px 7px; border-radius: 999px; color: #fff; background: rgba(0,0,0,.68); font-size: 10px; font-weight: 800; }
.mediaItemMeta { display: grid; gap: 3px; padding: 9px 10px 7px; }
.mediaItemMeta strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; }
.mediaItemMeta span { color: #667085; font-size: 10px; }
.mediaItemActions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 0 10px 10px; }
.mediaItemActions button { min-height: 32px; border-radius: 7px; font-size: 11px; font-weight: 800; }
.mediaPreviewButton { color: #5b4dca; border: 1px solid #d9d6fe; background: #f5f3ff; }
.mediaDeleteButton { color: #b42318; border: 1px solid #fecdca; background: #fff6f5; }
.uploadProgress { margin-top: 10px; padding: 10px; border-radius: 8px; background: #f0edff; color: #5b4dca; font-size: 12px; }
.pendingFiles { display: grid; gap: 6px; margin-top: 10px; padding: 10px; border: 1px solid #d9d6fe; border-radius: 8px; background: #faf9ff; color: #475467; font-size: 12px; }
.pendingFiles strong { color: #344054; }
.pendingFile { display: flex; justify-content: space-between; gap: 12px; }
.coverUploadField { margin-bottom: 16px; padding: 14px; border: 1px solid #d9d6fe; border-radius: 10px; background: #faf9ff; }.coverUploadField label { margin: 0; }.coverUploadField .formHint { margin-bottom: 0; }
.videoAnalysisOption { margin-top: 14px; padding: 14px; display: flex; align-items: flex-start; gap: 11px; border: 1px solid #d9d6fe; border-radius: 10px; background: #faf9ff; cursor: pointer; }.videoAnalysisOption input { width: 18px; height: 18px; margin-top: 1px; accent-color: #6657d9; }.videoAnalysisOption span { display: grid; gap: 4px; }.videoAnalysisOption strong { font-size: 13px; }.videoAnalysisOption small { color: #667085; font-size: 11px; line-height: 1.5; }.videoAnalysisOption:has(input:disabled) { cursor: not-allowed; opacity: .72; }
.inlineEditor { display: grid; grid-template-columns: repeat(5, 1fr) auto; gap: 7px; align-items: end; }.commentEditor { grid-template-columns: 1fr 100px auto; }
.timeline { display: grid; gap: 8px; margin-top: 12px; }.timelineItem { border-left: 2px solid #d9d6fe; padding: 5px 0 5px 12px; color: #475467; font-size: 12px; }.timelineItem strong { color: #172033; }
.alert { margin-bottom: 14px; padding: 11px 13px; border-radius: 8px; font-size: 13px; }.alert.error { color: #b42318; background: #fef3f2; border: 1px solid #fecdca; cursor: pointer; }.alert.success { color: #027a48; background: #ecfdf3; border: 1px solid #abefc6; }.alert.warning { color: #b54708; background: #fffaeb; border: 1px solid #fedf89; }
.drawerMessage { margin: 16px 24px 0; }
.buttonLink { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.mutedText { color: #98a2b3; }

.assetDetailMode .libraryHeader,
.assetDetailMode .subnav,
.assetDetailMode .libraryMain,
.assetDetailMode .assetDrawer,
.assetDetailMode .drawerBackdrop { display: none !important; }
.assetDetailPage { min-height: 100vh; background: #f5f7fb; }
.scriptDetailMode .libraryHeader,
.scriptDetailMode .subnav,
.scriptDetailMode .libraryMain,
.scriptDetailMode .assetDetailPage,
.scriptDetailMode .creativeDetailPage,
.scriptDetailMode .assetDrawer,
.scriptDetailMode .drawerBackdrop { display: none !important; }
.scriptDetailPage { min-height: 100vh; background: #f5f7fb; }
.scriptDetailPage .detailHeaderInner { padding-left:24px; box-sizing:border-box; }
.creativeDetailMode .libraryHeader,
.creativeDetailMode .subnav,
.creativeDetailMode .libraryMain,
.creativeDetailMode .assetDetailPage,
.creativeDetailMode .scriptDetailPage,
.creativeDetailMode .assetDrawer,
.creativeDetailMode .drawerBackdrop { display:none !important; }
.creativeDetailPage { min-height:100vh; background:#f5f7fb; }
.detailHeader { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid #e4e7ec; background: rgba(255,255,255,.96); backdrop-filter: blur(14px); }
.detailHeaderInner { width: min(1360px, calc(100% - 48px)); min-height: 86px; margin: 0 auto; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 18px; }
.detailHeading { min-width: 0; }.detailHeading h1 { margin: 2px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; }
.detailHeaderActions { display: flex; gap: 10px; }.detailHeaderActions .buttonLink { min-height: 40px; }
.detailMessage { width: min(1360px, calc(100% - 48px)); margin: 18px auto 0; }
.detailMain { width: min(1360px, calc(100% - 48px)); margin: 0 auto; padding: 24px 0 56px; }
.detailHeroCard { margin-bottom: 18px; padding: 20px 22px; border: 1px solid #e4e7ec; border-radius: 14px; background: #fff; box-shadow: 0 2px 8px rgba(16,24,40,.035); }
.detailHeroCard h2 { margin: 10px 0 5px; font-size: 24px; }.detailHeroCard p { margin: 0; color: #667085; }
.detailBadges { display: flex; flex-wrap: wrap; gap: 7px; }.detailBadge { padding: 5px 9px; border-radius: 999px; color: #475467; background: #f2f4f7; font-size: 10px; font-weight: 800; }.detailBadge.accent { color: #fff; background: #6657d9; }
.detailLayout { display: grid; grid-template-columns: minmax(0,1fr) 380px; gap: 20px; align-items: start; }
.videoAnalysisPanel { margin-top:20px; padding:22px; border:1px solid #e4e7ec; border-radius:16px; background:#fff; box-shadow:0 2px 8px rgba(16,24,40,.035); }
.videoAnalysisHead { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.videoAnalysisHead h2 { margin:2px 0 5px; }.videoAnalysisHead p { margin:0; color:#667085; }
.analysisStatus { padding:7px 11px; border-radius:999px; background:#f2f4f7; color:#475467; font-size:11px; font-weight:800; white-space:nowrap; }.analysisStatus.queued,.analysisStatus.processing { background:#fff3cd; color:#8a5a00; }.analysisStatus.completed { background:#dcfae6; color:#067647; }.analysisStatus.failed { background:#fee4e2; color:#b42318; }
.analysisStatus.ready,.analysisStatus.published { background:#dcfae6; color:#067647; }.analysisStatus.blocked,.analysisStatus.candidate { background:#fff3cd; color:#8a5a00; }.analysisStatus.superseded,.analysisStatus.archived { background:#f2f4f7; color:#475467; }.analysisStatus.rejected { background:#fee4e2; color:#b42318; }
.videoAnalysisBody { margin-top:18px; }.analysisEmpty { padding:30px; border:1px dashed #d0d5dd; border-radius:12px; color:#667085; text-align:center; }
.analysisSummaryGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.analysisSummaryCard { padding:13px; border:1px solid #eaecf0; border-radius:11px; background:#fffdf7; }.analysisSummaryCard span { display:block; color:#667085; font-size:10px; font-weight:800; }.analysisSummaryCard strong { display:block; margin-top:5px; font-size:13px; line-height:1.5; }
.analysisLists { margin:14px 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.analysisList { padding:14px; border:1px solid #eaecf0; border-radius:11px; }.analysisList h3 { margin:0 0 8px; font-size:13px; }.analysisList ul { margin:0; padding-left:18px; color:#475467; font-size:12px; line-height:1.65; }
.analysisTimelineWrap { overflow:auto; border:1px solid #eaecf0; border-radius:12px; }.analysisTimeline { width:100%; min-width:1180px; border-collapse:collapse; font-size:11px; }.analysisTimeline th,.analysisTimeline td { padding:10px; border-bottom:1px solid #eaecf0; text-align:left; vertical-align:top; line-height:1.5; }.analysisTimeline th { position:sticky; top:0; background:#fff8df; color:#69410b; }.analysisTimeBtn { padding:0; border:0; background:none; color:#175cd3; font-weight:800; cursor:pointer; }
.analysisTechnical { margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; color:#667085; font-size:10px; }.analysisTechnical span { padding:5px 8px; border-radius:7px; background:#f2f4f7; }.analysisError { padding:14px; border:1px solid #fecdca; border-radius:10px; background:#fef3f2; color:#b42318; }
.scriptVideoWorkspace { position:sticky; top:106px; }
.scriptDetailVideoStage { min-height:420px; display:grid; place-items:center; overflow:hidden; border-radius:12px; background:#101828; }
.scriptDetailVideoStage video { width:100%; max-height:650px; display:block; background:#101828; }
.scriptDetailVideoStage .analysisEmpty { width:calc(100% - 40px); border-color:#475467; color:#d0d5dd; }
.scriptDetailSourcePicker { margin-top:12px; display:flex; gap:8px; overflow:auto; padding-bottom:2px; }
.scriptDetailSourcePicker button { min-width:180px; padding:10px 12px; border:1px solid #e4e7ec; border-radius:10px; display:grid; gap:3px; color:#344054; text-align:left; background:#fff; }
.scriptDetailSourcePicker button.active { border-color:#7f72dc; box-shadow:0 0 0 2px #eeebff; }
.scriptDetailSourcePicker small { color:#667085; }
.scriptDetailSummary { display:grid; gap:10px; }.scriptDetailSummary > div { padding:11px 12px; border-radius:10px; display:grid; gap:4px; background:#faf9ff; }.scriptDetailSummary span { color:#667085; font-size:10px; font-weight:800; }.scriptDetailSummary strong { color:#344054; font-size:13px; line-height:1.55; }
.scriptDetailProvenance { margin-top:0; }.scriptDetailProvenance span { display:grid; gap:3px; flex:1 1 120px; }.scriptDetailProvenance small { color:#98a2b3; }
.scriptEvidenceLayout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.scriptEvidenceSection { padding:16px; border:1px solid #eaecf0; border-radius:12px; }.scriptEvidenceSection.wide { grid-column:1 / -1; }.scriptEvidenceSection h3 { margin:0 0 10px; font-size:14px; }.scriptEvidenceSection ul { margin:0; padding-left:18px; color:#475467; line-height:1.7; }
.scriptEvidenceLinks { display:grid; gap:8px; }.scriptEvidenceLinks a { padding:10px 12px; border:1px solid #e4e7ec; border-radius:9px; display:grid; gap:4px; color:#344054; text-decoration:none; }.scriptEvidenceLinks a:hover { border-color:#7f72dc; background:#faf9ff; }.scriptEvidenceLinks small { color:#667085; }
.scriptFrameworkTimeline { width:100%; border-collapse:collapse; font-size:12px; }.scriptFrameworkTimeline th,.scriptFrameworkTimeline td { padding:11px; border-bottom:1px solid #eaecf0; text-align:left; vertical-align:top; line-height:1.55; }.scriptFrameworkTimeline th { background:#fff8df; color:#69410b; }
.scriptVersionHistory { display:grid; gap:8px; }.scriptVersionHistory > div { padding:10px 12px; border-left:3px solid #7f72dc; display:flex; justify-content:space-between; gap:12px; background:#f8f7ff; }.scriptVersionHistory small { color:#667085; }
.previewWorkspace { min-width: 0; padding: 16px; border: 1px solid #e4e7ec; border-radius: 14px; background: #fff; box-shadow: 0 2px 8px rgba(16,24,40,.035); }
.previewToolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.previewTabs { display: inline-flex; padding: 3px; border-radius: 9px; background: #f2f4f7; }.previewTabs button { min-height: 36px; padding: 0 15px; border: 0; border-radius: 7px; color: #667085; background: transparent; font-weight: 800; }.previewTabs button.active { color: #5b4dca; background: #fff; box-shadow: 0 1px 4px rgba(16,24,40,.12); }
.previewTools { display: flex; align-items: center; gap: 10px; }.playbackRateControl { margin: 0; display: flex; align-items: center; gap: 5px; color: #667085; font-size: 11px; }.playbackRateControl select { width: 66px; height: 32px; padding: 4px 7px; }
.mediaPosition { color: #667085; font-size: 12px; font-weight: 700; }
.previewStageLayout { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; align-items: start; }
.previewStageLayout.hasMediaNavigation { grid-template-columns: 80px minmax(0,1fr); }
.previewStage { min-width: 0; }
.previewPanel { position: relative; min-height: 720px; border-radius: 12px; background: linear-gradient(145deg,#f0edff,#edf4ff); overflow: hidden; }
.simulationNotice { position: absolute; z-index: 5; top: 12px; left: 12px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; color: #fff; background: rgba(16,24,40,.74); backdrop-filter: blur(8px); font-size: 10px; font-weight: 800; }
.platformPreviewHost { min-height: 720px; padding: 42px 22px 22px; display: grid; place-items: center; }
.phoneFrame { position: relative; width: min(390px,100%); height: 720px; padding: 12px; border: 3px solid #1d2939; border-radius: 40px; background: #101828; box-shadow: 0 28px 60px rgba(16,24,40,.28); }
.phoneScreen { height: 100%; border-radius: 28px; overflow: hidden; background: #fff; }.phoneSpeaker { position: absolute; z-index: 8; top: 18px; left: 50%; width: 76px; height: 18px; border-radius: 999px; background: #101828; transform: translateX(-50%); }.phoneHome { position: absolute; z-index: 8; bottom: 17px; left: 50%; width: 110px; height: 4px; border-radius: 999px; background: rgba(255,255,255,.65); transform: translateX(-50%); }
.platformCanvas { position: relative; height: 100%; overflow-y: auto; color: #101828; background: #fff; font-size: 12px; }.platformCanvas h3,.platformCanvas p { margin: 0; }
.platformMedia { display: block; width: 100%; height: 380px; border: 0; background: #101828; object-fit: cover; }.platformMediaEmpty { display: grid; place-items: center; color: #98a2b3; background: #e4e7ec; }
.platformFullMedia { position: absolute; inset: 0; background: #101828; }.platformFullMedia .platformMedia { width: 100%; height: 100%; }.platformMediaShade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to top,rgba(0,0,0,.85),transparent 55%,rgba(0,0,0,.25)); }
.platformAvatar { width: 35px; height: 35px; flex: 0 0 auto; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #344054; font-weight: 900; }.platformAvatar.red { background: #ff2442; }.platformAvatar.blue { background: #1877f2; }.platformAvatar.green { background: #0f9d58; }.platformAvatar.gradient { background: linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7); }
.platformPostAuthor { min-height: 56px; padding: 10px 13px; display: flex; align-items: center; gap: 9px; }.platformPostAuthor > div:nth-child(2) { min-width: 0; flex: 1; display: grid; }.platformPostAuthor small { color: #667085; }.platformPostAuthor button { padding: 5px 13px; border: 0; border-radius: 999px; color: #fff; background: #ff2442; font-weight: 800; }
.platformTags { margin-top: 5px !important; color: #d0d5dd; line-height: 1.4; }.redText { color: #ff2442; }.blueText { color: #175cd3; }
.tiktokCanvas,.instagramReelCanvas { overflow: hidden; color: #fff; background: #000; }.tiktokTop { position: absolute; z-index: 2; top: 20px; left: 0; right: 0; display: flex; justify-content: center; gap: 20px; }.tiktokTop span { color: rgba(255,255,255,.6); }.tiktokActions,.instagramReelActions { position: absolute; z-index: 2; right: 10px; bottom: 88px; display: grid; gap: 16px; justify-items: center; }.tiktokActions span,.instagramReelActions span { display: grid; justify-items: center; font-size: 24px; }.tiktokActions b,.instagramReelActions b { font-size: 10px; }.tiktokCaption,.instagramReelCopy { position: absolute; z-index: 2; left: 13px; right: 62px; bottom: 32px; }.tiktokCaption p,.instagramReelCopy p { margin-top: 5px; line-height: 1.45; }
.xhsTop,.instagramTop,.facebookTop { height: 64px; padding: 12px 14px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f2f4f7; }.xhsCopy,.instagramCopy,.facebookCopy,.genericCopy,.googleCopy { padding: 13px; }.xhsCopy h3,.genericCopy h3,.googleCopy h3 { margin-bottom: 7px; }.xhsCopy p,.instagramCopy p,.facebookCopy p,.genericCopy p,.googleCopy p { line-height: 1.55; }.xhsBottom { position: sticky; bottom: 0; padding: 10px 12px; display: flex; align-items: center; gap: 9px; border-top: 1px solid #f2f4f7; background: #fff; }.xhsBottom span { flex: 1; padding: 7px 10px; border-radius: 999px; color: #98a2b3; background: #f2f4f7; }.xhsBottom b { font-size: 10px; }
.facebookTop strong { color: #1877f2; font-size: 22px; }.facebookCopy { padding-top: 3px; }.facebookStats,.facebookActions,.instagramActions { padding: 10px 13px; display: flex; justify-content: space-between; border-top: 1px solid #f2f4f7; color: #667085; }.facebookActions { color: #475467; font-weight: 800; }
.instagramTop strong { font-family: Georgia,serif; font-size: 18px; font-style: italic; }.instagramActions { color: #101828; font-size: 20px; }.instagramCopy strong { display: block; margin-bottom: 5px; }.instagramStoryTop { position: absolute; z-index: 2; top: 20px; left: 12px; right: 12px; display: flex; align-items: center; gap: 8px; }.instagramStoryTop strong { flex: 1; }
.googleTop { margin: 28px 14px 14px; padding: 9px 12px; border-radius: 999px; display: flex; align-items: center; gap: 10px; color: #667085; box-shadow: 0 2px 10px rgba(16,24,40,.14); }.googleTop span:nth-child(2) { flex: 1; }.googleG { color: #4285f4; font-size: 20px; font-weight: 900; }.googleBusiness { padding: 10px 14px 16px; display: flex; gap: 11px; }.googleBusiness h3 { margin: 0 0 3px; }.googleBusiness p,.googleBusiness small { color: #667085; }.googleCopy button { margin-top: 12px; width: 100%; min-height: 36px; border: 1px solid #d0d5dd; border-radius: 7px; color: #175cd3; background: #fff; font-weight: 800; }
.genericTop { height: 64px; padding: 12px 14px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e4e7ec; }.genericTop span { color: #667085; }
.rawMediaStage { position: relative; min-height: 720px; padding: 22px; display: grid; place-items: center; align-content: center; color: #fff; background: #101828; }.rawMediaStage > img,.rawMediaStage > video { max-width: 100%; max-height: 640px; border-radius: 8px; object-fit: contain; }.rawMediaStage > img { cursor: zoom-in; }.rawMediaMeta { position: absolute; left: 16px; right: 16px; bottom: 14px; padding: 8px 11px; border-radius: 8px; display: flex; justify-content: space-between; gap: 12px; background: rgba(0,0,0,.65); font-size: 11px; backdrop-filter: blur(7px); }.rawMediaMeta span { color: #d0d5dd; }.mediaEmptyState { display: grid; justify-items: center; color: #98a2b3; }.mediaEmptyState span { font-size: 42px; }
.mediaThumbnails { max-height: 720px; padding: 2px; display: flex; flex-direction: column; gap: 9px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-width: thin; }.mediaThumbnails::-webkit-scrollbar { width: 6px; height: 6px; }.mediaThumbnail { position: relative; flex: 0 0 70px; width: 70px; height: 70px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: #101828; }.mediaThumbnail.active { border-color: #6657d9; box-shadow: 0 0 0 2px #e9e5ff; }.mediaThumbnail:focus-visible { outline: 3px solid rgba(102,87,217,.35); outline-offset: 2px; }.mediaThumbnail img,.mediaThumbnail video { width: 100%; height: 100%; object-fit: cover; }.mediaThumbnailPlay { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; background: rgba(0,0,0,.24); font-size: 20px; }.mediaThumbnailIndex,.mediaThumbnailType { position: absolute; z-index: 2; display: grid; place-items: center; color: #fff; background: rgba(16,24,40,.78); font-style: normal; font-weight: 800; }.mediaThumbnailIndex { top: 4px; left: 4px; min-width: 19px; height: 19px; padding: 0 4px; border-radius: 999px; font-size: 9px; }.mediaThumbnailType { right: 4px; bottom: 4px; min-height: 17px; padding: 1px 4px; border-radius: 4px; font-size: 8px; }
.detailInfoPanel { display: grid; gap: 14px; }.detailInfoCard { padding: 18px; border: 1px solid #e4e7ec; border-radius: 14px; background: #fff; box-shadow: 0 2px 8px rgba(16,24,40,.035); }.detailInfoCard h3 { margin: 0 0 13px; font-size: 15px; }.detailBody { color: #344054; font-size: 13px; line-height: 1.7; }.detailBody p { margin: 0; }.detailKeywordGroup { margin-top: 13px; display: grid; gap: 6px; }.detailKeywordGroup > span { color: #667085; font-size: 10px; font-weight: 800; }.detailTags { margin-top: 13px; }.mentionRow { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; color: #175cd3; font-size: 11px; }
.detailFacts { min-width:0; margin:0; display:grid; gap:0; }.detailFacts > div { min-width:0; padding:9px 0; display:grid; grid-template-columns:92px minmax(0,1fr); gap:12px; border-bottom:1px solid #f2f4f7; }.detailFacts > div:last-child { border-bottom:0; }.detailFacts dt { min-width:0; color:#667085; font-size:11px; }.detailFacts dd { min-width:0; margin:0; overflow-wrap:anywhere; word-break:break-word; color:#344054; text-align:right; font-size:11px; font-weight:700; }
.detailMetricGrid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.detailMetricGrid div { padding: 10px 7px; border-radius: 8px; display: grid; gap: 4px; text-align: center; background: #f8f9fc; }.detailMetricGrid span { color: #667085; font-size: 10px; }.detailMetricGrid strong { font-size: 15px; }.detailComments { display: grid; gap: 8px; }.detailComments blockquote { margin: 0; padding: 10px 11px; border-left: 2px solid #d9d6fe; background: #faf9ff; }.detailComments p { margin: 0; color: #344054; font-size: 12px; line-height: 1.55; }.detailComments footer { margin-top: 5px; color: #98a2b3; font-size: 10px; }
.mediaPlaybackError { position: absolute; z-index: 9; inset: 50% auto auto 50%; width: min(300px,calc(100% - 30px)); padding: 14px; border: 1px solid #fecdca; border-radius: 10px; display: grid; gap: 6px; color: #b42318; background: rgba(255,246,245,.96); text-align: center; transform: translate(-50%,-50%); box-shadow: 0 8px 28px rgba(16,24,40,.2); }.mediaPlaybackError span { font-size: 11px; }.mediaPlaybackError a { color: #5b4dca; font-size: 11px; font-weight: 800; }

.modalOpen { overflow: hidden; }.mediaPreviewModal { position: fixed; z-index: 120; inset: 0; padding: 28px; display: grid; place-items: center; }.mediaPreviewBackdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(16,24,40,.76); backdrop-filter: blur(7px); }.mediaPreviewDialog { position: relative; z-index: 1; width: min(1120px,100%); max-height: calc(100vh - 56px); border-radius: 15px; overflow: hidden; background: #fff; box-shadow: 0 30px 80px rgba(0,0,0,.38); }.mediaPreviewHeader { min-height: 72px; padding: 12px 18px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #e4e7ec; }.mediaPreviewHeader h2 { margin: 2px 0 0; font-size: 17px; }.mediaPreviewActions { display: flex; align-items: center; gap: 9px; }.mediaPreviewHost { position: relative; height: min(78vh,780px); padding: 20px; display: grid; place-items: center; background: #101828; }.mediaPreviewHost img,.mediaPreviewHost video { max-width: 100%; max-height: 100%; object-fit: contain; }
.assetPageMode .libraryHeader,
.assetPageMode .subnav,
.assetPageMode .libraryMain,
.assetPageMode .drawerBackdrop { display: none !important; }
.assetPageMode .assetDrawer {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 100vh;
  overflow: visible;
  box-shadow: none;
}
.assetPageMode .drawerHeader { padding: 22px max(28px, calc((100% - 1200px) / 2)); }
.assetPageMode .assetForm,
.assetPageMode .assetExtras,
.assetPageMode .drawerMessage { width: min(1200px, calc(100% - 48px)); margin-left: auto; margin-right: auto; }
.assetPageMode .assetForm { padding: 24px 0 0; }
.assetPageMode .assetExtras { padding: 18px 0 48px; }
.assetPageMode .stickyActions { margin: 0; padding-left: 18px; padding-right: 18px; border: 1px solid #e4e7ec; border-bottom: 0; border-radius: 12px 12px 0 0; }
.assetPageMode .iconBtn {
  width: auto;
  height: 40px;
  padding: 0 14px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 1100px) { .managementLayout { grid-template-columns: 1fr; }.dualManagement { grid-template-columns: 1fr; }.filterPanel select { max-width: none; }.formGrid.three { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) { .libraryHeader { align-items: flex-start; flex-direction: column; padding: 20px; }.subnav, .libraryMain { padding-left: 18px; padding-right: 18px; }.subnav { overflow-x: auto; gap: 16px; }.searchBox { min-width: 100%; }.formGrid.two, .formGrid.three { grid-template-columns: 1fr; }.assetGrid.list .assetCard { grid-template-columns: 1fr; }.inlineEditor, .commentEditor { grid-template-columns: 1fr 1fr; }.assetPagination { justify-content: flex-start; }.assetPageNumbers { width: 100%; overflow-x: auto; padding-bottom: 2px; } }
@media (max-width: 900px) { .analysisSummaryGrid,.analysisLists,.scriptEvidenceLayout,.copyBreakdownGrid { grid-template-columns:1fr; }.scriptEvidenceSection.wide { grid-column:auto; }.videoAnalysisHead { flex-direction:column; }.scriptVideoWorkspace { position:static; }.scriptDetailVideoStage { min-height:280px; } }
@media (max-width: 1100px) {
  .detailLayout { grid-template-columns: 1fr; }
  .detailInfoPanel { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .creativeDetailOverview { grid-template-columns:1fr; }
  .creativeDetailMeta { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .previewStageLayout.hasMediaNavigation { grid-template-columns: minmax(0,1fr); }
  .mediaThumbnails { max-height: none; padding: 2px 2px 6px; flex-direction: row; overflow-x: auto; overflow-y: hidden; scrollbar-gutter: auto; }
}
@media (max-width: 760px) {
  .detailHeader { position: relative; }
  .detailHeaderInner { width: calc(100% - 28px); padding: 14px 0; grid-template-columns: 1fr auto; gap: 10px; }
  .detailHeading { grid-column: 1 / -1; grid-row: 1; }.detailHeading h1 { white-space: normal; font-size: 19px; }
  .detailBackBtn { grid-column: 1; grid-row: 2; justify-self: start; }.detailHeaderActions { grid-column: 2; grid-row: 2; }.detailHeaderActions .secondary { display: none; }
  .detailMain,.detailMessage { width: calc(100% - 28px); }.detailMain { padding-top: 14px; }
  .detailHeroCard { padding: 16px; }.detailHeroCard h2 { font-size: 20px; }
  .detailInfoPanel { grid-template-columns: 1fr; }
  .creativeDetailMeta { grid-template-columns:1fr; }
  .previewWorkspace { padding: 10px; }.previewPanel,.platformPreviewHost,.rawMediaStage { min-height: 600px; }.platformPreviewHost { padding: 40px 0 0; background: #101828; }
  .phoneFrame { width: 100%; height: 660px; padding: 0; border: 0; border-radius: 0; box-shadow: none; }.phoneScreen { border-radius: 0; }.phoneSpeaker,.phoneHome { display: none; }
  .rawMediaStage > img,.rawMediaStage > video { max-height: 530px; }
  .mediaPreviewModal { padding: 0; }.mediaPreviewDialog { width: 100%; max-height: 100vh; border-radius: 0; }.mediaPreviewHeader { min-height: 66px; }.mediaPreviewActions .buttonLink { display: none; }.mediaPreviewHost { height: calc(100vh - 66px); padding: 10px; }
  .scriptDetailPage .detailHeaderInner { padding:14px 0 14px 16px; }
  .scriptDetailPage .detailHeaderActions .secondary { display:inline-flex; }
  .creativeDetailPage .detailHeaderActions .secondary { display:inline-flex; }
  .creativeTableWrap { overflow:visible; border:0; box-shadow:none; background:transparent; }
  .creativeTable,.creativeTable tbody { display:block; }.creativeTable thead { display:none; }.creativeTable tr { margin-bottom:12px; padding:8px 14px; display:grid; border:1px solid #e4e7ec; border-radius:12px; background:#fff; box-shadow:0 4px 14px rgba(16,24,40,.04); }.creativeTable td { min-width:0; padding:8px 0; display:grid; grid-template-columns:92px minmax(0,1fr); gap:10px; border-bottom:1px solid #f0f1f5; }.creativeTable td::before { content:attr(data-label); color:#98a2b3; font-size:10px; font-weight:800; }.creativeTable td:last-child { border-bottom:0; }.creativeTitleCell,.creativeCellStack { min-width:0; }.creativeTable td .smallButton { justify-self:start; }
}
.resultActions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.compactCheck { margin:0; font-size:13px; }
.smallButton { padding:8px 12px; font-size:13px; }
.assetCard { position:relative; }
.assetSelect { position:absolute; z-index:4; top:12px; right:12px; width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:rgba(255,255,255,.92); box-shadow:0 3px 12px rgba(20,29,49,.18); cursor:pointer; }
.assetSelect input { width:16px; height:16px; margin:0; }
.scriptPoolBadge { position:absolute; left:12px; bottom:12px; padding:5px 9px; border-radius:999px; background:#6657d9; color:white; font-size:11px; font-weight:800; }
.fullWidthButton { width:100%; margin-top:16px; }
.scriptToolbar { display:grid; grid-template-columns:minmax(260px,1fr) repeat(6,minmax(120px,170px)); gap:12px; align-items:end; margin-bottom:20px; }
.scriptToolbar h2,.scriptToolbar p { margin:0; }
.scriptToolbar p { color:#6b7280; margin-top:6px; }
.scriptTableCard { padding:0; overflow:hidden; }
.scriptTableWrap { overflow-x:auto; }
.scriptTable { width:100%; min-width:1100px; border-collapse:collapse; }
.scriptTable th { padding:12px 14px; border-bottom:1px solid #dfe3eb; color:#667085; font-size:12px; text-align:left; white-space:nowrap; }
.scriptTable td { padding:14px; border-bottom:1px solid #edf0f5; color:#273248; font-size:13px; vertical-align:middle; }
.scriptTable tbody tr:hover { background:#fafaff; }.scriptTable tbody tr:last-child td { border-bottom:0; }
.scriptTable td:first-child { min-width:260px; max-width:420px; }.tableSubline { display:block; margin-top:5px; color:#737b8c; font-weight:400; line-height:1.35; }
.scriptPagination { display:flex; justify-content:flex-end; align-items:center; gap:12px; padding:16px 18px; border-top:1px solid #edf0f5; color:#667085; font-size:13px; }
.scriptPagination label { display:flex; align-items:center; gap:6px; }.scriptPagination select { min-width:68px; padding:7px 28px 7px 10px; }
.statusText.candidate { color:#9a6700; }.statusText.published { color:#08783e; }.statusText.archived { color:#687386; }
.miningRunsCard { margin-top:20px; }
.miningRunsTableWrap { overflow-x:auto; }
.miningRunsTable { width:100%; border-collapse:collapse; min-width:900px; }
.miningRunsTable th { padding:12px 14px; border-bottom:1px solid #dfe3eb; color:#667085; font-size:12px; text-align:left; white-space:nowrap; }
.miningRunsTable td { padding:14px; border-bottom:1px solid #edf0f5; color:#273248; font-size:13px; vertical-align:top; }
.miningRunsTable tbody tr:last-child td { border-bottom:0; }
.miningRunsTable tbody tr:hover { background:#fafaff; }
.runStatus { display:inline-flex; padding:4px 8px; border-radius:999px; font-size:12px; font-weight:800; white-space:nowrap; }
.runStatus.completed { color:#08783e; background:#e8f7ef; }.runStatus.running { color:#5b4dca; background:#eeebff; }.runStatus.failed { color:#b42318; background:#fff0ed; }
.runStatus.candidate { color:#9a6700; background:#fff7d6; }.runStatus.published { color:#08783e; background:#e8f7ef; }.runStatus.archived,.runStatus.superseded { color:#687386; background:#eef1f5; }.runStatus.rejected { color:#b42318; background:#fff0ed; }
.runStatus.queued { color:#5b4dca; background:#eeebff; }.runStatus.processing { color:#026aa2; background:#e9f5ff; }.runStatus.ready { color:#08783e; background:#e8f7ef; }.runStatus.blocked { color:#b54708; background:#fff4e5; }
.stageBadge.mined { color:#08783e; background:#e8f7ef; }
.runDiagnostic { min-width:260px; max-width:480px; }.runDiagnostic > span { display:block; }.runDiagnostic .errorText { margin-top:5px; }
.tableEmpty { padding:36px!important; color:#737b8c!important; text-align:center!important; }
.miningRunsPagination { display:flex; justify-content:flex-end; align-items:center; gap:12px; padding-top:18px; border-top:1px solid #edf0f5; color:#667085; font-size:13px; }
.miningRunsPagination label { display:flex; align-items:center; gap:6px; }.miningRunsPagination select { min-width:68px; padding:7px 28px 7px 10px; }
.miningRunsHeader { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.miningRunsHeader h2,.miningRunsHeader p { margin:0; }
.miningRunsHeader p { color:#6b7280; margin-top:6px; }
.scriptLibraryMode .libraryHeader { background:linear-gradient(135deg,#fff 0%,#f5f3ff 100%); }
.scriptEditorModal { position:fixed; z-index:125; inset:0; padding:28px; display:grid; place-items:center; }
.scriptEditorBackdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(16,24,40,.68); backdrop-filter:blur(6px); }
.scriptEditorDialog { position:relative; z-index:1; width:min(1040px,100%); max-height:calc(100vh - 56px); padding:24px; overflow:auto; box-shadow:0 30px 80px rgba(0,0,0,.35); }
.scriptEditorHead { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.scriptEditorHead h2 { margin:8px 0 0; }
#scriptFramework { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; line-height:1.55; }
.scriptEvidence { margin-top:18px; }
.scriptEvidenceSummary { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.evidenceBadge { border-radius:999px; background:#f1efff; color:#5946cc; padding:6px 10px; font-size:12px; font-weight:800; }
.evidenceClaim { margin-top:12px; border:1px solid #e7e9ef; border-radius:12px; padding:12px; background:#fafbff; }
.evidenceClaim h4 { margin:0 0 8px; }.evidenceQuote { display:block; margin-top:6px; color:#596174; font-size:12px; }
.scriptExperimentPanel { margin-top:18px; border:1px solid #e7e9ef; border-radius:14px; padding:14px; }
.scriptExperimentPanel summary { cursor:pointer; font-weight:800; }.scriptExperimentPanel .formGrid { margin-top:14px; }
.evidenceRow { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-top:1px solid #e7e9ef; color:inherit; text-decoration:none; }
.evidenceRow span { display:flex; flex-direction:column; gap:4px; min-width:0; }.evidenceRow small { color:#737b8c; }
.scriptActions { flex-wrap:wrap; }
.scriptLinkRow { width:100%; text-align:left; }
.scriptSourceDetail { display:grid; gap:18px; margin-top:18px; }.sourceVideoPlayer { width:100%; max-height:460px; border-radius:12px; background:#101828; }
.sourceDetailGrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }.sourceDetailGrid article { padding:12px; border:1px solid #e7e9ef; border-radius:10px; display:grid; gap:5px; background:#fafbff; }
.sourceDetailGrid small { color:#667085; }.sourceOriginal p { padding:14px; border-radius:10px; background:#f8f9fc; white-space:pre-wrap; line-height:1.65; }
.sourceTimeline { display:grid; gap:8px; }.sourceTimeline > div { padding:10px 12px; display:grid; grid-template-columns:110px 1fr; gap:12px; border-left:3px solid #7f72dc; background:#f8f7ff; }.sourceTimeline time { color:#5b4dca; font-weight:800; }
.scriptSourceAssetLink { display:inline-flex; align-items:center; justify-content:center; color:#344054; text-decoration:none; }
@media (max-width: 1100px) { .scriptToolbar { grid-template-columns:1fr 1fr; } }
@media (max-width: 680px) { .scriptToolbar { grid-template-columns:1fr; }.scriptPagination,.miningRunsPagination { align-items:stretch; flex-wrap:wrap; justify-content:flex-start; }.scriptEditorModal { padding:12px; }.scriptEditorDialog { max-height:calc(100vh - 24px); }.miningRunsHeader { align-items:stretch; flex-direction:column; }.resultActions { align-items:stretch; }.compactCheck { width:100%; } }
@media (max-width: 900px) { .starlinkWorkspace { grid-template-columns:1fr; }.starlinkInspector { max-height:none; border-left:0; border-top:1px solid #edf0f5; }.starlinkToolbar { flex-wrap:wrap; }.starlinkToolbar span { width:100%; margin-left:0; } }

.scriptRulesHero { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; background:linear-gradient(135deg,#fff 0%,#f4f1ff 100%); }
.scriptRulesHero h2,.scriptRulesHero p { margin:0; }.scriptRulesHero h2 { margin-top:4px; font-size:26px; }.scriptRulesHero > div:first-child > p:last-child { margin-top:8px; color:#667085; }
.scriptRulesMeta { max-width:720px; display:grid; grid-template-columns:repeat(2,minmax(180px,1fr)); gap:10px; }
.scriptRulesMeta span { padding:10px 12px; border:1px solid #e4e0ff; border-radius:10px; display:grid; gap:4px; background:rgba(255,255,255,.8); }
.scriptRulesMeta small { color:#777f91; font-size:11px; }.scriptRulesMeta strong { color:#283149; font-size:12px; overflow-wrap:anywhere; }
.scriptRulesTopGrid { margin-top:20px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:20px; }
.scriptRulesForm .sectionHeading,.scriptRuleFlowCard .sectionHeading { margin-bottom:18px; }.scriptRulesForm .formHint { margin-top:14px; }
.scriptRuleSummaryCard h2 { margin:0 0 18px; }.scriptRuleSummary { display:grid; gap:0; }
.scriptRuleSummary > div { padding:12px 0; border-bottom:1px solid #edf0f5; display:grid; grid-template-columns:145px minmax(0,1fr); gap:14px; }
.scriptRuleSummary > div:last-child { border-bottom:0; }.scriptRuleSummary span { color:#667085; font-size:12px; }.scriptRuleSummary strong { color:#273248; font-size:13px; text-align:right; }
.scriptRuleFlowCard { margin-top:20px; }.scriptRuleFlow { display:grid; grid-template-columns:repeat(7,minmax(120px,1fr)); gap:12px; overflow-x:auto; }
.scriptRuleFlowStep { position:relative; min-width:120px; padding:14px 12px; border:1px solid #e3e0f7; border-radius:12px; display:flex; align-items:flex-start; gap:10px; background:#faf9ff; }
.scriptRuleFlowStep:not(:last-child)::after { content:'›'; position:absolute; top:50%; right:-10px; z-index:2; color:#8b7fea; font-size:20px; transform:translateY(-50%); }
.scriptRuleFlowStep > b { width:24px; height:24px; flex:0 0 auto; border-radius:50%; display:grid; place-items:center; color:#fff; background:#6657d9; font-size:11px; }
.scriptRuleFlowStep span { display:grid; gap:5px; }.scriptRuleFlowStep strong { font-size:12px; }.scriptRuleFlowStep small { color:#737b8c; font-size:10px; line-height:1.4; }
.scriptRuleDetails { margin-top:20px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.scriptRuleDetailCard h2,.scriptRuleDetailCard p { margin:0; }.scriptRuleDetailCard h2 { font-size:18px; }.scriptRuleDetailCard > p { margin-top:8px; color:#667085; font-size:13px; line-height:1.6; }
.scriptRuleDetailCard dl { margin:14px 0 0; }.scriptRuleDetailCard dl > div { padding:10px 0; border-top:1px solid #edf0f5; display:grid; grid-template-columns:110px minmax(0,1fr); gap:12px; }
.scriptRuleDetailCard dt { color:#667085; font-size:12px; }.scriptRuleDetailCard dd { margin:0; color:#273248; font-size:13px; text-align:right; }
.scriptRuleDetailCard ul { margin:14px 0 0; padding-left:20px; color:#344054; font-size:13px; line-height:1.8; }
.scriptRuleWeightList { margin-top:14px; display:grid; gap:8px; }.scriptRuleWeightList > div { padding:9px 11px; border-radius:8px; display:flex; justify-content:space-between; gap:16px; background:#f7f7fb; font-size:12px; }
.scriptRuleWeightList span { color:#667085; }.scriptRuleWeightList strong { color:#273248; text-align:right; }
.runRuleSnapshot { margin-top:8px; }.runRuleSnapshot summary { color:#5b4dca; cursor:pointer; font-size:12px; font-weight:800; }
.runRuleSnapshot > div { margin-top:7px; padding:8px; border-radius:8px; display:flex; flex-wrap:wrap; gap:6px 12px; background:#f7f6ff; }
.runRuleSnapshot span { color:#667085; font-size:11px; }.runRuleSnapshot strong { color:#344054; }.runRuleUnavailable { display:block; margin-top:7px; color:#98a2b3; }
@media (max-width: 1180px) { .scriptRulesHero { flex-direction:column; }.scriptRulesMeta { width:100%; max-width:none; }.scriptRulesTopGrid { grid-template-columns:1fr; } }
@media (max-width: 760px) { .scriptRulesMeta,.scriptRuleDetails { grid-template-columns:1fr; }.scriptRuleFlow { grid-template-columns:repeat(7,150px); }.scriptRuleSummary > div,.scriptRuleDetailCard dl > div { grid-template-columns:1fr; gap:5px; }.scriptRuleSummary strong,.scriptRuleDetailCard dd { text-align:left; } }

.tagFilterBar { grid-column:1 / -1; display:grid; gap:10px; width:100%; padding-top:8px; border-top:1px solid #eceff4; }
.tagFilterGroup { display:grid; grid-template-columns:72px minmax(0,1fr); gap:12px; align-items:start; }
.tagFilterGroup > strong { padding-top:7px; color:#7a8394; font-size:12px; }
.tagFilterChips { display:flex; gap:8px; flex-wrap:wrap; }
.tagFilterChip { padding:6px 11px; border:1px solid transparent; border-radius:999px; color:#374151; background:#f5f6f8; font-size:12px; }
.tagFilterChip.active { color:#c43217; border-color:#ffd7cd; background:#fff0eb; }
.creativeCardShell { background:transparent; border:0; box-shadow:none; overflow:visible; }
.creativeCardShell .scriptPagination { margin-top:18px; border:1px solid #e7e9ef; border-radius:12px; background:#fff; }
.creativeTableWrap { overflow:hidden; border:1px solid #e4e7ec; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(16,24,40,.045); }
.creativeTable { width:100%; border-collapse:collapse; table-layout:fixed; color:#344054; font-size:12px; }
.creativeTable th,.creativeTable td { padding:15px 13px; border-bottom:1px solid #edf0f5; text-align:left; vertical-align:middle; line-height:1.5; }
.creativeTable th { color:#667085; background:#f8f9fc; font-size:11px; font-weight:800; }
.creativeTable th:nth-child(1) { width:100px; }.creativeTable th:nth-child(2) { width:30%; }.creativeTable th:nth-child(3) { width:130px; }.creativeTable th:nth-child(5) { width:105px; }.creativeTable th:nth-child(6) { width:130px; }.creativeTable th:nth-child(7) { width:110px; }
.creativeTable tbody tr { cursor:pointer; transition:background .15s; }.creativeTable tbody tr:hover,.creativeTable tbody tr:focus-visible { outline:0; background:#faf9ff; }.creativeTable tbody tr:last-child td { border-bottom:0; }
.creativeTypePill { display:inline-flex; padding:5px 9px; border-radius:999px; color:#5546c7; background:#eeebff; font-weight:800; white-space:nowrap; }.creativeTypePill.video { color:#175cd3; background:#eff8ff; }
.creativeTitleCell { display:grid; gap:5px; }.creativeTitleCell strong { color:#172033; font-size:13px; }.creativeTableSummary { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; color:#667085; }
.creativeCellStack { display:grid; gap:3px; }.creativeCellStack small { color:#98a2b3; }.creativeTableTags { margin-top:5px; display:flex; gap:4px; flex-wrap:wrap; }.creativeTableTags .tag { padding:3px 6px; font-size:9px; }
.creativeTable [data-creative-detail] { white-space:nowrap; }
.creativeGrid .assetCard { min-height:420px; }
.creativeKindBadge,.creativeReviewBadge { position:absolute; z-index:3; top:12px; padding:5px 9px; border-radius:999px; color:#fff; font-size:11px; font-weight:800; }
.creativeKindBadge { left:12px; background:#6657d9; }.creativeReviewBadge { right:12px; background:#b54708; }
.creativeFrameworkPreview { min-height:72px; margin-top:8px; padding:10px; border-radius:9px; color:#4b5563; background:#f7f7fb; font-size:12px; line-height:1.55; }
.creativeDetailOverview { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:20px; align-items:start; }.creativeDetailMeta { display:grid; gap:14px; }.creativeSummaryCard { min-height:100%; }.creativeDetailLead { margin:0 0 18px; padding:16px; border-left:4px solid #6657d9; border-radius:0 10px 10px 0; color:#344054; background:#f8f7ff; font-size:15px; line-height:1.75; }.creativeDetailHero h2 { overflow-wrap:anywhere; }.analysisTimeText { color:#175cd3; font-weight:800; white-space:nowrap; }.copyBreakdownGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }.copyBreakdownCard { padding:15px; border:1px solid #eaecf0; border-radius:11px; background:#fff; }.copyBreakdownCard h3 { margin:0 0 8px; font-size:13px; }.copyBreakdownCard p { margin:0; color:#475467; line-height:1.7; }
@media (max-width:1100px) { .creativeDetailOverview { grid-template-columns:minmax(0,1fr); }.creativeDetailMeta { min-width:0; grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px) { .creativeDetailOverview > * { min-width:0; }.creativeDetailMeta { grid-template-columns:minmax(0,1fr); } }
.tagLibraryHeader { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 24px; border-bottom:1px solid #ebeef5; }
.tagLibraryHeader h2,.tagLibraryHeader p { margin:0; }.tagLibraryHeader h2 { color:#17213a; font-size:22px; }.tagLibraryHeader p { margin-top:6px; color:#707991; font-size:13px; }
.tagLibraryViews { display:flex; gap:7px; flex-wrap:wrap; padding:5px; border:1px solid #e5e7f0; border-radius:14px; background:#f8f9fc; }
.tagLibraryViews button { min-height:38px; padding:0 13px; border:0; border-radius:10px; box-shadow:none; background:transparent; white-space:nowrap; }
.tagLibraryViews button b { min-width:20px; height:20px; margin-left:5px; padding:0 6px; display:inline-grid; place-items:center; border-radius:999px; color:#6d7487; background:#ebeef5; font-size:10px; }
.tagLibraryViews button.active { color:#fff; background:linear-gradient(135deg,#7467f1,#5b4bdc); box-shadow:0 7px 18px rgba(91,75,220,.2); }.tagLibraryViews button.active b { color:#5748ca; background:#fff; }
.tagLibraryWorkspace { padding:0; overflow:hidden; border-radius:18px; box-shadow:0 14px 38px rgba(36,42,78,.07); }
.tagLibraryListToolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; border-bottom:1px solid #edf0f5; background:#fcfcfe; }
.tagLibraryListToolbar input { max-width:460px; height:44px; padding-left:14px; border-radius:12px; }.tagLibraryListToolbar span { color:#667085; font-size:12px; }
.tagLibraryList { display:grid; }.tagLibraryList.assignmentGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:20px; background:#f7f8fc; }
.tagLibraryItem { display:grid; grid-template-columns:auto minmax(200px,1fr) minmax(150px,.65fr) minmax(150px,.65fr) auto; gap:16px; align-items:center; padding:18px 24px; border-bottom:1px solid #edf0f5; }
.tagLibraryItem:last-child { border-bottom:0; }.tagLibraryItem h3,.tagLibraryItem p { margin:0; }.tagLibraryItem p,.tagLibraryItem small { color:#667085; }.tagLibraryItem p { margin-top:4px; font-size:12px; }
.tagLibraryMeta { display:grid; gap:4px; font-size:12px; }.tagLibraryActions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.tagBatchActions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.tagSelect { width:18px; height:18px; margin:0; }
.tagAssignmentGroup { min-width:0; padding:19px; border:1px solid #e5e7ef; border-radius:15px; background:#fff; box-shadow:0 4px 14px rgba(36,42,78,.04); }.tagAssignmentGroup:last-child { border-bottom:1px solid #e5e7ef; }
.tagAssignmentHead { display:grid; gap:14px; margin-bottom:15px; }.tagAssignmentHead h3,.tagAssignmentHead p { margin:0; }.tagAssignmentHead h3 { color:#202a43; font-size:15px; line-height:1.45; }.tagAssignmentHead p { margin-top:4px; color:#707991; font-size:12px; }.tagAssignmentHead .tagLibraryActions { justify-content:flex-start; }
.tagProposalChips { display:flex; flex-wrap:wrap; gap:8px; }.tagProposalChip { display:inline-flex; align-items:center; gap:7px; max-width:100%; padding:7px 9px 7px 11px; border:1px solid #dedafc; border-radius:12px; color:#5144b9; background:#f7f5ff; font-size:12px; }.tagProposalChip.pending { border-color:#dedafc; background:#f7f5ff; }.tagProposalChip small { color:#7d74bd; }.tagProposalChip .smallButton { min-height:27px; padding:0 7px; border-radius:7px; font-size:10px; }
.tagDialog { width:min(540px,calc(100vw - 32px)); border:0; border-radius:16px; padding:0; box-shadow:0 28px 80px rgba(16,24,40,.28); }.tagDialog::backdrop { background:rgba(16,24,40,.45); }.tagDialog form { display:grid; gap:16px; padding:24px; }.dialogHeader { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }.dialogHeader h2,.dialogHeader p { margin:0; }.dialogHeader p { margin-top:6px; color:#667085; font-size:13px; }.dialogActions { display:flex; justify-content:flex-end; gap:10px; }
.tagLibraryMode.amcAdminShell { --workspace-accent:#6557e8; --workspace-ink:#17213a; --workspace-muted:#707991; background:#f6f7fb; color:var(--workspace-ink); }
.tagLibraryMode .libraryHeader { position:relative; isolation:isolate; min-height:176px; padding:30px clamp(24px,3vw,48px); display:grid; grid-template-columns:minmax(300px,1fr) auto; align-items:center; gap:34px; overflow:hidden; border:0; background:linear-gradient(118deg,#f6f8ff 0%,#eef2ff 48%,#f7f4ff 100%); }
.tagLibraryMode .libraryHeader::before { content:""; position:absolute; z-index:-1; width:440px; height:220px; right:18%; top:-130px; border-radius:999px; background:radial-gradient(circle,rgba(109,94,252,.17),rgba(109,94,252,0) 70%); pointer-events:none; }
.tagLibraryMode .libraryHeader h1 { margin:0; color:#16203a; font-size:30px; font-weight:780; letter-spacing:-.045em; }.tagLibraryMode .libraryHeader p { max-width:520px; margin:7px 0 0; color:#6e7891; font-size:13px; line-height:1.55; }
.tagLibraryMode #tagPageActions { align-items:center; justify-content:flex-end; gap:9px; flex-wrap:wrap; }.tagLibraryMode #tagPageActions .mutedText { width:100%; color:#66708a; text-align:right; font-size:12px; font-weight:700; }
.tagLibraryMode #tagPageActions button { height:44px; border-radius:12px; white-space:nowrap; }.tagLibraryMode #tagPageActions .primary { background:linear-gradient(135deg,#7164ed,#5b4bdc); box-shadow:0 9px 22px rgba(91,75,220,.22); }
.tagLibraryMode .libraryMain { max-width:1500px; margin:0 auto; width:100%; padding:28px clamp(20px,3vw,42px) 60px; }
.tagConstellationCard { position:relative; margin-bottom:16px; overflow:hidden; border:1px solid rgba(139,132,255,.3); border-radius:20px; color:#fff; background:#0b0d2d; box-shadow:0 18px 45px rgba(28,30,86,.18); }
.tagConstellationHeader { position:relative; z-index:4; min-height:82px; padding:16px 19px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid rgba(255,255,255,.1); background:linear-gradient(110deg,rgba(24,28,78,.97),rgba(47,37,104,.92)); }.tagConstellationHeader h2,.tagConstellationHeader p { margin:0; }.tagConstellationHeader h2 { margin-top:2px; font-size:20px; }.tagConstellationHeader p { margin-top:4px; color:#b8bde1; font-size:12px; }.tagConstellationHeader .workspaceEyebrow { color:#9d97ff; }
.tagConstellationTools { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; }.tagConstellationTools>span { margin-right:5px; color:#c7cbed; font-size:11px; white-space:nowrap; }.tagConstellationTool,.tagConstellationFit { min-width:34px; height:34px; padding:0 10px; border:1px solid rgba(204,207,255,.24); border-radius:10px; color:#eff0ff; background:rgba(255,255,255,.08); box-shadow:none; }.tagConstellationTool { padding:0; font-size:18px; }.tagConstellationTool:hover,.tagConstellationFit:hover { border-color:rgba(194,190,255,.56); background:rgba(132,119,255,.24); }
.tagConstellationViewport { position:relative; height:420px; overflow:hidden; isolation:isolate; outline:none; cursor:grab; touch-action:none; background:radial-gradient(circle at 17% 18%,rgba(99,86,224,.28),transparent 28%),radial-gradient(circle at 82% 72%,rgba(26,165,208,.17),transparent 31%),linear-gradient(145deg,#090b27,#111441 58%,#17113b); }.tagConstellationViewport:focus-visible { box-shadow:inset 0 0 0 3px rgba(167,158,255,.72); }.tagConstellationViewport.dragging { cursor:grabbing; }
.tagConstellationCard:fullscreen { width:100vw; height:100vh; margin:0; display:grid; grid-template-rows:auto minmax(0,1fr); border:0; border-radius:0; box-shadow:none; }.tagConstellationCard:fullscreen .tagConstellationViewport { height:auto; min-height:0; }
.tagConstellationStars { position:absolute; z-index:0; inset:0; pointer-events:none; opacity:.7; background-image:radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(164,178,255,.58) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(129,224,255,.5) 0 1px,transparent 1.5px); background-position:11px 17px,47px 71px,83px 31px; background-size:89px 83px,137px 131px,173px 157px; }
.tagConstellationPlane { position:absolute; z-index:2; inset:0 auto auto 0; width:0; height:0; transform-origin:0 0; will-change:transform; }
.tagConstellationNode { position:absolute; z-index:var(--tag-depth); display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:7px 10px; border:1px solid hsl(var(--tag-hue) 82% 77% / .45); border-radius:999px; color:hsl(var(--tag-hue) 100% 91%); background:hsl(var(--tag-hue) 66% 50% / .2); box-shadow:0 0 13px hsl(var(--tag-hue) 88% 66% / .2),inset 0 0 10px rgba(255,255,255,.04); opacity:var(--tag-opacity); transform:translate(-50%,-50%) scale(var(--tag-scale)); transform-origin:center; font-size:12px; font-weight:720; line-height:1; text-decoration:none; white-space:nowrap; transition:opacity .15s,border-color .15s,background .15s,box-shadow .15s; }.tagConstellationNode b { min-width:20px; height:20px; padding:0 5px; display:grid; place-items:center; border-radius:999px; color:#0d1234; background:hsl(var(--tag-hue) 90% 84%); font-size:10px; }.tagConstellationNode.empty b { color:#aeb4dc; background:rgba(194,199,238,.15); }.tagConstellationNode.primary { z-index:12; opacity:1; border-color:hsl(var(--tag-hue) 100% 88% / .95); background:hsl(var(--tag-hue) 78% 58% / .38); box-shadow:0 0 0 1px hsl(var(--tag-hue) 100% 84% / .32),0 0 32px hsl(var(--tag-hue) 100% 72% / .68),0 0 68px hsl(var(--tag-hue) 92% 64% / .34),inset 0 0 14px rgba(255,255,255,.12); }.tagConstellationNode:hover,.tagConstellationNode:focus-visible { z-index:20; opacity:1; border-color:hsl(var(--tag-hue) 95% 85% / .9); background:hsl(var(--tag-hue) 72% 55% / .36); box-shadow:0 0 22px hsl(var(--tag-hue) 90% 70% / .48),0 8px 18px rgba(0,0,0,.2); outline:none; }
.tagConstellationEmpty { position:absolute; z-index:3; inset:0; display:grid; place-items:center; color:#c4c8e8; font-size:13px; pointer-events:none; }
.tagOverviewGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.tagOverviewCard { min-height:126px; padding:17px 18px; display:grid; align-content:center; gap:5px; border:1px solid #e5e8f1; border-radius:16px; color:#17213a; background:#fff; box-shadow:0 7px 24px rgba(36,42,78,.05); text-align:left; transition:transform .15s,border-color .15s,box-shadow .15s; }
.tagOverviewCard:hover,.tagOverviewCard.active { transform:translateY(-2px); border-color:#bbb4f8; box-shadow:0 12px 28px rgba(62,55,138,.1); }.tagOverviewCard span { color:#707991; font-size:12px; font-weight:750; }.tagOverviewCard strong { font-size:28px; line-height:1.1; }.tagOverviewCard small { color:#8a91a3; font-size:11px; font-weight:500; }
.tagOverviewCard.primaryMetric { background:linear-gradient(145deg,#fff 0%,#f1efff 100%); }.tagOverviewCard.primaryMetric strong { color:#5a4bd5; }.tagOverviewCard.issueMetric.hasIssues { border-color:#f2c7b8; background:linear-gradient(145deg,#fff 0%,#fff3ee 100%); }.tagOverviewCard.issueMetric.hasIssues strong { color:#c24127; }
.tagIssuePanel { margin-bottom:16px; padding:13px 16px; display:flex; align-items:center; justify-content:space-between; gap:18px; border:1px solid #f1d2c7; border-radius:13px; color:#8f351f; background:#fff7f3; }.tagIssuePanel>div { display:grid; gap:4px; }.tagIssuePanel span { color:#a55d4b; font-size:12px; }
.tagReviewPagination { padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid #edf0f5; color:#667085; font-size:12px; }.tagReviewPagination>div { display:flex; gap:8px; }
.tagContextEmpty { grid-column:1/-1; }.tagContextEmpty .primary,.tagContextEmpty .secondary { margin-top:10px; }
.tagState { display:inline-flex; width:max-content; padding:4px 8px; border-radius:999px; font-size:11px; font-weight:800; }.tagState.active,.tagState.approved { color:#08783e; background:#e8f7ef; }.tagState.pending { color:#b54708; background:#fff4e5; }.tagState.rejected,.tagState.inactive { color:#b42318; background:#fff0ed; }
.runStatus.needs_input { color:#687386; background:#eef1f5; }
@media (max-width:1100px) { .tagOverviewGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }.tagLibraryList.assignmentGrid { grid-template-columns:1fr; }.tagLibraryHeader { align-items:flex-start; flex-direction:column; }.tagLibraryViews { width:100%; } }
@media (max-width:900px) { .tagLibraryMode .libraryHeader { min-height:auto; grid-template-columns:1fr; gap:20px; }.tagLibraryMode #tagPageActions { justify-content:flex-start; }.tagLibraryMode #tagPageActions .mutedText { text-align:left; }.tagConstellationViewport { height:360px; }.tagLibraryItem { grid-template-columns:auto 1fr; }.tagLibraryItem>div { grid-column:2; }.tagLibraryItem>.tagSelect { grid-column:1; grid-row:1; }.tagLibraryActions { justify-content:flex-start; }.tagLibraryListToolbar,.tagAssignmentHead { align-items:stretch; flex-direction:column; }.tagLibraryListToolbar input { max-width:none; }.tagBatchActions { justify-content:flex-start; } }
@media (max-width:640px) { .tagConstellationHeader { align-items:flex-start; flex-direction:column; gap:12px; }.tagConstellationTools { width:100%; justify-content:flex-start; }.tagConstellationTools>span { width:100%; }.tagConstellationViewport { height:320px; }.tagOverviewGrid { grid-template-columns:1fr 1fr; gap:10px; }.tagOverviewCard { min-height:112px; padding:14px; }.tagLibraryViews { display:grid; grid-template-columns:1fr; }.tagLibraryListToolbar,.tagLibraryHeader { padding-left:16px; padding-right:16px; }.tagLibraryList.assignmentGrid { padding:12px; }.tagIssuePanel,.tagReviewPagination { align-items:stretch; flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { .tagConstellationNode { transition:none; } }

/* Inspiration workspace visual system. Scoped so detail, tag-library and other admin pages keep their own layouts. */
.inspirationWorkspaceMode.amcAdminShell { --workspace-accent:#6557e8; --workspace-accent-dark:#5043cb; --workspace-ink:#17213a; --workspace-muted:#707991; --workspace-border:#e6e9f2; background:#f6f7fb; color:var(--workspace-ink); }
.inspirationWorkspaceMode .libraryHeader { position:relative; isolation:isolate; min-height:176px; padding:30px clamp(24px,3vw,48px); display:grid; grid-template-columns:minmax(220px,.75fr) minmax(360px,1.45fr) auto; align-items:center; gap:32px; overflow:visible; border:0; background:linear-gradient(118deg,#f6f8ff 0%,#eef2ff 48%,#f7f4ff 100%); }
.inspirationWorkspaceMode .libraryHeader::before,.inspirationWorkspaceMode .libraryHeader::after { content:""; position:absolute; z-index:-1; border-radius:999px; filter:blur(1px); pointer-events:none; }
.inspirationWorkspaceMode .libraryHeader::before { width:440px; height:220px; right:20%; top:-130px; background:radial-gradient(circle,rgba(109,94,252,.17),rgba(109,94,252,0) 70%); }
.inspirationWorkspaceMode .libraryHeader::after { width:360px; height:190px; left:4%; bottom:-150px; background:radial-gradient(circle,rgba(70,142,255,.12),rgba(70,142,255,0) 72%); }
.workspaceHeroCopy { min-width:0; }.workspaceEyebrow { display:block; margin-bottom:8px; color:#6758dc; font-size:10px; font-weight:800; letter-spacing:.15em; }
.inspirationWorkspaceMode .libraryHeader h1 { margin:0; color:#16203a; font-size:30px; font-weight:780; letter-spacing:-.045em; }
.inspirationWorkspaceMode .libraryHeader p { max-width:390px; margin-top:7px; color:#6e7891; font-size:13px; line-height:1.55; }
.workspaceHeroSearch { min-width:0; height:54px; display:flex; align-items:center; gap:10px; padding:5px 5px 5px 17px; border:1px solid rgba(101,87,232,.18); border-radius:17px; background:rgba(255,255,255,.9); box-shadow:0 14px 42px rgba(48,54,105,.1),inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter:blur(18px); }
.workspaceHeroSearch:focus-within { border-color:rgba(101,87,232,.55); box-shadow:0 14px 42px rgba(48,54,105,.12),0 0 0 4px rgba(101,87,232,.08); }
.workspaceSearchIcon { color:#7f88a1; font-size:24px; line-height:1; transform:rotate(-15deg); }.workspaceHeroSearch input { min-width:0; height:42px; padding:0; border:0; background:transparent; box-shadow:none; font-size:14px; }.workspaceHeroSearch input:focus { border:0; box-shadow:none; }
.workspaceHeroSearch button { min-width:78px; height:44px; border:0; border-radius:13px; color:#fff; background:linear-gradient(135deg,#7467f1,#5b4bdc); box-shadow:0 8px 20px rgba(91,75,220,.25); font-weight:750; }
.inspirationWorkspaceMode .headerActions { position:relative; gap:9px; flex-wrap:nowrap; }.inspirationWorkspaceMode .headerActions>.primary { height:44px; padding:0 18px; border-radius:12px; background:linear-gradient(135deg,#7164ed,#5b4bdc); box-shadow:0 9px 22px rgba(91,75,220,.22); white-space:nowrap; }
.workspaceMore { position:relative; }.workspaceMoreBtn { height:44px; border-color:rgba(101,87,232,.18); border-radius:12px; color:#4e5870; background:rgba(255,255,255,.78); white-space:nowrap; }
.workspaceMoreMenu { position:absolute; z-index:75; top:calc(100% + 10px); right:0; width:320px; padding:14px; border:1px solid #e5e7f0; border-radius:16px; background:rgba(255,255,255,.98); box-shadow:0 22px 58px rgba(31,38,74,.18); backdrop-filter:blur(18px); }
.workspaceMenuHeading { display:grid; gap:3px; padding:2px 2px 12px; border-bottom:1px solid #eef0f5; }.workspaceMenuHeading strong { font-size:13px; }.workspaceMenuHeading small { color:#8b93a6; font-size:11px; }
.workspaceMoreMenu .automationToggle { width:100%; min-width:0; margin:12px 0; padding:11px; border-color:#e8e9f2; border-radius:12px; background:#f8f8fd; }.workspaceMoreMenu .automationToggle input { flex:0 0 auto; }
.workspaceExportRow { display:grid; grid-template-columns:88px 1fr; gap:8px; }.workspaceExportRow select,.workspaceExportRow button { width:100%; height:38px; min-height:38px; }
.inspirationWorkspaceMode .subnav { width:max-content; height:48px; margin:14px 2px 0; padding:4px; gap:3px; align-items:center; border:1px solid #e5e7f0; border-radius:14px; background:#fff; box-shadow:0 6px 18px rgba(29,37,76,.05); }
.inspirationWorkspaceMode .subnav button { height:38px; min-width:92px; padding:0 20px; border:0; border-radius:10px; color:#7a8298; font-size:13px; }.inspirationWorkspaceMode .subnav button.active { color:#fff; border:0; background:#6557e8; box-shadow:0 5px 14px rgba(101,87,232,.24); }
.inspirationWorkspaceMode .libraryMain { width:100%; max-width:1740px; margin:0 auto; padding:16px clamp(24px,3vw,48px) 64px; }
.inspirationWorkspaceMode .filterPanel,.inspirationWorkspaceMode .creativeFilterPanel { display:grid; gap:0; padding:0; overflow:hidden; border:1px solid var(--workspace-border); border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 10px 34px rgba(33,41,76,.045); }
.filterPanelHeading { min-height:58px; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid #edf0f6; }.filterPanelHeading>div { display:flex; align-items:baseline; gap:10px; }.filterPanelHeading strong { color:#202a43; font-size:14px; }.filterPanelHeading span { color:#8a92a6; font-size:11px; }
.filterDrawerTrigger { min-height:34px; padding:0 12px; display:inline-flex; align-items:center; gap:6px; border:1px solid #dddff0; border-radius:10px; color:#5d50d1; background:#f8f7ff; font-size:12px; font-weight:750; }.filterDrawerTrigger:hover { border-color:#b9b3f4; background:#f1efff; }
.filterCount { min-width:19px; height:19px; padding:0 5px; display:inline-grid; place-items:center; border-radius:999px; color:#fff!important; background:#6557e8; font-size:10px!important; }
.quickFilterStrip { padding:14px 18px; display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:11px; border-bottom:1px solid #edf0f6; }.quickFilterStrip label { min-width:0; margin:0; gap:6px; }.quickFilterStrip label>span { color:#7c8498; font-size:10px; font-weight:750; }.quickFilterStrip input,.quickFilterStrip select { height:39px; border-color:#e1e4ec; border-radius:10px; background:#fbfcff; font-size:12px; }
.filterChipGroup,.inspirationWorkspaceMode .tagFilterBar { padding:13px 18px; border-top:0; border-bottom:1px solid #edf0f6; }.filterChipGroup,.inspirationWorkspaceMode .tagFilterGroup { display:grid; grid-template-columns:62px minmax(0,1fr); gap:12px; align-items:start; }.filterChipGroup>strong,.inspirationWorkspaceMode .tagFilterGroup>strong { padding-top:7px; color:#777f94; font-size:11px; }
.inspirationWorkspaceMode .prominentTagFilter { padding-top:16px; padding-bottom:16px; background:linear-gradient(90deg,rgba(101,87,232,.085),rgba(101,87,232,.025) 58%,rgba(255,255,255,0)); }.inspirationWorkspaceMode .prominentTagFilter .tagFilterGroup>strong { color:#5548c8; font-size:12px; font-weight:850; }.inspirationWorkspaceMode .prominentTagFilter .tagFilterChip { min-height:32px; }
.filterChipScroller,.tagFilterContent { min-width:0; display:grid; gap:8px; }.filterChipRows { min-width:0; display:flex; flex-wrap:wrap; gap:7px; }.filterChipRows.collapsed { overflow:hidden; }.filterRowsThree.collapsed { max-height:110px; }.filterRowsOne.collapsed { max-height:30px; }.rowToggle { justify-self:start; }.categoryFilterChip,.industryFilterChip,.inspirationWorkspaceMode .tagFilterChip,.tagFilterMore { min-height:30px; padding:0 12px; border:1px solid transparent; border-radius:999px; color:#465067; background:#f5f6fa; font-size:12px; white-space:nowrap; }.categoryFilterChip:hover,.industryFilterChip:hover,.inspirationWorkspaceMode .tagFilterChip:hover { color:#584bd1; background:#eeecff; }.categoryFilterChip.active,.industryFilterChip.active,.inspirationWorkspaceMode .tagFilterChip.active { color:#fff; border-color:#6557e8; background:#6557e8; box-shadow:0 4px 12px rgba(101,87,232,.18); }.tagFilterMore { color:#5f53d6; border-color:#dedbf9; background:#fff; font-weight:700; }
.activeFilterBar { padding:11px 18px; display:flex; align-items:center; flex-wrap:wrap; gap:7px; background:#fbfbfe; }.activeFilterBar>span { margin-right:2px; color:#8b93a7; font-size:11px; }.activeFilterBar button { min-height:28px; padding:0 9px; border:1px solid #dedbf8; border-radius:8px; color:#574cc3; background:#f5f3ff; font-size:11px; }.activeFilterBar button b { margin-left:3px; }.activeFilterBar .clearAllFilters { border-color:transparent; color:#7c8498; background:transparent; font-weight:700; }
.filterPanelFooter { min-height:48px; padding:7px 18px; display:flex; align-items:center; border-top:0; background:#fcfcfe; }.filterPanelFooter .filterDrawerTrigger { padding:0 2px; border-color:transparent; background:transparent; }.filterPanelFooter .filterDrawerTrigger:hover { border-color:transparent; background:transparent; color:#493cc0; }
.filterDrawerOpen { overflow:hidden; }.filterDrawerBackdrop { position:fixed; z-index:88; inset:0; width:100%; height:100%; border:0; background:rgba(19,25,47,.36); backdrop-filter:blur(3px); }.filterDrawer { position:fixed; z-index:89; top:0; right:0; width:min(520px,100vw); height:100vh; display:grid; grid-template-rows:auto minmax(0,1fr) auto; border-left:1px solid #e5e7ef; background:#f9faff; box-shadow:-24px 0 70px rgba(20,27,54,.2); }.filterDrawerHeader { padding:25px 26px 20px; display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid #e8eaf1; background:#fff; }.filterDrawerHeader h2 { margin:2px 0 5px; font-size:22px; }.filterDrawerHeader p { margin:0; color:#7c8498; font-size:12px; }.filterDrawerHeader .iconBtn { flex:0 0 auto; }.filterDrawerBody { padding:22px 26px; overflow:auto; display:grid; grid-template-columns:1fr 1fr; align-content:start; gap:14px 12px; }.filterDrawerBody label { margin:0; }.filterDrawerBody input,.filterDrawerBody select { height:42px; border-color:#dfe2eb; border-radius:10px; background:#fff; }.filterDrawerFooter { padding:14px 26px; display:flex; justify-content:flex-end; gap:9px; border-top:1px solid #e5e7ef; background:#fff; }
.inspirationWorkspaceMode .resultHead { min-height:54px; margin:10px 2px 10px; flex-wrap:wrap; gap:10px 18px; }.resultSummary,#creativeResultSummary { color:#5f687e; font-size:12px; font-weight:650; }.inspirationWorkspaceMode .resultActions { justify-content:flex-end; gap:8px; }.resultToolbarFilter,.resultSort { margin:0; display:flex; grid-template-columns:none; align-items:center; gap:7px; color:#8a92a6; font-size:11px; font-weight:600; white-space:nowrap; }.resultToolbarFilter input,.resultToolbarFilter select,.resultSort select { width:auto; min-width:112px; height:35px; padding:0 28px 0 10px; border:1px solid #e1e4ec; border-radius:9px; background:#fff; font-size:11px; }.resultToolbarFilter input { width:118px; padding-right:10px; }.resultSort select { min-width:132px; }.refreshButton { min-height:34px; padding:0 9px; border:0; color:#6557e8; background:transparent; font-size:12px; font-weight:750; }.inspirationWorkspaceMode #toggleAssetBatchMode { min-height:35px; border-color:#e1e4ec; }.inspirationWorkspaceMode #toggleAssetBatchMode.active { color:#fff; border-color:#6557e8; background:#6557e8; }
.inspirationWorkspaceMode .assetGrid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }.inspirationWorkspaceMode .assetCard { min-width:0; overflow:hidden; border:1px solid rgba(226,229,239,.95); border-radius:16px; background:#fff; box-shadow:0 5px 20px rgba(28,36,69,.045); transform:translateZ(0); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.inspirationWorkspaceMode .assetCard:hover { border-color:#d7d4f6; transform:translateY(-3px); box-shadow:0 18px 42px rgba(28,36,69,.11); }
.inspirationWorkspaceMode .assetCover { height:auto; aspect-ratio:4/5; background:linear-gradient(145deg,#edf0ff,#f4f1ff); }.inspirationWorkspaceMode .assetCover::after { content:""; position:absolute; inset:auto 0 0; height:34%; background:linear-gradient(180deg,transparent,rgba(15,21,39,.18)); pointer-events:none; }.inspirationWorkspaceMode .assetCover img,.inspirationWorkspaceMode .assetCover video { transition:transform .35s ease; }.inspirationWorkspaceMode .assetCard:hover .assetCover img,.inspirationWorkspaceMode .assetCard:hover .assetCover video { transform:scale(1.025); }
.inspirationWorkspaceMode .platformBadge,.inspirationWorkspaceMode .assetFormatBadge,.inspirationWorkspaceMode .creativeKindBadge,.inspirationWorkspaceMode .creativeReviewBadge { z-index:3; top:12px; min-height:25px; padding:0 9px; display:inline-flex; align-items:center; border:1px solid rgba(255,255,255,.24); border-radius:999px; color:#fff; background:rgba(20,26,45,.68); box-shadow:0 4px 12px rgba(13,18,34,.12); backdrop-filter:blur(12px); font-size:10px; font-weight:750; }.inspirationWorkspaceMode .assetFormatBadge { position:absolute; right:12px; }.inspirationWorkspaceMode .creativeKindBadge { left:12px; background:rgba(82,67,201,.82); }.inspirationWorkspaceMode .creativeReviewBadge { right:12px; background:rgba(175,90,33,.84); }.inspirationWorkspaceMode .stateBadge { top:auto; right:12px; bottom:12px; z-index:3; }
.mediaPlayBadge { position:absolute; z-index:3; top:50%; left:50%; width:48px; height:48px; display:grid; place-items:center; padding-left:3px; border:1px solid rgba(255,255,255,.42); border-radius:50%; color:#fff; background:rgba(19,24,42,.58); box-shadow:0 8px 28px rgba(9,13,27,.24); backdrop-filter:blur(8px); transform:translate(-50%,-50%); font-size:15px; }
.inspirationWorkspaceMode .assetSelect { opacity:0; transform:translateY(-4px); transition:opacity .15s ease,transform .15s ease; }.inspirationWorkspaceMode .assetCard:hover .assetSelect,.inspirationWorkspaceMode .assetCard:focus-within .assetSelect,.inspirationWorkspaceMode .assetGrid.batchMode .assetSelect { opacity:1; transform:none; }.inspirationWorkspaceMode .assetGrid.batchMode .assetCard { cursor:default; }
.inspirationWorkspaceMode .assetBody { min-height:118px; padding:14px 15px 13px; display:flex; flex-direction:column; }.inspirationWorkspaceMode .assetTitle { margin:0 0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#202a42; font-size:14px; font-weight:750; }.inspirationWorkspaceMode .tagRow { min-height:24px; overflow:hidden; flex-wrap:nowrap; }.inspirationWorkspaceMode .tag { flex:0 0 auto; padding:4px 7px; color:#5a4fc8; background:#f1efff; font-size:10px; }.inspirationWorkspaceMode .tagMore { color:#7d8497; background:#f3f4f7; }.inspirationWorkspaceMode .metricRow { margin-top:auto; padding-top:11px; justify-content:flex-start; align-items:center; gap:13px; color:#7c8498; font-size:10px; }.inspirationWorkspaceMode .metricRow b { color:#687188; font-weight:600; }.inspirationWorkspaceMode .metricRow .runStatus { margin-left:auto; padding:4px 7px; font-size:10px; }
.inspirationWorkspaceMode .creativeFrameworkPreview { min-height:47px; max-height:47px; margin:0 0 9px; padding:0; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; color:#687188; background:transparent; font-size:11px; line-height:1.55; }.inspirationWorkspaceMode .creativeGrid .assetCard { min-height:0; }.creativeResultHead { justify-content:space-between; }
.inspirationWorkspaceMode .scriptToolbar { margin-bottom:0; }.inspirationWorkspaceMode .creativeFilterPanel { grid-template-columns:1fr; align-items:stretch; }.inspirationWorkspaceMode .creativeCardShell { padding:0; }.inspirationWorkspaceMode .creativeCardShell .scriptPagination { border-color:#e6e9f2; border-radius:14px; box-shadow:none; }
.visuallyHidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

@media (max-width:1700px) { .inspirationWorkspaceMode .assetGrid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:1320px) { .inspirationWorkspaceMode .libraryHeader { grid-template-columns:minmax(190px,.65fr) minmax(320px,1.25fr) auto; gap:20px; }.inspirationWorkspaceMode .assetGrid { grid-template-columns:repeat(3,minmax(0,1fr)); }.quickFilterStrip { grid-template-columns:repeat(2,minmax(150px,1fr)); } }
@media (max-width:1100px) { .inspirationWorkspaceMode .libraryHeader { grid-template-columns:minmax(0,1fr) auto; min-height:210px; }.inspirationWorkspaceMode .workspaceHeroSearch { grid-column:1/-1; grid-row:2; }.inspirationWorkspaceMode .assetGrid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:900px) { .inspirationWorkspaceMode .subnav { margin-left:0; }.inspirationWorkspaceMode .libraryMain { padding-left:18px; padding-right:18px; }.filterDrawer { width:min(520px,calc(100vw - 18px)); }.inspirationWorkspaceMode .assetGrid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:680px) { .inspirationWorkspaceMode .libraryHeader { min-height:0; padding:24px 18px; grid-template-columns:1fr; gap:17px; }.inspirationWorkspaceMode .libraryHeader h1 { font-size:26px; }.inspirationWorkspaceMode .libraryHeaderActions { grid-row:3; width:100%; }.inspirationWorkspaceMode .headerActions>.primary { flex:1; }.workspaceMore { flex:0 0 auto; }.workspaceMoreMenu { position:fixed; top:auto; right:14px; bottom:14px; left:14px; width:auto; }.inspirationWorkspaceMode .workspaceHeroSearch { grid-column:1; grid-row:2; height:50px; padding-left:13px; }.workspaceHeroSearch button { min-width:66px; height:40px; }.inspirationWorkspaceMode .subnav { width:100%; margin:12px 0 0; }.inspirationWorkspaceMode .subnav button { flex:1; }.filterPanelHeading { align-items:flex-start; }.filterPanelHeading>div { display:grid; gap:3px; }.quickFilterStrip { grid-template-columns:1fr 1fr; padding:13px; }.filterChipGroup,.inspirationWorkspaceMode .tagFilterBar { padding:12px 13px; grid-template-columns:1fr; gap:7px; }.filterChipGroup>strong,.inspirationWorkspaceMode .tagFilterGroup>strong { padding:0; }.filterChipScroller,.inspirationWorkspaceMode .tagFilterChips { flex-wrap:nowrap; overflow-x:auto; padding-bottom:3px; scrollbar-width:none; }.filterChipScroller::-webkit-scrollbar,.inspirationWorkspaceMode .tagFilterChips::-webkit-scrollbar { display:none; }.activeFilterBar { padding:10px 13px; overflow-x:auto; flex-wrap:nowrap; }.activeFilterBar>* { flex:0 0 auto; }.filterPanelFooter { padding-left:13px; padding-right:13px; }.inspirationWorkspaceMode .resultHead { align-items:stretch; flex-direction:column; gap:10px; }.inspirationWorkspaceMode .resultActions { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; }.resultToolbarFilter,.resultSort { width:100%; display:grid; gap:5px; }.resultToolbarFilter input,.resultToolbarFilter select,.resultSort select { width:100%; min-width:0; }.inspirationWorkspaceMode #toggleAssetBatchMode,.refreshButton { width:100%; }.inspirationWorkspaceMode .assetGrid { grid-template-columns:1fr; gap:15px; }.inspirationWorkspaceMode .assetCover { aspect-ratio:4/5; }.filterDrawerBody { grid-template-columns:1fr; }.filterDrawerHeader,.filterDrawerBody,.filterDrawerFooter { padding-left:20px; padding-right:20px; }.inspirationWorkspaceMode .creativeQuickSelects { grid-template-columns:1fr 1fr; }.inspirationWorkspaceMode .scriptPagination { align-items:flex-start; }.creativeResultHead { min-height:38px!important; }.inspirationWorkspaceMode .assetPagination { justify-content:flex-start; } }
@media (max-width:680px) { .inspirationWorkspaceMode .filterChipScroller { overflow:visible; padding-bottom:0; }.inspirationWorkspaceMode .filterChipRows,.inspirationWorkspaceMode .tagFilterChips { flex-wrap:wrap; overflow:hidden; padding-bottom:0; } }

/* Linear quick-entry wizard. */
.quickAssetModalOpen { overflow:hidden; }.quickAssetModal { position:fixed; z-index:150; inset:0; padding:24px; display:grid; place-items:center; }.quickAssetBackdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(17,24,39,.56); backdrop-filter:blur(7px); }.quickAssetDialog { position:relative; z-index:1; width:min(760px,100%); max-height:calc(100vh - 48px); display:grid; grid-template-rows:auto auto auto minmax(0,1fr) auto; overflow:hidden; border:1px solid rgba(255,255,255,.7); border-radius:22px; background:#fff; box-shadow:0 32px 90px rgba(16,24,40,.32); }.quickAssetHeader { padding:22px 24px 16px; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.quickAssetHeader h2,.quickAssetHeader p { margin:0; }.quickAssetHeader h2 { margin-top:4px; color:#17213a; font-size:24px; }.quickAssetSteps { margin:0; padding:0 24px 20px; display:grid; grid-template-columns:repeat(3,1fr); list-style:none; }.quickAssetSteps li { position:relative; display:flex; align-items:center; gap:9px; color:#9299aa; font-size:12px; font-weight:750; }.quickAssetSteps li::after { content:""; position:absolute; z-index:-1; top:15px; right:10px; left:38px; height:2px; background:#e7e9ef; }.quickAssetSteps li:last-child::after { display:none; }.quickAssetSteps b { width:30px; height:30px; display:grid; place-items:center; border:1px solid #dfe2ea; border-radius:50%; color:#8b92a3; background:#fff; }.quickAssetSteps li.active { color:#5748ca; }.quickAssetSteps li.active b { color:#fff; border-color:#6557e8; background:#6557e8; box-shadow:0 5px 14px rgba(101,87,232,.25); }.quickAssetSteps li.complete { color:#08783e; }.quickAssetSteps li.complete b { color:#fff; border-color:#12a15a; background:#12a15a; }.quickAssetSteps li.complete::after { background:#91d6b2; }.quickAssetDialog>.alert { margin:0 24px 12px; }.quickAssetBody { min-height:330px; padding:4px 24px 24px; overflow:auto; }.quickAssetStep { display:grid; gap:20px; }.quickAssetIntro h3,.quickAssetIntro p { margin:0; }.quickAssetIntro h3 { color:#202a43; font-size:19px; }.quickAssetIntro p { margin-top:6px; color:#737b8e; font-size:13px; }.quickAssetTypeGrid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.quickAssetTypeGrid button { min-height:190px; padding:26px; display:grid; place-items:center; align-content:center; gap:9px; border:2px solid #e6e8ef; border-radius:18px; color:#29324a; background:#fbfbfd; box-shadow:none; text-align:center; transition:.18s ease; }.quickAssetTypeGrid button:hover { border-color:#c6c0f7; transform:translateY(-2px); }.quickAssetTypeGrid button.selected { border-color:#6557e8; background:linear-gradient(145deg,#fff,#f1efff); box-shadow:0 12px 30px rgba(78,64,181,.12); }.quickAssetTypeGrid strong { font-size:17px; }.quickAssetTypeGrid small { max-width:210px; color:#7c8497; line-height:1.5; }.quickTypeIcon { width:52px; height:52px; display:grid; place-items:center; border-radius:16px; color:#fff; background:linear-gradient(135deg,#7467f1,#5445cf); box-shadow:0 8px 22px rgba(84,69,207,.24); font-size:19px; font-weight:800; }.quickEntryPanel { display:grid; gap:16px; }.quickEntryPanel label { margin:0; }.quickVideoDrop { min-height:210px; padding:28px; display:grid; place-items:center; align-content:center; gap:8px; border:2px dashed #cbc8e8; border-radius:18px; color:#5c50ca; background:#faf9ff; cursor:pointer; }.quickVideoDrop:hover { border-color:#7b6eed; background:#f6f4ff; }.quickVideoDrop input { width:auto; max-width:100%; }.quickVideoDrop span { font-weight:800; }.quickVideoDrop small { color:#81889a; }.quickFileSummary { padding:13px 15px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; border:1px solid #dfe2ea; border-radius:12px; background:#fff; }.quickFileSummary>span { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; color:#fff; background:#6557e8; }.quickFileSummary div { min-width:0; display:grid; gap:3px; }.quickFileSummary strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.quickFileSummary small { color:#7b8395; }.quickFileSummary>b { color:#08783e; font-size:11px; }.quickUploadProgress { padding:15px; display:grid; grid-template-columns:auto 1fr; gap:4px 11px; align-items:center; border-radius:12px; color:#4e43b5; background:#f1efff; }.quickUploadProgress>span { grid-row:1/3; width:26px; height:26px; border:3px solid #cbc5fa; border-top-color:#6557e8; border-radius:50%; animation:quickSpin .8s linear infinite; }.quickUploadProgress small { color:#7169a6; }.quickCompleteHero { padding:18px; display:flex; align-items:center; gap:16px; border:1px solid #cdebdc; border-radius:16px; background:#f2fbf6; }.quickCompleteHero>span { width:48px; height:48px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#fff; background:#12a15a; font-size:24px; font-weight:900; }.quickCompleteHero h3,.quickCompleteHero p { margin:0; }.quickCompleteHero p { margin-top:5px; color:#547262; overflow-wrap:anywhere; }.quickAiStatus { padding:18px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; border:1px solid #e3e0fb; border-radius:16px; background:#faf9ff; }.quickAiStatus strong,.quickAiStatus p { margin:0; }.quickAiStatus p { margin-top:5px; color:#747c90; font-size:12px; line-height:1.5; }.quickAiStatusIcon { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:#fff; background:#6557e8; }.quickAiStatusIcon.spinning { animation:quickPulse 1.4s ease-in-out infinite; }.quickAssetFooter { min-height:72px; padding:13px 24px; display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:10px; border-top:1px solid #e9ebf1; background:#fbfbfd; }.quickAssetFooter button { min-height:42px; }.quickAssetFooter .primary { min-width:126px; }.quickAssetFooter span { min-width:0; }
.quickAssetDialog { grid-template-areas:"header" "steps" "alert" "body" "footer"; }.quickAssetHeader { grid-area:header; }.quickAssetSteps { grid-area:steps; }.quickAssetDialog>.alert { grid-area:alert; }.quickAssetBody { grid-area:body; min-height:0; }.quickAssetFooter { position:relative; z-index:4; grid-area:footer; }
.quickAssetCommonFields { padding:14px 16px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border:1px solid #e7e5fa; border-radius:16px; background:#fbfaff; }.quickAssetCommonFields label { margin:0; display:grid; gap:6px; color:#596174; font-size:12px; font-weight:750; }.quickAssetCommonFields input,.quickAssetCommonFields select { margin:0; border-color:#dddaf5; background:#fff; }.quickAssetCommonFields :disabled { color:#7c8498; background:#f1f2f6; cursor:not-allowed; }
.quickVideoMetadataFields { padding:16px; display:grid; gap:12px; border:1px solid #e7e5fa; border-radius:16px; background:#fbfaff; }.quickVideoMetadataFields label { display:grid; gap:6px; color:#596174; font-size:12px; font-weight:750; }.quickVideoMetadataFields input,.quickVideoMetadataFields textarea { margin:0; border-color:#dddaf5; background:#fff; }.quickVideoMetadataFields textarea { resize:vertical; }.quickVideoMetadataFields :disabled { color:#7c8498; background:#f1f2f6; cursor:not-allowed; }.quickVideoMetadataFields+.quickVideoDrop { min-height:160px; }
@keyframes quickSpin { to { transform:rotate(360deg); } } @keyframes quickPulse { 50% { transform:scale(.9); opacity:.72; } }

/* Keep video-upload feedback centered and visible above the upload form. */
.quickAssetStep { position:relative; }
.quickUploadProgress { position:absolute; z-index:3; inset:0; min-height:280px; padding:32px; grid-template-columns:auto minmax(0,1fr) auto; grid-template-rows:auto auto; align-content:center; gap:10px 14px; border:1px solid #dedafb; box-shadow:0 18px 46px rgba(70,57,158,.16); background:rgba(250,249,255,.97); backdrop-filter:blur(5px); }
.quickUploadProgress>span { grid-row:1/3; width:34px; height:34px; border-width:4px; }
.quickUploadProgressCopy { min-width:0; display:grid; gap:5px; }
.quickUploadProgressCopy strong { font-size:15px; }
.quickUploadProgressCopy small { overflow:hidden; color:#7169a6; white-space:nowrap; text-overflow:ellipsis; }
.quickUploadProgressPercent { min-width:42px; color:#5748ca; font-size:14px; text-align:right; }
.quickUploadProgressTrack { grid-column:2/4; height:8px; overflow:hidden; border-radius:999px; background:#dedafb; }
.quickUploadProgressTrack i { display:block; width:34%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7668ef,#5748ca); transition:width .18s ease; }
.quickUploadProgress.indeterminate .quickUploadProgressTrack i { animation:quickUploadIndeterminate 1.2s ease-in-out infinite; }
@keyframes quickUploadIndeterminate { 0% { transform:translateX(-115%); } 100% { transform:translateX(310%); } }

/* Editable creative detail metadata and inline tag review. */
.creativeDetailMode .detailMain { min-width:0; display:grid; gap:18px; }.creativeDetailMode .detailMain>* { min-width:0; max-width:100%; }.creativeSummaryCard,.creativeMetadataCard,.creativeTagReviewCard { min-width:0; margin:0; }.creativeMetadataCard>.sectionHeading,.creativeTagReviewCard>.sectionHeading { margin-bottom:14px; }.creativeMetadataCard>.sectionHeading h3,.creativeTagReviewCard>.sectionHeading h3 { margin:0; }.creativeMetadataCard>.sectionHeading p,.creativeTagReviewCard>.sectionHeading p { margin:5px 0 0; color:#737b8e; font-size:12px; }.creativeMetadataFacts { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }.creativeMetadataForm { display:grid; gap:18px; }.creativeMetadataForm fieldset { margin:0; padding:17px; }.creativeMetadataForm legend { padding:0 7px; color:#4f566a; font-size:12px; font-weight:800; }.creativeMetadataForm .formGrid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }.creativeMetadataForm .wideField { grid-column:span 2; }.creativeMetadataForm select[multiple] { min-height:112px; padding:8px; }.creativeInlineTags { display:flex; flex-wrap:wrap; gap:10px; }.creativeReviewTag { min-width:145px; margin:0; padding:10px 12px; display:flex; flex-direction:row; align-items:center; gap:9px; border:1px solid #dedafc; border-radius:12px; color:#5144b9; background:#f7f5ff; cursor:pointer; }.creativeReviewTag.approved { border-color:#cce8da; color:#08783e; background:#f1faf5; }.creativeReviewTag input { width:17px; height:17px; margin:0; flex:0 0 auto; }.creativeReviewTag span { display:grid; gap:2px; }.creativeReviewTag small { color:#7b749b; font-size:10px; }.creativeInlineTags .analysisEmpty.compact { width:100%; min-height:100px; }.creativeProvenanceCard { margin:0; }.creativeProvenanceCard summary { display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; }.creativeProvenanceCard summary::-webkit-details-marker { display:none; }.creativeProvenanceCard summary span { display:grid; gap:4px; }.creativeProvenanceCard summary small { color:#7a8294; font-weight:500; }.creativeProvenanceCard summary b { color:#6557e8; font-size:12px; }.creativeProvenanceCard[open] summary { padding-bottom:15px; border-bottom:1px solid #eceef3; }.creativeProvenanceCard[open] summary b { font-size:0; }.creativeProvenanceCard[open] summary b::after { content:"收起"; font-size:12px; }.creativeProvenanceCard .scriptDetailProvenance { margin-top:15px; }
.creativeMetadataSaveStatus { align-self:center; padding:5px 9px; border-radius:999px; color:#667085; background:#f2f4f7; font-size:10px; font-weight:800; white-space:nowrap; }.creativeMetadataSaveStatus.pending,.creativeMetadataSaveStatus.saving { color:#8a5a00; background:#fff3cd; }.creativeMetadataSaveStatus.saved { color:#067647; background:#dcfae6; }.creativeMetadataSaveStatus.error { color:#b42318; background:#fee4e2; }.creativeMetadataForm { gap:0; }.creativeMetadataFact { min-width:0; min-height:56px; padding:8px 0; display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:12px; border-bottom:1px solid #f2f4f7; }.creativeMetadataFact>span:first-child { color:#667085; font-size:11px; }.creativeMetadataFact.readOnly strong { min-width:0; overflow-wrap:anywhere; color:#344054; text-align:right; font-size:11px; }.creativeMetadataControls { min-width:0; display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:6px; }.creativeMetadataControls input,.creativeMetadataControls select,.creativeMetadataControls .multiDropdown { width:auto; min-width:126px; max-width:100%; margin:0; }.creativeMetadataControls input,.creativeMetadataControls select,.creativeMetadataControls .multiDropdown summary { min-height:34px; padding:6px 9px; border-color:transparent; color:#344054; background:#faf9ff; font-size:11px; font-weight:700; text-align:right; }.creativeMetadataControls input:hover,.creativeMetadataControls select:hover,.creativeMetadataControls .multiDropdown summary:hover { border-color:#d9d6fe; background:#f5f3ff; }.creativeMetadataControls input:focus,.creativeMetadataControls select:focus { border-color:#8b7cf6; background:#fff; }.creativeMetadataControls.source input { flex:1 1 280px; }.creativeMetadataControls.classification>* { flex:1 1 128px; }.creativeMetadataControls .multiDropdown { position:relative; }.creativeMetadataControls .multiDropdown summary span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.creativeMetadataControls .multiDropdownMenu { text-align:left; }.creativeMetadataControls .multiDropdownOption { margin:0; }.creativeMetadataReadOnly { padding:6px 9px; color:#667085; font-size:11px; font-weight:700; }
.creativeTagGroups { min-width:0; display:grid; gap:12px; }.creativeTagLine { min-width:0; padding:14px; display:grid; gap:10px; border:1px solid #eceef3; border-radius:14px; background:#fcfcfd; }.creativeTagLine.matched { border-color:#d8eee3; background:#f7fcf9; }.creativeTagLine.pending { border-color:#e3e0fb; background:#faf9ff; }.creativeTagLineHead { display:flex; align-items:center; justify-content:space-between; gap:12px; }.creativeTagLineHead strong { color:#344054; font-size:12px; }.creativeTagLineHead span { min-width:24px; padding:3px 7px; border-radius:999px; color:#667085; background:#f2f4f7; font-size:10px; font-weight:800; text-align:center; }.creativeTagLineBody { min-width:0; display:flex; align-items:center; gap:10px; }.creativeTagLineBody>.creativeInlineTags { min-width:0; flex:1 1 auto; }.creativeTagLine .creativeInlineTags { min-width:0; }.creativeTagLine .analysisEmpty.compact { min-height:64px; }.creativeReviewTag { position:relative; min-width:160px; padding:13px 34px 13px 14px; cursor:default; }.creativeReviewTag.approved small { color:#47755e; }.creativeReviewTag.removing { opacity:.45; pointer-events:none; }.creativeTagRemove { position:absolute; top:7px; right:7px; width:22px; height:22px; padding:0; display:grid; place-items:center; border:0; border-radius:50%; color:#b42318; background:#fee4e2; font-size:17px; font-weight:900; line-height:1; }.creativeTagRemove:hover { color:#fff; background:#d92d20; }.creativeTagAddButton { width:42px; height:42px; padding:0; display:grid; place-items:center; flex:0 0 auto; border:1px dashed #9bd4b5; border-radius:12px; color:#08783e; background:#fff; box-shadow:none; font-size:24px; line-height:1; }.creativeTagAddButton:hover { color:#fff; border-color:#079455; background:#079455; }.creativeTagLine>.formActions { margin-top:0; }.creativeAddTagDialog label { margin:0; }.creativeNewTagError { min-height:16px; color:#b42318; font-size:11px; }

@media (max-width:760px) { .quickAssetModal { padding:10px; }.quickAssetDialog { max-height:calc(100vh - 20px); border-radius:17px; }.quickAssetHeader { padding:18px 18px 12px; }.quickAssetSteps { padding:0 18px 16px; }.quickAssetSteps li { gap:6px; }.quickAssetSteps span { font-size:10px; }.quickAssetSteps li::after { right:6px; left:34px; }.quickAssetBody { min-height:300px; padding:2px 18px 18px; }.quickAssetTypeGrid { grid-template-columns:1fr; }.quickAssetTypeGrid button { min-height:136px; padding:18px; }.quickAssetFooter { padding:11px 18px; grid-template-columns:auto 1fr auto; }.quickAssetFooter #quickAssetDoneBtn { grid-column:1/3; grid-row:2; }.quickAssetFooter #quickAssetDetailBtn { grid-column:3; grid-row:2; }.quickAiStatus { grid-template-columns:auto 1fr; }.quickAiStatus>.analysisStatus { grid-column:2; width:max-content; }.creativeMetadataForm .formGrid.three { grid-template-columns:1fr; }.creativeMetadataForm .wideField { grid-column:auto; }.creativeMetadataFacts { grid-template-columns:1fr; } }
@media (max-width:760px) { .quickAssetCommonFields { padding:13px; grid-template-columns:1fr; }.quickVideoMetadataFields { padding:13px; }.quickVideoMetadataFields+.quickVideoDrop { min-height:136px; padding:20px; } }
@media (max-width:760px) { .creativeTagLine { padding:12px; }.creativeTagLineBody { align-items:flex-start; }.creativeReviewTag { min-width:min(160px,100%); }.creativeAddTagDialog { width:calc(100vw - 24px); }.creativeAddTagDialog form { padding:18px; } }

.quickVideoDrop { position:relative; }
.quickVideoDrop input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }

/* Photographer-facing image shooting handoff. */
.creativeExportActions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; }.creativeExportActions>span { color:#7b8395; font-size:11px; }.shootingJobsBtn { display:inline-flex; align-items:center; gap:6px; }.shootingJobsCount { min-width:19px; height:19px; padding:0 5px; display:inline-grid; place-items:center; border-radius:999px; color:#fff; background:#6557e8; font-size:10px; }.shootingJobsCount.failed { background:#d92d20; }.creativeSelectColumn { width:44px!important; text-align:center!important; }.creativeTable td:first-child { text-align:center; }.creativeTable td:first-child input { width:17px; height:17px; margin:0; }.creativeRowActions { display:flex; flex-wrap:wrap; gap:6px; }.creativeRowActions .smallButton { min-height:31px; padding:0 9px; }.creativeTable th:nth-child(2) { width:100px; }.creativeTable th:nth-child(3) { width:26%; }.creativeTable th:nth-child(4) { width:120px; }.creativeTable th:nth-child(6) { width:105px; }.creativeTable th:nth-child(7) { width:120px; }.creativeTable th:nth-child(8) { width:180px; }
.shootingJobsBackdrop { position:fixed; z-index:174; inset:0; border:0; background:rgba(17,24,39,.38); }.shootingJobsDrawer { position:fixed; z-index:175; top:0; right:0; width:min(480px,100%); height:100vh; display:flex; flex-direction:column; color:#28324a; background:#f8f9fc; box-shadow:-24px 0 70px rgba(16,24,40,.2); }.shootingJobsHeader { padding:24px; display:flex; align-items:flex-start; justify-content:space-between; gap:18px; border-bottom:1px solid #e7e9f1; background:#fff; }.shootingJobsHeader h2,.shootingJobsHeader p { margin:0; }.shootingJobsHeader h2 { margin-top:4px; font-size:22px; }.shootingJobsHeader p { margin-top:5px; color:#747c90; font-size:12px; }.shootingJobsList { padding:18px; overflow:auto; display:grid; align-content:start; gap:12px; }.shootingJobCard { padding:16px; border:1px solid #e2e5ee; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(16,24,40,.05); }.shootingJobTop,.shootingJobActions { display:flex; align-items:center; justify-content:space-between; gap:10px; }.shootingJobTop strong { color:#202a43; font-size:14px; }.shootingJobStatus { padding:5px 9px; border-radius:999px; color:#475467; background:#f2f4f7; font-size:10px; font-weight:800; white-space:nowrap; }.shootingJobStatus.queued,.shootingJobStatus.processing { color:#8a5a00; background:#fff3cd; }.shootingJobStatus.completed { color:#067647; background:#dcfae6; }.shootingJobStatus.failed { color:#b42318; background:#fee4e2; }.shootingJobStatus.superseded { color:#667085; background:#eaecf0; }.shootingJobMeta,.shootingJobError { margin:8px 0 0; color:#747c90; font-size:12px; line-height:1.55; }.shootingJobError { color:#b42318; overflow-wrap:anywhere; }.shootingJobActions { margin-top:13px; justify-content:flex-end; }.shootingJobActions button { min-height:32px; padding:0 10px; }
.shootingAiOverlayOpen { overflow:hidden; }.shootingAiOverlay { position:fixed; z-index:170; inset:0; padding:24px; display:grid; place-items:center; background:rgba(17,24,39,.48); backdrop-filter:blur(6px); }.shootingAiCard { width:min(460px,100%); padding:34px 32px 28px; display:grid; place-items:center; gap:13px; border:1px solid rgba(255,255,255,.72); border-radius:22px; color:#28324a; background:#fff; box-shadow:0 30px 90px rgba(16,24,40,.32); text-align:center; outline:0; }.shootingAiIcon { width:64px; height:64px; display:grid; place-items:center; border-radius:20px; color:#fff; background:linear-gradient(135deg,#7769f1,#5142c8); box-shadow:0 12px 30px rgba(81,66,200,.3); font-size:28px; animation:shootingAiPulse 1.35s ease-in-out infinite; }.shootingAiCopy h2,.shootingAiCopy p { margin:0; }.shootingAiCopy h2 { color:#202a43; font-size:21px; }.shootingAiCopy p { min-height:22px; margin-top:7px; color:#747c90; font-size:13px; line-height:1.55; }.shootingAiProgress { width:100%; height:8px; margin-top:5px; overflow:hidden; border-radius:999px; background:#e5e2fb; }.shootingAiProgress i { display:block; width:36%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#786bf2,#5142c8); animation:shootingAiIndeterminate 1.25s ease-in-out infinite; }.shootingAiBackgroundBtn { min-width:138px; }.shootingAiActions { width:100%; margin-top:6px; display:flex; justify-content:center; gap:9px; }.shootingAiActions button { min-width:112px; }.shootingAiCard.success .shootingAiIcon { background:#12a15a; box-shadow:0 12px 30px rgba(18,161,90,.22); animation:none; }.shootingAiCard.success .shootingAiProgress i { width:100%; background:#12a15a; animation:none; }.shootingAiCard.success .shootingAiActions { display:flex!important; }.shootingAiCard.error .shootingAiIcon { background:#d92d20; box-shadow:0 12px 30px rgba(217,45,32,.2); animation:none; }.shootingAiCard.error .shootingAiProgress { display:none; }.shootingAiCard.error .shootingAiCopy p { color:#b42318; overflow-wrap:anywhere; }.shootingAiCard.error .shootingAiActions { display:flex!important; }
@keyframes shootingAiPulse { 50% { transform:scale(.9) rotate(-5deg); opacity:.78; } } @keyframes shootingAiIndeterminate { 0% { transform:translateX(-120%); } 100% { transform:translateX(300%); } }
@media (prefers-reduced-motion:reduce) { .shootingAiIcon,.shootingAiProgress i { animation:none!important; }.shootingAiProgress i { width:100%; opacity:.55; } }
@media (max-width:760px) { .creativeExportActions { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; }.creativeExportActions>span { display:none; }.creativeExportActions button { width:100%; }.creativeTable td:first-child { display:flex; justify-content:flex-end; }.creativeTable td:first-child::before { margin-right:auto; } }
@media (max-width:560px) { .shootingAiOverlay { padding:14px; }.shootingAiCard { padding:28px 20px 22px; border-radius:18px; }.shootingAiActions { flex-direction:column-reverse; }.shootingAiActions button,.shootingAiBackgroundBtn { width:100%; }.shootingJobsHeader { padding:20px; }.shootingJobsList { padding:12px; } }
.timelineToolbar,.timelineActions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.timelineToolbar { margin:12px 0; justify-content:space-between; }
.timelineToolbar small { color:#667085; }
.editableTimeline td:last-child,.editableTimeline th:last-child { position:sticky; right:0; background:#fff; min-width:125px; z-index:1; }
.editableTimeline textarea { width:100%; min-width:145px; min-height:110px; resize:vertical; box-sizing:border-box; font:inherit; padding:8px; border:1px solid #98a2b3; border-radius:6px; }
.editableTimeline input { width:100px; padding:7px; border:1px solid #98a2b3; border-radius:6px; }
.editableTimeline label { display:grid; gap:4px; margin-bottom:8px; }
.timelineActions button,.timelineToolbar button { padding:7px 10px; border:1px solid #d0d5dd; background:#fff; border-radius:6px; cursor:pointer; }
.timelineActions button:disabled,.timelineToolbar button:disabled { opacity:.5; cursor:wait; }
.timelineError { color:#b42318; padding:10px 0; white-space:pre-wrap; }
.timelineUnsavedDialog { border:1px solid #d0d5dd; border-radius:12px; max-width:480px; padding:24px; }
.timelineUnsavedDialog::backdrop { background:#10182866; }
.creativeTitleHeading { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.creativeTitleHeading h2 { min-width:0; overflow-wrap:anywhere; }
#creativeTitleForm { margin-top:12px; }
#creativeTitleInput { width:100%; box-sizing:border-box; margin:8px 0; }
#creativeTitleError { color:#b42318; }