/* Shared visual language with Media Buying: graphite, white and teal. */
:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#202d34;background:#f7f9fa;--accent:#087f8c;--accent-hover:#066976;--muted:#67767d;--line:#e1e8eb;--surface:#edf2f4;--selected:#d9efec;--sidebar-width:218px}
body{font-size:13px}
/* Keep page actions and scrollable panels aligned when content gains or loses a scrollbar. */
html,dialog,.sidebar>.nav,.editor-controls,.workflow-inspector,.workflow-canvas,.batch-studio,.batch-concepts,.production-product-options,.production-plan-table,.production-output-list,.production-storyboard,.production-brief{scrollbar-gutter:stable}
h1{font-size:27px;line-height:1.25;font-weight:750;letter-spacing:-1.1px}h2{font-size:14px;font-weight:750;letter-spacing:-.22px}h3{font-size:14px;font-weight:700;letter-spacing:normal}
button:focus-visible,a:focus-visible,input:focus,textarea:focus,select:focus,.search:focus-within{outline-color:var(--accent)}
.sidebar{width:var(--sidebar-width);padding:26px 14px 12px;background:#edf2f4;border-color:#dce5e9}
.shell{margin-left:var(--sidebar-width);background:#f7f9fa;min-height:100dvh}
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;height:auto;min-height:43px;margin:0 9px 29px;white-space:nowrap;flex-shrink:0}
.brand strong{font-size:17px;font-weight:800;letter-spacing:-.65px;line-height:1.3;color:#202d34}
.brand small{font-size:10px;font-weight:500;letter-spacing:.1px;line-height:1.4;color:#67767d}
.nav{gap:0}.nav a{height:42px;flex-shrink:0;margin:3px 0;padding:0 12px;gap:10px;font-size:11.5px;font-weight:400;color:#668986;border-radius:7px}
.nav a svg{width:17px;height:17px}.nav a:hover{background:#eaeeee;color:#2f3f3e}
.nav a.active{background:var(--selected);color:#145c5d;box-shadow:0 0 0 1px #c1dfda inset;font-weight:750}
.nav-group{font-size:8.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:#648784;padding:0 12px;margin:0 0 11px;line-height:normal}.nav-divider{height:1px;flex-shrink:0;background:#e4e9e9;margin:22px 12px}.editor .nav-divider{display:none}
.sidebar-bottom{padding-top:0}.profile{margin-top:0;background:transparent;border-top:1px solid #e4e9e9;border-radius:0;padding:15px 8px 1px;gap:10px}.profile small{display:block;font-size:9px;color:#638683;margin-top:3px}.profile>svg{color:#5a7a77}.avatar{width:33px;height:33px;flex-shrink:0;background:#dfe4e4;color:#5b7c79;border:3px solid white;font-size:10px;font-weight:750}
.header{height:69px;padding:0 30px;background:#fff;border-color:var(--line)}.header h1{font-size:27px}.header-actions{gap:12px}.header>.row{min-width:0}
.breadcrumb{color:var(--muted)}.content{padding:31px 30px 25px}.footer-note{color:var(--muted);font-size:10px}
.btn{border-radius:7px;min-height:35px;padding:10px 13px;font-size:10.5px;font-weight:700;gap:7px;transition:background .16s,box-shadow .16s,transform .16s}.btn svg{width:16px;height:16px}
.btn.primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn.secondary{background:white;border-color:#dbe5e8}.btn.secondary:hover{background:#f0f6f6}.btn.small{min-height:31px;padding:7px 10px;font-size:10px;border-radius:7px}
.icon-btn{border-radius:7px;color:#607c81}.icon-btn:hover{background:#e7efef}
input,select,textarea{border-color:#dce5e9;border-radius:6px;color:#263d44;font-size:12px}input::placeholder,textarea::placeholder{color:#8c9a9f}
input[type=checkbox],input[type=radio],.resize-settings input,.batch-select-all input{accent-color:var(--accent)}
.search{background:#fff;border-radius:6px;border-color:var(--line)}.search svg{color:#718a91}
.tabs{gap:8px;padding-bottom:12px;border-color:var(--line)}.tabs button{border:0;border-radius:5px;padding:6px 10px;font-size:10px;color:var(--muted)}.tabs button.selected{background:#e9eeee;color:#2c6464;font-weight:700}
.brand-tabs,.mode-switch,.workspace-tabs{background:#edf2f3}.brand-tabs button.selected,.mode-switch .selected,.workspace-tabs .selected{background:white;color:#265e60;box-shadow:0 1px 3px #203b3b12}
.pill{font-size:9px;color:#617c81;border-color:var(--line)}.purple{color:#286f70;background:#e0f0ed;border-color:#d3e7e2}
.notice,.batch-fixed,.home-resize-entry{background:#edf7f5;color:#506e71;border-color:#d3e7e2;border-radius:8px}
.section-title{margin-bottom:18px}.section-title span{color:var(--muted)}
.home-section{margin-bottom:32px}.home-workspace .section-title h2,.home-resume .section-title h2,.home-start:first-child .section-title h2{font-size:14px;font-weight:750;letter-spacing:-.22px}
.home-section .section-title p{font-size:11px}.home-text-link,.home-product-actions button{color:#366f72}
.home-work-card{border-color:var(--line);border-radius:9px;box-shadow:none}.home-work-card:hover{border-color:#a6cbc7;box-shadow:0 4px 12px #263d4409}
.home-work-meta small,.home-work-status{color:var(--muted)}.home-work-bottom>span{color:#287477}.home-work-art{background:#eaf0f1;color:#60888b}
.home-actions{gap:19px}.home-action{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;padding-bottom:17px;transition:border-color .16s,transform .16s}.home-action:hover{border-color:#a6cbc7;transform:translateY(-2px)}
.home-action-art{border-radius:0;background:#edf2f4;margin-bottom:15px}.home-action-title{font-size:10px;line-height:1.6;padding-left:16px}.home-action-copy{font-size:10px;padding:0 16px;max-width:none}.home-action-title svg{color:#638b8c}
.home-resize-entry{border:1px solid #d3e7e2}.home-resize-icon{color:var(--accent);background:#d4ece6;border-radius:7px}.home-resize-cta{color:#246c65}
.home-discover>button{background:#edf2f4;border-radius:9px;border:1px solid var(--line)}.home-discover strong{font-size:16px}.home-discover>button>span>span{color:#34767a}
.tool-card{background:#fff;border-color:var(--line);border-radius:10px;padding:0;overflow:hidden}.tool-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #263d440c}
.tool-art{border-radius:0;background:#edf2f4}.tool-copy,.home-tools .tool-copy{padding-left:16px}.tool-copy h3{font-size:10px;line-height:1.6;font-weight:700;letter-spacing:normal}.tool-copy p{color:var(--muted)}.tool-copy svg{color:#638b8c}
.gallery-preview,.showcase-visual,.news-visual,.space-card-art{border-radius:9px}.gallery-preview{background:#eaf0f1}.gallery-meta h3,.news-card h3{font-weight:700}.news-card p{color:var(--muted)}
.favorite.on{color:var(--accent)}.favorite.on svg{fill:var(--accent)}
.product-card,.brand-card,.add-card,.launch-card,.integration,.choice-list button{border-radius:9px;border-color:var(--line);background:#fff}.add-card:hover,.launch-card:hover,.choice-list button:hover{background:#f0f6f6}
.empty>.empty-icon{background:#e1efed;color:#377b79;border-radius:10px}.home-brands button{background:#fff;border-color:var(--line)}
.trends-toolbar,.gallery-toolbar{color:var(--muted)}.trend-categories button{border-radius:6px;border-color:var(--line)}.trend-categories button.selected,.tool-filter-row button.selected{background:#e0f0ed;border-color:#c1dfda;color:#246c65}
dialog{border-radius:12px;border-color:var(--line);color:#202d34;box-shadow:0 20px 65px #203b3b26}dialog::backdrop{background:#1e292843;backdrop-filter:blur(2px)}dialog h2{font-size:21px;font-weight:750}
#toast{background:#263d44;border-radius:8px}
.editor .sidebar{width:96px}.editor .shell{margin-left:96px}.editor .brand{margin:0 0 18px;align-items:center;gap:4px;white-space:nowrap}.editor .brand strong{font-size:8.5px;letter-spacing:-.2px;display:block}.editor .brand small{font-size:6.5px;letter-spacing:0}
.editor .nav a{font-size:10px}.editor .header{background:#fff}.editor .header h1{color:#263d44}
.workflow-layout,.workflow-canvas,.editor-stage,.batch-studio{background:#f7f9fa}.workflow-inspector,.workspace-tabs{border-color:var(--line)}.workspace-tabs button{border-radius:5px;color:var(--muted)}
.asset-tile,.element-card,.select-product,.batch-concept,.batch-plan-group,.batch-idea-picker{border-color:var(--line);border-radius:8px}.batch-concept.selected,.batch-format input:checked+span{border-color:#7db9b4;background:#f0f7f6}
.batch-footer,.generation-footer,.talking-footer,.campaign-builder-header,.campaign-builder-footer,.product-form-footer{background:#fff;border-color:var(--line)}
.resize-intro h2{font-size:25px;letter-spacing:-.8px}.resize-results{background:#edf2f4;border:1px solid var(--line);border-radius:10px}.resize-preview-art{background:#e2e9ec;border-radius:8px}
.resize-upload{background:#fff;border-color:#bdd1d6;border-radius:8px}.resize-upload.dragover{border-color:var(--accent);background:#e8f4f2}.resize-upload:focus-visible{outline-color:var(--accent)}.resize-source>svg{color:#6b8d93}
.resize-mode>label{background:#fff;border-color:var(--line);border-radius:7px}.resize-mode label:has(input:checked),.resize-format input:checked+span{border-color:#7db9b4;background:#edf7f5}.resize-format input:focus-visible+span{outline-color:var(--accent)}.resize-format>span{border-radius:6px}
.resize-shapes span{border-color:#9cbdc3;background:#e1efed}.campaign-builder{background:#f7f9fa}.campaign-builder-header>.brand{gap:4px;align-items:flex-start}
@media(max-width:1250px){.sidebar{padding-left:10px;padding-right:10px}.content{padding:27px 23px}.header{padding:0 23px}.header h1{font-size:24px}.nav a{font-size:10px;gap:8px;padding-left:10px}.home-actions{gap:14px}}
@media(max-width:1020px){.content{padding:28px}}
@media(max-width:760px){.sidebar{width:218px;transform:translateX(-100%)}.shell,.editor .shell{margin-left:0}.menu-open .sidebar{transform:translateX(0)}.mobile-menu{display:inline-flex}.header{height:60px;padding:0 17px;gap:10px}.header h1{font-size:25px}.header-actions{gap:6px;flex-shrink:0}.header>.row{gap:8px;flex-wrap:wrap}.header .breadcrumb{font-size:10px}.header .btn{border-radius:7px;min-height:35px;font-size:10.5px;padding:10px 13px}.content{padding:25px 20px}.home-workspace .section-title h2,.home-resume .section-title h2,.home-start:first-child .section-title h2{font-size:14px}.home-action-title{padding-left:12px;font-size:9px}.home-action-copy{padding:0 12px;font-size:10px}.home-action-art{height:110px}.home-action{padding-bottom:14px}.resize-intro h2{font-size:22px}.home-resize-entry{gap:10px}.nav a{font-size:12px;height:45px}.editor .sidebar{width:96px}.editor .header{height:65px}.editor .header h1{font-size:12px}.campaign-builder-header>.brand{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Logo typography and dimensions match Media Buying without viewport scaling. */
.brand{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;margin:0 0 29px;padding:0 0 0 9px;min-height:0;font-weight:400;letter-spacing:normal}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:8px;background:#087f8c;color:#fff}
.brand-mark svg{width:27px;height:27px;stroke-width:2.2}
.brand-wordmark{display:flex;flex-direction:column;gap:3px;min-width:0}
.brand .brand-wordmark strong{font-size:17px;font-weight:800;letter-spacing:-.65px;line-height:1.3}
.brand .brand-wordmark small{font-size:10px;font-weight:500;letter-spacing:0;line-height:1.4}.brand-wordmark small b{font-weight:800}
.campaign-builder-header>.brand{align-items:center;gap:8px}
.editor .brand{flex-direction:column;gap:7px;margin:0 0 18px;padding:0;align-items:center}
.editor .brand-wordmark{display:none}
.home-work-meta strong{font-size:10.5px;font-weight:700;letter-spacing:normal}.home-work-meta small{font-size:9px}.home-work-status{font-size:10px}.home-work-bottom{font-size:10.5px}
.home-text-link,.home-product-actions button,.home-resize-cta{font-size:10.5px;font-weight:700}.home-product-info strong{font-size:10.5px}.home-product-info small{font-size:9px}
.tool-copy p,.home-discover small{font-size:10px}.gallery-meta h3{font-size:10px;line-height:1.6;letter-spacing:normal}.home-resize-entry strong{font-size:11px}.home-resize-entry small{font-size:9px}
@media(min-width:1600px){:root{--sidebar-width:240px}.content{padding:37px 42px}.nav a{font-size:12px}}
@media(max-width:760px){.brand{padding-left:9px}.menu-open .menu-overlay{display:block;position:fixed;inset:0;background:#1e292843;z-index:14}.home-work-meta strong{font-size:10.5px}.home-work-status{font-size:10px}.home-work-meta small{font-size:9px}.gallery-meta h3{font-size:9px}.editor .nav a{font-size:10px;height:auto}.editor .brand{padding:0}}

.header-notifications{position:relative;display:inline-grid;place-items:center;padding:7px;border-radius:6px;color:#5a7a77;flex-shrink:0;transition:background .15s}
.video-home{line-height:1.45}
.video-home h2{font-size:17px;line-height:1.3;margin:0 0 15px}
.video-creation,.video-operations,.video-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.video-task,.video-operation{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,background .15s}
.video-task:hover,.video-operation:hover{border-color:var(--accent);background:#f0f7f6}
.video-task{min-height:136px}
.video-task img{width:81px;height:106px;object-fit:cover;border-radius:6px;flex-shrink:0}
.video-task span,.video-operation span{min-width:0}
.video-task strong{display:block;font-size:15px;line-height:1.3;margin-bottom:7px}
.video-task small,.video-operation small{display:block;font-size:12px;line-height:1.45;color:var(--muted)}
.video-block{margin-top:28px}
.video-operation{align-items:flex-start;gap:12px;min-height:94px;padding:15px 14px;border-radius:8px}
.video-operation>svg{width:19px;height:19px;flex-shrink:0;margin-top:2px;color:var(--accent)}
.video-operation strong{display:block;font-size:14px;margin-bottom:5px}
.video-support{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:28px;padding-top:19px}
.video-support>span{color:var(--muted);font-size:12px}
.trends-shortcuts{margin:0 0 24px;padding:0;border:0}
.video-link,.video-library-link{display:inline-flex;align-items:center;gap:7px;padding:5px 0;color:var(--accent);text-decoration:none;font-size:13px}
.video-link svg{width:16px;height:16px}
.video-back{margin-bottom:24px}
.video-home .video-detail-title{font-size:23px;margin-bottom:10px}
.video-detail-copy{color:var(--muted);max-width:560px;margin:0 0 25px;font-size:14px}
@media(max-width:1020px){.video-task{gap:10px;padding:12px}.video-task img{width:65px;height:96px}}
@media(max-width:600px){.video-creation,.video-operations,.video-options{grid-template-columns:1fr}.video-task{min-height:115px}.video-task img{width:78px;height:90px}.video-page .header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;height:auto;min-height:60px;padding-top:12px;padding-bottom:12px}.video-page .header>.row{flex-wrap:nowrap}.video-page .header-actions{display:contents}.video-library-link{grid-column:1 / -1;font-size:12px}}
.header-notifications svg{width:16px;height:16px}.header-notifications:hover{background:#eef1f1;color:#202c2b}
.header-account-menu{position:relative;font-size:12px}
.header-account-menu>summary{display:flex;align-items:center;gap:8px;min-height:36px;padding:3px 7px;border-radius:6px;cursor:pointer;list-style:none}
.header-account-menu>summary::-webkit-details-marker{display:none}
.header-account-menu>summary:hover,.header-account-menu[open]>summary{background:#eef4f4}
.header-account-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.header-account-menu>summary>svg{width:13px;height:13px;color:var(--muted);transition:transform .15s}
.header-account-menu[open]>summary>svg{transform:rotate(180deg)}
.header-account-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e0efed;color:#276865;font-size:11px;font-weight:700;flex-shrink:0}
.header-account-email{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-account-dropdown{position:absolute;right:0;top:calc(100% + 9px);z-index:50;width:260px;max-width:calc(100vw - 32px);padding:7px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #203b3b15}
.header-account-dropdown>p{padding:9px 10px 13px;border-bottom:1px solid var(--line);margin-bottom:5px;overflow-wrap:anywhere;font-size:11px;color:var(--muted)}
.header-account-dropdown>a,.header-account-dropdown>button{display:block;width:100%;padding:11px 10px;text-align:left;border-radius:5px;font-size:12px}
.header-account-dropdown>a:hover,.header-account-dropdown>button:hover{background:#eef4f4}
.header-account-dropdown>button{border-top:1px solid var(--line);margin-top:5px;border-radius:0 0 5px 5px}
.header-account-loading{display:inline-block;min-width:36px;text-align:center;color:var(--muted)}
[data-header-account]{flex-shrink:0}
@media(max-width:1150px){.header-account-email{display:none}}
@media(max-width:760px){.header>.row{flex:1;flex-wrap:nowrap}.header h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.header-account-menu>summary>svg{transition:none}}
.notifications-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:530px;max-width:95vw;height:100dvh;max-height:100dvh;border-radius:14px 0 0 14px;padding:26px;box-shadow:-12px 0 65px #34464528}
.notifications-drawer[open]{animation:notifications-in .2s ease both}
.notifications-drawer h2{padding-bottom:22px;border-bottom:1px solid var(--line);font-size:21px;letter-spacing:-.7px}.notifications-drawer .empty{min-height:330px;padding:24px}.notifications-drawer .empty h2{border:0;padding:0;font-size:14px;letter-spacing:-.22px}.notifications-drawer .empty p{font-size:12px}
.notifications-drawer::backdrop{animation:notifications-backdrop-in .2s ease both}
@keyframes notifications-in{from{opacity:.4;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}
@keyframes notifications-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.notifications-drawer{padding:26px 21px}}

.platform-logo.sber{width:28px;min-width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;color:#1c4f91}.platform-logo.sber img{display:block;width:28px;height:28px;border-radius:50%;object-fit:contain}.sber-icon{display:block;width:18px;height:18px;border-radius:50%;flex-shrink:0;object-fit:contain}

/* Crop the supplied square wordmark in its display box, preserving the source. */
.campaign-platform-logo{display:block;width:220px;height:44px;object-fit:cover;object-position:50% 51%;mix-blend-mode:multiply}.campaign-workspace>.row>div>p{margin-top:8px}
@media(max-width:760px){.campaign-platform-logo{width:190px;height:38px}}

.autosave-status{display:block;font-size:10px;color:var(--muted);line-height:1.4;max-width:170px}.campaign-builder-body>.autosave-status{margin-top:10px}@media(max-width:760px){.header .autosave-status{display:none}}

.campaign-options{border-block:1px solid var(--line);padding:16px 0}.campaign-options summary{font-size:12px;font-weight:700;cursor:pointer}.campaign-options[open]>label,.campaign-options[open]>.two-col,.campaign-options>p{margin-top:16px}.campaign-options .integration-note{font-size:11px;color:var(--muted)}.campaign-options textarea[readonly]{font-size:11px;overflow-wrap:anywhere;background:var(--surface)}.campaign-list-row{display:flex;gap:12px;align-items:center}.campaign-list-row>button:first-child{flex:1;min-width:0}.campaign-list-row>.btn{flex:none}.campaign-builder-footer{flex-wrap:wrap}.production-models .two-col{align-items:end}.production-models .two-col .btn{min-height:40px}@media(max-width:650px){.campaign-list-row{align-items:stretch;flex-direction:column}.campaign-list-row>.btn{align-self:flex-end}}

/* Original photography throughout the creative library. */
.home-action-art img{object-fit:cover;mix-blend-mode:normal}
.news-visual img{height:100%;object-position:center 35%}
.guide-illustration{width:min(440px,100%);height:auto;aspect-ratio:3/2;object-fit:cover;opacity:1;border-radius:12px}
.empty>.empty-art{width:min(360px,100%);aspect-ratio:3/2;object-fit:cover;border-radius:12px;margin-bottom:8px}
.home-product-empty>img{width:94px;height:84px;object-fit:cover;border-radius:8px;flex:none}
.campaign-next-art{width:100%;height:220px;object-fit:cover;object-position:center 55%;border-radius:10px;margin-bottom:22px}
@media(max-width:760px){.home-product-empty>img{width:70px;height:70px}.campaign-next-art{height:170px}}

.add-space-art{position:relative;overflow:hidden}
.add-space-card .add-space-art>img{width:100%;height:100%;object-fit:cover;opacity:1}
.add-space-card .add-space-art>svg{position:absolute;right:13px;bottom:13px;width:33px;height:33px;padding:7px;border-radius:50%;background:#fff;color:#087f8c;box-shadow:0 2px 10px #263b4320}

.concept-card[data-kind=image] img{aspect-ratio:4/5;object-fit:contain}
.concept-card[data-kind=video] img{object-position:center top}

.resize-empty-art{width:min(420px,100%);aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin-bottom:20px}