/* Contained styles shared by the portal's draft editors. */
.tp-workbench{container:threads-work / inline-size;min-width:0}
.tp-columns{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}
.tp-fields{min-width:0}.tp-columns>aside{min-width:0;position:sticky;top:82px}
.tp-modebar{display:none;gap:4px;margin:0 0 16px;padding:4px;width:max-content;border:1px solid #e0e3e8;border-radius:10px;background:#f4f5f7}
.tp-modebar button,.tp-theme-switch button,.tp-close{font:inherit;cursor:pointer;border:0;box-shadow:none}
.tp-modebar button{background:transparent;border-radius:7px;padding:9px 18px;color:#606774;font-size:13px;font-weight:650}
.tp-modebar button[aria-pressed=true]{background:#fff;color:#14171c;box-shadow:0 1px 4px #00000012}
.tp-preview{color:#18191c;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;min-width:0}
.tp-preview *{box-sizing:border-box}.tp-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.tp-preview-head>strong{font-size:13px;font-weight:700}.tp-theme-switch{display:flex;padding:3px;border-radius:8px;background:#e9ecf0}
.tp-theme-switch button{padding:5px 8px;border-radius:5px;background:transparent;color:#656b75;font-size:11px;line-height:1.4;font-weight:600}
.tp-theme-switch button[aria-pressed=true]{background:#fff;color:#191b20;box-shadow:0 1px 3px #0000000c}
.tp-phone{--tp-paper:#fff;--tp-ink:#101010;--tp-muted:#909090;--tp-line:#e6e6e6;--tp-link:#2870b7;max-width:390px;margin:0 auto;padding:8px;border:1px solid #292b2e;border-radius:36px;background:#101113;box-shadow:0 16px 36px #11182712;text-align:left}
.tp-phone[data-theme=dark]{--tp-paper:#101010;--tp-ink:#f4f4f4;--tp-muted:#858585;--tp-line:#333;--tp-link:#82b7ee}
.tp-screen{background:var(--tp-paper);color:var(--tp-ink);border-radius:28px;min-height:520px;max-height:670px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--tp-line) transparent;overscroll-behavior:contain}
.tp-phone-head{padding:20px 18px 16px;border-bottom:1px solid var(--tp-line);text-align:center;font-size:16px;font-weight:750;letter-spacing:-.6px}
.tp-feed{padding:20px 14px 32px}.tp-post{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin:0;padding:0 0 18px;background:transparent;border:0;box-shadow:none}
.tp-rail{display:flex;align-items:center;flex-direction:column;position:relative}.tp-avatar{position:relative;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;width:34px;height:34px;background:#e9ecf0;color:#555d69;font-size:14px;font-weight:650;overflow:hidden}
.tp-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tp-thread-line{display:none;width:2px;background:var(--tp-line);flex:1;min-height:24px;margin:9px 0 -10px;border-radius:2px}.tp-connected .tp-thread-line{display:block}
.tp-post-head{display:flex;align-items:center;gap:7px;min-height:23px}.tp-handle{font-size:13px;font-weight:700;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%;color:var(--tp-ink)}
.tp-post-time{white-space:nowrap;font-size:11px;color:var(--tp-muted)}.tp-more{margin-left:auto;font-size:16px;color:var(--tp-muted);line-height:1}
.tp-post-text{font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;letter-spacing:-.15px;color:var(--tp-ink);padding-top:2px}.tp-post-text.tp-placeholder{color:var(--tp-muted)}.tp-link{color:var(--tp-link)}
.tp-reactions{display:flex;align-items:center;gap:17px;margin-top:14px;color:var(--tp-ink)}.tp-reactions svg{width:19px;height:19px;flex:none}
.tp-media{display:flex;gap:8px;overflow-x:auto;margin-top:12px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.tp-media[hidden]{display:none}.tp-media-item{flex:0 0 100%;border:1px solid var(--tp-line);border-radius:12px;overflow:hidden;scroll-snap-align:start;background:var(--tp-paper)}
.tp-media img,.tp-media video{display:block;width:100%;max-height:350px;object-fit:contain}.tp-media-error{padding:30px 14px;color:var(--tp-muted);font-size:12px;text-align:center}
.tp-preview .tp-summary{margin:12px 0 5px;font-size:12px;line-height:1.6;color:#646c79;overflow-wrap:anywhere}.tp-preview .tp-summary.tp-warning{color:#a24e12}.tp-preview .tp-note{margin:0;font-size:11px;line-height:1.6;color:#777f8b;word-break:keep-all}
.tp-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:16px 20px 22px;border:1px solid #e5e7eb;border-radius:22px;background:#f7f8fa;color:#111;overflow:auto;box-shadow:0 24px 90px #0004}.tp-dialog::backdrop{background:#12182088}.tp-close{display:block;margin:0 0 12px auto;padding:8px 14px;border-radius:8px;background:#e8ebef;color:#343b46;font-size:13px}.tp-dialog .tp-screen{min-height:400px;max-height:60dvh}
.tp-workbench button:focus-visible,.tp-preview button:focus-visible,.tp-close:focus-visible{outline:2px solid #4264e8;outline-offset:3px}
@container threads-work (max-width:740px){.tp-columns{display:block}.tp-modebar{display:flex}.tp-workbench[data-mode=edit]>.tp-columns>aside{display:none}.tp-workbench[data-mode=preview]>.tp-columns>.tp-fields{display:none}.tp-columns>aside{position:static;max-width:390px;margin:0 auto}}
@media(max-width:600px){.tp-phone{border-radius:30px;padding:6px}.tp-screen{min-height:450px;border-radius:24px;max-height:65dvh}.tp-feed{padding:18px 10px}.tp-columns{gap:16px}}
/* Studio keeps the phone beside both source and result editors on desktop. */
.studio .st-preview-layout{grid-template-columns:minmax(220px,.8fr) minmax(280px,1fr) 330px;gap:18px}.studio .st-preview-layout>.st-panel{padding:16px;min-width:0}.studio .st-phone-preview{position:sticky;top:82px;min-width:0}.studio .st-mobile-preview{display:none}
.tm-shell .tm-grid{grid-template-columns:minmax(180px,205px) minmax(330px,1fr) 330px}.tm-shell .tm-right{border:0;background:transparent;overflow:visible;top:82px}.tm-draft-preview{padding:0 0 18px}.tm-right .tm-account{border:1px solid var(--tm-line);border-radius:16px;background:#fff;margin-top:10px}.tm-mobile-preview{display:none}
@media(max-width:1250px){.studio .st-preview-layout{grid-template-columns:minmax(0,1fr) 330px}.studio .st-preview-layout>.st-panel{grid-column:1}.studio .st-phone-preview{grid-column:2;grid-row:1 / span 2}.tm-shell .tm-grid{grid-template-columns:180px minmax(0,1fr)}.tm-shell .tm-right{grid-column:1 / -1;position:static}.tm-draft-preview{display:none}.tm-mobile-preview{display:inline-flex}}
@media(max-width:900px){.studio .st-preview-layout{grid-template-columns:minmax(0,1fr)}.studio .st-phone-preview{display:none}.studio .st-mobile-preview{display:inline-flex}}
@media(max-width:760px){.tm-shell .tm-grid{display:block}.tm-right .tm-account{display:block}}