:root{--theme-text-color:#000;--theme-top-color:#fff;--theme-bottom-color:#7f02f9}.media{--channel-card-radius:20px;--channel-card-padding:1.5rem;background-color:#efedf2;flex-direction:column;flex:1;width:100%;height:100%;display:flex}.media__body{background-color:#efedf2;flex-direction:column;flex:1;gap:1rem;height:100%;padding:1rem 1.5rem;display:flex;overflow-y:auto}.media__form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem 1.25rem 1rem;display:flex}.media__form-header{justify-content:flex-end;margin-bottom:-.25rem;display:flex}.media__help-btn{color:#4b5563;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.media__help-btn svg{flex-shrink:0}.media__help-btn:hover{background:#e5e7eb}.media__help-btn--active{color:#fff;background:#4b5563;border-color:#4b5563}.media__field-label{color:#4b5563;align-items:center;margin-top:5px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:flex}.media__field{flex-direction:column;display:flex}.media__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}.media__input::placeholder{color:#9ca3af;font-size:.9375rem}.media__input:focus{background:#fff;border-color:#7f02f9;outline:none;box-shadow:0 0 0 3px #7f02f914}.media__char-count{color:#666;align-self:flex-end;margin-top:.25rem;font-size:.6rem}.media__mobile-controls{flex-direction:column;align-items:center;gap:.875rem;padding:1rem 1rem .25rem;display:flex}@media (min-width:1024px){.media__mobile-controls{display:none}}.media__media-thumbnail-box{aspect-ratio:9/16;cursor:pointer;background:#fff;border:4px solid #1a1a2e;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:150px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 14px 32px #00000038,inset 0 0 0 1px #ffffff0a}.media__media-thumbnail-box:before{content:"";z-index:10;background:#1a1a2e;border-radius:5px;width:36px;height:6px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.media__media-preview{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.media__preview-trigger{color:#4b5563;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.media__preview-trigger:hover:not(:disabled){background:#e5e7eb}.media__preview-trigger:disabled{opacity:.45;cursor:not-allowed}.media__preview-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}@media (min-width:1024px){.media__preview-overlay{display:none}}.media__preview-overlay-stage{justify-content:center;align-items:center;display:flex}.media__preview-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:600;display:flex;position:absolute;top:1rem;right:1rem}.media__preview-close:hover{background:#ffffff40}.media__phone-wrap{justify-content:center;padding:1rem 0 .5rem;display:flex}.media__phone{aspect-ratio:9/19.5;cursor:pointer;background:#1c0f2f;border:6px solid #1a1a2e;border-radius:36px;flex-direction:column;width:300px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #00000073,inset 0 0 0 1px #ffffff0a}.media__phone:before{content:"";z-index:10;background:#1a1a2e;border-radius:8px;width:56px;height:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.media__phone-bg{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.media__phone-loading{z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,#ffffff14 25%,#ffffff38 50%,#ffffff14 75%) 0 0/200% 100%;animation:1.4s linear infinite phone-shimmer;position:absolute;inset:0}@keyframes phone-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.media__phone-empty{background:linear-gradient(160deg,#1c0f2f 0%,#2d1060 100%);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex;position:absolute;inset:0}.media__phone-empty svg{opacity:.35;color:#fff}.media__phone-empty span{color:#ffffff59;font-family:Inter,sans-serif;font-size:9px}.media__url-error{color:#dc2626;margin-top:.25rem;font-size:.875rem}.media__thumbnail-icon{color:#9ca3af;width:32px;height:32px}.media__add-media-box{flex-direction:column;display:flex}.media__add-media-box p{color:#6c6c6c;margin-top:8px;font-family:Inter,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:12px}.media__separator{display:none}.media__row{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;display:flex}.media__row-text{flex-direction:column;display:flex}.media__row-label{color:#1c0f2f;align-items:center;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;display:flex}.media__button-row{justify-content:flex-end;align-items:center;gap:.75rem;width:100%;padding:.5rem 0 1rem;display:flex}.description-hint{margin:0 0 10px;font-size:clamp(10px,1vw,10px);line-height:10px}
:root{--theme-text-color:#000;--theme-top-color:#fff;--theme-bottom-color:#7f02f9}.player-chrome{z-index:20;pointer-events:none;text-align:left;flex-direction:column;justify-content:space-between;padding:26px 12px 12px;display:flex;position:absolute;inset:0}.player-chrome__bar{justify-content:space-between;align-items:center;width:100%;display:flex}.player-chrome__identity{align-items:center;gap:6px;display:flex}.player-chrome__exit{color:#fff;background:#333;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;line-height:1;display:flex}.player-chrome__exit:before{content:"×"}.player-chrome__avatar{background:linear-gradient(135deg,#7f02f9,#f472b6,#0ea5e9);border-radius:50%;width:26px;height:26px;padding:2px;display:block}.player-chrome__avatar img,.player-chrome__avatar svg{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.player-chrome__avatar svg{color:#aaa;background:#333;padding:4px}.player-chrome__username{letter-spacing:.01em;color:#fff;text-shadow:0 1px 3px #0009;font-size:10px;font-weight:600}.player-chrome__actions{gap:6px;display:flex}.player-chrome__action{background:#333;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.player-chrome__action svg,.player-chrome__action img{width:11px;height:11px}.player-chrome__nav{z-index:20;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.player-chrome__nav-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.player-chrome__nav-button svg{width:12px;height:12px}.player-chrome__description{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.player-chrome__channel-label{letter-spacing:.03em;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 3px #0000008c;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background-image:linear-gradient(110deg,#7f02f9eb 0%,#f472b6d1 35%,#0ea5e9e0 60%,#7f02f9eb 100%);background-size:250% 100%;border:1px solid #ffffff47;border-radius:999px;max-width:100%;padding:5px 10px 5px 8px;font-size:9px;font-weight:700;animation:6s linear infinite player-chrome-label-sweep;overflow:hidden;box-shadow:0 4px 18px #7f02f980,0 2px 8px #00000073,inset 0 1px #ffffff4d}.player-chrome__card{background-color:#00000080;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;width:100%;min-height:72px;padding:12px;display:flex}.player-chrome__card-title{color:#fff;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.player-chrome__card-title--placeholder{color:#ffffff73}.player-chrome__card-text{color:#fff;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:9px;line-height:13px;display:-webkit-box;overflow:hidden}.player-chrome__card-text--placeholder{color:#ffffff73}.player-chrome__cta{color:#000;background:#fff;border-radius:6px;align-self:flex-end;padding:5px 12px;font-size:9px;font-weight:600}@keyframes player-chrome-label-sweep{to{background-position:-250% 0}}@media (prefers-reduced-motion:reduce){.player-chrome__channel-label{animation:none}}