.banner-editor{max-width:1200px;margin:32px auto;padding:0 20px 48px;color:#202426;font:16px/1.7 system-ui,-apple-system,"Hiragino Sans",sans-serif;text-align:left}.banner-editor *{box-sizing:border-box}.banner-editor h1{font-size:28px;color:#103e56;margin:14px 0}.banner-editor h2{font-size:20px;margin:0 0 16px;text-shadow:none}.banner-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px}.banner-settings,.banner-result{border:1px solid #dbe1e5;border-radius:6px;padding:22px;background:#fff}.banner-editor label{display:block;margin:0 0 16px;font-weight:600}.banner-editor input,.banner-editor select,.banner-editor textarea{display:block;width:100%;padding:10px;margin-top:6px;font:16px/1.5 inherit;font-size:16px;border:1px solid #a8b3bc;border-radius:4px;background:#fff;color:#202426}.banner-editor .check{font-weight:400}.banner-editor .check input{display:inline;width:auto}.banner-editor button,.banner-actions a{display:inline-block;border:1px solid #bbc6ce;border-radius:4px;background:#fff;color:#103e56;padding:10px 14px;font:inherit;font-size:15px;cursor:pointer;text-decoration:none}.banner-editor button:hover,.banner-actions a:hover{background:#eef6fa}.banner-editor button:disabled{opacity:.5;cursor:default}.banner-editor small{font-size:12px}.banner-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.banner-note{font-size:13px;color:#5c6871;margin:12px 0}.banner-preview{background:#f0f3f5;padding:12px;overflow:auto}.banner-preview iframe{display:block;max-width:100%;border:0;margin:auto}.banner-editor [hidden]{display:none!important}#banner-status{min-height:1.7em;color:#103e56}.banner-editor a{color:#135d86}@media(max-width:760px){.banner-layout{grid-template-columns:1fr}.banner-editor{margin-top:18px;padding:0 12px 32px}.banner-settings,.banner-result{padding:16px}}
.banner-editor .banner-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 28px}.banner-editor .banner-designs button{padding:8px;text-align:left;min-width:0}.banner-designs img{display:block;width:100%;height:auto;margin-bottom:6px}.banner-editor .banner-mode{display:flex;gap:8px;flex-wrap:wrap}.banner-editor button[aria-pressed=true]{border-color:#cf721a;box-shadow:inset 0 0 0 2px #cf721a;background:#fff9ef}.banner-editor button:focus-visible{outline:3px solid #38a1db;outline-offset:2px}@media(max-width:760px){.banner-editor .banner-designs{grid-template-columns:repeat(2,minmax(0,1fr))}}