.marketing-studio{max-width:1180px;margin:0 auto 26px;padding:22px;background:linear-gradient(145deg,#fff,#f7f1f3);border:1px solid #d8c8cf;border-radius:18px;box-shadow:0 18px 50px rgba(58,25,38,.12)}
.marketing-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.marketing-head h2{margin:5px 0 4px;font-size:25px}.marketing-head p{margin:0;color:#6d5f65}.marketing-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#7f1d3f}.marketing-safe{padding:8px 11px;border-radius:999px;background:#e4f5e9;color:#25623a;font-size:12px;font-weight:700;white-space:nowrap}
.marketing-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.marketing-card{padding:16px;border:1px solid #e3d8dc;border-radius:14px;background:#fff}.marketing-card h3{margin:0 0 10px;font-size:16px}.marketing-card label{display:block;margin:9px 0 3px;font-size:12px;font-weight:700}.marketing-card input,.marketing-card select,.marketing-card textarea{width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #d8c8cf;border-radius:9px;background:#fff;color:#303638}.marketing-card textarea{min-height:72px;resize:vertical}.marketing-actions-card button{margin:5px 0}.marketing-selection{min-height:42px;margin:10px 0;padding:9px;border-radius:9px;background:#f7f3f4;color:#66545b;font-size:12px}.marketing-note{font-size:11px;color:#6d7474;line-height:1.45}
.marketing-output{display:grid;grid-template-columns:minmax(240px,420px) 1fr;align-items:center;gap:24px;margin-top:16px;padding:16px;border-radius:14px;background:#241b20;color:#fff}.marketing-output canvas{width:100%;height:auto;border-radius:12px;background:#efe8eb}.marketing-output h3{font-size:24px;margin:0 0 8px}.marketing-output p{color:#d7cbd0}.marketing-specs{display:flex;flex-wrap:wrap;gap:8px}.marketing-specs span{padding:7px 9px;border:1px solid #59464e;border-radius:999px;font-size:11px}
.media-library{margin-top:18px;padding:18px;border:1px solid #e3d8dc;border-radius:14px;background:#fff}.media-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.media-library-head h3{margin:4px 0;font-size:20px}.media-library-head p{margin:0;color:#6d5f65;font-size:13px}.media-library-status{margin:14px 0;padding:10px;border-radius:9px;background:#f7f3f4;color:#66545b;font-size:12px}.media-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}.media-item{overflow:hidden;border:1px solid #e3d8dc;border-radius:12px;background:#fbf8f9}.media-item-preview{display:grid;place-items:center;height:165px;background:#241b20;color:#fff}.media-item-preview img,.media-item-preview video{width:100%;height:100%;object-fit:cover}.media-item-preview strong{font-size:34px}.media-item-body{padding:12px}.media-item-body h4{margin:0 0 5px;font-size:14px}.media-item-meta{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.media-item-meta span{padding:4px 6px;border-radius:999px;background:#efe7ea;font-size:10px}.media-item-actions{display:flex;gap:7px;flex-wrap:wrap}.media-item-actions button{width:auto;margin:0;padding:8px 10px}.media-library-empty{grid-column:1/-1;padding:22px;text-align:center;color:#6d5f65;border:1px dashed #d8c8cf;border-radius:12px}
.campaign-popup{position:fixed;right:22px;bottom:22px;z-index:1300;width:min(380px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border-radius:20px;background:linear-gradient(145deg,#3c1023,#7f1d3f);color:white;box-shadow:0 24px 70px rgba(38,5,18,.4)}.campaign-popup>span{font-size:11px;font-weight:800;letter-spacing:.15em;opacity:.8}.campaign-popup h2{margin:8px 28px 8px 0;font-size:25px}.campaign-popup p{line-height:1.5;color:#f4dfe7}.campaign-popup-close{position:absolute;right:10px;top:9px;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:white;font-size:25px}.campaign-popup-cta{margin-top:8px;border:0;border-radius:10px;padding:12px 16px;background:#fff;color:#641432;font-weight:800}.campaign-popup.hidden{display:none!important}
@media(max-width:900px){.marketing-grid{grid-template-columns:1fr}.marketing-output{grid-template-columns:1fr}.marketing-head,.media-library-head{flex-direction:column}.marketing-safe{white-space:normal}}