/* Local preview controls live outside the product shell. */
#connected-preview-status{min-height:33px;padding:6px 22px;background:#e8dfd1;color:#645648;font:12px/1.5 system-ui,sans-serif;display:flex;align-items:center;gap:12px;border-bottom:1px solid #d4c7b5}
#connected-preview-status .cp-environment{font-weight:650;display:flex;align-items:center;gap:6px}
#connected-preview-status .cp-environment i{width:6px;height:6px;background:#728153;border-radius:50%}
#connected-preview-status button{padding:3px 8px;min-height:25px;border:0;background:#faf5ed;border-radius:5px;font:inherit;color:#86422f}
#connected-preview-status .cp-environment-note{margin-left:auto;color:#746654}
.cp-accounts{padding:4px 6px 14px;color:#47382e}.cp-accounts>p{font-size:14px;line-height:1.8;margin:0 0 20px;color:#766352}
.cp-account-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.cp-account-list button{display:flex;gap:12px;align-items:center;min-width:0;min-height:85px;padding:14px 2px;background:transparent;border:0;border-bottom:1px solid #e7ddd0;text-align:left;color:#47382e;border-radius:0}
.cp-account-list button>span:nth-child(2){display:grid;gap:5px;min-width:0}.cp-account-list strong{font-size:16px}.cp-account-list small{font-size:12px;color:#8b7967}
.cp-account-list em{margin-left:auto;font-style:normal;font-size:12px;color:#9b4b34;white-space:nowrap}
.cp-face{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:15px;background:linear-gradient(145deg,#eac4a2,#ad694c);color:white;font-weight:700;border:2px solid #fff;box-shadow:0 2px 5px #563e2515}
.cp-face[data-tone="1"],.cp-face[data-tone="4"]{background:linear-gradient(145deg,#c3cdb3,#567965)}.cp-face[data-tone="2"],.cp-face[data-tone="5"]{background:linear-gradient(145deg,#cdbdd5,#857397)}
.cp-account-list button[aria-pressed=true]{box-shadow:inset 0 -2px #a24e35}.cp-account-list button:hover{background:#f8f1e7}
.cp-accounts footer{font-size:12px;color:#887565;line-height:1.8;padding-top:18px}.cp-account-feedback{margin-top:14px!important;color:#9e422d!important}
.pv-author-open{padding:0;background:transparent;border:0;min-width:44px;min-height:44px;border-radius:17px}
.pv-author-open:focus-visible{outline:2px solid #9f4d35;outline-offset:3px}
.pv-notice-entry{display:grid;place-items:center;min-width:44px;height:44px;color:#8c4935;position:relative}
.pv-notice-entry[data-unread]:after{content:attr(data-unread);position:absolute;top:0;right:0;min-width:17px;height:17px;padding:0 3px;background:#9b4732;color:#fff;border:2px solid #fff8ee;border-radius:12px;text-align:center;font:10px/13px system-ui}
.pv-topic-footer [data-reaction]{display:flex;align-items:center;gap:6px;min-height:44px;background:transparent;border:0;color:#826c59;font-size:12px;padding:0 10px 0 0}
.pv-topic-footer [data-reaction] svg{width:17px;height:17px}.pv-topic-footer [data-reaction][aria-pressed=true]{color:#9e432d;font-weight:650}
.pv-topic-excerpt{white-space:pre-line}.pv-chat-footer small{color:#d2d9bd;font-size:11px}.pv-empty{min-height:190px}
@media(max-width:760px){#connected-preview-status{padding:5px 15px;gap:9px;font-size:10px}#connected-preview-status .cp-environment-note{display:none}.cp-account-list{grid-template-columns:1fr}.cp-accounts{padding:0 0 18px}.cp-account-list button{min-height:77px}.pv-topic-footer [data-reaction]{font-size:11px;padding-right:14px}.pv-author-open{min-width:36px;min-height:36px}}
@media(prefers-reduced-motion:no-preference){.cp-account-list button,.pv-author-open{transition:background-color .16s,transform .16s}.cp-account-list button:active,.pv-author-open:active{transform:scale(.98)}}