/* 100tik v0.55.0 — Banner Ads dedicated form. */
.sadtik-banner-v55-page{--banner-accent:#d97706;--banner-accent-2:#f59e0b;--banner-soft:#fff7ed;--banner-line:#fed7aa}
.sadtik-banner-v55-page .banner-header-icon{color:#fff!important;background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 10px 24px rgba(217,119,6,.22)}
.sadtik-banner-v55-page .banner-special-header{background:transparent!important;border-radius:0!important;padding:0 0 13px!important;border-bottom:1px solid var(--form-border,#e2e8f0)!important;margin-bottom:18px!important;display:flex!important;align-items:center!important;gap:11px!important}
.sadtik-banner-v55-page .banner-head-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--banner-soft);color:var(--banner-accent);border:1px solid var(--banner-line);flex:0 0 40px}
.sadtik-banner-v55-page .banner-special-header h3{margin:0!important;color:var(--form-text,#172033)!important;font-size:15px!important;font-weight:800!important}
.sadtik-banner-v55-page .banner-special-header .header-subtitle{display:block;margin-top:3px;color:var(--form-muted,#64748b)!important;font-size:12px!important;line-height:1.8!important}
.sadtik-banner-v55-page .sadtik-banner-upload-section,.sadtik-banner-v55-page .sadtik-banner-specs{background:var(--form-card,#fff)!important;border:1px solid var(--form-border,#e2e8f0)!important;border-radius:16px!important;padding:22px!important;margin-bottom:18px!important;box-shadow:var(--form-shadow,0 8px 24px rgba(15,23,42,.04))!important}
.banner-aspect-notice{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;border-radius:12px;padding:12px 14px;margin-bottom:15px;color:#7c2d12}.banner-aspect-notice strong,.banner-aspect-notice small{display:block;line-height:1.8}.banner-aspect-notice small{font-size:11px;color:#9a3412}.banner-ratio-chip{background:#d97706;color:#fff;border-radius:9px;padding:8px 13px;font-weight:900;font-size:15px;white-space:nowrap;direction:ltr}
.banner-upload-area{position:relative;width:100%;border:2px dashed #f59e0b;border-radius:14px;background:#fffbeb;min-height:250px;overflow:hidden;cursor:pointer;transition:.2s ease}.banner-upload-area:hover,.banner-upload-area:focus-visible{background:#fff7ed;border-color:#d97706;outline:none;box-shadow:0 0 0 4px rgba(217,119,6,.12)}.banner-upload-area.has-image{min-height:0;border-style:solid;background:#0f172a}
.banner-empty-state{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#92400e;text-align:center;padding:24px}.banner-empty-state i{font-size:42px;color:#f59e0b}.banner-empty-state strong{font-size:15px}.banner-empty-state span{font-size:12px;color:#9a3412}
.banner-preview-wrapper{position:relative;aspect-ratio:1.6/1;width:100%;background:#111827}.banner-preview-wrapper img{width:100%;height:100%;display:block;object-fit:cover}.banner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(2,6,23,.58);opacity:0;transition:.2s}.banner-preview-wrapper:hover .banner-overlay,.banner-preview-wrapper:focus-within .banner-overlay{opacity:1}.banner-overlay button{border:0;border-radius:10px;padding:10px 16px;color:#fff;font:inherit;font-weight:700;cursor:pointer}.banner-change-btn{background:#2563eb}.banner-remove-btn{background:#dc2626}.banner-badge{position:absolute;top:10px;right:10px;background:rgba(217,119,6,.94);color:#fff;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:800;direction:ltr}
.banner-file-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.banner-file-meta span{background:var(--form-soft,#f8fafc);color:var(--form-muted,#64748b);border:1px solid var(--form-border,#e2e8f0);border-radius:8px;padding:6px 10px;font-size:11px}
.banner-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.banner-full{grid-column:1/-1}.banner-upload-guide{display:flex;gap:10px;align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px 14px;color:#1e3a8a}.banner-upload-guide>i{margin-top:4px}.banner-upload-guide strong{display:block;font-size:12px;margin-bottom:3px}.banner-upload-guide p{margin:0;font-size:11px;line-height:1.9;color:#1e40af}
.banner-crop-modal[hidden]{display:none!important}.banner-crop-modal{position:fixed;inset:0;z-index:999999;background:rgba(2,6,23,.78);display:grid;place-items:center;padding:18px}.banner-crop-modal-content{width:min(820px,96vw);max-height:92vh;background:var(--form-card,#fff);border:1px solid var(--form-border,#e2e8f0);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.35);display:flex;flex-direction:column}.banner-crop-header,.banner-crop-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:var(--form-card,#fff);color:var(--form-text,#172033)}.banner-crop-header{border-bottom:1px solid var(--form-border,#e2e8f0)}.banner-crop-footer{justify-content:flex-end;border-top:1px solid var(--form-border,#e2e8f0)}#banner-crop-close{width:36px;height:36px;border:0;border-radius:9px;background:var(--form-soft,#f1f5f9);color:var(--form-text,#172033);cursor:pointer}.banner-crop-body{padding:16px;overflow:auto;background:var(--form-soft,#f8fafc)}.banner-crop-stage{background:#020617;border-radius:12px;overflow:hidden;max-height:58vh}.banner-crop-stage img{display:block;max-width:100%}.banner-crop-body p{display:flex;gap:8px;align-items:center;color:var(--form-muted,#64748b);font-size:12px;line-height:1.9;margin:10px 0 0}.banner-crop-footer button{border:0;border-radius:10px;padding:10px 20px;font:inherit;font-weight:750;cursor:pointer}.banner-crop-secondary{background:var(--form-soft,#e2e8f0);color:var(--form-text,#334155)}.banner-crop-primary{background:#d97706;color:#fff}
html[data-theme="dark"] .sadtik-banner-v55-page .banner-aspect-notice{background:linear-gradient(135deg,#2b1b08,#332109);border-color:#7c4a0c;color:#fde68a}html[data-theme="dark"] .sadtik-banner-v55-page .banner-aspect-notice small{color:#fdba74}html[data-theme="dark"] .sadtik-banner-v55-page .banner-head-icon{background:#2b1b08;border-color:#6b3f09;color:#fbbf24}html[data-theme="dark"] .sadtik-banner-v55-page .banner-upload-area{background:#17130d;border-color:#a16207}html[data-theme="dark"] .sadtik-banner-v55-page .banner-empty-state{color:#fde68a}html[data-theme="dark"] .sadtik-banner-v55-page .banner-empty-state span{color:#fdba74}html[data-theme="dark"] .sadtik-banner-v55-page .banner-upload-guide{background:#0d2038;border-color:#1d4f7a;color:#bfdbfe}html[data-theme="dark"] .sadtik-banner-v55-page .banner-upload-guide p{color:#93c5fd}
@media(max-width:720px){.sadtik-banner-v55-page .sadtik-banner-upload-section,.sadtik-banner-v55-page .sadtik-banner-specs{padding:15px!important}.banner-spec-grid{grid-template-columns:1fr}.banner-full{grid-column:auto}.banner-upload-area,.banner-empty-state{min-height:180px}.banner-aspect-notice{align-items:flex-start}.banner-overlay{opacity:1;background:linear-gradient(to top,rgba(2,6,23,.68),transparent 55%);align-items:flex-end;padding-bottom:13px}.banner-crop-footer button{flex:1}}