.tj-hbanner{max-width:1200px;margin:24px auto;font-family:inherit}.tj-hbanner__intro,.tj-hbanner__panel,.tj-hbanner__preview{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.tj-hbanner__intro{margin-bottom:18px}.tj-hbanner__intro span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tj-hbanner__intro h2{margin:6px 0}.tj-hbanner__layout{display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:18px}.tj-hbanner__panel label{display:block;font-weight:700;font-size:13px;margin:0 0 12px}.tj-hbanner__panel input[type=text],.tj-hbanner__panel input[type=url],.tj-hbanner__panel input[type=number],.tj-hbanner__panel select{width:100%;box-sizing:border-box;margin-top:5px;padding:9px;border:1px solid #d1d5db;border-radius:8px}.tj-hbanner__panel input[type=color]{width:100%;height:38px;margin-top:5px}.tj-hbanner__two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tj-hbanner__upload{padding:10px;border:1px dashed #cbd5e1;border-radius:10px}.tj-hbanner__upload input{display:block;margin-top:7px}.tj-hbanner__check{display:flex!important;gap:8px;align-items:center}.tj-hbanner__actions{display:flex;flex-wrap:wrap;gap:8px}.tj-hbanner__actions button{border:0;border-radius:9px;padding:10px 13px;font-weight:800;cursor:pointer}.tj-hbanner__actions button:first-child{background:#111827;color:#fff}.tj-hbanner__frame{width:100%;overflow:auto;background:#f3f4f6;border-radius:12px;padding:14px;box-sizing:border-box}.tj-hbanner iframe{display:block;border:0;background:transparent;max-width:none}.tj-hbanner__preview>p{text-align:center;color:#6b7280;font-size:12px}.tj-hbanner__privacy,.tj-hbanner__cost{font-size:12px;color:#6b7280}.tj-hbanner__status{margin-top:10px;font-weight:700}.tj-hbanner__notice{padding:16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px}@media(max-width:850px){.tj-hbanner__layout{grid-template-columns:1fr}.tj-hbanner__two{grid-template-columns:1fr}}