/* New ad form only. Reuses existing shell and settings primitives. */
.main.newad-main-active { background:#f6f7f9; padding-top:16px; }
#ad-create-page { max-width:1340px; margin:0 auto; padding-bottom:92px; color:#333d4d; }
#ad-create-page[hidden] { display:none!important; }
#ad-create-page .settings-page-title { font-size:24px; line-height:32px; font-weight:600; }
#ad-create-page .settings-title-row { margin:0 0 16px; }
#ad-create-page .settings-platforms { margin-bottom:0; }
#ad-create-page .clib-meta { margin-bottom:8px; }
#ad-create-page .settings-breadcrumb { height:44px; font-size:14px; gap:12px; }
#ad-create-page .settings-breadcrumb>span { max-width:29%; overflow:hidden; text-overflow:ellipsis; }
#ad-create-page .settings-footer { background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; }
.newad-work { display:grid; grid-template-columns:300px minmax(0,1fr); min-height:calc(100vh - 300px); }
.newad-tree { padding:16px 8px; background:white; border:1px solid #dfe1e5; border-bottom:0; margin-top:16px; border-radius:8px 8px 0 0; }
.newad-tree>button { width:100%; min-height:40px; border:0; border-radius:4px; padding:6px 8px; display:flex; gap:4px; align-items:center; color:inherit; background:none; font-size:16px; text-align:left; }
.newad-tree>button:hover { background:#f4f7fc; }
.newad-tree>button[aria-current=step] { color:#366ad9; background:#eef3fc; }
.newad-tree>button.newad-tree-group { padding-left:32px; }
.newad-tree>button.newad-tree-ad { padding-left:48px; font-size:14px; }
.newad-tree span { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.newad-tree b { color:#e65454; }
.newad-editor { padding:16px 36px 44px 28px; display:grid; grid-template-columns:552px minmax(0,400px); align-items:start; gap:24px; min-width:0; }
.newad-form-column { width:552px; min-width:0; }
#ad-create-page .editor-section-title { font-size:14px; font-weight:600; height:28px; margin-bottom:16px; }
#ad-create-page .step-num { width:24px; height:24px; font-size:14px; }
#ad-create-page .settings-card { padding:24px; border-radius:12px; }
#ad-create-page .sfield { margin-bottom:32px; }
#ad-create-page .sfield:last-child { margin-bottom:0; }
#ad-create-page .slabel { display:block; font-size:14px; line-height:22px; font-weight:500; margin-bottom:4px; }
#ad-create-page .slabel small { font-size:12px; color:#8a929f; }
#ad-create-page .sinput,#ad-create-page .sselect { height:40px; border-radius:8px; font-size:16px; border-color:#dfe1e5; color:#424b59; }
#ad-create-page .sinput::placeholder { color:#929aa5; }
#ad-create-page .sinput[readonly] { background:#f6f7f9; color:#7d8796; }
#ad-create-page .sinput.is-invalid { border-color:#e65454; }
.newad-help { display:flex; justify-content:space-between; gap:8px; color:#8992a1; font-size:12px; line-height:20px; }
.newad-help [data-newad-count] { margin-left:auto; }
.newad-help:empty { display:none; }
.newad-error-text { display:block; color:#e4464b; font-size:12px; line-height:20px; margin:4px 0 0; }
.newad-segments { display:flex; padding:4px; background:#eee; border-radius:8px; gap:4px; min-height:40px; }
.newad-segments>button { flex:1; border:0; background:none; color:#87909e; border-radius:4px; padding:4px 8px; font-size:14px; line-height:24px; }
.newad-segments>button[aria-pressed=true] { background:white; color:#424b59; box-shadow:0 1px 4px #0002; }
.newad-page-select { display:flex; align-items:center; position:relative; }
.newad-page-select>img { position:absolute; left:12px; border-radius:50%; pointer-events:none; }
.newad-page-select .sselect { padding-left:44px; }
#ad-create-page hr { height:1px; border:0; background:#e1e4e9; margin:32px 0; }
.newad-upload { line-height:20px; }
.newad-upload-invalid { border:1px solid #e65454; border-radius:8px; padding:12px; }
.newad-upload-required { font-size:14px; color:#929aa6; margin:0 0 8px; }
.newad-upload-required>span { color:#e95757; }
.newad-media-radios { display:flex; gap:16px; align-items:center; margin-bottom:8px; }
.newad-media-radios>label { display:flex; gap:8px; align-items:center; min-height:42px; font-size:16px; cursor:pointer; position:relative; }
.newad-media-radios input { position:absolute; width:24px; height:24px; opacity:0; margin:0; left:0; top:9px; }
.newad-media-radios input:focus-visible+img { outline:2px solid #366ad9; border-radius:50%; outline-offset:3px; }
.newad-upload-specs { color:#8a929f; font-size:14px; line-height:20px; margin-bottom:8px; }
.newad-upload-limit { display:flex; gap:4px; align-items:center; font-size:14px; color:#89919e; margin:0 0 12px; }
.newad-pick { width:100%; border:0; border-radius:8px; background:#ebf0fb; color:#366ad9; display:flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:8px 22px; font-size:15px; font-weight:500; }
.newad-pick:hover { background:#dfe8fb; }
.newad-selected-media { display:flex; align-items:center; gap:12px; background:#f7f9fc; border:1px solid #dfe3eb; border-radius:8px; padding:12px; margin:8px 0 12px; }
.newad-selected-photo { width:96px; height:96px; object-fit:contain; background:#eee; border-radius:6px; }
.newad-selected-media>div { min-width:0; flex:1; font-size:14px; overflow-wrap:anywhere; }
.newad-selected-media strong { font-weight:500; }
.newad-selected-media small { display:block; color:#929aa5; font-size:12px; margin-top:4px; }
.newad-hint { font-size:13px; color:#8992a1; line-height:1.7; margin:8px 0; }
.newad-slide-tools { display:flex; align-items:center; gap:8px; background:#f1f3f7; padding:8px 12px; border-radius:8px 8px 0 0; }
.newad-slide-tools>div { display:flex; align-items:center; gap:4px; margin-right:auto; }
.newad-slide-tools>button { padding:2px 8px; font-size:12px; }
.newad-slide-card { border:1px solid #e2e5eb; border-radius:0 0 8px 8px; padding:16px; }
.newad-slide-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.newad-slide-heading strong { font-size:16px; font-weight:500; }
#ad-create-page .newad-slide-card .sfield { margin-bottom:24px; }
.newad-preview { width:400px; min-width:0; padding:4px 20px 20px; border-radius:12px; background:white; }
.newad-preview-platform { font-size:14px; line-height:22px; color:#949ca6; margin-bottom:8px; }
.newad-social+.newad-social { border-top:1px solid #e3e6eb; padding-top:24px; margin-top:24px; }
.newad-social-card { border:1px solid #dee2e8; border-radius:12px; overflow:hidden; font-size:12px; color:#14171b; }
.newad-instagram-logo { display:flex; justify-content:center; align-items:center; min-height:30px; background:#fafafa; border-bottom:1px solid #e5e7eb; }
.newad-social-head { display:flex; gap:8px; align-items:center; min-height:46px; padding:8px; }
.newad-social-head>img:first-child { border-radius:50%; }
.newad-social-head>img:last-child { margin-left:auto; }
.newad-social-head strong { font-size:11px; }
.newad-social-head small { display:block; color:#929aa3; font-size:10px; }
.newad-preview-photo { display:block; width:100%; height:360px; object-fit:contain; background:#eee; }
.newad-preview-placeholder { display:grid; place-items:center; height:360px; background:#eee; }
.newad-preview-cta { display:flex; justify-content:space-between; align-items:center; padding:8px 12px; min-height:36px; border-bottom:1px solid #e4e7eb; }
.newad-preview-cta span { font-size:24px; line-height:20px; }
.newad-social-actions { display:flex; align-items:center; gap:10px; padding:10px 12px 4px; }
.newad-social-actions>img:last-child { margin-left:auto; }
.newad-facebook-actions { display:flex; align-items:center; justify-content:space-evenly; gap:3px; padding:10px 6px; color:#929aa5; font-size:10px; }
.newad-preview-copy { font-size:12px; padding:6px 12px 12px; overflow-wrap:anywhere; }
.newad-preview-copy p { margin:4px 0; white-space:pre-wrap; }
.newad-preview-copy small { color:#929aa6; font-size:10px; }
.newad-dialog .clib-mini-body { font-size:16px; line-height:1.6; }
.newad-dialog li { margin:8px 0; }
#ad-create-page button:focus-visible,#ad-create-page input:focus-visible,#ad-create-page select:focus-visible { outline:2px solid #366ad9; outline-offset:2px; }
@media(max-width:1399px) { .newad-preview { display:none; }.newad-editor { grid-template-columns:minmax(0,552px); padding-right:24px; }.newad-form-column { width:100%; } }