/* Celebration Studio UI Lab Active only when has .ui-polish-lab. Direction: daylight control room. A calm, operational interface for repeated use under live-production pressure. */ body.ui-polish-lab{ --text:#172033; --muted:#637083; --accent:#1769D1; --accent2:#0F9F6E; --border:#D8E0EA; --danger:#D33F49; --ok:#0F9F6E; --warn:#B76A00; --line:#D8E0EA; --panel:#FFFFFF; --panel-soft:#F2F6FA; --surface:#FFFFFF; --surface-soft:#F7FAFC; --surface-tint:#EAF3FF; --ink:#172033; --ink-soft:#425166; --radius:10px; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --shadow:0 10px 28px rgba(25,42,70,.08); margin:0; font-family:"Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Segoe UI", ui-sans-serif, system-ui, sans-serif; font-size:14px; line-height:1.42; color:var(--text); background: linear-gradient(180deg, #F6F8FB 0%, #EEF3F8 48%, #E8EEF5 100%); font-variation-settings:"wdth" 96; text-rendering:geometricPrecision; } body.ui-polish-lab::before{ display:none; } body.ui-polish-lab a{ color:var(--accent); } body.ui-polish-lab .wrap{ max-width:1760px; padding:var(--space-4) var(--space-5) var(--space-6); } body.ui-polish-lab .topbar{ display:grid; grid-template-columns:minmax(190px, auto) minmax(0, 1fr) auto; gap:var(--space-3); align-items:center; padding:var(--space-2) var(--space-3); border-radius:12px; background:rgba(255,255,255,.92); border:1px solid rgba(216,224,234,.92); box-shadow:0 12px 30px rgba(31,48,72,.08); backdrop-filter:blur(14px); } body.ui-polish-lab .brand{ gap:var(--space-2); min-width:0; } body.ui-polish-lab .brandTitle{ color:#111B2E; font-size:17px; font-weight:700; letter-spacing:0; white-space:nowrap; } body.ui-polish-lab .churchLogo, body.ui-polish-lab .churchLogoFallback{ width:32px; height:32px; border:1px solid #D8E0EA; box-shadow:0 4px 12px rgba(25,42,70,.08); } body.ui-polish-lab .churchLogoFallback{ color:#FFFFFF; background:#1769D1; } body.ui-polish-lab .nav{ justify-content:flex-start; gap:var(--space-1); min-width:0; } body.ui-polish-lab .navbtn, body.ui-polish-lab button, body.ui-polish-lab .appTab, body.ui-polish-lab .songSourceTab{ border-radius:9px; min-height:36px; font-weight:650; letter-spacing:0; transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; } body.ui-polish-lab .navbtn{ padding:7px 9px; background:transparent; border:1px solid transparent; color:#526173; white-space:nowrap; } body.ui-polish-lab .navbtn:hover{ color:#172033; background:#F2F6FA; border-color:#DDE5EF; } body.ui-polish-lab .navbtn.primary{ background:#1769D1; border-color:#1769D1; color:#FFFFFF; box-shadow:0 8px 18px rgba(23,105,209,.20); } body.ui-polish-lab .navbtn.primary:hover{ background:#0F57B4; color:#FFFFFF; } body.ui-polish-lab .navbtn.warn{ background:#FFF4E3; border-color:#F4C982; color:#8F5100; } body.ui-polish-lab .right{ min-width:0; } body.ui-polish-lab .topbar .liveControlCard{ width:auto; border-radius:10px; padding:6px; background:#111B2E; border:1px solid rgba(17,27,46,.16); box-shadow:none; } body.ui-polish-lab .topbar .liveControlCard .title{ display:none; } body.ui-polish-lab .topbar .liveControlCard .row{ gap:var(--space-1); flex-wrap:nowrap; } body.ui-polish-lab .topbar .liveControlCard .row button{ min-height:34px; padding:7px 9px; color:#F7FAFC; border-color:rgba(255,255,255,.12); } body.ui-polish-lab .topbar .liveControlCard .row button.ghost{ background:rgba(255,255,255,.07); } body.ui-polish-lab .topbar .liveControlCard .row button.good{ background:#0F9F6E; border-color:#0F9F6E; } body.ui-polish-lab .topbar .liveControlCard .row button.blackout{ background:#D33F49; border-color:#D33F49; } body.ui-polish-lab.is-server-instance #liveModeNavBtn, body.ui-polish-lab.is-server-instance .liveControlCard, body.ui-polish-lab.is-server-instance .topbar > .right, body.ui-polish-lab.is-server-instance #btnActivateSelected, body.ui-polish-lab.is-server-instance #pvSendCurrentBtn, body.ui-polish-lab.is-server-instance .nav > .navbtn[onclick="toggleFullscreenApp()"]{ display:none !important; } body.ui-polish-lab.is-server-instance .topbar{ grid-template-columns:minmax(190px, auto) minmax(0, 1fr); } body.ui-polish-lab .appTabs{ margin:var(--space-3) 0 0; gap:var(--space-1); padding:var(--space-1); width:max-content; border-radius:12px; border:1px solid #D8E0EA; background:#FFFFFF; box-shadow:0 8px 22px rgba(25,42,70,.05); } body.ui-polish-lab .appTab{ padding:8px 13px; border:0; background:transparent; color:#637083; } body.ui-polish-lab .appTab.active{ background:#1769D1; color:#FFFFFF; } body.ui-polish-lab .grid{ gap:var(--space-4); margin-top:var(--space-4); } body.ui-polish-lab .panel, body.ui-polish-lab .songCard, body.ui-polish-lab .mediaSection, body.ui-polish-lab .previewBox, body.ui-polish-lab .syncCard, body.ui-polish-lab .aiPreviewCard, body.ui-polish-lab .songSectionCard, body.ui-polish-lab .songSequenceBox, body.ui-polish-lab .templateCard, body.ui-polish-lab .noteCreateCard, body.ui-polish-lab .noteItem{ border-radius:12px; background:#FFFFFF; border:1px solid #D8E0EA; box-shadow:0 8px 20px rgba(25,42,70,.045); } body.ui-polish-lab .panel{ padding:var(--space-4); } body.ui-polish-lab .songCard, body.ui-polish-lab .mediaSection, body.ui-polish-lab .previewBox{ padding:var(--space-4); } body.ui-polish-lab h2{ margin:0 0 var(--space-2); color:#111B2E; font-size:18px; line-height:1.15; font-weight:700; letter-spacing:0; } body.ui-polish-lab label, body.ui-polish-lab .pointsActionsTitle, body.ui-polish-lab .mediaSectionTitle, body.ui-polish-lab .templateCardTitle{ color:#253247; font-size:12px; font-weight:700; letter-spacing:0; } body.ui-polish-lab .muted, body.ui-polish-lab .templateCardMeta{ color:#637083; } body.ui-polish-lab .hr{ border-color:#D8E0EA; margin:var(--space-4) 0; } body.ui-polish-lab .row{ gap:var(--space-2); align-items:center; } body.ui-polish-lab .predTop, body.ui-polish-lab .editorMetaBar, body.ui-polish-lab .pointsHeaderBar, body.ui-polish-lab .aiPreviewTop, body.ui-polish-lab .noteCreateHead, body.ui-polish-lab .noteItemHead{ display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); } body.ui-polish-lab .predTop{ margin-bottom:var(--space-4); } body.ui-polish-lab .predTop > div:first-child, body.ui-polish-lab .editorMetaBar > div:first-child{ min-width:0; } body.ui-polish-lab input[type=text], body.ui-polish-lab input[type=date], body.ui-polish-lab input[type=time], body.ui-polish-lab input[type=password], body.ui-polish-lab input[type=search], body.ui-polish-lab select, body.ui-polish-lab textarea{ color:#172033; background:#F7FAFC; border:1px solid #CAD5E3; border-radius:10px; box-shadow:none; min-height:38px; padding:9px 11px; font:inherit; line-height:1.35; } body.ui-polish-lab textarea{ padding:10px 11px; } body.ui-polish-lab input::placeholder, body.ui-polish-lab textarea::placeholder{ color:#8C99AA; } body.ui-polish-lab input:focus, body.ui-polish-lab select:focus, body.ui-polish-lab textarea:focus{ background:#FFFFFF; border-color:#1769D1; box-shadow:0 0 0 3px rgba(23,105,209,.14); } body.ui-polish-lab button{ color:#172033; background:#FFFFFF; border:1px solid #CAD5E3; box-shadow:none; padding:8px 11px; font:inherit; line-height:1.1; display:inline-flex; align-items:center; justify-content:center; gap:6px; } body.ui-polish-lab button:hover{ background:#F2F6FA; border-color:#B9C6D6; } body.ui-polish-lab button.good{ color:#FFFFFF; background:#0F9F6E; border-color:#0F9F6E; } body.ui-polish-lab button.good:hover{ background:#0B875D; } body.ui-polish-lab button.ghost{ color:#425166; background:#FFFFFF; border-color:#D8E0EA; } body.ui-polish-lab button.danger, body.ui-polish-lab .danger{ color:#FFFFFF; background:#D33F49; border-color:#D33F49; } body.ui-polish-lab button.small{ border-radius:9px; } body.ui-polish-lab .badge, body.ui-polish-lab .pill{ color:#526173; background:#F2F6FA; border:1px solid #D8E0EA; border-radius:999px; padding:5px 9px; font-size:12px; font-weight:650; } body.ui-polish-lab .badge.active, body.ui-polish-lab .pill.active{ color:#096247; background:#E7F7F1; border-color:#B7E6D5; } body.ui-polish-lab .pill.current{ color:#8F5100; background:#FFF4E3; border-color:#F4C982; } body.ui-polish-lab .pill.next{ color:#0F57B4; background:#EAF3FF; border-color:#B8D8FF; } body.ui-polish-lab .editorMainFields{ grid-template-columns:minmax(260px, 1.5fr) minmax(190px, .9fr) 185px 150px auto; gap:var(--space-3); align-items:end; } body.ui-polish-lab .editorTopForm{ gap:var(--space-3); } body.ui-polish-lab .editorActions{ margin-top:var(--space-1); } body.ui-polish-lab .editorActionsPrimary, body.ui-polish-lab .editorActionsPrimary .actionPair{ gap:var(--space-2); align-items:center; } body.ui-polish-lab .editorMainAction{ min-height:38px; padding:8px 12px; } body.ui-polish-lab .mediaSection{ background:#F7FAFC; gap:var(--space-3); padding:var(--space-3); } body.ui-polish-lab .mediaRow{ background:#FFFFFF; border-color:#D8E0EA; border-radius:10px; gap:var(--space-2); padding:var(--space-2) var(--space-3); min-height:50px; } body.ui-polish-lab .mediaRow label{ min-width:120px; color:#425166; } body.ui-polish-lab .pointsSection{ gap:var(--space-3); } body.ui-polish-lab .pointsHeader, body.ui-polish-lab .pointsHeaderBar{ min-height:0; padding:0; margin:0; } body.ui-polish-lab .pointsSidebar{ background:#F7FAFC; border:1px solid #D8E0EA; border-radius:12px; padding:var(--space-2); } body.ui-polish-lab .pointsActions{ background:transparent; gap:var(--space-2); } body.ui-polish-lab .pointsActionsSection{ background:#FFFFFF; border:1px solid #D8E0EA; border-radius:12px; padding:var(--space-3); gap:var(--space-2); } body.ui-polish-lab .pointsActionsSection button, body.ui-polish-lab .pointsActionsSection select, body.ui-polish-lab .pointsActionsSection input{ width:100%; justify-content:flex-start; } body.ui-polish-lab .point, body.ui-polish-lab .visualBlockGroup, body.ui-polish-lab .conductorPanel, body.ui-polish-lab .conductorMoment, body.ui-polish-lab .conductorPoint{ border-color:#D8E0EA; background:#FFFFFF; box-shadow:none; } body.ui-polish-lab .visualBlockGroup{ border-radius:12px; margin-bottom:var(--space-4); overflow:hidden; } body.ui-polish-lab .card, body.ui-polish-lab #sermonList .card{ position:relative; color:#172033; background:#FFFFFF; border-color:#D8E0EA; border-radius:12px; box-shadow:0 10px 28px rgba(25,42,70,.08); transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease; } body.ui-polish-lab #sermonList .card:hover{ border-color:#B8D8FF; box-shadow:0 12px 30px rgba(25,42,70,.10); transform:translateY(-1px); } body.ui-polish-lab #sermonList .card.selected-sermon{ border-color:#1769D1 !important; background: linear-gradient(90deg, rgba(23,105,209,.14), rgba(255,255,255,.98) 24%), #FFFFFF; box-shadow: 0 0 0 3px rgba(23,105,209,.14), 0 16px 36px rgba(23,105,209,.16); } body.ui-polish-lab #sermonList .card.selected-sermon::before{ content:""; position:absolute; left:0; top:12px; bottom:12px; width:5px; border-radius:0 999px 999px 0; background:#1769D1; } body.ui-polish-lab #sermonList .card.active-sermon{ border-color:#B7E6D5; background: linear-gradient(90deg, rgba(15,159,110,.10), rgba(255,255,255,.98) 20%), #FFFFFF; box-shadow:0 0 0 2px rgba(15,159,110,.08) inset, 0 10px 28px rgba(25,42,70,.08); } body.ui-polish-lab #sermonList .card.active-sermon.selected-sermon{ border-color:#1769D1 !important; background: linear-gradient(90deg, rgba(23,105,209,.16), rgba(231,247,241,.92) 28%, rgba(255,255,255,.98)), #FFFFFF; box-shadow: 0 0 0 3px rgba(23,105,209,.14), 0 0 0 6px rgba(15,159,110,.10), 0 16px 36px rgba(25,42,70,.14); } body.ui-polish-lab #sermonList .card-title{ color:#172033; } body.ui-polish-lab #sermonList .card-sub{ color:#637083; } body.ui-polish-lab #sermonList .sermonSelectionBadge{ margin-left:auto; padding:4px 9px; border-radius:999px; background:#EAF3FF; color:#0F57B4; border:1px solid #B8D8FF; font-size:11px; font-weight:850; line-height:1; white-space:nowrap; } body.ui-polish-lab .visualBlockHeader, body.ui-polish-lab .segmentHeader, body.ui-polish-lab .pointHead{ gap:var(--space-2); align-items:center; } body.ui-polish-lab .segmentGroup{ --segment-accent:#1769D1; --segment-border:#D8E0EA; --segment-soft:rgba(23,105,209,.07); color:#172033; border-color:#D8E0EA; background:#FFFFFF; box-shadow:0 10px 28px rgba(25,42,70,.08); } body.ui-polish-lab .segmentGroup.segment-annonces{ --segment-accent:#0F9F6E; --segment-border:#B7E6D5; --segment-soft:rgba(15,159,110,.08); } body.ui-polish-lab .segmentGroup.segment-predication{ --segment-accent:#1769D1; --segment-border:#B8D8FF; --segment-soft:rgba(23,105,209,.08); } body.ui-polish-lab .segmentGroup::before, body.ui-polish-lab .pcard::before, body.ui-polish-lab .simpleItem::before{ box-shadow:none; } body.ui-polish-lab .segmentHead{ color:#172033; border-bottom-color:var(--segment-border, #D8E0EA); background: linear-gradient(90deg, var(--segment-soft, rgba(23,105,209,.07)), rgba(255,255,255,.98) 34%), #FFFFFF; box-shadow:0 8px 18px rgba(25,42,70,.08); backdrop-filter:blur(12px); } body.ui-polish-lab .segmentTitle, body.ui-polish-lab .segmentHeadMeta, body.ui-polish-lab .segmentTimeBadge, body.ui-polish-lab .segmentBadge, body.ui-polish-lab .segmentCollapsedSummary{ color:#172033; } body.ui-polish-lab .segmentHeadMeta, body.ui-polish-lab .segmentCollapsedSummary{ color:#637083; } body.ui-polish-lab .segmentTimeBadge, body.ui-polish-lab .segmentBadge, body.ui-polish-lab .segmentStat{ border-color:#D8E0EA; background:#F7FAFC; box-shadow:none; } body.ui-polish-lab .segmentStat{ color:#425166; } body.ui-polish-lab .emptyVisualBlockCta{ border-color:#D8E0EA; background:#F7FAFC; } body.ui-polish-lab .pcard, body.ui-polish-lab .simpleItem{ color:#172033; border-color:#D8E0EA; background:#FFFFFF; box-shadow:none; } body.ui-polish-lab .pcard.current{ border-color:#F4C982; box-shadow:0 0 0 2px rgba(180,106,0,.08) inset; } body.ui-polish-lab .pcard.next{ border-color:#B8D8FF; box-shadow:0 0 0 2px rgba(23,105,209,.07) inset; } body.ui-polish-lab .pcard.disabled{ border-color:#F3B8BF; background:#FDECEF; } body.ui-polish-lab .pcard.type-verse, body.ui-polish-lab .simpleItem.type-verse{ background: linear-gradient(90deg, rgba(23,105,209,.10), rgba(255,255,255,.98) 20%), #FFFFFF; } body.ui-polish-lab .pcard.type-quote, body.ui-polish-lab .simpleItem.type-quote{ background: linear-gradient(90deg, rgba(180,106,0,.10), rgba(255,255,255,.98) 20%), #FFFFFF; } body.ui-polish-lab .pcard.type-point, body.ui-polish-lab .simpleItem.type-point{ background: linear-gradient(90deg, rgba(234,179,8,.11), rgba(255,255,255,.98) 20%), #FFFFFF; } body.ui-polish-lab .pcard.type-image, body.ui-polish-lab .simpleItem.type-image{ background: linear-gradient(90deg, rgba(15,159,110,.10), rgba(255,255,255,.98) 20%), #FFFFFF; } body.ui-polish-lab .pcard.type-section, body.ui-polish-lab .simpleItem.type-section{ background: linear-gradient(90deg, rgba(104,66,168,.10), rgba(255,255,255,.98) 20%), #FFFFFF; } body.ui-polish-lab .ptype{ color:#425166; border-color:#D8E0EA; background:#F7FAFC; } body.ui-polish-lab .ptype.verse{ color:#0F57B4; border-color:#B8D8FF; background:#EAF3FF; } body.ui-polish-lab .ptype.quote{ color:#8F5100; border-color:#F4C982; background:#FFF4E3; } body.ui-polish-lab .ptype.image{ color:#096247; border-color:#B7E6D5; background:#E7F7F1; } body.ui-polish-lab .ptype.point{ color:#172033; border-color:#D8E0EA; background:#EEF2F7; } body.ui-polish-lab .ptype.section{ color:#6842A8; border-color:#D7C8FF; background:#F1ECFF; } body.ui-polish-lab .thumb, body.ui-polish-lab .pointNotesInline, body.ui-polish-lab .simpleText{ color:#425166; border-color:#D8E0EA; background:#F7FAFC; } body.ui-polish-lab .point{ border-radius:12px; margin:var(--space-2) 0; padding:var(--space-3); } body.ui-polish-lab .point .row{ gap:var(--space-2); } body.ui-polish-lab .conductorPanel{ padding:var(--space-3); gap:var(--space-3); } body.ui-polish-lab .conductorHead{ gap:var(--space-3); } body.ui-polish-lab .conductorTitle{ color:#526173; font-size:12px; font-weight:700; letter-spacing:0; } body.ui-polish-lab .conductorGrid, body.ui-polish-lab .conductorTimeline{ gap:var(--space-2); } body.ui-polish-lab .conductorCreateBlock, body.ui-polish-lab .conductorMoment{ border-color:#D8E0EA; background:#FFFFFF; border-radius:14px; padding:10px 12px; gap:10px; } body.ui-polish-lab .conductorMomentTop, body.ui-polish-lab .conductorPoint{ grid-template-columns:86px minmax(0, 1fr) auto; gap:10px; align-items:center; } body.ui-polish-lab .conductorPointList{ gap:8px; padding-left:14px; margin-left:10px; border-left:2px solid #DDE6F0; } body.ui-polish-lab .conductorPoint{ position:relative; padding:8px 10px; border:1px solid #D8E0EA; border-radius:12px; background:#FFFFFF; box-shadow:0 6px 16px rgba(25,42,70,.045); } body.ui-polish-lab .conductorPoint.visualOn{ background: linear-gradient(90deg, rgba(15,159,110,.10), rgba(255,255,255,.98) 18%), #FFFFFF; border-color:#B7E6D5; } body.ui-polish-lab .conductorPoint.visualOn::before{ content:""; position:absolute; left:-1px; top:10px; bottom:10px; width:4px; border-radius:999px; background:#0F9F6E; } body.ui-polish-lab .conductorMomentTop input[type="time"], body.ui-polish-lab .conductorPoint input[type="time"]{ width:86px !important; min-width:86px !important; height:42px; padding:0 8px; border-radius:10px; border-color:#D8E0EA; background:#F7FAFC; color:#172033; text-align:center; font-size:15px; font-weight:850; font-variant-numeric:tabular-nums; box-shadow:inset 0 0 0 1px rgba(255,255,255,.65); } body.ui-polish-lab .conductorMomentTop input[type="text"], body.ui-polish-lab .conductorPoint input[type="text"]{ min-height:42px; border-radius:10px; border-color:#D8E0EA; background:#FFFFFF; color:#172033; box-shadow:none; } body.ui-polish-lab .conductorMomentTop input[type="text"]{ font-size:17px; font-weight:800; } body.ui-polish-lab .conductorPoint input[type="text"]{ font-size:14px; font-weight:750; } body.ui-polish-lab .conductorMomentTop input:focus, body.ui-polish-lab .conductorPoint input:focus{ border-color:#B8D8FF; box-shadow:0 0 0 3px rgba(23,105,209,.10); } body.ui-polish-lab .conductorActionBar{ gap:6px; align-items:center; } body.ui-polish-lab .conductorIconBtn{ width:34px !important; min-width:34px !important; height:34px !important; border-radius:8px !important; padding:0 !important; } body.ui-polish-lab .conductorVisualBtn{ height:34px; min-width:82px !important; padding:0 12px !important; border-radius:999px !important; font-weight:800; font-size:11px; letter-spacing:0; } body.ui-polish-lab .conductorVisualBtn.on{ color:#096247; background:#E7F7F1; border-color:#B7E6D5; } @media (max-width: 760px){ body.ui-polish-lab .conductorMomentTop, body.ui-polish-lab .conductorPoint{ grid-template-columns:78px minmax(0, 1fr); } body.ui-polish-lab .conductorActionBar{ grid-column:1 / -1; justify-content:flex-start; } body.ui-polish-lab .conductorMomentTop input[type="time"], body.ui-polish-lab .conductorPoint input[type="time"]{ width:78px !important; min-width:78px !important; } } body.ui-polish-lab .segmentTitle, body.ui-polish-lab .pointTitle, body.ui-polish-lab .aiPreviewTitle{ color:#172033; } body.ui-polish-lab .typeChip{ border-radius:10px !important; box-shadow:none !important; min-height:38px; padding:8px 11px !important; } body.ui-polish-lab .typeChip.verse{ color:#0F57B4; background:#EAF3FF; border-color:#B8D8FF; } body.ui-polish-lab .typeChip.quote{ color:#8F5100; background:#FFF4E3; border-color:#F4C982; } body.ui-polish-lab .typeChip.image{ color:#096247; background:#E7F7F1; border-color:#B7E6D5; } body.ui-polish-lab .typeChip.point{ color:#172033; background:#EEF2F7; border-color:#D8E0EA; } body.ui-polish-lab .typeChip.section{ color:#6842A8; background:#F1ECFF; border-color:#D7C8FF; } body.ui-polish-lab .songImportGrid{ gap:var(--space-4); } body.ui-polish-lab .songCard{ gap:var(--space-3); } body.ui-polish-lab .songSourceTabs{ padding:var(--space-1); border:1px solid #D8E0EA; border-radius:12px; background:#F2F6FA; width:max-content; } body.ui-polish-lab .songSourceTab{ padding:8px 12px; border:0; color:#637083; background:transparent; } body.ui-polish-lab .songSourceTab.active{ color:#FFFFFF; background:#1769D1; } body.ui-polish-lab .songSequenceBox, body.ui-polish-lab .songEmptyState, body.ui-polish-lab .songFileMeta{ background:#F7FAFC; border-color:#D8E0EA; color:#425166; border-radius:10px; } body.ui-polish-lab .aiWarning{ color:#8F5100; background:#FFF4E3; border-color:#F4C982; } body.ui-polish-lab .modal{ background:#FFFFFF; border-color:#D8E0EA; border-radius:14px; box-shadow:0 24px 70px rgba(25,42,70,.22); } body.ui-polish-lab .modal-backdrop{ background:rgba(17,27,46,.46); backdrop-filter:blur(4px); } body.ui-polish-lab .modal .previewBox, body.ui-polish-lab .modal .results{ background:#FFFFFF !important; border-color:#D8E0EA !important; color:#172033; box-shadow:0 8px 20px rgba(25,42,70,.045); } body.ui-polish-lab .dropzone{ border-color:#C9D5E5; background:#F2F6FA; color:#637083; box-shadow:inset 0 1px 0 rgba(255,255,255,.86); } body.ui-polish-lab .dropzone.drag{ border-color:#63A7F4; background:#EAF3FF; color:#0F57B4; } body.ui-polish-lab .groupEditorPanel{ border-color:#D8E0EA; background:#FFFFFF; box-shadow:0 10px 28px rgba(25,42,70,.08); } body.ui-polish-lab .groupEditorHead{ background:#F7FAFC; border-bottom-color:#D8E0EA; color:#172033; backdrop-filter:none; } body.ui-polish-lab .groupEditorList{ background:#FFFFFF; color:#425166; } body.ui-polish-lab .groupEditorList .card{ background:#F7FAFC; border-color:#D8E0EA; color:#172033; } body.ui-polish-lab .groupEditorList .card img{ border-color:#C9D5E5 !important; background:#FFFFFF; } body.ui-polish-lab .groupEditorList::-webkit-scrollbar-thumb, body.ui-polish-lab .groupThumbStrip::-webkit-scrollbar-thumb{ background:#C9D5E5; } body.ui-polish-lab .groupThumb{ border-color:#C9D5E5; background:#FFFFFF; } body.ui-polish-lab .groupThumbBadge{ background:#FFFFFF; border-color:#C9D5E5; color:#172033; box-shadow:0 6px 16px rgba(25,42,70,.12); } body.ui-polish-lab .groupThumbPrimary{ background:#E7F7F1; border-color:#B7E6D5; color:#096247; } body.ui-polish-lab .announcementTemplateCard{ background:#FFFFFF; border-color:#D8E0EA; color:#172033; } body.ui-polish-lab .announcementTemplateCard:hover{ border-color:#8EC4FF; box-shadow:0 10px 24px rgba(25,42,70,.10); } body.ui-polish-lab .announcementTemplateCard.active{ border-color:#21A475; background:#F0FBF7; box-shadow:0 0 0 3px rgba(33,164,117,.14); } body.ui-polish-lab .announcementPreviewFrame{ background:#F2F6FA; border-color:#D8E0EA; } body.ui-polish-lab .announcementPreviewFrame img{ background:#F2F6FA; } body.ui-polish-lab .announcementStructured .field{ background:#F7FAFC; border-color:#D8E0EA; color:#172033; } body.ui-polish-lab.is-server-instance #settingsModal .row:has(#localDiffuserName), body.ui-polish-lab.is-server-instance #settingsModal .row:has(#vmixIp), body.ui-polish-lab.is-server-instance #settingsModal .row:has(#remoteSourceUrl), body.ui-polish-lab.is-server-instance #settingsModal .toggleRow:has(#remoteAutoImport), body.ui-polish-lab.is-server-instance #settingsModal .toggleRow:has(#diffuserLockMode), body.ui-polish-lab.is-server-instance #settingsModal .row:has(#dsCurrent), body.ui-polish-lab.is-server-instance #settingsModal .row:has(#dsActive), body.ui-polish-lab.is-server-instance #settingsModal .row:has(#dsCurrentN), body.ui-polish-lab.is-server-instance #settingsModal .row:has(#dsActiveN){ display:none !important; } body.ui-polish-lab .toastItem{ color:#172033; background:#FFFFFF; border-color:#D8E0EA; box-shadow:0 18px 45px rgba(25,42,70,.16); } body.ui-polish-lab .toastItem.good{ color:#096247; background:#E7F7F1; border-color:#B7E6D5; } body.ui-polish-lab .toastItem.warn{ color:#8F5100; background:#FFF4E3; border-color:#F4C982; } body.ui-polish-lab .toastItem.error{ color:#9F1D2A; background:#FDECEF; border-color:#F3B8BF; } body.ui-polish-lab .uiLabBadge{ position:fixed; right:14px; bottom:14px; z-index:10080; padding:8px 10px; border-radius:999px; border:1px solid #B8D8FF; background:#EAF3FF; color:#0F57B4; font-size:12px; font-weight:850; box-shadow:0 10px 26px rgba(25,42,70,.16); } @media (max-width: 1180px){ body.ui-polish-lab .topbar{ grid-template-columns:1fr; } body.ui-polish-lab .nav, body.ui-polish-lab .topbar .liveControlCard .row{ justify-content:flex-start; flex-wrap:wrap; } body.ui-polish-lab .editorMainFields{ grid-template-columns:1fr 1fr; } } @media (max-width: 720px){ body.ui-polish-lab .wrap{ padding:10px; } body.ui-polish-lab .editorMainFields, body.ui-polish-lab .editorMediaRows, body.ui-polish-lab .noteCreateGrid, body.ui-polish-lab .noteItemGrid{ grid-template-columns:1fr; } body.ui-polish-lab .appTabs, body.ui-polish-lab .songSourceTabs{ width:100%; } }