.ads-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin-bottom:18px;border:1px solid #3a3216;border-radius:16px;background:linear-gradient(120deg,#171813,#101419)}
.ads-hero span,.ads-preview-panel .label{font-size:11px;letter-spacing:.14em;color:#eabe43}.ads-hero h2{margin:7px 0 6px}.ads-hero p{margin:0;color:#91a3bf}.ads-hero>b{min-width:110px;text-align:center;font-size:32px;color:#edc34c}.ads-hero b small{display:block;font-size:11px;font-weight:500;color:#91a3bf}
.ads-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px;padding:22px}.ads-builder{padding-right:22px;border-right:1px solid #29313a}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.section-title h2{margin:4px 0 0;font-size:19px}.ads-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ads-fields .full{grid-column:1/-1}
.ads-preview-panel{align-self:start;padding:20px;border:1px solid #5a4814;border-radius:14px;background:linear-gradient(160deg,#1b1b14,#0e1318)}.ads-live{font-size:10px;color:#3ed58a}.ads-preview-panel pre{min-height:300px;max-height:430px;margin:0 0 15px;padding:20px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;background:#f5f0e6;color:#151515;font:600 14px/1.55 Consolas,monospace}.ads-copy{width:100%;display:grid;grid-template-columns:36px 1fr;column-gap:8px;text-align:left;background:#edc34c;color:#111}.ads-copy span{grid-row:1/3;align-self:center;font-size:22px}.ads-copy small{font-weight:500;opacity:.72}.ads-copy.copied{background:#36b979;color:#fff}
.ads-preview-actions{display:grid;gap:9px}.ads-image-preview{width:100%;max-height:430px;object-fit:contain;margin-bottom:15px;border-radius:10px;background:#090c0f}.ads-image-note{display:grid;gap:5px;padding:18px;border:1px solid #5a4814;border-radius:11px;background:#19180f}.ads-image-note span{font-size:12px;color:#aab5c3}.ads-builder.is-image .ads-text-fields{display:none}
.ads-settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;background:linear-gradient(120deg,#1d1c13,#12171d)}.ads-settings-head span{font-size:10px;letter-spacing:.13em;color:#edc34c}.ads-settings-head h2{margin:5px 0}.ads-settings-head p{margin:0;color:#91a3bf}.ads-settings-head>b{font-size:14px;color:#edc34c}.ad-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ad-type-switch label{position:relative;display:grid;gap:4px;padding:15px;border:1px solid #343d47;border-radius:10px;background:#0c1014;cursor:pointer}.ad-type-switch input{position:absolute;opacity:0}.ad-type-switch label:has(input:checked){border-color:#edc34c;background:#1d1b11;box-shadow:inset 0 0 0 1px #edc34c}.ad-type-switch span{font-weight:800}.ad-type-switch small{color:#91a3bf}.ad-image-upload{min-height:190px;display:grid;place-items:center;overflow:hidden;border:1px dashed #46515d;border-radius:11px;background:#0b0f12;cursor:pointer}.ad-image-upload input{position:absolute;width:1px;height:1px;opacity:0}.ad-image-upload span{color:#b9c4d0}.ad-image-upload img{max-width:100%;max-height:330px;object-fit:contain;padding:10px}.ad-model-name{display:flex;align-items:center;gap:10px}.ad-model-name img{width:48px;height:48px;border-radius:7px;object-fit:cover;background:#090c0f}
.ads-admin{margin-top:18px}.ads-admin summary{cursor:pointer;font-weight:700}.ads-admin-form{margin-top:18px}.ads-placeholder-help{margin:8px 0;color:#91a3bf;font-size:12px}.ads-admin-actions{display:flex;gap:10px;justify-content:flex-end}.ads-model-list{margin-top:18px}.ads-model-row{display:grid;grid-template-columns:1fr 160px auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #29313a}.ads-model-row small{color:#91a3bf}.ads-model-row .actions{display:flex;gap:8px}.btn-danger{background:#48242b;color:#ff8998}
@media(max-width:900px){.ads-workspace{grid-template-columns:1fr}.ads-builder{padding-right:0;border-right:0}.ads-preview-panel pre{min-height:230px}.ads-model-row{grid-template-columns:1fr}.ads-model-row .actions{justify-content:flex-start}}
@media(max-width:600px){.ads-hero{align-items:flex-start}.ads-hero>b{display:none}.ads-workspace{padding:15px}.ads-fields,.ad-type-switch{grid-template-columns:1fr}.ads-fields .full{grid-column:auto}.ads-settings-head>b{display:none}}