:root{--ink:#17213a;--muted:#667085;--line:#e5e9f2;--bg:#f6f7fb;--nav:#10182b;--primary:#335eea;--primary-dark:#2448bd;--white:#fff;--radius:14px;--shadow:0 2px 10px rgba(30,42,70,.06)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;font-size:15px;line-height:1.5}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--nav);color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:10}.brand{color:#fff;font-size:21px;font-weight:750;display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(145deg,#5278ff,#8c5cff);border-radius:10px}.sidebar nav{display:grid;gap:7px;margin-top:40px}.sidebar nav a{color:#b7c1d9;padding:11px 13px;border-radius:9px;font-weight:600}.sidebar nav a:hover{background:#1d2944;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #29344b;padding:18px 10px 0;display:grid;gap:5px}.sidebar-bottom small{color:#b7c1d9}.link-button{border:0;background:none;padding:0;color:var(--primary);cursor:pointer;text-align:left}.sidebar .link-button{color:#fff}.main{margin-left:240px;padding:42px;max-width:1500px;min-height:100vh}.mobile-header{display:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1{font-size:30px;margin:2px 0 4px;line-height:1.2}.page-head p{color:var(--muted);margin:5px 0}.page-head>div>small{color:var(--muted)}.eyebrow{color:var(--primary)!important;text-transform:uppercase;font-weight:750;letter-spacing:.08em;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:9px;padding:10px 16px;font-weight:700;cursor:pointer;min-height:42px}.button:hover{background:var(--primary-dark)}.button.secondary{background:#fff;color:var(--ink);border-color:#d5dbea}.button.success{background:#16825d;border-color:#16825d}.button.warning{background:#a65a0a;border-color:#a65a0a}.button.danger{background:#bd3347;border-color:#bd3347}.button.wide{width:100%}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel h2{font-size:18px;margin:0 0 18px}.panel-head{border-bottom:1px solid var(--line);margin:-2px -22px 12px;padding:0 22px 14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px}.stat strong{font-size:28px}.stat small{grid-column:1/3;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:#9aa2b1;display:inline-block}.columns{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.timeline>div{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #f0f2f6}.timeline>div:last-child{border:0}.timeline p{margin:0;flex:1}.timeline span,.timeline small{color:var(--muted)}.timeline small{display:block;margin-top:2px}.avatar{background:#eef1ff!important;color:#4d62c9!important;width:32px;height:32px;border-radius:50%;display:grid!important;place-items:center;font-weight:700}.list-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink)}.list-row:last-child{border:0}.list-row span{display:grid}.list-row small{color:var(--muted)}.list-row time{white-space:nowrap;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.project-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;color:var(--ink);box-shadow:var(--shadow)}.project-card>div{display:flex;justify-content:space-between}.project-card h2{margin:22px 0 6px;font-size:19px}.project-card p{color:var(--muted);min-height:45px}.folder{color:#6f67d9;font-size:24px}.text-link{font-weight:700;color:var(--primary)}.badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:750;background:#edf0f5;color:#505868}.badge.waiting_approval{background:#fff3d8;color:#905b00}.badge.changes_requested{background:#f2e6ff;color:#7130a8}.badge.approved{background:#ddf6ea;color:#13724e}.badge.scheduled{background:#e2edff;color:#235ca7}.badge.published{background:#d5eee3;color:#075c3e}.badge.rejected{background:#ffe3e7;color:#a9283b}.badge.draft{background:#edf0f5;color:#596173}.badge.submitted,.badge.active{background:#e2edff;color:#235ca7}.badge.archived{background:#edf0f5;color:#596173}.status-dot.waiting_approval{background:#e8a11b}.status-dot.changes_requested{background:#9249c9}.status-dot.approved{background:#21a571}.status-dot.scheduled{background:#3e78ca}.status-dot.published{background:#08734c}.status-dot.rejected{background:#d83d52}.status-dot.draft{background:#88909f}.table-wrap{overflow-x:auto;padding:0}table{border-collapse:collapse;width:100%;min-width:750px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfc}td small{display:block;color:var(--muted);margin-top:2px}.actions{display:flex;gap:14px;align-items:center}.filters{display:flex;align-items:end;gap:12px;margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px;flex-wrap:wrap}.filters label{margin:0;min-width:180px;flex:1}.filters.compact label{max-width:260px}.admin-filters label{min-width:155px}.admin-filters label:first-child{min-width:260px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:20px}.package-list{display:grid;gap:14px}.package-row{display:flex;justify-content:space-between;color:var(--ink);align-items:center}.package-row h2{margin:10px 0 3px}.package-row p{margin:0;color:var(--muted)}.package-counts{display:grid;grid-template-columns:repeat(2,110px);gap:10px}.package-counts span{color:var(--muted)}.package-counts b{color:var(--ink);font-size:18px;margin-right:4px}.head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.head-actions form{display:inline-flex}.ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ad-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.ad-image{height:230px;background:#eff1f5;display:flex;align-items:center;justify-content:center;position:relative;color:var(--muted)}.ad-image img{width:100%;height:100%;object-fit:contain}.ad-image span{position:absolute;bottom:10px;right:10px;background:rgba(20,28,45,.8);color:#fff;padding:5px 8px;border-radius:6px;font-size:12px}.placeholder{display:grid;place-items:center}.ad-card-body{padding:18px}.card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.ad-card h2{font-size:19px;margin:14px 0 6px}.ad-card h3{font-size:15px;margin:0 0 7px}.ad-copy{color:#465069;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:88px}.budget{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:13px 0}.budget small{color:var(--muted)}.form-panel{max-width:900px}.form-panel form,.narrow form{display:grid;gap:17px}label{display:grid;gap:7px;font-weight:650;color:#303b54}label small{font-weight:400;color:var(--muted)}input,select,textarea{border:1px solid #ccd3df;border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink);width:100%}input:focus,select:focus,textarea:focus{outline:3px solid rgba(51,94,234,.14);border-color:var(--primary)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:18px}.upload-box{border:1px dashed #b9c2d2;border-radius:11px;padding:16px;background:#fafbfe}.upload-box img{display:block;max-width:280px;max-height:200px;object-fit:contain;margin:13px 0}.ad-detail{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr);gap:22px}.creative{padding:0;overflow:hidden}.creative>a{display:block;background:#f1f2f5;max-height:650px}.creative>a img{width:100%;max-height:650px;object-fit:contain;display:block}.creative-copy{padding:25px}.creative-copy>p{font-size:16px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:20px 0;gap:20px}.detail-facts div{display:grid}.detail-facts small{color:var(--muted)}.note{background:#f7f8fc;border-radius:10px;padding:15px}.note p{margin:5px 0}.detail-side{display:grid;align-content:start;gap:15px}.decision{display:grid;gap:10px}.decision details summary{list-style:none}.decision details form{display:grid;gap:10px;padding-top:10px}.detail-lower{margin-top:22px}.comments article{border-left:3px solid #d8deeb;padding:2px 0 2px 14px;margin:18px 0}.comment-head{display:flex;gap:8px;align-items:center}.comment-head span{font-size:11px;background:#edf0f5;border-radius:10px;padding:2px 7px}.comment-head time{margin-left:auto;color:var(--muted);font-size:12px}.empty{text-align:center;color:var(--muted);padding:25px}.alert{margin-bottom:20px;padding:13px 16px;border-radius:9px;border:1px solid}.alert.success{background:#e5f7ef;border-color:#b9e8d3;color:#116044}.alert.error{background:#ffeaed;border-color:#f5bec6;color:#8e2435}.guest{background:linear-gradient(145deg,#10182b,#28355b);min-height:100vh}.guest .main{margin:0;display:grid;place-items:center;min-height:100vh;padding:20px}.login-card,.center-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:38px;box-shadow:0 18px 55px rgba(0,0,0,.24)}.login-card h1{margin:28px 0 3px}.login-card>p{color:var(--muted);margin:0 0 24px}.login-card form{display:grid;gap:17px}.login-brand{color:var(--ink)}.center-card{text-align:center}.error-code{font-size:50px;color:var(--primary);font-weight:800}.narrow{max-width:540px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.project-grid,.ad-grid{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.ad-detail{grid-template-columns:1fr}.detail-side{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .15s}.sidebar.open{transform:translateX(0)}.mobile-header{height:58px;background:var(--nav);color:#fff;display:flex;align-items:center;gap:16px;padding:0 18px}.menu-button{border:0;background:none;color:#fff;font-size:24px}.main{margin:0;padding:22px 16px}.page-head{display:grid}.page-head h1{font-size:25px}.stats,.project-grid,.ad-grid,.form-grid,.detail-facts,.detail-side{grid-template-columns:1fr}.package-row{display:grid;gap:20px}.package-counts{grid-template-columns:repeat(2,1fr)}.filters{display:grid}.filters label{min-width:0}.head-actions{display:grid}.head-actions>*{width:100%}.head-actions form .button{width:100%}.comment-head{flex-wrap:wrap}.comment-head time{width:100%;margin:0}.login-card{padding:26px}.ad-image{height:200px}}

/* Visual identity shared with frigg.sk */
:root{--bg:#fbf7f2;--panel:#241a12;--ink:#2a1e16;--muted:#77685c;--accent:#e0643c;--accent-soft:#fbe7df;--accent2:#3c6fe0;--card:#fff;--line:#eee3d8;--on-panel:#fbf4ee;--on-panel-muted:#b9a493;--nav:var(--panel);--primary:var(--accent);--primary-dark:#c65330;--radius:20px;--shadow:0 16px 36px -28px rgba(42,30,22,.42)}
html{font-family:'Manrope',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg)}
body{-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand{font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}
a{color:var(--accent);transition:color .2s}
a:hover{color:var(--accent2)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}
.sidebar{color:var(--on-panel)}
.brand{color:var(--on-panel);font-weight:700}
.brand:hover{color:#fff}
.brand span{background:linear-gradient(135deg,var(--accent),var(--accent2))}
.sidebar nav a{color:var(--on-panel-muted);border-radius:12px;font-weight:700}
.sidebar nav a:hover{background:rgba(255,255,255,.09);color:var(--on-panel)}
.sidebar-bottom{border-top-color:rgba(255,255,255,.14)}
.sidebar-bottom small{color:var(--on-panel-muted)}
.sidebar .link-button{color:var(--on-panel)}
.page-head h1{font-size:32px;line-height:1.16}
.eyebrow{color:var(--accent)!important;font-weight:800;letter-spacing:.12em}
.button{border-radius:999px;padding-inline:18px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(224,100,60,.75)}
.button.secondary{background:var(--card);border-color:var(--line)}
.button.secondary:hover{background:var(--card);color:var(--accent);border-color:var(--accent)}
.button.success:hover{background:#116c4d;border-color:#116c4d}
.button.warning:hover{background:#854708;border-color:#854708}
.button.danger:hover{background:#9f293c;border-color:#9f293c}
.panel,.stat,.project-card,.ad-card,.filters{background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}
.panel h2{font-size:19px}
.stat strong{font-family:'Space Grotesk',sans-serif}
.avatar{background:var(--accent-soft)!important;color:var(--accent)!important}
.folder{color:var(--accent)}
.text-link{color:var(--accent)}
.badge.draft,.badge.archived{background:#f3ece6;color:#67594d}
.badge.submitted,.badge.active{background:#e5edff;color:#315fae}
th{background:#fdfaf7}
.ad-image,.creative>a{background:#f3eee8}
label{color:var(--ink);font-weight:700}
input,select,textarea{border-color:#d9ccc0;border-radius:14px;padding:11px 13px}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(60,111,224,.14);border-color:var(--accent2)}
.upload-box{border-color:#cfbdae;border-radius:16px;background:#fdfaf7}
.note{background:#fdf7f2;border:1px solid var(--line)}
.comments article{border-left-color:var(--accent)}
.comment-head span{background:var(--accent-soft);color:#8e3b23}
.guest{background:linear-gradient(145deg,var(--panel),#4a3022)}
.login-card,.center-card{border:1px solid var(--line);border-radius:24px}
.login-brand{color:var(--ink)}
.mobile-header{background:var(--panel)}
.detail-side .panel>form>label+button,.detail-lower .panel>form>label+button{margin-top:12px}
.creative-assets{border:0;padding:0;margin:4px 0;min-width:0}.creative-assets legend{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;padding:0}.field-help{color:var(--muted);margin:4px 0 14px;font-size:14px}.asset-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:10px}.asset-upload{display:flex;flex-direction:column;gap:12px;min-width:0}.asset-heading{display:flex;align-items:center;gap:11px}.asset-heading div{display:grid}.asset-heading small,.asset-meta-strip small,.actual-size{color:var(--muted)}.format-icon{display:inline-block;flex:0 0 auto;border:2px solid var(--accent);border-radius:3px;background:var(--accent-soft);width:24px;height:24px}.format-icon.portrait{width:20px;height:25px}.format-icon.story{width:16px;height:28px}.format-icon.landscape{width:30px;height:18px}.file-label{font-size:13px}.asset-upload img{width:100%;max-width:none;height:180px;margin:0;border-radius:12px;background:#f3eee8}.variant-editor,.text-variants{border:1px solid var(--line);border-radius:16px;background:#fdfaf7}.variant-editor>summary,.text-variants>summary{cursor:pointer;list-style:none;padding:15px 17px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:12px}.variant-editor>summary::-webkit-details-marker,.text-variants>summary::-webkit-details-marker{display:none}.variant-editor>summary:after,.text-variants>summary:after{content:'+';font-size:22px;color:var(--accent)}.variant-editor[open]>summary:after,.text-variants[open]>summary:after{content:'−'}.variant-editor>summary small{color:var(--muted);font-weight:500}.variant-editor-body,.text-variants-body{border-top:1px solid var(--line);padding:17px}.variant-group+.variant-group{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.variant-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.variant-group-head h3{margin:0;font-size:15px}.button.small{min-height:34px;padding:6px 12px;font-size:13px}.variant-list{display:grid;gap:10px}.variant-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:8px}.variant-remove{border:1px solid #dfcfc2;background:#fff;color:#9b3c2c;border-radius:10px;height:40px;font-size:22px;cursor:pointer}.creative-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.creative-gallery.single{grid-template-columns:1fr}.creative-asset{background:#fff;min-width:0;display:grid;grid-template-rows:auto auto}.creative-image-frame{display:grid!important;place-items:center;height:360px;background:#f3eee8;position:static!important;inset:auto!important;z-index:auto!important}.creative-image-frame img{width:100%;height:100%;object-fit:contain;display:block;position:static!important}.asset-meta-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border-top:1px solid var(--line);padding:13px 16px;position:static!important;inset:auto!important;z-index:auto!important}.asset-meta-strip>div{display:grid;gap:1px;align-content:center}.asset-meta-strip>div:first-child{grid-template-columns:auto auto;column-gap:8px}.asset-meta-strip>div:first-child small,.asset-meta-strip>div:first-child strong{grid-column:2}.asset-meta-strip .format-icon{grid-row:1/3;align-self:center;transform:scale(.8)}.asset-meta-strip strong{font-size:14px}.text-variants{margin:20px 0}.text-variants>summary span{margin-left:auto;margin-right:8px;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:12px}.text-variants-body section+section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.text-variants-body h3{font-size:15px;margin:0 0 9px}.text-variants-body ol{margin:0;padding-left:24px}.text-variants-body li{padding:7px 4px}.text-variants-body li+li{border-top:1px dashed #e6d9cd}
.content-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.content-type-card{display:grid;grid-template-columns:auto 1fr;gap:16px;color:var(--ink);transition:transform .2s,border-color .2s}.content-type-card:hover{transform:translateY(-3px);border-color:var(--accent);color:var(--ink)}.content-type-card h2{margin:0 0 6px}.content-type-card p{margin:0;color:var(--muted)}.content-type-card>.text-link{grid-column:2}.content-type-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--accent-soft);color:var(--accent);font-size:24px;font-weight:800}.content-type-icon.small{width:36px;height:36px;border-radius:11px;font-size:18px}.content-type-badge{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;background:#f3ece6;color:#67594d}.content-type-badge.email{background:#e8efff;color:#315fae}.content-type-badge.blog{background:#e7f5ed;color:#26704e}.content-type-badge.social_post{background:#f3e8ff;color:#7540a5}.content-type-badge.meta_ad{background:var(--accent-soft);color:#9b4328}.title-badges{display:flex;gap:7px;align-items:center}.material-form{max-width:980px}.featured-upload{display:grid;gap:13px}.featured-upload img{width:min(100%,560px);max-width:none;max-height:320px;margin:0;border-radius:14px}.format-icon.blog-banner{width:32px;height:24px}.rich-field{display:grid;gap:7px}.rich-field>label{font-weight:700}.rich-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:8px;background:#f7f1eb;border:1px solid #d9ccc0;border-bottom:0;border-radius:14px 14px 0 0}.rich-toolbar button{border:1px solid transparent;background:#fff;color:var(--ink);border-radius:8px;padding:6px 10px;cursor:pointer}.rich-toolbar button:hover{border-color:var(--accent);color:var(--accent)}.rich-editor{min-height:260px;border:1px solid #d9ccc0;border-radius:0 0 14px 14px;padding:18px;background:#fff;outline:none;overflow-wrap:anywhere}.rich-editor:focus{box-shadow:0 0 0 3px rgba(60,111,224,.14);border-color:var(--accent2)}.rich-editor:empty:before{content:attr(data-placeholder);color:#9a8b7f}.rich-editor img{display:block;max-width:100%;max-height:460px;margin:18px auto;border-radius:12px}.blog-image-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.blog-image-picker small{color:var(--muted)}.existing-inline-images{border-top:1px solid var(--line);padding-top:18px}.existing-inline-images h3{margin:0 0 12px}.inline-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.inline-image-grid article{border:1px solid var(--line);border-radius:12px;padding:9px;display:grid;gap:7px}.inline-image-grid img{width:100%;height:120px;object-fit:cover;border-radius:8px}.inline-image-grid article>div{display:flex;gap:10px;flex-wrap:wrap}.inline-image-grid form{display:inline}.danger-text{color:#a9283b}.email-meta{display:grid;gap:10px;padding:18px 24px;border-bottom:1px solid var(--line);background:#fdfaf7}.email-meta div{display:grid}.email-meta small{color:var(--muted)}.email-preview{width:min(680px,calc(100% - 32px));margin:28px auto;border:1px solid var(--line);background:#fff;box-shadow:0 18px 38px -32px rgba(42,30,22,.55)}.email-banner{display:block;width:100%;max-height:360px;object-fit:cover;min-height:150px}.email-body{padding:34px}.email-cta{display:inline-flex;margin-top:20px;padding:12px 22px;border-radius:999px;background:var(--accent);color:#fff;font-weight:800}.email-cta:hover{color:#fff;background:var(--primary-dark)}.blog-preview{background:#fff}.blog-banner-image{display:block;width:100%;aspect-ratio:4/3;max-height:620px;object-fit:cover}.blog-article{width:min(760px,calc(100% - 40px));margin:0 auto;padding:42px 0}.blog-article>h1{font-size:38px;line-height:1.15}.social-preview{background:#fff}.social-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;background:#f6f1ec}.social-media-grid.single{grid-template-columns:1fr}.social-media-grid a{display:block;background:#fff;border-radius:12px;overflow:hidden}.social-media-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.social-copy{width:min(720px,calc(100% - 40px));margin:0 auto;padding:34px 0}.social-copy h1{font-size:28px;line-height:1.2}.project-card-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);margin:0 0 14px}.project-card-meta b{color:var(--ink);font-size:18px;margin-right:4px}.rich-content{font-size:16px;line-height:1.75}.rich-content h2{font-size:27px;margin:1.4em 0 .5em}.rich-content h3{font-size:21px;margin:1.3em 0 .4em}.rich-content blockquote{border-left:4px solid var(--accent);margin:20px 0;padding:4px 18px;color:var(--muted)}.blog-inline-image{margin:28px 0}.blog-inline-image img{display:block;width:100%;height:auto;border-radius:14px}.card-status{border-top:1px solid var(--line);padding:13px 0}.material-preview{min-width:0}
@media(max-width:760px){.page-head h1{font-size:27px}}
@media(max-width:760px){.asset-upload-grid,.creative-gallery{grid-template-columns:1fr}.variant-editor>summary{align-items:flex-start;flex-direction:column}.variant-group-head{align-items:flex-start;flex-direction:column}.creative-image-frame{height:300px}}
@media(max-width:900px){.content-type-grid{grid-template-columns:1fr}.inline-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.project-card-meta{justify-content:flex-start}
@media(max-width:760px){.inline-image-grid{grid-template-columns:1fr}.email-preview{width:calc(100% - 20px);margin:10px auto}.email-body{padding:22px}.blog-article>h1{font-size:30px}.blog-article{width:calc(100% - 32px);padding:28px 0}}
.material-preview{isolation:isolate;background:#fff}.material-preview>.creative-gallery{position:relative;z-index:1}.material-preview>.creative-copy{position:relative!important;inset:auto!important;z-index:2;display:block;background:#fff;color:var(--ink);border-top:1px solid var(--line)}.material-preview>.creative-copy h2,.material-preview>.creative-copy p,.material-preview>.creative-copy small{position:static;max-width:none}.delivery-panel{margin-bottom:18px;padding:0;overflow:hidden}.delivery-heading{padding:22px 24px;border-bottom:1px solid var(--line);background:#fdfaf7}.delivery-heading .eyebrow{margin:0 0 5px}.delivery-heading h2{margin:0 0 7px}.delivery-heading p:last-child{margin:0;color:var(--muted);max-width:820px}.delivery-list{display:grid}.delivery-option{display:flex;align-items:center;gap:13px;padding:15px 24px;border-bottom:1px solid var(--line);cursor:pointer}.delivery-option:hover{background:#fdfaf7}.delivery-option input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--accent)}.delivery-option span{display:grid}.delivery-option small{color:var(--muted);font-weight:500}.delivery-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px}.delivery-actions>small,.delivery-empty{color:var(--muted)}.delivery-empty{margin:0;padding:20px 24px}

.email-composer-flow{display:grid;gap:14px}.email-composer-step{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;display:grid;gap:15px}.email-composer-step.cta-step{background:#fff9fc;border-color:#ead7e3}.email-step-heading{display:flex;align-items:flex-start;gap:12px}.email-step-heading>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#8c3f70;color:#fff;font-weight:800}.email-step-heading h2{font-size:17px;margin:2px 0 3px}.email-step-heading p{margin:0;color:var(--muted);font-size:14px}.email-composer-step .rich-editor.compact{min-height:150px}.email-gallery-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.email-gallery-picker small{color:var(--muted)}.email-gallery-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.email-gallery-selection:empty{display:none}.email-gallery-selection figure{margin:0;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff;min-width:0}.email-gallery-selection img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.email-gallery-selection figcaption{margin-top:7px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-gallery-existing{grid-template-columns:repeat(3,minmax(0,1fr))}.email-gallery-existing article{align-content:start}.email-gallery-existing .link-button{justify-self:start}.email-preview-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 24px}.email-preview-gallery a{display:block;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(71,40,61,.14);background:#f8f3f6}.email-preview-gallery img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.email-body-after{margin-top:24px}

.email-block-composer{display:grid;gap:16px;margin-top:4px}.email-block-composer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.email-block-composer>header h2{margin:0 0 5px}.email-block-composer>header p{margin:0;color:var(--muted)}.email-content-block{display:grid;gap:15px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.email-content-block.type-cta{background:#fff9fc;border-color:#ead7e3}.email-content-block.type-gallery{background:#fcfafc}.email-block-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.email-block-head>div:nth-child(2){display:grid;gap:2px}.email-block-head small{color:var(--muted)}.email-block-position{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#8c3f70;color:#fff;font-weight:800}.email-block-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.email-block-actions button:disabled{opacity:.42;cursor:not-allowed}.email-block-add{display:flex;gap:10px;flex-wrap:wrap;padding:14px;border:1px dashed var(--line);border-radius:14px;background:#fdfaf7}.email-block-editor{min-height:180px}
.email-preview-block{min-width:0}.email-preview-block+.email-preview-block{margin-top:22px}.email-preview-block.cta{text-align:center}.email-preview-block.cta .email-cta{margin-top:0}.email-preview-block.gallery{margin-bottom:0}

@media(max-width:760px){.email-composer-step{padding:15px}.email-gallery-selection,.email-gallery-existing{grid-template-columns:1fr 1fr}.email-preview-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.email-gallery-picker{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.email-block-composer>header{align-items:flex-start;flex-direction:column}.email-content-block{padding:15px}.email-block-head{grid-template-columns:auto 1fr}.email-block-actions{grid-column:1/3;justify-content:flex-start}.email-block-actions .button,.email-block-actions .link-button{width:auto;min-height:44px}.email-block-add{display:grid;grid-template-columns:1fr}.email-block-add .button{width:100%;min-height:44px}}
.status-readonly{display:grid;align-content:start;justify-items:start;gap:8px}.status-readonly>strong{font-size:15px}.status-readonly>small{color:var(--muted)}
@media(max-width:760px){.delivery-actions{align-items:stretch;flex-direction:column}.delivery-actions .button{width:100%}.delivery-option{padding-inline:18px}.delivery-heading,.delivery-actions{padding-inline:18px}}
.badge.ai-concept{background:#fff0d6;color:#8a4b00;border:1px solid #f1c27a}.table-wrap .badge.ai-concept{margin-left:8px}.ad-card .badge.ai-concept{margin:2px 0 6px}
.badge.mixed{background:#e8efff;color:#315fae;border:1px solid #c6d7fb}.status-dot.mixed{background:#5376bd}.shared-copy-note{margin-bottom:18px}.creative-manager{max-width:980px;margin-top:20px}.creative-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.creative-manager-head h2,.creative-manager-head p{margin:0 0 6px}.creative-manager-head form{flex:0 0 auto}.creative-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.creative-summary-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.creative-summary-card>img,.creative-card-placeholder{display:grid;place-items:center;width:100%;height:180px;object-fit:contain;background:#f3eee8;color:var(--muted)}.creative-summary-card>div:last-child{padding:15px}.creative-summary-card h3{margin:12px 0}.creative-variants-detail{display:grid;gap:22px;padding:22px;background:#f8f3ee;border-top:1px solid var(--line)}.creative-variant-section{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.creative-variant-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--line)}.creative-variant-head h2{margin:8px 0 0}.creative-variant-head small{color:var(--muted)}.creative-side-list{display:grid;gap:14px;margin-top:16px}.creative-side-list article{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}.creative-side-list article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.creative-side-list form{display:grid;gap:8px}.creative-side-list label{font-size:13px}.creative-decision h2{margin-top:10px}.comment-creative,.history-creative{background:#e8efff!important;color:#315fae!important}.creative-assets:disabled{opacity:.75}.creative-assets:disabled input{cursor:not-allowed}
@media(max-width:1000px){.creative-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.creative-manager-head,.creative-variant-head{align-items:stretch;flex-direction:column}.creative-manager-head .button,.creative-variant-head .button{width:100%}.creative-card-grid{grid-template-columns:1fr}.creative-variants-detail{padding:12px}.creative-variant-section .creative-image-frame{height:270px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:hover{transform:none}}

/* Compact creative comparison and accessible image preview */
.content-type-badge.meta_ad{background:#e5edff;color:#28569e;border:1px solid #c5d6fa}
.content-type-badge.email{background:#e4f4eb;color:#246746;border:1px solid #bfe2cf}
.content-type-badge.blog{background:#fff0df;color:#854812;border:1px solid #f2d2ac}
.content-type-badge.social_post{background:#f3e8ff;color:#70409a;border:1px solid #ddc4f2}
.creative-variants-detail{gap:30px;padding:28px}
.creative-variant-head{padding:19px 22px}
.creative-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.creative-gallery.single{grid-template-columns:minmax(0,1fr);max-width:260px}
.creative-variant-section .creative-image-frame{height:180px;cursor:zoom-in;transition:background .2s,box-shadow .2s}
.creative-variant-section .creative-image-frame:hover{background:#ebe3dc;box-shadow:inset 0 0 0 2px var(--accent)}
.creative-variant-section .creative-image-frame:focus-visible,.lightbox-trigger:focus-visible{outline:3px solid rgba(60,111,224,.32);outline-offset:-3px}
.creative-variant-section .asset-meta-strip{display:grid;gap:7px;padding:11px 12px;align-content:start}
.creative-variant-section .asset-meta-strip>div{min-width:0}
.creative-variant-section .asset-meta-strip small{font-size:10px}
.creative-variant-section .asset-meta-strip strong{font-size:12px;overflow-wrap:anywhere}
.detail-side{gap:20px}
.creative-decision{gap:14px;padding:22px}
.creative-decision h2{margin:2px 0 6px}
.creative-decision .button{min-height:44px;background:transparent;box-shadow:none}
.creative-decision .button.success{color:#116c4d;border-color:#16825d}
.creative-decision .button.warning{color:#854708;border-color:#a65a0a}
.creative-decision .button.danger{color:#a3263a;border-color:#bd3347}
.creative-decision .button.success:hover{background:#e6f5ee;color:#0d5b40;transform:none;box-shadow:none}
.creative-decision .button.warning:hover{background:#fff3df;color:#754006;transform:none;box-shadow:none}
.creative-decision .button.danger:hover{background:#ffeaed;color:#8f2032;transform:none;box-shadow:none}
.lightbox-trigger{display:block;width:100%;border:0;padding:0;background:#f3eee8;color:inherit;cursor:zoom-in;border-radius:12px;overflow:hidden}
.lightbox-trigger[hidden]{display:none}
.asset-upload .lightbox-trigger img{margin:0}
.image-lightbox{width:min(1100px,calc(100vw - 32px));height:min(900px,calc(100dvh - 32px));padding:52px 20px 18px;border:0;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 28px 90px rgba(25,18,13,.32)}
.image-lightbox::backdrop{background:rgba(24,17,12,.68);backdrop-filter:blur(3px)}
.image-lightbox img{display:block;width:100%;height:calc(100% - 38px);object-fit:contain}
.image-lightbox p{margin:10px 0 0;text-align:center;color:var(--muted);font-size:14px}
.lightbox-close{position:absolute;top:8px;right:10px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:28px;line-height:1;cursor:pointer}
.lightbox-close:hover{background:#f7f1eb}
@media(max-width:760px){.creative-variants-detail{gap:20px;padding:12px}.creative-gallery,.creative-gallery.single{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.creative-variant-section .creative-image-frame{height:190px}.creative-variant-head{padding:17px 18px}.creative-decision{padding:20px}.image-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding-inline:10px;border-radius:16px}}

/* Client applications */
.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.application-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px}
.application-card .button{grid-column:1/3;justify-self:start}
.application-card h2,.parser-tool-card h2{margin:0 0 7px}
.application-card p,.parser-tool-card p,.application-empty p{margin:0;color:var(--muted)}
.application-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--accent-soft);color:var(--accent)}
.application-icon svg,.application-empty svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.application-empty{text-align:center;padding:54px 24px}
.application-empty svg{width:44px;height:44px;margin-bottom:17px;color:var(--accent)}
.application-empty h2{margin:0 0 8px}
.parser-tool-grid{display:grid;gap:20px;max-width:1050px}
.parser-tool-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:22px;align-items:start}
.parser-tool-card header{display:grid;gap:12px}
.parser-tool-card .button{justify-self:start}
.file-types{display:inline-flex;width:max-content;max-width:100%;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:800}
.tool-instructions{grid-column:2;grid-row:1/3;border-left:1px solid var(--line);padding-left:22px}
.tool-instructions h3{font-size:14px;margin:0 0 9px}
.tool-instructions ol{margin:0;padding-left:20px;color:var(--muted)}
.tool-instructions li{padding:3px 0}
.application-access{border:1px solid var(--line);border-radius:14px;padding:18px;margin:0;min-width:0}
.application-access legend{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;padding:0 7px}
.application-access-option{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
.application-access-option input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--accent)}
.application-access-option span{display:grid;gap:2px}
.application-access-option small{font-weight:400;color:var(--muted)}
@media(max-width:760px){.application-grid,.parser-tool-card{grid-template-columns:1fr}.application-card .button{grid-column:1/3;width:100%}.tool-instructions{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.parser-tool-card .button{width:100%}}

/* Linked activities and client content permissions */
.activity-list{display:grid}
.activity-row{display:flex;align-items:flex-start;gap:12px;padding:12px 8px;border-bottom:1px solid #f0f2f6;border-radius:10px;color:var(--ink);transition:background .18s,border-color .18s}
.activity-row:last-child{border-bottom:0}
.activity-row:hover{background:#f7f9ff;color:var(--ink)}
.activity-row:focus-visible{outline:3px solid rgba(51,94,234,.22);outline-offset:2px}
.activity-row p{display:grid;min-width:0;margin:0;flex:1}
.activity-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.activity-material{color:var(--ink)!important;font-weight:650}
.activity-arrow{margin-left:auto;color:var(--primary)!important;font-size:19px;opacity:.55}
.activity-client{background:#fff8ed;border:1px solid #f3d49e;margin:4px 0;padding:12px}
.activity-client:hover{background:#fff2dd;border-color:#e8b864}
.activity-client .avatar{background:#ffe4bd!important;color:#8a4d09!important}
.client-activity-badge{background:#fff0d6!important;color:#8a4b00!important;border:1px solid #f1c27a}
.permission-toggle{display:grid!important;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8faff;cursor:pointer}
.permission-toggle input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--primary)}
.permission-toggle span{display:grid;gap:3px}
.permission-toggle small{color:var(--muted);font-weight:400}
.client-edit-enabled{background:#e7f5ed;color:#246746;border:1px solid #bfe2cf}
.client-edit-button{min-height:44px}
.client-content-editor form,.client-email-blocks{display:grid;gap:18px}
.permission-note{margin-bottom:20px;background:#f1f6ff;border-color:#c9dafc}
.permission-note p{margin-bottom:0}
@media(max-width:760px){.activity-arrow{display:none}.activity-row{padding-inline:6px}.activity-client{padding-inline:10px}.permission-toggle{padding:14px}}