:root{--bg: #ffffff;--secondary-bg: #f2f2f7;--text: #000000;--hint: #8e8e93;--link: #007aff;--button: #007aff;--button-text: #ffffff;--radius: 14px;--gap: 12px;--danger: #e5484d;--ok: #2f9e44}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;overscroll-behavior-y:none}#root{min-height:100vh}.screen{display:flex;flex-direction:column;gap:var(--gap);padding:16px 16px calc(24px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto}h1{font-size:22px;margin:0 0 4px}h2{font-size:18px;margin:0 0 4px}p{margin:0}.muted{color:var(--hint)}.small{font-size:13px}code{background:var(--secondary-bg);border-radius:5px;padding:1px 5px;font-size:13px}.btn{border:none;border-radius:var(--radius);padding:13px 18px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s ease,transform .05s ease}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:default}.btn--full{width:100%}.btn--primary{background:var(--button);color:var(--button-text)}.btn--secondary{background:var(--secondary-bg);color:var(--text)}.btn--ghost{background:transparent;color:var(--link)}.btn--danger{background:var(--danger);color:#fff}.link-btn{background:none;border:none;color:var(--link);font:inherit;font-size:15px;padding:6px 0;cursor:pointer;align-self:center}.icon-btn{background:var(--secondary-bg);border:none;border-radius:8px;width:30px;height:30px;font-size:15px;color:var(--text);cursor:pointer}.icon-btn:disabled{opacity:.35}.icon-btn--danger{color:var(--danger)}.input,.textarea{width:100%;background:var(--secondary-bg);border:1px solid transparent;border-radius:var(--radius);padding:11px 13px;font:inherit;font-size:16px;color:var(--text);resize:vertical}.input:focus,.textarea:focus{outline:none;border-color:var(--link)}.input--title{font-weight:600;padding:7px 10px;border-radius:9px}.input--brand{padding:6px 10px;border-radius:9px}.clearable{position:relative;display:block;min-width:0}.card-row__meta .clearable{max-width:150px;flex:1}.clearable--filled .input{padding-right:30px}.clearable__clear{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:22px;height:22px;border:none;border-radius:50%;background:color-mix(in srgb,var(--hint) 30%,transparent);color:var(--text);font-size:11px;line-height:1;padding:0;cursor:pointer}.label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.block{display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:8px;align-items:center}.row .input{flex:1}.actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.banner{border-radius:var(--radius);padding:11px 13px;font-size:14px;display:flex;gap:10px;align-items:center;justify-content:space-between}.banner--error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.banner--info{background:var(--secondary-bg);color:var(--text)}.banner__action{background:none;border:none;color:inherit;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.center-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;text-align:center}.spinner{width:22px;height:22px;border:2px solid color-mix(in srgb,var(--hint) 40%,transparent);border-top-color:var(--link);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.spinner--inline{width:16px;height:16px;border-top-color:currentColor;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.product-image{width:100%;height:100%;object-fit:cover;display:block;background:var(--secondary-bg)}.product-image--empty{display:flex;align-items:center;justify-content:center;color:var(--hint);font-size:12px}.home-header{margin-bottom:4px}.channel-card{background:var(--secondary-bg);border-radius:var(--radius);padding:13px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.channel-card__label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint)}.channel-card__title{font-weight:600}.channel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.channel-list__item{display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-list__body{min-width:0}.channel-list__title{font-weight:600;display:flex;align-items:center;gap:6px}.channel-list__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.link-btn.small{font-size:13px}.channel-picker{display:flex;flex-direction:column;gap:6px}.channel-picker__item{display:flex;align-items:baseline;gap:8px;border:1px solid transparent;border-radius:var(--radius);background:var(--secondary-bg);padding:11px 13px;font:inherit;color:var(--text);text-align:left;cursor:pointer}.channel-picker__item--active{border-color:var(--link);background:color-mix(in srgb,var(--link) 12%,transparent)}.channel-picker__title{font-weight:600}.channel-picker__username{font-size:13px;color:var(--hint)}.rte__area .tg-media{display:inline-block;background:color-mix(in srgb,var(--link) 15%,transparent);color:var(--link);border-radius:8px;padding:2px 8px;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.preview__inline{display:block;margin:8px 0;border-radius:10px;overflow:hidden}.preview__inline img{display:block;width:100%;max-height:260px;object-fit:cover}.layout-switch{display:flex;gap:4px;background:var(--secondary-bg);border-radius:10px;padding:3px}.layout-switch__item{flex:1;border:none;border-radius:8px;background:transparent;font:inherit;font-size:14px;color:var(--hint);padding:7px;cursor:pointer}.layout-switch__item--active{background:var(--bg);color:var(--text);font-weight:600}.card-row__upload{border:1px dashed color-mix(in srgb,var(--hint) 55%,transparent);border-radius:9px;background:transparent;color:var(--link);font:inherit;font-size:13px;font-weight:600;padding:8px;cursor:pointer}.card-row__upload:disabled{color:var(--hint)}.collection-list{display:flex;flex-direction:column;gap:8px}.collection-item{display:flex;gap:12px;align-items:center;background:var(--secondary-bg);border:none;border-radius:var(--radius);padding:10px;text-align:left;font:inherit;color:var(--text);cursor:pointer}.collection-item:active{opacity:.75}.collection-item__cover{width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0}.collection-item__body{display:flex;flex-direction:column;gap:3px;min-width:0}.collection-item__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-item__meta{font-size:13px;color:var(--hint)}.chip{align-self:flex-start;font-size:11px;border-radius:6px;padding:2px 7px;font-weight:600}.chip--ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.chip--draft{background:color-mix(in srgb,var(--hint) 20%,transparent);color:var(--hint)}.card-rows{display:flex;flex-direction:column;gap:8px}.card-row{display:flex;gap:10px;background:var(--secondary-bg);border-radius:var(--radius);padding:10px;align-items:flex-start}.card-row--warn{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 35%,transparent)}.card-row__media{width:64px;height:64px;border-radius:10px;overflow:hidden;flex-shrink:0;padding:0;border:1px dashed color-mix(in srgb,var(--hint) 45%,transparent);background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center}.card-row__media:has(.product-image){border-style:solid;border-color:transparent}.card-row__add-photo{font-size:11px;color:var(--link);font-weight:600}.card-row__image-edit{display:flex;flex-direction:column;gap:4px}.input--image{padding:7px 10px;border-radius:9px}.card-row__image-hint{font-size:11px;line-height:1.3}.card-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.card-row__meta{display:flex;gap:8px;align-items:center}.card-row__retailer{font-size:13px;color:var(--hint)}.card-row__hint{font-size:12px;color:var(--danger)}.card-row__actions{display:flex;flex-direction:column;gap:5px}.parse-errors{display:flex;flex-direction:column;gap:4px}.parse-errors__item{font-size:13px;color:var(--danger)}.success{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:32px 0 0}.success__icon{font-size:44px}.deeplink{background:var(--secondary-bg);border-radius:10px;padding:9px 11px;font-size:12px;word-break:break-all;color:var(--hint);width:100%}.rte{display:flex;flex-direction:column;gap:6px}.rte__toolbar{display:flex;gap:3px;align-items:center;flex-wrap:wrap;background:var(--secondary-bg);border-radius:10px;padding:5px 6px}.rte__btn{min-width:32px;height:30px;border:none;border-radius:7px;background:transparent;color:var(--text);font:inherit;font-size:15px;cursor:pointer}.rte__btn:active{background:color-mix(in srgb,var(--hint) 25%,transparent)}.rte__btn--active{background:color-mix(in srgb,var(--link) 20%,transparent);color:var(--link)}.rte__sep{width:1px;height:18px;background:color-mix(in srgb,var(--hint) 35%,transparent);margin:0 3px}.rte__link{display:flex;gap:8px;align-items:center}.rte__area{min-height:120px;max-height:50vh;overflow-y:auto;background:var(--secondary-bg);border:1px solid transparent;border-radius:var(--radius);padding:11px 13px;font:inherit;color:var(--text);white-space:pre-wrap;word-break:break-word}.rte__area:focus{outline:none;border-color:var(--link)}.rte__area:empty:before{content:attr(data-placeholder);color:var(--hint);pointer-events:none}.rte__area blockquote{margin:4px 0;padding-left:10px;border-left:3px solid var(--link);color:var(--text)}.rte__area code,.preview__text code{background:color-mix(in srgb,var(--hint) 22%,transparent);border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.rte__area a,.preview__text a{color:var(--link)}.rte__counter{font-size:12px;color:var(--hint);text-align:right}.rte__counter--over{color:var(--danger)}.tg-spoiler{background:color-mix(in srgb,var(--hint) 35%,transparent);border-radius:3px}.preview__text .tg-spoiler{color:transparent;background:color-mix(in srgb,var(--hint) 60%,transparent)}.uploader{display:flex;flex-direction:column;gap:8px}.uploader__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.uploader__item{position:relative;margin:0;border-radius:10px;overflow:hidden;background:var(--secondary-bg);aspect-ratio:1}.uploader__thumb{width:100%;height:100%;object-fit:cover;display:block}.uploader__badge{position:absolute;top:5px;left:5px;background:#0009;color:#fff;font-size:10px;padding:2px 6px;border-radius:5px}.uploader__controls{position:absolute;inset:auto 0 0 0;display:flex;justify-content:center;gap:4px;padding:4px;background:linear-gradient(to top,rgb(0 0 0 / 65%),transparent)}.uploader__controls .icon-btn{width:26px;height:26px;font-size:13px;background:#ffffffe5;color:#000}.uploader__controls .icon-btn--danger{color:var(--danger)}.uploader__add{width:100%;padding:14px;border:1px dashed color-mix(in srgb,var(--hint) 55%,transparent);border-radius:var(--radius);background:transparent;color:var(--link);font:inherit;font-weight:600;cursor:pointer}.uploader__add:disabled{color:var(--hint);cursor:default}.uploader__progress{position:relative;background:var(--secondary-bg);border-radius:8px;height:26px;overflow:hidden}.uploader__progress-bar{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--link) 35%,transparent);transition:width .2s ease}.uploader__progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text)}.preview{display:flex;flex-direction:column;gap:6px}.preview__label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint)}.preview__bubble{background:var(--secondary-bg);border-radius:var(--radius);padding:11px 13px;display:flex;flex-direction:column;gap:9px}.preview__bubble--album{padding:0;overflow:hidden}.preview__bubble--with-album{padding:0 0 11px;overflow:hidden}.preview__bubble--with-album .preview__text,.preview__bubble--with-album .preview__button{margin:0 13px}.preview__album{display:grid;gap:2px}.preview__album--n1{grid-template-columns:1fr}.preview__album--n2,.preview__album--n3,.preview__album--n4{grid-template-columns:1fr 1fr}.preview__cell{position:relative;aspect-ratio:1;background:var(--bg)}.preview__cell img,.preview__cell video{width:100%;height:100%;object-fit:cover;display:block}.preview__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;text-shadow:0 1px 6px rgb(0 0 0 / 60%)}.preview__text{white-space:pre-wrap;word-break:break-word;font-size:15px;min-height:1.4em}.preview__text blockquote{margin:4px 0;padding-left:10px;border-left:3px solid var(--link)}.preview__button{border-top:1px solid color-mix(in srgb,var(--hint) 25%,transparent);padding-top:9px;text-align:center;color:var(--link);font-weight:600;font-size:15px}.preview__button--editable{width:100%;border:none;border-top:1px solid color-mix(in srgb,var(--hint) 25%,transparent);background:transparent;font-family:inherit;font-size:16px;padding:9px 4px 2px;border-radius:0;text-align:center}.preview__button--editable:focus{outline:none;border-top-color:var(--link)}.preview__button--editable::placeholder{color:var(--link);opacity:.55}.center{text-align:center}.warn{color:var(--danger)}.viewer-header{display:flex;flex-direction:column;gap:4px}.viewer-header__author{font-size:13px;color:var(--hint)}.viewer-header__title{font-size:17px;font-weight:700}.screen--full{min-height:100vh;min-height:100dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.grid{--tile-image-height: 170px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;align-content:start;width:100%;max-width:420px;margin:0 auto}.tile{display:flex;flex-direction:column;gap:2px;border:none;padding:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;min-width:0}.tile:active{opacity:.65}.tile--busy{opacity:.45}.tile__media{height:var(--tile-image-height);overflow:hidden;border-radius:10px;background:var(--secondary-bg);margin-bottom:6px}.tile__media .product-image{object-fit:cover}.tile__brand{font-size:11px;line-height:1.2;color:var(--hint);text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile__title{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.viewer-owner{display:flex;justify-content:center}