.channel-rule-preview{max-height:360px;padding:14px 16px}.selected-rules{display:grid;gap:8px;margin-top:10px}.selected-rules p{display:grid;grid-template-columns:74px 1fr;gap:10px;margin:0;padding-top:8px;border-top:1px solid #e4eaf1}.selected-rules b{font-size:12px;color:#4e6076}.selected-rules span{margin:0;color:#5f7085}.channel-image-strip{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:6px}.channel-image-strip figure,.template-image-gallery figure{margin:0}.channel-image-strip img{display:block;width:150px;height:96px;object-fit:cover;border:1px solid #d9e1ea;border-radius:6px;background:#fff}.channel-image-strip figcaption,.template-image-gallery figcaption{text-align:center;color:#718096;font-size:11px;margin-top:5px}.no-template-image{margin-top:10px;color:#8a96a8;font-size:12px}.template-image-gallery{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px}.template-image-gallery img{display:block;width:100%;max-height:480px;object-fit:contain;border:1px solid #dce3ec;border-radius:7px;background:#f7f9fc}.template-inspector{max-height:none}.template-layout{min-height:640px}.template-list{max-height:760px}
.channel-image-strip img,.template-image-gallery img{cursor:zoom-in}.image-modal{position:fixed;inset:0;background:rgba(7,16,30,.88);z-index:1000;display:none;align-items:center;justify-content:center;flex-direction:column;padding:44px}.image-modal.open{display:flex}.image-modal img{max-width:94vw;max-height:86vh;object-fit:contain;background:#fff;border-radius:8px;box-shadow:0 18px 60px rgba(0,0,0,.45)}.image-modal p{color:#fff;margin:12px 0 0}.image-modal-close{position:fixed;right:24px;top:18px;width:42px;height:42px;border:0;border-radius:21px;background:rgba(255,255,255,.16);color:#fff;font-size:30px;line-height:38px}