* { box-sizing: border-box; }
:root { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body.studio-chat-active { margin: 0; min-height: 100vh; background: var(--chat-page, #f5f1e6); color: var(--chat-ink, #183d32); font-size: 14px; }
.chat-site-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 74px; padding: 12px clamp(16px, 3vw, 34px); border-bottom: 1px solid var(--chat-line, #d7ddcb); background: var(--chat-header, #12392e); color: var(--chat-ink, #f3efdc); }
.chat-site-brand { display: flex; align-items: center; gap: 12px; }
.chat-site-mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--chat-gold, #f4cf56); color: var(--chat-gold-ink, #1c3328); font-size: 23px; }
.chat-site-header .eyebrow { color: var(--chat-muted, #bfd0c2); }
.chat-site-header h1 { margin: 1px 0 0; color: inherit; font-size: 18px; font-weight: 650; letter-spacing: -.02em; }
.chat-site-private { padding: 7px 10px; border: 1px solid var(--chat-line, #d7ddcb); border-radius: 999px; color: var(--chat-muted, #bfd0c2); font-size: 11px; font-weight: 650; }
.incoming-chat-view { min-height: calc(100vh - 74px); }
.paper-panel { padding: 16px; border: 1px solid #e1d7c2; border-radius: 13px; background: #fffdf8; box-shadow: 0 3px 12px #473c2410; }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.section-heading h2 { margin: 0 0 4px; font-size: 17px; }
.section-heading p { margin: 0; font-size: 12px; }
.eyebrow { margin: 0; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.muted { color: #687468; line-height: 1.55; }
.small { font-size: 12px; }
.empty-note { margin: 0; padding: 18px 12px; color: #788176; text-align: center; }
button, input, textarea, select { font: inherit; }
.primary-button, .soft-button, .quiet-button { min-height: 40px; padding: 9px 13px; border: 1px solid #d8ceb9; border-radius: 8px; cursor: pointer; }
.primary-button { border-color: #c49b4b; background: #f4cf56; color: #1c3328; font-weight: 700; }
.soft-button, .quiet-button { background: #f4f1e6; color: #183d32; }
button:disabled { cursor: not-allowed; opacity: .62; }
@media (max-width: 600px) { .chat-site-header { min-height: 62px; } .chat-site-private { font-size: 10px; } }