:root{--theme-text-color:#000;--theme-top-color:#fff;--theme-bottom-color:#7f02f9}.channels{--channel-card-radius:20px;--channel-card-padding:1.5rem;background-color:#ebebeb;flex-direction:column;flex:1;width:100%;height:100%;display:flex}.channels__loading{flex:1;justify-content:center;align-items:center;display:flex}.channels__layout{flex-direction:column;flex:1;justify-content:space-around;width:100%;min-height:0;display:flex}@media (min-width:1024px){.channels__layout{flex-direction:row;align-items:flex-start;gap:2rem;padding:1.5rem 2rem}}.channels__form-col{flex-direction:column;flex:1;min-width:0;display:flex}@media (min-width:1024px){.channels__form-col{max-width:560px}}.channels__preview-col{display:none}@media (min-width:1024px){.channels__preview-col{flex-direction:column;align-items:center;width:260px;min-width:260px;display:flex;position:sticky;top:5rem}}.channels__preview-col-label{color:#9ca3af;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.channels__phone{aspect-ratio:9/19.5;background:#1c0f2f;border:6px solid #1a1a2e;border-radius:36px;flex-direction:column;width:250px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #00000073,inset 0 0 0 1px #ffffff0a}.channels__phone:before{content:"";z-index:10;background:#1a1a2e;border-radius:8px;width:56px;height:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.channels__phone-screen{background:#111;border-radius:30px;flex:1;position:relative;overflow:hidden}.channels__phone-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.channels__phone-empty{background:linear-gradient(160deg,#1c0f2f 0%,#2d1060 100%);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;display:flex}.channels__phone-empty svg{opacity:.3;color:#fff}.channels__phone-empty span{color:#ffffff4d;font-family:Inter,sans-serif;font-size:10px}.channels__preview-chip{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:.75rem;margin:.75rem 1rem 0;padding:.75rem 1rem;display:flex;box-shadow:0 1px 4px #0000000f}@media (min-width:1024px){.channels__preview-chip{display:none}}.channels__chip-thumb{-o-object-fit:cover;object-fit:cover;background:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.channels__chip-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.channels__chip-thumb svg{color:#9ca3af}.channels__chip-info{flex:1;min-width:0}.channels__chip-title{color:#1c0f2f;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.channels__chip-label{color:#9ca3af;font-family:Inter,sans-serif;font-size:11px}.channels__body{background-color:#ebebeb;flex-direction:column;flex:1;gap:1rem;padding:1rem 1.5rem;display:flex;overflow-y:auto}.channels__section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem 1.25rem 1rem;display:flex}.channels__section-title{letter-spacing:.07em;text-transform:uppercase;color:#9ca3af;margin-bottom:-.25rem;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.channels__form{flex-direction:column;gap:.75rem;display:flex}.channels__field-label{color:#4b5563;margin-bottom:.375rem;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:block}.channels__field{flex-direction:column;display:flex}.channels__input{color:#111827;background:#fafafc;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.channels__input::placeholder{color:#9ca3af;font-size:.9375rem}.channels__input:focus{background:#fff;border-color:#7f02f9;outline:none;box-shadow:0 0 0 3px #7f02f914}.channels__char-count{color:#666;align-self:flex-end;margin-top:.25rem;font-size:.6rem}.channels__thumb-uploader{align-items:center;gap:1rem;display:flex}.channels__thumbnail-wrap{flex-direction:column;align-items:center;gap:.5rem;display:flex}.channels__thumbnail-box-wrap{flex-shrink:0;width:90px;height:160px;position:relative}.channels__thumb-hint{flex-direction:column;flex:1;gap:.25rem;display:flex}.channels__thumb-hint strong{color:#1c0f2f;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.channels__thumb-hint span{color:#9ca3af;font-family:Inter,sans-serif;font-size:11px;line-height:1.4}.channels__thumbnail-loading{border-radius:inherit;background:#ffffffd9;border:1px solid #e5e7eb;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.channels__thumbnail-spinner{border:2px solid #e5e7eb;border-top-color:var(--theme-bottom-color,#6366f1);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite channels-spin}.channels__thumbnail-loading-text{color:#6c6c6c;font-family:Inter,sans-serif;font-size:10px}@keyframes channels-spin{to{transform:rotate(360deg)}}.channels__thumbnail-box{aspect-ratio:9/16;cursor:pointer;background:#fcfcfc;border:1px solid #e5e7eb;justify-content:center;align-items:center;width:100%;height:100%;transition:background .2s;display:flex}.channels__thumbnail-box:hover:not(:disabled){background:#e5e7eb}.channels__thumbnail-box:disabled{cursor:not-allowed}.channels__media-thumbnail-box{aspect-ratio:9/16;cursor:pointer;background:#fcfcfc;border:1px solid #e5e7eb;justify-content:center;align-items:center;width:67px;height:120px;margin-bottom:16px;transition:background .2s;display:flex}.channels__media-thumbnail-box:hover{background:#e5e7eb}.channels__thumbnail-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.channels__thumbnail-icon{color:#9ca3af;width:32px;height:32px}.channels__add-media-box{flex-direction:column;display:flex}.channels__add-media-box p{color:#6c6c6c;margin:8px 0 16px;font-family:Inter,sans-serif;font-size:10px;font-weight:400;line-height:12px}.channels__separator hr{background:#fafafc;border:none;height:2px;margin:48px 0 24px}.channels__row{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.channels__row-label{color:#1c0f2f;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600}.channels__button-row{justify-content:flex-end;align-items:center;gap:.75rem;width:100%;padding:.5rem 0 1rem;display:flex}