:root {
  --ink: #34322d;
  --muted: #858481;
  --green: #1a1a19;
  --line: rgba(0,0,0,0.08);
  --bg: #ffffff;
  --paper: #ffffff;
  --surface: rgba(55,53,47,0.04);
  --surface-strong: rgba(55,53,47,0.06);
  --side: 236px;
  --radius: 16px;
  color-scheme: light;
}
* {
  box-sizing: border-box;
}
[hidden] {
  display: none !important;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font:
    15px/1.6 -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
button,
input,
textarea,
select {
  font: inherit;
}
button,
a {
  touch-action: manipulation;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  cursor: pointer;
  color: inherit;
}
button:disabled {
  opacity: 0.5;
  cursor: wait;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid #1a1a19;
  outline-offset: 3px;
}
button {
  border: 0;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1,
h2,
h3 {
  color: #0d0d0d;
  font-weight: 590;
  letter-spacing: -0.02em;
}
p {
  color: var(--ink);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.skip {
  position: fixed;
  top: -100px;
  left: 20px;
  z-index: 20;
  background: white;
  padding: 14px;
}
.skip:focus {
  top: 10px;
}
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--side);
  padding: 35px 22px 20px;
  border-right: 1px solid var(--line);
  background: #fbfbfa;
  display: flex;
  flex-direction: column;
  z-index: 5;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 28px;
  letter-spacing: -1.2px;
  font-weight: 730;
  margin: 0 0 43px 9px;
}
.brand-icon {
  width: 37px;
  height: 37px;
  background: var(--green);
  border-radius: 16px;
  color: #fff;
  display: grid;
  place-items: center;
  line-height: 1;
}
.nav-label {
  font-size: 9px;
  letter-spacing: 1.7px;
  font-weight: 650;
  color: var(--muted);
  margin: 0 11px 14px;
}
.nav-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 13px;
  border-radius: 999px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 520;
}
.nav-item > span {
  font-size: 21px;
  line-height: 1;
}
.nav-item small {
  margin-left: auto;
}
.nav-item:hover {
  background: rgba(55,53,47,0.04);
}
.nav-item.active {
  background: rgba(55,53,47,0.06);
  color: var(--ink);
  font-weight: 650;
}
.recent {
  margin-top: 37px;
}
.quiet {
  font-size: 12px;
  margin: 0 10px;
  color: var(--muted);
}
.recent-button {
  display: block;
  background: none;
  text-align: left;
  width: 100%;
  padding: 9px 12px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 999px;
}
.recent-button:hover {
  background: rgba(55,53,47,0.04);
}
.studio-promo {
  margin-top: auto;
  background: var(--surface);
  border: 0;
  border-radius: 16px;
  padding: 20px 16px;
  display: block;
}
.studio-promo strong {
  display: block;
  font-size: 13px;
  margin: 7px 0;
}
.studio-promo p {
  font-size: 12px;
  line-height: 1.6;
  margin: 0 0 16px;
}
.promo-star {
  font-size: 27px;
  color: var(--ink);
}
.promo-link {
  font-size: 12px;
  font-weight: 650;
  border-top: 1px solid var(--line);
  display: block;
  padding-top: 13px;
}
.sidebar-bottom {
  margin-top: 22px;
}
.session-button {
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  text-align: left;
  padding: 0 5px;
  width: 100%;
  font-size: 12px;
}
.session-button > span:last-child {
  margin-left: auto;
}
.session-button small {
  display: block;
  font-size: 10px;
  color: var(--muted);
}
.user-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  background: var(--surface-strong);
  border-radius: 50%;
  font-weight: 650;
}
.sidebar-bottom > div {
  display: flex;
  gap: 12px;
  margin: 20px 7px 0;
  font-size: 10px;
  color: var(--muted);
}
.page {
  margin-left: var(--side);
}
.topbar {
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  padding: 0 4.5%;
  font-size: 12px;
}
.breadcrumb {
  color: var(--muted);
}
.breadcrumb span {
  margin: 0 14px;
  color: var(--muted);
}
.top-links {
  display: flex;
  align-items: center;
  gap: 25px;
}
.web-badge {
  font-size: 11px;
}
.web-badge i {
  display: inline-block;
  background: var(--green);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 7px;
}
.top-studio {
  border: 1px solid var(--line);
  padding: 9px 15px;
  border-radius: 999px;
  font-weight: 510;
  font-size: 14px;
}
.top-studio span {
  margin-left: 16px;
}
.mobile-brand {
  display: none;
}
main {
  max-width: 1400px;
  padding: 0 4.5%;
  margin: auto;
}
.greeting {
  position: relative;
  padding: 51px 0 40px;
  overflow: hidden;
}
.eyebrow {
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: 650;
  color: var(--muted);
  margin-bottom: 16px;
}
.greeting h1 {
  font-size: clamp(32px, 4.6vw, 64px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  font-weight: 590;
  color: #0d0d0d;
  margin: 0 0 20px;
}
.greeting h1 em {
  font-style: normal;
  color: var(--green);
}
.greeting > p:last-of-type {
  font-size: 14px;
  line-height: 1.75;
  margin: 0;
}
.hero-art {
  position: absolute;
  right: 9%;
  top: 52px;
  width: 250px;
  height: 220px;
  display: grid;
  place-items: center;
}
.hero-spark {
  color: rgba(55,53,47,0.18);
  font-size: 174px;
  line-height: 1;
  transform: rotate(-12deg);
  z-index: 1;
}
.orbit {
  position: absolute;
  width: 220px;
  height: 125px;
  border: 1px solid var(--line);
  border-radius: 50%;
  transform: rotate(-35deg);
}
.orbit-two {
  transform: rotate(35deg);
  width: 250px;
  height: 180px;
}
.spark-small {
  position: absolute;
  right: -15px;
  top: 0;
  font-size: 39px;
  color: var(--muted);
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 19px;
}
.section-heading h2 {
  font-size: clamp(22px, 2.2vw, 40px);
  font-weight: 590;
  letter-spacing: -0.02em;
  color: #0d0d0d;
  margin: 0 0 5px;
}
.section-heading p {
  font-size: 12px;
  margin: 0;
}
.tiny-label {
  font-size: 9px;
  letter-spacing: 1.6px;
  color: var(--muted);
}
.daily-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 17px;
}
.daily-card {
  padding: 21px 22px 0;
  border: 0;
  border-radius: var(--radius);
  background: var(--surface);
  display: flex;
  flex-direction: column;
  text-align: left;
  position: relative;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
  min-height: 257px;
}
.daily-card:hover {
  transform: translateY(-4px);
  box-shadow: none;
}
.peach {
  background: var(--surface);
  color: var(--ink);
}
.lilac {
  background: var(--surface);
  color: var(--ink);
}
.mint {
  background: var(--surface);
  color: var(--ink);
}
.daily-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
.card-symbol {
  font-size: 30px;
  line-height: 1;
}
.round-arrow {
  width: 29px;
  height: 29px;
  border: 1px solid var(--line);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 16px;
}
.card-kicker {
  font-size: 8px;
  letter-spacing: 1.8px;
  margin-bottom: 7px;
  opacity: 0.75;
  font-weight: 650;
}
.daily-card strong {
  font-size: 25px;
  letter-spacing: -0.7px;
  font-weight: 560;
  margin-bottom: 10px;
}
.daily-card > span:not([class]) {
  font-size: 12px;
  line-height: 1.7;
  opacity: 0.85;
}
.card-bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
  padding: 14px 0;
  border-top: 1px solid var(--line);
  font-size: 10px;
  font-weight: 600;
}
.catalog-heading {
  margin-top: 42px;
}
.search {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 8px 12px;
  min-width: 210px;
}
.search > span {
  font-size: 22px;
  line-height: 1;
}
.search input {
  width: 180px;
  border: 0;
  background: none;
  font-size: 11px;
  padding: 3px 0;
  outline: 0;
  color: var(--ink);
}
.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 19px;
}
.filter {
  font-size: 11px;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 100px;
  padding: 8px 16px;
}
.filter.active {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.bot-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.bot-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 18px;
  text-align: left;
  transition: border-color 0.15s;
  min-height: 113px;
}
.bot-card:hover {
  border-color: var(--line);
}
.bot-icon {
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  min-width: 39px;
  border-radius: 16px;
  background: var(--surface-strong);
  color: var(--ink);
  font-size: 23px;
  line-height: 1;
}
.bot-card h3 {
  font-size: 13px;
  font-weight: 650;
  margin: 2px 0 5px;
}
.bot-card p {
  font-size: 11px;
  line-height: 1.6;
  margin: 0;
}
.bot-card .small-arrow {
  font-size: 13px;
  color: var(--muted);
  margin-left: auto;
}
.empty {
  grid-column: 1/-1;
  padding: 40px;
  text-align: center;
  background: white;
  border: 1px dashed var(--line);
  border-radius: 16px;
}
.how-it-works {
  display: flex;
  align-items: center;
  gap: 19px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 29px 0;
  margin: 35px 0 0;
}
.how-icon {
  font-size: 35px;
  color: var(--green);
}
.how-it-works h2 {
  font-size: 17px;
  font-weight: 550;
  margin-bottom: 5px;
}
.how-it-works p {
  font-size: 12px;
  margin: 0;
  max-width: 560px;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 0;
  background: rgba(55,53,47,0.06);
  white-space: nowrap;
  font-size: 14px;
  font-weight: 510;
}
.dark {
  background: var(--green);
  color: white;
  border: 0;
}
.how-it-works .button {
  margin-left: auto;
}
.page-footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 10px;
  color: var(--muted);
  padding: 25px 0;
}
.notice {
  border: 1px solid var(--line);
  padding: 12px 16px;
  margin: 16px 0;
  border-radius: 16px;
  font-size: 13px;
}
.error {
  background: var(--surface);
  color: var(--ink);
  border-color: var(--line);
}
.chat-heading {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 25px 0 16px;
}
.chat-heading h1 {
  font-size: 20px;
  margin: 0;
  font-weight: 600;
}
.chat-heading p {
  font-size: 12px;
  margin: 2px 0 0;
}
.icon-button {
  border: 1px solid var(--line);
  width: 33px;
  height: 33px;
  border-radius: 999px;
  background: white;
  font-size: 18px;
  flex-shrink: 0;
}
.quiet-button {
  margin-left: auto;
  white-space: nowrap;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 8px 16px;
  background: rgba(55,53,47,0.06);
  font-size: 11px;
}
.chat-disclosure {
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
  flex-wrap: wrap;
}
.chat-disclosure a {
  text-decoration: underline;
}
.messages {
  min-height: 320px;
  max-height: calc(100dvh - 365px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 28px 6px 12px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  scroll-behavior: smooth;
}
.message {
  max-width: 85%;
  width: fit-content;
}
.message .message-label {
  font-size: 10px;
  color: var(--muted);
  margin-bottom: 7px;
  display: block;
}
.message-body {
  background: white;
  border: 1px solid var(--line);
  padding: 17px 20px;
  border-radius: 0 17px 17px 17px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.75;
}
.message.user {
  align-self: flex-end;
}
.message.user .message-body {
  background: var(--surface-strong);
  border-color: var(--line);
  border-radius: 17px 0 17px 17px;
}
.message.user .message-label {
  text-align: right;
}
.message.pending .message-body {
  color: var(--muted);
}
.sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}
.sources a {
  font-size: 10px;
  border: 1px solid var(--line);
  padding: 5px 9px;
  border-radius: 100px;
  background: white;
  text-decoration: underline;
}
.response-gallery {
  width: 100%;
  min-width: 0;
}
.message.has-cards { width: 85%; min-width: 0; }
.response-cards-horizontal {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  padding-bottom: 10px;
  direction: inherit;
}
.response-cards-horizontal > .response-card {
  box-sizing: border-box;
  flex: 0 0 min(420px, calc(100% - 24px));
  min-width: 0;
  scroll-snap-align: start;
}
.response-card-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.response-card-controls span { flex: 1; }
.response-card-controls button {
  min-width: 44px;
  min-height: 44px;
}
.response-text-card .message-body {
  padding: 0;
  background: transparent;
  border: 0;
}
/* ---------------------------------------------------------------------------
   Response cards — one visual grammar for every widget.
   media band (source photo or a designed band) · body · actions · source.
   Colours come from the shared tokens; nothing decorative is invented.
   --------------------------------------------------------------------------- */
.response-card {
  overflow-wrap: anywhere;
  margin-top: 10px;
  border: 1px solid var(--line);
  background: var(--paper);
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
}

/* --- media band --------------------------------------------------------- */
.rc-media {
  position: relative;
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--surface);
}
.rc-media[data-kind="summary"],
.rc-media[data-kind="document"],
.rc-media[data-kind="checklist"],
.rc-media[data-kind="event"],
.rc-media[data-kind="contact_card"],
.rc-media[data-kind="currency"] {
  aspect-ratio: auto;
  height: 88px;
}
.rc-media[data-kind="photo"] { aspect-ratio: 4 / 3; }
.rc-media-map { aspect-ratio: auto; height: auto; background: var(--surface); }
.rc-media-map figure { display: block; }
.rc-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  border-radius: 0;
  float: none;
  margin: 0;
}
.rc-glyph {
  font-size: 2.6rem;
  line-height: 1;
  color: rgba(55, 53, 47, 0.3);
}
/* The designed band steps aside only while a real photo is on screen. */
.rc-media img ~ .rc-glyph { display: none; }
.rc-media[data-kind="weather"] .rc-glyph { font-size: 3.2rem; color: rgba(55, 53, 47, 0.75); }
.rc-scrim {
  position: absolute;
  inset: auto 0 0;
  height: 62%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.66));
}
.rc-kind {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: var(--green);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.rc-kind-glyph { font-size: 11px; }
.rc-flag {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 11px;
  border-radius: 999px;
  background: var(--green);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.rc-play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: var(--green);
  font-size: 18px;
  text-decoration: none;
}
.rc-play:hover { background: #fff; }

/* --- body --------------------------------------------------------------- */
.rc-body {
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
}
.rc-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.2px;
  color: var(--ink);
}
.rc-eyebrow {
  margin: 6px 0 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.55px;
  text-transform: uppercase;
  color: var(--muted);
}
.rc-note { margin: 8px 0 0; font-size: 12px; color: var(--muted); }
.rc-plot {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* --- chips -------------------------------------------------------------- */
.rc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.rc-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  border-radius: 100px;
  background: rgba(55, 53, 47, 0.06);
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
}
.rc-chip-glyph { color: var(--green); font-size: 10px; }
.rc-chip-genre { background: rgba(55, 53, 47, 0.13); color: var(--green); }
.rc-chip-status { background: var(--surface-strong); color: var(--ink); }
.rc-chip-soft { background: rgba(0, 0, 0, 0.05); color: var(--muted); font-weight: 500; }
.rc-chip-link { color: inherit; text-decoration: none; }
.rc-chip-link:hover { text-decoration: underline; }

/* --- flight (boarding pass) -------------------------------------------- */
.rc-flight {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(55, 53, 47, 0.12);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(55, 53, 47, 0.07), rgba(55, 53, 47, 0.02));
}
.rc-station { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rc-station-end { align-items: flex-end; text-align: right; }
.rc-code { font-size: 24px; font-weight: 800; letter-spacing: 0.5px; color: var(--ink); }
.rc-city { font-size: 11px; color: var(--muted); }
.rc-time { font-size: 13px; font-weight: 700; color: var(--green); }
.rc-flight-leg { display: flex; align-items: center; gap: 5px; color: var(--green); }
.rc-flight-leg::before,
.rc-flight-leg::after {
  content: "";
  width: 16px;
  border-top: 1px dashed rgba(55, 53, 47, 0.5);
}
.rc-flight-plane { font-size: 14px; }
.rc-flight-dates {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 6px;
  font-size: 10px;
  letter-spacing: 0.3px;
  color: var(--muted);
}
.rc-perf {
  grid-column: 1 / -1;
  margin-top: 10px;
  border-top: 1px dashed rgba(55, 53, 47, 0.25);
}

/* --- route line --------------------------------------------------------- */
.rc-route {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
}
.rc-route-arrow { color: var(--green); }

/* --- place list (duty pharmacies, service points) ---------------------- */
.rc-places { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.rc-place {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--paper);
}
.rc-place-index {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--green);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.rc-place-main { display: flex; flex-direction: column; min-width: 0; }
.rc-place-name { margin: 0; font-size: 14px; font-weight: 700; color: var(--ink); }
.rc-place-address { margin: 4px 0 0; font-size: 12px; color: var(--muted); }
.rc-place-main .rc-chips { margin-top: 8px; }

/* --- checklist (interactive) ------------------------------------------- */
.rc-checklist {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
}
.rc-check {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px;
  align-items: start;
  padding: 11px 12px;
  border-top: 1px solid var(--line);
  background: #fff;
  cursor: pointer;
}
.rc-check:first-child { border-top: 0; }
.rc-check:hover { background: var(--surface); }
.rc-check:focus-visible { outline: 2px solid var(--green); outline-offset: -2px; }
.rc-check-box {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border: 1.5px solid rgba(55, 53, 47, 0.4);
  border-radius: 6px;
  color: transparent;
  font-size: 12px;
  font-weight: 700;
}
.rc-check.done .rc-check-box { background: var(--green); border-color: var(--green); color: #fff; }
.rc-check-text { font-size: 13px; line-height: 1.45; color: var(--ink); }
.rc-check.done .rc-check-text { color: var(--muted); text-decoration: line-through; }
.rc-progress {
  margin: 10px 0 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--muted);
}

/* --- contact card ------------------------------------------------------- */
.rc-contact-rows { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; }
.rc-contact-row {
  display: grid;
  grid-template-columns: 20px 72px 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(55, 53, 47, 0.04);
  font-size: 12px;
}
.rc-contact-glyph { color: var(--green); text-align: center; }
.rc-contact-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--muted);
}
.rc-contact-value,
.rc-contact-row a { color: var(--ink); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.rc-contact-row a:hover { text-decoration: underline; }

/* --- pros / cons -------------------------------------------------------- */
.rc-proscons { display: grid; gap: 10px; margin-top: 12px; }
.rc-proscons-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 11px 12px;
  border-radius: 16px;
  font-size: 12px;
}
.rc-pros { background: rgba(55, 53, 47, 0.07); }
.rc-cons { background: var(--surface-strong); }
.rc-proscons-title {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--muted);
}
.rc-proscons-item { color: var(--ink); }
.rc-pros .rc-proscons-item::before { content: "＋ "; color: var(--green); font-weight: 700; }
.rc-cons .rc-proscons-item::before { content: "－ "; color: var(--muted); font-weight: 700; }

/* --- comparison --------------------------------------------------------- */
.rc-compare { display: grid; gap: 10px; margin-top: 12px; }
.rc-compare-side {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
}
.rc-compare-title { font-size: 13px; font-weight: 700; color: var(--green); }
.rc-compare-item { font-size: 12px; color: var(--ink); }
.rc-compare-item::before { content: "• "; color: var(--muted); }

/* --- artist tracks ----------------------------------------------------- */
.rc-tracks { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; }
.rc-track {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 8px;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid var(--line);
  font-size: 13px;
  color: var(--ink);
}
.rc-track:first-child { border-top: 0; }
.rc-track-glyph { color: var(--green); }

.rc-pick {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  margin: 12px 0 2px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--green);
  border-radius: 16px;
  background: var(--paper);
}
.rc-pick-label { font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.rc-pick-name { font-size: 14px; font-weight: 600; color: var(--ink); }
.rc-station-band { display: flex; flex-wrap: nowrap; gap: 8px; margin-top: 8px; padding-bottom: 6px; overflow-x: auto; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
.rc-station-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 200px;
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--paper);
  scroll-snap-align: start;
}
.rc-station-item .rc-track-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: var(--ink); }
svg.rc-station-item .rc-track-glyph { flex: 0 0 auto; }

/* --- currency ---------------------------------------------------------- */
.rc-convert {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(55, 53, 47, 0.04);
}
.rc-convert-from { font-size: 15px; font-weight: 700; color: var(--muted); }
.rc-convert-arrow { color: var(--green); }
.rc-convert-to { font-size: 22px; font-weight: 800; letter-spacing: -0.4px; color: var(--green); }

/* --- document letter --------------------------------------------------- */
.rc-letter {
  margin-top: 12px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(55, 53, 47, 0.04);
  font-size: 13px;
}
.rc-letter .message-body { padding: 0; background: transparent; border: 0; }
.rc-letter h3 { margin: 8px 0 0; font-size: 13px; }
.rc-notes { margin: 10px 0 0; padding-left: 18px; font-size: 12px; color: var(--muted); }

/* --- remaining structured fields --------------------------------------- */
.rc-fields { display: flex; flex-direction: column; margin: 4px 0 0; }
.rc-field-label {
  margin-top: 12px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--muted);
}
.rc-field-value {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.rc-list { display: flex; flex-direction: column; gap: 4px; margin: 0; padding-left: 18px; font-size: 13px; }
.rc-source-inline { color: var(--green); font-weight: 600; }

/* --- footer + actions -------------------------------------------------- */
.rc-footer {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
.rc-source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  color: var(--green);
  text-decoration: none;
}
.rc-source:hover { text-decoration: underline; }
.rc-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.rc-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 9px 13px;
  border: 0;
  border-radius: 999px;
  background: rgba(55, 53, 47, 0.06);
  color: var(--green);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.rc-action:hover { background: rgba(55, 53, 47, 0.12); }
.rc-action:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.response-card .recipe-shopping { margin-top: 12px; }
.composer-wrap {
  padding: 20px 0 10px;
}
.suggestion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
}
.suggestion-header > span {
  font-size: 9px;
  color: var(--muted);
  letter-spacing: 1.3px;
}
.text-button {
  font-size: 11px;
  background: none;
  text-decoration: underline;
}
.chat-suggestions {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding: 4px 2px 10px;
}
.chat-suggestions button {
  white-space: nowrap;
  font-size: 11px;
  background: white;
  border: 1px solid var(--line);
  padding: 8px 16px;
  border-radius: 100px;
}
.composer {
  display: flex;
  align-items: flex-end;
  gap: 13px;
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: none;
  border-radius: 16px;
  padding: 12px 13px 12px 18px;
}
.composer textarea {
  resize: vertical;
  min-height: 28px;
  max-height: 150px;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  background: none;
  font-size: 13px;
  padding: 4px 0;
  color: var(--ink);
}
.composer button {
  width: 35px;
  height: 35px;
  background: var(--green);
  color: #fff;
  border-radius: 999px;
  font-size: 21px;
  flex-shrink: 0;
}
.composer-note {
  text-align: center;
  font-size: 10px;
  margin: 10px 0;
  color: var(--muted);
}
dialog {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 35px;
  max-width: 470px;
  width: calc(100% - 32px);
  max-height: 85dvh;
  color: var(--ink);
}
dialog::backdrop {
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(3px);
}
dialog h2 {
  font-size: 24px;
  font-weight: 590;
  letter-spacing: -0.6px;
  margin: 15px 0;
}
dialog p {
  font-size: 13px;
  line-height: 1.7;
}
.dialog-close {
  position: absolute;
  right: 16px;
  top: 12px;
  font-size: 25px;
  background: none;
  color: var(--muted);
}
dialog label {
  display: block;
  font-size: 12px;
  margin: 20px 0 7px;
}
dialog input {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  margin-bottom: 14px;
}
dialog .button {
  width: 100%;
}
.dialog-mark {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  background: var(--green);
  color: white;
  border-radius: 16px;
  font-size: 30px;
  font-weight: 650;
}
.dialog-actions {
  display: flex;
  gap: 12px;
}
.danger {
  background: var(--green);
  color: #fff;
  border-color: var(--green);
}
.question-choice {
  display: block;
  text-align: left;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  width: 100%;
  padding: 15px;
  margin-bottom: 9px;
}
.question-choice strong {
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
}
.question-choice span {
  font-size: 12px;
  color: var(--muted);
}
#question-list h3 {
  font-size: 14px;
  margin: 23px 0 12px;
}
.legal {
  max-width: 750px;
  padding: 50px 25px;
  margin: auto;
}
.legal .brand {
  margin: 0 0 50px;
}
.legal h1 {
  font-size: 38px;
  letter-spacing: -1px;
}
.legal h2 {
  font-size: 20px;
  margin: 30px 0 10px;
}
.legal p,
.legal li {
  font-size: 15px;
  line-height: 1.8;
}
.legal a:not(.brand) {
  text-decoration: underline;
}
.legal footer {
  border-top: 1px solid var(--line);
  padding-top: 20px;
  margin-top: 40px;
  font-size: 12px;
}
@media (min-width: 1550px) {
  .greeting {
    padding-top: 65px;
  }
  .greeting h1 {
    font-size: clamp(32px, 4.6vw, 64px);
  }
  .daily-card {
    min-height: 278px;
  }
  .bot-card {
    min-height: 123px;
  }
}
@media (max-width: 1180px) {
  :root {
    --side: 210px;
  }
  .sidebar {
    padding-left: 14px;
    padding-right: 14px;
  }
  .brand {
    font-size: 25px;
  }
  .greeting h1 {
    font-size: clamp(32px, 4.6vw, 64px);
  }
  .hero-art {
    right: 3%;
    transform: scale(0.85);
  }
  .bot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .daily-card {
    padding-left: 17px;
    padding-right: 17px;
  }
  .daily-card strong {
    font-size: 22px;
  }
  .tiny-label {
    display: none;
  }
  .how-it-works {
    flex-wrap: wrap;
  }
  .how-it-works .button {
    margin-left: 54px;
  }
}
@media (max-width: 850px) {
  :root {
    --side: 0px;
  }
  .sidebar {
    display: none;
  }
  .topbar {
    height: 66px;
    padding: 0 5%;
  }
  .mobile-brand {
    display: grid;
    place-items: center;
    background: var(--green);
    color: white;
    border-radius: 9px;
    width: 32px;
    height: 32px;
    font-size: 24px;
    font-weight: 700;
  }
  .breadcrumb {
    display: none;
  }
  main {
    padding: 0 5%;
  }
  .greeting {
    padding-top: 35px;
  }
  .greeting h1 {
    font-size: clamp(32px, 4.6vw, 64px);
  }
  .hero-art {
    right: 7%;
    top: 25px;
    transform: scale(0.75);
  }
  .messages {
    max-height: calc(100dvh - 345px);
  }
  .page-footer {
    flex-direction: column;
    gap: 5px;
  }
  .section-heading h2 {
    font-size: 19px;
  }
}
@media (max-width: 560px) {
  .top-links {
    gap: 12px;
  }
  .web-badge {
    font-size: 10px;
  }
  .top-studio {
    padding: 7px 10px;
    font-size: 11px;
  }
  .top-studio span {
    margin-left: 6px;
  }
  .greeting {
    padding: 33px 0 30px;
  }
  .greeting h1 {
    font-size: clamp(32px, 4.6vw, 64px);
    letter-spacing: -0.03em;
  }
  .greeting > p:last-of-type {
    font-size: 12px;
  }
  .eyebrow {
    font-size: 8px;
    letter-spacing: 1.4px;
  }
  .hero-art {
    right: -38px;
    top: 57px;
    transform: scale(0.49);
    width: 180px;
    height: 180px;
  }
  .daily-grid {
    grid-template-columns: 1fr;
    gap: 11px;
  }
  .daily-card {
    min-height: 0;
    padding: 18px 18px 0;
    display: grid;
    grid-template-columns: 1fr 44px;
    column-gap: 10px;
  }
  .daily-top {
    grid-column: 2;
    grid-row: 1/5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 0 17px;
  }
  .card-symbol {
    font-size: 28px;
  }
  .daily-card strong {
    font-size: 23px;
    margin-bottom: 5px;
  }
  .daily-card > span:not([class]) {
    font-size: 12px;
  }
  .daily-card br {
    display: none;
  }
  .card-bottom {
    grid-column: 1/-1;
    margin-top: 15px;
    padding: 11px 0;
  }
  .card-kicker {
    font-size: 8px;
  }
  .catalog-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
    margin-top: 31px;
  }
  .search {
    width: 100%;
  }
  .search input {
    width: 100%;
    font-size: 13px;
  }
  .bot-grid {
    grid-template-columns: 1fr;
  }
  .bot-card {
    min-height: 0;
    padding: 16px;
  }
  .bot-card h3 {
    font-size: 14px;
  }
  .bot-card p {
    font-size: 12px;
  }
  .filters {
    gap: 6px;
  }
  .filter {
    font-size: 11px;
  }
  .how-it-works {
    gap: 13px;
  }
  .how-it-works > div {
    flex: 1;
    min-width: 200px;
  }
  .how-it-works h2 {
    font-size: 18px;
  }
  .how-it-works .button {
    margin-left: 43px;
  }
  .chat-heading {
    padding: 19px 0 12px;
    gap: 8px;
    flex-wrap: wrap;
  }
  .chat-heading .bot-icon {
    display: none;
  }
  .chat-heading h1 {
    font-size: 18px;
  }
  .chat-heading p {
    max-width: 220px;
    font-size: 11px;
  }
  .quiet-button {
    font-size: 10px;
    padding: 7px;
  }
  .chat-disclosure {
    font-size: 10px;
  }
  .message {
    max-width: 94%;
  }
  .message-body {
    font-size: 13px;
    padding: 13px 15px;
  }
  .messages {
    min-height: 220px;
    max-height: calc(100dvh - 370px);
  }
  .composer-wrap {
    padding-top: 12px;
  }
  .rc-media { aspect-ratio: 4 / 3; }
  .rc-media[data-kind="photo"] { aspect-ratio: 3 / 2; }
  .rc-body { padding: 14px 15px 16px; }
  .rc-title { font-size: 16px; }
  .composer-note {
    font-size: 9px;
  }
  dialog {
    padding: 27px;
  }
  .section-heading h2 {
    font-size: 19px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

.mobile-session {
  display: none;
}
@media (max-width: 850px) {
  .mobile-session {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    background: var(--surface-strong);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
  }
}
.sidebar {
  overflow-y: auto;
}
.studio-promo {
  flex-shrink: 0;
}
#chat-view:not([hidden]) {
  height: calc(100dvh - 82px);
  display: flex;
  flex-direction: column;
}
.chat-heading,
.chat-disclosure,
.composer-wrap {
  flex-shrink: 0;
}
.messages {
  flex: 1;
  min-height: 80px;
  max-height: none;
}
.composer-wrap {
  padding-bottom: 10px;
}
.chat-heading h1 {
  overflow-wrap: anywhere;
}
@media (max-width: 850px) {
  #chat-view:not([hidden]) {
    height: calc(100dvh - 66px);
  }
}
.rich-text {
  white-space: normal;
}
.rich-text p {
  margin: 0;
  color: inherit;
  white-space: pre-wrap;
}
.rich-text h3 {
  font-size: 15px;
  margin: 9px 0;
}
.rich-text code {
  font:
    12px/1.6 ui-monospace,
    monospace;
  background: var(--surface);
  padding: 1px 4px;
  border-radius: 3px;
}
.code-block {
  background: var(--surface);
  padding: 12px;
  border-radius: 8px;
  overflow-x: auto;
  font:
    12px/1.6 ui-monospace,
    monospace;
  max-width: 100%;
  white-space: pre;
  direction: ltr;
  text-align: left;
}

.membership-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:48px; padding:20px 24px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.membership-bar strong { font-size:16px; }
.membership-bar p { margin:4px 0 0; font-size:12px; }
.account-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px; }
.account-overview>div { padding:20px; background:white; border:1px solid var(--line); border-radius:16px; }
.account-overview .eyebrow { display:block; margin-bottom:8px; font-size:9px; }
.account-overview strong { display:block; font-size:23px; font-weight:600; }
.account-overview small { font-size:11px; font-weight:400; color:var(--green); }
.account-overview p { font-size:11px; margin:6px 0 0; }
progress { width:100%; height:6px; accent-color:var(--green); }
.auth-tabs { display:flex; padding:4px; border-radius:999px; background:var(--surface); }
.auth-tabs button { flex:1; padding:9px; border-radius:999px; background:transparent; }
.auth-tabs button.active { background:var(--green); color:white; }
.auth-note { font-size:11px; margin:20px 0 0; }
.auth-note a { text-decoration:underline; }
#login-error,#account-error { color:var(--ink); }
#recovery-output { font-family:monospace; font-size:12px; }
.account-actions { display:grid; gap:18px; margin-top:22px; }
#password-form { border-top:1px solid var(--line); margin-top:22px; padding-top:20px; }
#password-form h3 { font-size:15px; }
@media(max-width:650px) { .membership-bar { align-items:flex-start; flex-direction:column; padding:18px; } .account-overview { grid-template-columns:1fr; gap:8px; } .account-overview>div { padding:15px 18px; } .top-links { gap:8px; } #top-account { padding:8px 10px; font-size:11px; } }
.daily-tools { display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin:24px 0; }
.daily-tools>span { margin-left:auto; font-size:10px; color:var(--muted); }
.daily-tools .text-button { font-size:12px; }
#shopping-count { display:inline-block; min-width:19px; border-radius:999px; background:var(--surface-strong); text-align:center; margin-left:5px; }
.bot-card-wrap { position:relative; }
.bot-card-wrap>.bot-card { width:100%; height:100%; padding-right:42px; }
.pin-button { background:transparent; font-size:22px; padding:4px 8px; border-radius:999px; color:var(--muted); }
.bot-card-wrap>.pin-button { position:absolute; right:8px; top:9px; }
.bot-card-wrap .small-arrow { display:none; }
.pinned-bots { display:flex; flex-wrap:wrap; gap:10px; }
.pinned-item { display:flex; align-items:center; background:white; border:1px solid var(--line); border-radius:100px; padding-right:7px; }
.pinned-item .button { border:0; }
.quick-start-button { align-self:flex-start; margin-bottom:12px; flex-shrink:0; }
#daily-result { border-top:1px solid var(--line); margin-top:24px; }
#daily-result textarea,#shopping-status textarea { width:100%; padding:12px; border:1px solid var(--line); border-radius:16px; resize:vertical; font-size:13px; }
#daily-result .button { margin-top:10px; }
dialog .check-row { display:flex; align-items:center; gap:10px; margin:12px 0; font-size:13px; }
dialog .check-row input { width:17px; height:17px; margin:0; flex-shrink:0; accent-color:var(--green); }
.shopping-row { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); }
.shopping-row input:checked+span { text-decoration:line-through; color:var(--muted); }
#shopping-dialog>.button,#preferences-clear { margin-top:12px; }
.recipe-shopping { margin-top:16px; white-space:normal; }
.source-detail { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.source-detail small { font-size:10px; color:var(--muted); max-width:260px; }
@media(max-width:560px) { .daily-tools { gap:15px; } .daily-tools>span { width:100%; margin:0; } .quick-start-button { font-size:11px; padding:9px 12px; } }
/* Personal AI connections remain a settings-only flow. */
.ai-settings-dialog { width: min(560px, calc(100% - 24px)); max-height: 85dvh; overflow: auto; border: 1px solid var(--line); border-radius: 16px; padding: 24px; background: var(--paper); color: var(--ink); }
.ai-settings-dialog > .quiet-button { float: right; }
.ai-settings-dialog h2 { clear: both; padding-top: 12px; }
.ai-settings-dialog p { line-height: 1.5; }
.ai-provider { border-top: 1px solid var(--line); margin: 20px 0; padding-top: 12px; }
.ai-provider summary { cursor: pointer; padding: 14px 0; }
.ai-provider input, .ai-settings-dialog select { display: block; width: 100%; padding: 12px; margin: 12px 0; border: 1px solid var(--line); border-radius: 16px; font: inherit; background: white; }
#ai-speed[aria-pressed="true"] { color: var(--ink); background: var(--surface-strong); }
#ai-route-status { margin: 8px 0; font-size: 13px; }

/* Platform subscription / server provider settings only. */
.billing-panel { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--line, rgba(0,0,0,0.08)); }
.billing-panel input { display: block; width: 100%; min-width: 0; margin: .65rem 0; padding: .7rem; box-sizing: border-box; }
.billing-panel button { margin: .35rem .5rem .35rem 0; white-space: normal; }
.billing-panel p { overflow-wrap: anywhere; }
.billing-state { font-weight: 600; }

/* --- simgeler (SVG) ------------------------------------------------------ */
/* Simge sınıfı SVG'nin kendisinde: renk currentColor'dan gelir, ölçü burada
   sabitlenir. Kapsayıcılar simge + yazıyı yan yana tutar. */
svg.rc-glyph { width: 2.4rem; height: 2.4rem; display: block; }
.rc-media[data-kind="weather"] svg.rc-glyph { width: 3rem; height: 3rem; }
svg.rc-kind-glyph { width: 11px; height: 11px; display: block; }
svg.rc-chip-glyph { width: 12px; height: 12px; display: block; }
svg.rc-action-glyph { width: 14px; height: 14px; display: block; }
svg.rc-source-glyph { width: 13px; height: 13px; display: block; }
svg.rc-play-glyph { width: 20px; height: 20px; display: block; }
svg.rc-track-glyph { width: 13px; height: 13px; display: block; }
svg.rc-contact-glyph { width: 13px; height: 13px; display: block; }
svg.rc-inline-glyph { width: 12px; height: 12px; display: block; }
.rc-kind, .rc-chip, .rc-action, .rc-source, .rc-contact-row {
  display: inline-flex; align-items: center; gap: 6px;
}
.rc-track-glyph, .rc-contact-glyph { color: var(--green); }
/* Simge ile yazı yan yana dururken metin kelime ortasından kırılmasın
   (satır içi biçimdeyken doğal genişliğini koruyordu). */
.rc-action-label, .rc-source span:last-child, .rc-chip span:not(.rc-chip-glyph),
.rc-kind span:last-child { white-space: nowrap; }

/* Workspace refresh: one clear search entry, compact discovery and persistent mobile navigation. */
:root { --ink:#34322d; --muted:#858481; --green:#1a1a19; --line:rgba(0,0,0,0.08); --bg:#ffffff; --paper:#ffffff; --surface:rgba(55,53,47,0.04); --surface-strong:rgba(55,53,47,0.06); --side:236px; --radius:16px; }
body { font-size:15px; -webkit-font-smoothing:antialiased; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:3px solid #1a1a19; outline-offset:4px; }
.sidebar { padding:28px 18px 20px; background:#fbfbfa; color:var(--ink); border-right:1px solid var(--line); overflow-y:auto; }
.brand { font-size:27px; margin:0 9px 38px; letter-spacing:-1px; }
.brand-icon { background:transparent; color:var(--ink); border-radius:16px; }
.nav-label { color:var(--muted); font-size:10px; letter-spacing:1.4px; }
.nav-item { min-height:48px; font-size:13px; padding:12px; margin-bottom:6px; border-radius:999px; }
.nav-item:hover,.recent-button:hover { background:rgba(55,53,47,0.04); }
.nav-item.active { background:rgba(55,53,47,0.06); color:var(--ink); font-weight:650; }
.recent { margin:30px 0; }
.sidebar .quiet { color:var(--muted); font-size:12px; line-height:1.7; }
.recent-button { color:var(--ink); font-size:13px; min-height:42px; }
.studio-promo { background:var(--surface); border:0; padding:16px; border-radius:16px; }
.studio-promo strong { font-size:14px; }
.studio-promo p { color:var(--muted); }
.promo-star { color:var(--ink); font-size:18px; font-weight:590; }
.promo-link { border-color:var(--line); color:var(--ink); padding-top:12px; font-size:12px; }
.sidebar-bottom { padding-top:18px; margin-top:18px; border-top:1px solid var(--line); }
.session-button { color:var(--ink); min-height:44px; }
.session-button small,.sidebar-bottom>div { color:var(--muted); }
.user-icon { color:var(--ink); background:var(--surface-strong); }
.topbar { height:72px; background:#fff; padding:0 36px; gap:20px; }
.breadcrumb { font-size:13px; }
.top-links { gap:10px; }
.top-links .quiet-button { margin:0; background:rgba(55,53,47,0.06); border:0; }
.top-studio { border-color:var(--line); background:#fff; min-height:42px; display:flex; align-items:center; border-radius:999px; }
.button,.quiet-button { border-radius:999px; font-size:14px; font-weight:510; min-height:42px; }
.dark { background:var(--green); }
main { max-width:1180px; padding:0 36px; }
#home-view { padding-top:32px; }
.greeting { padding:0 0 48px; overflow:visible; }
.eyebrow { color:var(--muted); font-size:10px; letter-spacing:1.5px; margin-bottom:12px; }
.greeting h1 { font-size:clamp(32px,4.6vw,64px); letter-spacing:-0.03em; font-weight:590; color:#0d0d0d; line-height:1.18; margin-bottom:12px; }
.greeting h1 em { color:var(--green); }
.greeting>p:last-of-type { font-size:12px; line-height:1.6; }
.greeting>p { font-size:15px; margin-bottom:22px; }
.hero-search { width:100%; min-width:0; max-width:740px; min-height:62px; padding:12px 18px; border-radius:16px; border-color:var(--line); box-shadow:none; gap:15px; }
.hero-search:focus-within { border-color:var(--green); box-shadow:0 0 0 3px rgba(0,0,0,0.08); }
.hero-search .search-label { font-size:10px; letter-spacing:1.3px; color:var(--green); font-weight:750; }
.hero-search input { flex:1; width:0; min-width:0; padding:6px 0; font-size:16px; }
.hero-search input:focus-visible { outline:none; }
.hero-search kbd { padding:2px 8px; font:12px/1.7 inherit; color:var(--muted); border:1px solid var(--line); border-radius:5px; }
.greeting .search-hint { color:var(--muted); margin:9px 0 0; font-size:12px; }
.section-heading { margin-bottom:16px; gap:14px; }
.section-heading h2 { font-size:clamp(22px,2.2vw,40px); letter-spacing:-0.02em; font-weight:590; color:#0d0d0d; }
.section-heading p { font-size:13px; line-height:1.6; }
.section-link { color:var(--green); font-size:13px; font-weight:600; white-space:nowrap; min-height:44px; display:flex; align-items:center; }
.daily-grid { gap:14px; }
.daily-card { min-height:185px; padding:18px 20px 0; border:0; border-radius:16px; background:var(--surface); }
.daily-card:hover { transform:translateY(-3px); box-shadow:none; }
.lilac { background:var(--surface); color:var(--ink); }
.mint { background:var(--surface); color:var(--ink); }
.peach { background:var(--surface); color:var(--ink); }
.daily-top { margin-bottom:10px; }
.card-symbol { font-size:12px; font-weight:700; letter-spacing:1px; }
.round-arrow { border:0; background:var(--surface-strong); width:29px; height:29px; }
.daily-card strong { font-size:21px; letter-spacing:-.5px; margin:0 0 6px; font-weight:650; }
.featured-description { font-size:13px; line-height:1.6; opacity:.9; }
.card-bottom { font-size:12px; margin-top:auto; padding:13px 0; border-color:var(--line); }
.featured-description { margin-bottom:14px; }
.featured-section.no-featured { display:none; }
.catalog-heading { margin-top:48px; scroll-margin-top:24px; }
.filters { gap:8px; margin:0 0 18px; }
.filter { min-height:40px; padding:8px 16px; font-size:12px; background:transparent; border-radius:100px; }
.filter:hover { border-color:var(--muted); }
.filter.active { background:var(--green); border-color:var(--green); }
.availability-filter { background:transparent; font-size:12px; }
.availability-filter[aria-pressed="true"] { background:var(--surface-strong); border-color:var(--line); color:var(--ink); }
.search-summary:has([hidden]) { display:none; }
.search-summary { margin:-4px 0 16px; }
#clear-filters { font-size:13px; min-height:40px; }
.bot-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.bot-card-wrap { min-width:0; }
.bot-card-wrap>.bot-card { padding:20px 35px 18px 18px; }
.bot-card { gap:12px; min-height:175px; border-radius:16px; box-shadow:none; }
.bot-card:hover { border-color:var(--line); background:var(--surface); }
.bot-card>div { min-width:0; }
.bot-icon { background:var(--surface-strong); color:var(--ink); width:36px; height:36px; min-width:36px; border-radius:16px; font-size:21px; }
.bot-card h3 { font-size:15px; margin:5px 0 7px; letter-spacing:-.2px; }
.bot-card p { font-size:12px; line-height:1.7; color:var(--muted); }
.bot-category { font-size:10px; color:var(--muted); font-weight:500; }
.bot-availability { display:inline-block; margin-top:13px; color:var(--ink); background:var(--surface-strong); font-size:10px; font-weight:650; border-radius:100px; padding:3px 9px; }
.bot-availability.phone { background:var(--surface); color:var(--muted); }
.bot-card-wrap>.pin-button { top:10px; right:5px; min-width:36px; min-height:36px; font-size:20px; color:var(--muted); }
.is-filtered .featured-section,.is-filtered #pinned-section { display:none; }
.is-filtered .catalog-heading { margin-top:0; }
.empty { padding:36px 20px; border-style:solid; }
.empty p { font-size:14px; }
.daily-tools { margin:48px 0 24px; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); gap:20px; }
.daily-tools .text-button { min-height:36px; font-size:13px; }
.membership-bar { padding:19px 22px; margin:48px 0; background:var(--surface); border-color:var(--line); border-radius:16px; }
.membership-bar strong { font-size:15px; }
.membership-bar p { font-size:13px; }
#session-dialog .account-overview { grid-template-columns:1fr; margin:24px 0; }
#session-dialog .account-overview>div { padding:12px 16px; }
#session-dialog .account-overview strong { font-size:18px; }
.how-it-works { padding:48px 0; margin-top:48px; }
.page-footer { color:var(--muted); }
#chat-view { max-width:980px; margin:auto; padding-bottom:24px; }
.chat-heading { padding-top:26px; flex-wrap:wrap; gap:12px; }
.chat-heading>div:nth-of-type(2) { flex:1; min-width:160px; }
.chat-heading .quiet-button { margin-left:0; font-size:12px; }
.chat-heading h1 { font-size:23px; letter-spacing:-.6px; }
.chat-heading p { font-size:13px; }
.chat-disclosure { font-size:12px; line-height:1.7; }
.composer { border:1px solid var(--line); border-radius:16px; box-shadow:none; }
.composer:focus-within { border-color:var(--green); box-shadow:0 0 0 3px rgba(0,0,0,0.08); }
.composer textarea { font-size:16px; }
#send { width:42px; height:42px; border-radius:999px; }
.composer-note { font-size:11px; }
.message.assistant { line-height:1.7; }
dialog { border-radius:16px; box-shadow:0 24px 80px rgba(0,0,0,0.18); }
dialog::backdrop { background:rgba(0,0,0,0.4); backdrop-filter:blur(4px); }
dialog input,dialog textarea,dialog select { font-size:16px; }
.mobile-nav { display:none; }
@media(min-width:1550px) { .greeting { padding-top:0; } .greeting h1 { font-size:clamp(32px,4.6vw,64px); } .daily-card { min-height:185px; } }
@media(max-width:1180px) and (min-width:851px) { :root { --side:210px; } main,.topbar { padding-left:26px; padding-right:26px; } .bot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .daily-card { padding:16px 16px 0; } .daily-card strong { font-size:19px; } .daily-card .featured-description { font-size:12px; } }
@media(max-width:850px) {
  :root { --side:0px; }
  .sidebar { display:none; }
  body { padding-bottom:calc(74px + env(safe-area-inset-bottom)); }
  main { padding:0 24px; }
  .topbar { height:64px; padding:0 24px; }
  .mobile-brand { background:var(--green); }
  .top-studio,#mobile-session { display:none; }
  .top-links { gap:4px; }
  #top-account { font-size:12px; padding:10px 13px; }
  #home-view { padding-top:28px; }
  .greeting { padding:0 0 26px; }
  .greeting h1 { font-size:34px; letter-spacing:-1.2px; }
  .bot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mobile-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); position:fixed; bottom:0; left:0; right:0; padding:10px 12px calc(10px + env(safe-area-inset-bottom)); background:#fff; border-top:1px solid var(--line); z-index:10; box-shadow:none; }
  .mobile-nav a,.mobile-nav button { display:flex; align-items:center; justify-content:center; min-height:44px; font-size:12px; font-weight:600; background:none; border-radius:999px; padding:8px 3px; }
  .mobile-nav [aria-current="page"] { color:var(--ink); background:var(--surface-strong); }
  .messages { max-height:none; }
  .composer-wrap { position:sticky; bottom:74px; background:var(--bg); padding-bottom:4px; z-index:2; }
}
@media(max-width:560px) {
  main { padding:0 18px; }
  .topbar { padding:0 18px; }
  #home-view { padding-top:24px; }
  .greeting h1 { font-size:32px; line-height:1.18; }
  .greeting h1 em { display:block; }
  .greeting>p { font-size:14px; }
  .greeting .eyebrow { font-size:9px; }
  .greeting .search-hint { font-size:11px; }
  .hero-search { min-height:58px; padding:9px 13px; gap:10px; }
  .hero-search kbd { display:none; }
  .section-heading h2 { font-size:19px; }
  .section-heading p { font-size:12px; }
  .daily-grid { display:grid; grid-auto-flow:column; grid-auto-columns:85%; grid-template-columns:none; overflow-x:auto; gap:12px; padding:0 0 12px; scroll-snap-type:x mandatory; scrollbar-width:thin; }
  .daily-card { min-height:190px; padding:18px 20px 0; scroll-snap-align:start; }
  .daily-top { position:static; margin-bottom:10px; }
  .daily-card strong { font-size:22px; margin:0 0 6px; }
  .daily-card .card-symbol { font-size:12px; }
  .card-bottom { margin-top:auto; padding:12px 0; font-size:12px; }
  .featured-description { font-size:13px; }
  .catalog-heading { align-items:flex-start; flex-direction:column; gap:12px; margin-top:20px; }
  .availability-filter { min-height:40px; }
  .filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:10px; gap:7px; margin-bottom:8px; scrollbar-width:thin; }
  .filter { flex-shrink:0; min-height:42px; font-size:12px; }
  .bot-grid { grid-template-columns:1fr; gap:10px; }
  .bot-card { min-height:145px; }
  .bot-card-wrap>.bot-card { padding:18px 43px 18px 16px; }
  .bot-card h3 { font-size:16px; }
  .bot-card p { font-size:13px; }
  .bot-availability { font-size:11px; margin-top:10px; }
  .pin-button { min-width:44px!important; min-height:44px!important; }
  .membership-bar { padding:18px; gap:14px; }
  .membership-bar .button { width:100%; }
  .daily-tools { gap:16px; margin-top:22px; }
  .daily-tools>span { width:100%; }
  .chat-heading { gap:10px; padding-top:20px; }
  .chat-heading h1 { font-size:20px; }
  .chat-heading>div:nth-of-type(2) { min-width:180px; }
  .chat-heading .quiet-button { min-height:40px; }
  .chat-heading .icon-button { width:36px; height:36px; }
  .chat-disclosure { font-size:11px; }
  .how-it-works .button { margin:0; }
  .page-footer { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .daily-card { transition:none; } .daily-card:hover { transform:none; } }
.greeting>.eyebrow { font-size:10px; margin-bottom:12px; }
@media(max-width:560px) {
  .daily-card { display:flex; }
  .daily-top { flex-direction:row; justify-content:space-between; margin-bottom:10px; }
  .greeting>.eyebrow { font-size:9px; }
}
.response-text-card { padding:18px 20px; box-shadow:none; }
.response-text-card>h3 { margin:0 0 10px; font-size:14px; font-weight:650; }
@media(max-width:850px) { .composer-wrap { position:static; } }
@media(max-width:560px) {
  .chat-heading { display:grid; grid-template-columns:36px minmax(0,1fr) auto; }
  .chat-heading>div:nth-of-type(2) { grid-column:2/-1; min-width:0; }
  .chat-heading p { max-width:none; }
  #clear-chat { grid-column:2; justify-self:end; }
  #ai-speed { grid-column:3; }
  .messages { min-height:160px; }
  .response-text-card { padding:16px; }
}

/* Shared blue speech-mark: preserve the supplied logo and transparent corners. */
img.brand-icon,
img.dialog-mark,
.mobile-brand,
.mobile-brand img {
  background: transparent;
  border-radius: 0;
  object-fit: contain;
  flex-shrink: 0;
}
.mobile-brand img { display: block; }

/* Local record forms and cards: long user text stays visible at narrow widths. */
.collection-card { padding: 18px; overflow-wrap: anywhere; min-width: 0; }
.collection-card .button { margin: 8px 8px 0 0; }
.collection-body { white-space: pre-wrap; }
.collection-dialog { max-height: 85dvh; overflow-y: auto; }
.collection-dialog input, .collection-dialog textarea, .collection-dialog select { box-sizing: border-box; width: 100%; max-width: 100%; padding: 10px; font: inherit; }
.collection-dialog textarea { min-height: 120px; resize: vertical; }
.collection-dialog form { display: grid; gap: 10px; }
#collection-results { min-width: 0; margin-top: 12px; }
/* Shared language selector foundation; unrelated layout rules stay unchanged. */
.language-control { display:inline-flex; align-items:center; flex-shrink:0; }
.language-control select { width:auto; max-inline-size:110px; min-block-size:40px; margin:0; padding:7px 6px; border:1px solid var(--line); border-radius:16px; background:var(--paper,#fff); color:var(--ink,#34322d); font:inherit; font-size:12px; cursor:pointer; }
.language-control select:focus-visible { outline:2px solid var(--green,#1a1a19); outline-offset:2px; }
.language-scope { margin-block:8px 12px; color:var(--muted,#858481); font-size:11px; line-height:1.5; }
@media(max-width:560px) { .language-control select { max-inline-size:90px; padding-inline:3px; font-size:11px; } }
@media(max-width:400px) {
  .topbar.language-topbar { height:auto; min-block-size:64px; padding-block:8px; }
  .language-topbar .top-links { flex-wrap:wrap; justify-content:flex-end; min-inline-size:0; }
}

/* UI direction follows the selected language; content keeps its own direction. */
:where([dir="rtl"]) .sidebar { inset:0 0 0 auto; border-right:0; border-left:1px solid var(--line); }
:where([dir="rtl"]) .page { margin-left:0; margin-right:var(--side); }
:where([dir="rtl"]) :is(.recent-button,.session-button,.bot-card,.daily-card,.question-option,.rc-station-end) { text-align:start; }
:where([dir="rtl"]) :is(.nav-item small,.session-arrow,.small-arrow,.daily-tools>span) { margin-left:0; margin-right:auto; }
:where([dir="rtl"]) .bot-card-wrap>.bot-card { padding-right:20px; padding-left:42px; }
:where([dir="rtl"]) .bot-card-wrap>.pin-button { right:auto; left:5px; }
:where([dir="rtl"]) .rc-notes,:where([dir="rtl"]) .rc-list { padding-left:0; padding-right:18px; }
:where([dir="rtl"]) :is(h1,h2,h3,.eyebrow,.section-kicker) { letter-spacing:normal; }
[dir="auto"],code,pre,input[type="email"],input[type="url"],input[type="tel"],input[type="number"] { unicode-bidi:isolate; }
code,pre,input[type="email"],input[type="url"],input[type="tel"],input[type="number"] { direction:ltr; }
.message-body,.rc-contact-value { unicode-bidi:plaintext; overflow-wrap:anywhere; }
.language-control select { max-width:130px; }
@media(max-width:560px) {
  .topbar.language-topbar { height:auto; min-height:64px; }
  .topbar.language-topbar .top-links { flex-wrap:wrap; justify-content:flex-end; }
  .mobile-nav :is(a,button) { overflow-wrap:anywhere; }
}

/* Language controls for standalone public pages only. */
[data-public-page] .public-language{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;max-width:1180px;margin:0 auto;padding:16px 20px 0;font:14px/1.5 system-ui,sans-serif}
[data-public-page] .public-language select{font:inherit;color:#34322d;background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:16px;min-height:44px;max-width:100%;padding:8px 12px}
[data-public-page] .public-language select:focus-visible{outline:3px solid #1a1a19;outline-offset:3px}
[data-public-page] a[href^="mailto:"],[data-public-page] .bp-brand,[data-public-page] .brand{direction:ltr;unicode-bidi:isolate}
[data-public-page] .bp-price{direction:ltr;unicode-bidi:isolate;text-align:start}
[data-public-page] .bp-plan ul{padding-inline-start:20px;padding-inline-end:0}
[data-public-page] .bp-main,[data-public-page] .legal{overflow-wrap:anywhere}
[dir="rtl"] [data-public-page] .bp-hero h1,[dir="rtl"] [data-public-page] .bp-eyebrow,[dir="rtl"] [data-public-page] .legal h1{letter-spacing:normal}

/* Shared response surface: supplied media stays visible; text comes first. */
.response-card .rc-media[data-media="compact"] {
  aspect-ratio: auto;
  height: auto;
  min-height: 52px;
  padding: 14px 18px;
  justify-content: flex-start;
  gap: 8px;
  background: transparent;
  border-bottom: 1px solid var(--line);
}
.rc-media[data-media="compact"] > .rc-glyph,
.rc-media[data-media="compact"] > .rc-scrim { display: none; }
.rc-media[data-media="compact"] .rc-kind {
  position: static;
  padding: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}
.rc-media[data-media="compact"] .rc-flag {
  position: static;
  margin-inline-start: auto;
  white-space: normal;
}
.rc-media[data-media="compact"] .rc-play {
  position: static;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin: 0 0 0 auto;
}
.response-text-card { padding: 18px; }
.rc-text-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.rc-text-heading h3 { flex: 1; margin: 0; font-size: 12px; color: var(--muted); }
.rc-checklist { list-style: none; padding: 0; margin: 0; }
.rc-checklist-progress { font-size: 12px; color: var(--muted); margin: 12px 0; }
.rc-checklist-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 44px;
  padding: 10px 0;
  cursor: pointer;
  border-bottom: 1px solid var(--line);
}
.rc-checklist-item input { flex: 0 0 20px; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--green); }
.rc-checklist-item span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.rc-checklist-item:has(input:checked) { background: var(--surface); }
.rc-checklist-item:focus-within { outline: 2px solid var(--green); outline-offset: 3px; border-radius: 4px; }
.response-cards-horizontal:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }

/* Screen-local interactive response cards. */
.rc-interactive { min-width: 0; max-width: 100%; display: grid; gap: 12px; }
.rc-interactive label { display: grid; gap: 6px; min-width: 0; }
.rc-interactive input:not([type=range]), .rc-interactive textarea { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; font: inherit; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: transparent; color: inherit; }
.rc-interactive input[type=range] { width: 100%; min-height: 44px; margin: 0; }
.rc-interactive [aria-invalid=true] { outline: 2px solid #b94e38; }
.rc-interactive input:focus-visible, .rc-interactive textarea:focus-visible, .rc-interactive button:focus-visible { outline: 2px solid #7870b5; outline-offset: 2px; }
.rc-table-scroll { max-width: 100%; overflow-x: auto; }
.rc-table-scroll table { border-collapse: collapse; font: inherit; text-align: start; }
.rc-table-scroll th, .rc-table-scroll td { border-bottom: 1px solid var(--line); padding: 10px; min-width: 80px; max-width: 180px; overflow-wrap: anywhere; vertical-align: top; }
.rc-table-scroll th button { font: inherit; color: inherit; background: transparent; border: 0; min-height: 44px; cursor: pointer; }
.rc-table-scroll th[aria-sort=ascending]::after { content: ' ↑'; }
.rc-table-scroll th[aria-sort=descending]::after { content: ' ↓'; }
.rc-chart-point { display: grid; width: 100%; text-align: start; gap: 6px; padding: 10px; min-height: 44px; background: transparent; color: inherit; border: 1px solid transparent; border-radius: 10px; font: inherit; cursor: pointer; overflow-wrap: anywhere; }
.rc-chart-point[aria-pressed=true] { border-color: #7870b5; }
.rc-chart-bar { display: block; height: 12px; max-width: 100%; background: #7870b5; border-radius: 3px; }
.rc-calculation-result { font-weight: 650; overflow-wrap: anywhere; }

/* Selected 3+1 usability system. Existing auth and operation controls stay native. */
.ux-shell { --side:220px; --ink:#202737; --muted:#6c7485; --green:#2369ed; --line:#e5e9ef; --surface:#f5f7fb; font-size:15px; line-height:1.5; }
.ux-shell h1,.ux-shell h2,.ux-shell h3 { color:#151b2a; font-weight:650; letter-spacing:-.035em; }
.ux-shell .sidebar { width:var(--side); padding:28px 16px 20px; background:#fafbfd; border-right:1px solid var(--line); }
.ux-shell .brand { gap:9px; padding:0 12px 28px; font-size:27px; letter-spacing:-1px; }
.ux-shell .sidebar .nav-label,.ux-shell .studio-promo { display:none; }
.ux-shell .nav-item { display:flex; align-items:center; gap:12px; width:100%; padding:13px 14px; min-height:48px; border-radius:12px; margin:4px 0; font-weight:550; background:transparent; text-align:start; }
.ux-shell .nav-item.active { color:#1661ec; background:#e9f0ff; }
.ux-shell .sidebar nav a[href='/studio'] { margin-top:16px; font-size:13px; color:var(--muted); }
.ux-shell .recent { margin-top:28px; max-height:200px; overflow:auto; }
.ux-shell .sidebar-bottom { margin-top:auto; border:0; }
.ux-shell .sidebar-bottom>div { font-size:11px; flex-wrap:wrap; }
.ux-shell .user-icon { display:none; }
.ux-shell .session-button { padding:12px 14px; border-radius:10px; }
.ux-shell .topbar { height:64px; border:0; background:#fff; padding:12px 40px; }
.ux-shell .breadcrumb,.ux-shell .top-studio,.ux-shell .topbar #ai-settings-button { display:none; }
.ux-shell .top-links { margin-left:auto; }
.ux-shell main { max-width:1280px; padding:8px 40px 40px; margin:0 auto; }
.ux-shell .language-scope { font-size:11px; margin:0 0 12px; }
.ux-shell .greeting { padding:0 0 16px; }
.ux-shell .greeting .eyebrow,.ux-shell .search-hint { display:none; }
.ux-shell .greeting h1 { font-size:clamp(28px,3.1vw,43px); line-height:1.15; margin-bottom:8px; }
.ux-shell .greeting h1 em { font:inherit; }
.ux-shell .greeting>p { color:var(--muted); font-size:16px; margin-bottom:22px; }
.ux-shell .hero-search { margin:20px 0 0; min-height:58px; border-radius:12px; padding:7px 8px 7px 18px; box-shadow:none; border:1px solid #dce2ed; }
.ux-shell .hero-search .search-label { display:none; }
.ux-shell .hero-search input { min-width:0; font-size:15px; }
.ux-shell .hero-search .button { padding:10px 20px; }
.ux-shell .button.dark,.ux-shell #send { background:#2369ed; color:white; border-radius:9px; box-shadow:none; }
.ux-shell .button,.ux-shell button,.ux-shell select { min-height:44px; }
.ux-shell .featured-section { margin:2px 0 24px; }
.ux-shell .section-heading { margin-bottom:12px; }
.ux-shell .section-heading h2 { font-size:22px; margin-bottom:2px; }
.ux-shell .section-heading p { font-size:13px; color:var(--muted); }
.ux-shell .featured-section .section-link { display:none; }
.ux-shell .daily-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ux-shell .daily-card { min-height:88px; display:flex; flex-direction:row; align-items:center; gap:12px; padding:15px; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:none; text-align:start; }
.ux-shell .daily-card:hover { background:#f5f8ff; transform:none; border-color:#a5bff7; }
.ux-shell .ux-task-copy { flex:1; min-width:0; }
.ux-shell .daily-card strong { font-size:15px; line-height:1.3; display:block; margin:0 0 4px; }
.ux-shell .daily-card .featured-description { font-size:12px; color:var(--muted); margin:0; line-height:1.4; }
.ux-shell .ux-icon { display:inline-block; width:22px; height:22px; flex:0 0 22px; background-color:currentColor; mask-size:contain; mask-position:center; mask-repeat:no-repeat; vertical-align:middle; }
.ux-shell .ux-task-icon { color:#2369ed; width:28px; height:28px; flex-basis:28px; }
.ux-shell .ux-home-setup { border-top:1px solid var(--line); padding-top:22px; margin:0 0 28px; }
.ux-shell .ux-home-setup h2 { font-size:27px; margin:0 0 4px; }
.ux-shell .ux-home-setup>p { color:var(--muted); margin-bottom:10px; }
.ux-shell .ux-steps { list-style:none; display:flex; gap:16px; padding:0; margin:14px 0; }
.ux-shell .ux-steps li { display:flex; flex:1; gap:8px; align-items:center; color:var(--muted); font-size:13px; }
.ux-shell .ux-steps li>span:first-child { display:grid; place-items:center; width:27px; height:27px; background:#eef1f5; border-radius:50%; flex-shrink:0; }
.ux-shell .ux-steps li[aria-current='step'] { color:#165bda; font-weight:600; }
.ux-shell .ux-steps li[aria-current='step']>span:first-child { color:white; background:#2369ed; }
.ux-shell .ux-connect-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:26px; }
.ux-shell .ux-service-list { display:flex; flex-direction:column; gap:7px; min-width:0; }
.ux-shell .ux-service-choice { display:flex; align-items:center; gap:12px; width:100%; border:1px solid var(--line); border-radius:10px; background:white; text-align:start; padding:10px 12px; color:var(--ink); }
.ux-shell .ux-service-choice[aria-pressed='true'] { background:#edf3ff; border-color:#6595f7; }
.ux-shell .ux-service-choice>span:last-child { min-width:0; }
.ux-shell .ux-service-choice strong { font-size:15px; display:block; }
.ux-shell .ux-service-choice .quiet { display:block; font-size:12px; line-height:1.4; margin:3px 0 0; }
.ux-shell .ux-service-preview { min-width:0; padding-left:24px; border-left:1px solid var(--line); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:8px; }
.ux-shell .ux-service-preview h2,.ux-shell .ux-service-preview h3 { font-size:24px; margin:0; }
.ux-shell .ux-service-preview p { margin:0; font-size:14px; color:var(--muted); }
.ux-shell .ux-service-preview .button { align-self:stretch; text-align:center; margin-top:8px; }
.ux-shell .ux-service-preview small { font-size:11px; color:var(--muted); }
.ux-shell .ux-permission-note { padding:10px 12px; border-radius:8px; background:#f4f6fa; }
.ux-shell .ux-permission-list { padding-left:20px; font-size:14px; }
.ux-shell .ux-other-services { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 0; border-top:1px solid var(--line); margin-top:12px; font-size:14px; }
.ux-shell #home-view:not(.is-filtered) .catalog-section,.ux-shell #home-view:not(.is-filtered) .how-it-works,.ux-shell #home-view:not(.is-filtered) .daily-tools { display:none; }
.ux-shell.ux-browse #home-view .catalog-section { display:block; }
.ux-shell.ux-browse #home-view .featured-section,.ux-shell.ux-browse #home-view .ux-home-setup,.ux-shell.ux-browse #home-view .membership-bar { display:none; }
.ux-shell .bot-grid { gap:14px; }
.ux-shell .bot-card { border:1px solid var(--line); border-radius:12px; background:#fff; }
.ux-shell .membership-bar { margin:24px 0; padding:18px 0; background:transparent; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.ux-shell .page-footer { font-size:12px; }
.ux-shell dialog { border:1px solid var(--line); border-radius:18px; padding:28px; max-width:min(660px,calc(100vw - 32px)); box-shadow:0 16px 70px #172b4d28; }
.ux-shell dialog input,.ux-shell dialog select,.ux-shell dialog textarea { border:1px solid #d7deea; border-radius:9px; padding:10px 12px; }
.ux-shell dialog h2 { font-size:27px; }
.ux-shell .chat-heading { border-bottom:1px solid var(--line); padding-bottom:16px; }
.ux-shell .chat-heading h1 { font-size:25px; }
.ux-shell .composer { border:1px solid #d7deea; box-shadow:none; border-radius:14px; }
.ux-shell :is(button,a,input,select,textarea):focus-visible { outline:3px solid #2369ed; outline-offset:3px; }
@media(min-width:851px) { .ux-shell .sidebar { display:flex; flex-direction:column; } }
@media(max-width:1100px) and (min-width:851px) { .ux-shell { --side:190px; } .ux-shell main { padding-inline:24px; } .ux-shell .daily-card { gap:8px; padding:12px; } }
@media(max-width:850px) {
 .ux-shell .sidebar { display:none; } .ux-shell .page { margin-left:0; margin-right:0; }
 .ux-shell main { padding:16px 20px 94px; } .ux-shell .topbar { padding:10px 20px; border-bottom:1px solid var(--line); }
 .ux-shell .topbar #ai-settings-button { display:inline-flex; } .ux-shell .topbar .top-links { gap:6px; }
 .ux-shell .greeting h1 em { display:inline; } .ux-shell .greeting h1 { font-size:32px; }
 .ux-shell .daily-grid { display:flex; overflow-x:auto; scroll-snap-type:x proximity; padding:2px 2px 10px; }
 .ux-shell .daily-card { flex:0 0 245px; min-height:90px; scroll-snap-align:start; }
 .ux-shell .mobile-nav { padding-bottom:env(safe-area-inset-bottom); background:#fff; border-top:1px solid var(--line); }
 .ux-shell .mobile-nav [aria-current='page'] { background:#e9f0ff; color:#165bda; }
 .ux-shell .ux-connect-layout { gap:16px; } .ux-shell .ux-service-preview { padding-left:16px; }
}
@media(max-width:560px) {
 .ux-shell main { padding-inline:16px; } .ux-shell .topbar { padding-inline:16px; } .ux-shell .topbar #top-account { font-size:12px; padding:9px 12px; }
 .ux-shell .greeting h1 { font-size:29px; } .ux-shell .greeting>p { font-size:14px; }
 .ux-shell .ux-home-setup h2 { font-size:23px; } .ux-shell .ux-connect-layout { grid-template-columns:1fr; }
 .ux-shell .ux-service-preview { padding:18px 0 0; border-left:0; border-top:1px solid var(--line); }
 .ux-shell .ux-steps { gap:8px; } .ux-shell .ux-steps li { font-size:11px; gap:5px; }
 .ux-shell .ux-service-choice { padding:10px; } .ux-shell .ux-preview-logo { display:none; }
 .ux-shell .bot-grid { grid-template-columns:1fr; } .ux-shell dialog { padding:20px; }
 .ux-shell .hero-search { padding-left:12px; } .ux-shell .hero-search .button { padding-inline:14px; }
 .ux-shell .membership-bar { display:block; } .ux-shell .membership-bar .button { margin-top:12px; }
 .ux-shell .topbar .language-control select { max-width:78px; }
}
.ux-shell .ux-icon[data-icon="house"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91c2UiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguNzA3IDEuNWExIDEgMCAwIDAtMS40MTQgMEwuNjQ2IDguMTQ2YS41LjUgMCAwIDAgLjcwOC43MDhMMiA4LjIwN1YxMy41QTEuNSAxLjUgMCAwIDAgMy41IDE1aDlhMS41IDEuNSAwIDAgMCAxLjUtMS41VjguMjA3bC42NDYuNjQ3YS41LjUgMCAwIDAgLjcwOC0uNzA4TDEzIDUuNzkzVjIuNWEuNS41IDAgMCAwLS41LS41aC0xYS41LjUgMCAwIDAtLjUuNXYxLjI5M3pNMTMgNy4yMDdWMTMuNWEuNS41IDAgMCAxLS41LjVoLTlhLjUuNSAwIDAgMS0uNS0uNVY3LjIwN2w1LTV6Ii8+Cjwvc3ZnPg=="); }
.ux-shell .ux-icon[data-icon="stars"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhcnMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuNjU3IDYuMjQ3Yy4xMS0uMzMuNTc2LS4zMy42ODYgMGwuNjQ1IDEuOTM3YTIuODkgMi44OSAwIDAgMCAxLjgyOSAxLjgyOGwxLjkzNi42NDVjLjMzLjExLjMzLjU3NiAwIC42ODZsLTEuOTM3LjY0NWEyLjg5IDIuODkgMCAwIDAtMS44MjggMS44MjlsLS42NDUgMS45MzZhLjM2MS4zNjEgMCAwIDEtLjY4NiAwbC0uNjQ1LTEuOTM3YTIuODkgMi44OSAwIDAgMC0xLjgyOC0xLjgyOGwtMS45MzctLjY0NWEuMzYxLjM2MSAwIDAgMSAwLS42ODZsMS45MzctLjY0NWEyLjg5IDIuODkgMCAwIDAgMS44MjgtMS44Mjh6TTMuNzk0IDEuMTQ4YS4yMTcuMjE3IDAgMCAxIC40MTIgMGwuMzg3IDEuMTYyYy4xNzMuNTE4LjU3OS45MjQgMS4wOTcgMS4wOTdsMS4xNjIuMzg3YS4yMTcuMjE3IDAgMCAxIDAgLjQxMmwtMS4xNjIuMzg3QTEuNzMgMS43MyAwIDAgMCA0LjU5MyA1LjY5bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMEwzLjQwNyA1LjY5QTEuNzMgMS43MyAwIDAgMCAyLjMxIDQuNTkzbC0xLjE2Mi0uMzg3YS4yMTcuMjE3IDAgMCAxIDAtLjQxMmwxLjE2Mi0uMzg3QTEuNzMgMS43MyAwIDAgMCAzLjQwNyAyLjMxek0xMC44NjMuMDk5YS4xNDUuMTQ1IDAgMCAxIC4yNzQgMGwuMjU4Ljc3NGMuMTE1LjM0Ni4zODYuNjE3LjczMi43MzJsLjc3NC4yNThhLjE0NS4xNDUgMCAwIDEgMCAuMjc0bC0uNzc0LjI1OGExLjE2IDEuMTYgMCAwIDAtLjczMi43MzJsLS4yNTguNzc0YS4xNDUuMTQ1IDAgMCAxLS4yNzQgMGwtLjI1OC0uNzc0YTEuMTYgMS4xNiAwIDAgMC0uNzMyLS43MzJMOS4xIDIuMTM3YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4="); }
.ux-shell .ux-icon[data-icon="link-45deg"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGluay00NWRlZyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNC43MTUgNi41NDIgMy4zNDMgNy45MTRhMyAzIDAgMSAwIDQuMjQzIDQuMjQzbDEuODI4LTEuODI5QTMgMyAwIDAgMCA4LjU4NiA1LjVMOCA2LjA4NmExIDEgMCAwIDAtLjE1NC4xOTkgMiAyIDAgMCAxIC44NjEgMy4zMzdMNi44OCAxMS40NWEyIDIgMCAxIDEtMi44My0yLjgzbC43OTMtLjc5MmE0IDQgMCAwIDEtLjEyOC0xLjI4N3oiLz4KICA8cGF0aCBkPSJNNi41ODYgNC42NzJBMyAzIDAgMCAwIDcuNDE0IDkuNWwuNzc1LS43NzZhMiAyIDAgMCAxLS44OTYtMy4zNDZMOS4xMiAzLjU1YTIgMiAwIDEgMSAyLjgzIDIuODNsLS43OTMuNzkyYy4xMTIuNDIuMTU1Ljg1NS4xMjggMS4yODdsMS4zNzItMS4zNzJhMyAzIDAgMSAwLTQuMjQzLTQuMjQzeiIvPgo8L3N2Zz4="); }
.ux-shell .ux-icon[data-icon="person"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04IDhhMyAzIDAgMSAwIDAtNiAzIDMgMCAwIDAgMCA2bTItM2EyIDIgMCAxIDEtNCAwIDIgMiAwIDAgMSA0IDBtNCA4YzAgMS0xIDEtMSAxSDNzLTEgMC0xLTEgMS00IDYtNCA2IDMgNiA0bS0xLS4wMDRjLS4wMDEtLjI0Ni0uMTU0LS45ODYtLjgzMi0xLjY2NEMxMS41MTYgMTAuNjggMTAuMjg5IDEwIDggMTBzLTMuNTE2LjY4LTQuMTY4IDEuMzMyYy0uNjc4LjY3OC0uODMgMS40MTgtLjgzMiAxLjY2NHoiLz4KPC9zdmc+"); }
.ux-shell .ux-icon[data-icon="gear"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2VhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCA0Ljc1NGEzLjI0NiAzLjI0NiAwIDEgMCAwIDYuNDkyIDMuMjQ2IDMuMjQ2IDAgMCAwIDAtNi40OTJNNS43NTQgOGEyLjI0NiAyLjI0NiAwIDEgMSA0LjQ5MiAwIDIuMjQ2IDIuMjQ2IDAgMCAxLTQuNDkyIDAiLz4KICA8cGF0aCBkPSJNOS43OTYgMS4zNDNjLS41MjctMS43OS0zLjA2NS0xLjc5LTMuNTkyIDBsLS4wOTQuMzE5YS44NzMuODczIDAgMCAxLTEuMjU1LjUybC0uMjkyLS4xNmMtMS42NC0uODkyLTMuNDMzLjkwMi0yLjU0IDIuNTQxbC4xNTkuMjkyYS44NzMuODczIDAgMCAxLS41MiAxLjI1NWwtLjMxOS4wOTRjLTEuNzkuNTI3LTEuNzkgMy4wNjUgMCAzLjU5MmwuMzE5LjA5NGEuODczLjg3MyAwIDAgMSAuNTIgMS4yNTVsLS4xNi4yOTJjLS44OTIgMS42NC45MDEgMy40MzQgMi41NDEgMi41NGwuMjkyLS4xNTlhLjg3My44NzMgMCAwIDEgMS4yNTUuNTJsLjA5NC4zMTljLjUyNyAxLjc5IDMuMDY1IDEuNzkgMy41OTIgMGwuMDk0LS4zMTlhLjg3My44NzMgMCAwIDEgMS4yNTUtLjUybC4yOTIuMTZjMS42NC44OTMgMy40MzQtLjkwMiAyLjU0LTIuNTQxbC0uMTU5LS4yOTJhLjg3My44NzMgMCAwIDEgLjUyLTEuMjU1bC4zMTktLjA5NGMxLjc5LS41MjcgMS43OS0zLjA2NSAwLTMuNTkybC0uMzE5LS4wOTRhLjg3My44NzMgMCAwIDEtLjUyLTEuMjU1bC4xNi0uMjkyYy44OTMtMS42NC0uOTAyLTMuNDMzLTIuNTQxLTIuNTRsLS4yOTIuMTU5YS44NzMuODczIDAgMCAxLTEuMjU1LS41MnptLTIuNjMzLjI4M2MuMjQ2LS44MzUgMS40MjgtLjgzNSAxLjY3NCAwbC4wOTQuMzE5YTEuODczIDEuODczIDAgMCAwIDIuNjkzIDEuMTE1bC4yOTEtLjE2Yy43NjQtLjQxNSAxLjYuNDIgMS4xODQgMS4xODVsLS4xNTkuMjkyYTEuODczIDEuODczIDAgMCAwIDEuMTE2IDIuNjkybC4zMTguMDk0Yy44MzUuMjQ2LjgzNSAxLjQyOCAwIDEuNjc0bC0uMzE5LjA5NGExLjg3MyAxLjg3MyAwIDAgMC0xLjExNSAyLjY5M2wuMTYuMjkxYy40MTUuNzY0LS40MiAxLjYtMS4xODUgMS4xODRsLS4yOTEtLjE1OWExLjg3MyAxLjg3MyAwIDAgMC0yLjY5MyAxLjExNmwtLjA5NC4zMThjLS4yNDYuODM1LTEuNDI4LjgzNS0xLjY3NCAwbC0uMDk0LS4zMTlhMS44NzMgMS44NzMgMCAwIDAtMi42OTItMS4xMTVsLS4yOTIuMTZjLS43NjQuNDE1LTEuNi0uNDItMS4xODQtMS4xODVsLjE1OS0uMjkxQTEuODczIDEuODczIDAgMCAwIDEuOTQ1IDguOTNsLS4zMTktLjA5NGMtLjgzNS0uMjQ2LS44MzUtMS40MjggMC0xLjY3NGwuMzE5LS4wOTRBMS44NzMgMS44NzMgMCAwIDAgMy4wNiA0LjM3N2wtLjE2LS4yOTJjLS40MTUtLjc2NC40Mi0xLjYgMS4xODUtMS4xODRsLjI5Mi4xNTlhMS44NzMgMS44NzMgMCAwIDAgMi42OTItMS4xMTV6Ii8+Cjwvc3ZnPg=="); }
.ux-shell .ux-icon[data-icon="search"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc2VhcmNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMS43NDIgMTAuMzQ0YTYuNSA2LjUgMCAxIDAtMS4zOTcgMS4zOThoLS4wMDFxLjA0NC4wNi4wOTguMTE1bDMuODUgMy44NWExIDEgMCAwIDAgMS40MTUtMS40MTRsLTMuODUtMy44NWExIDEgMCAwIDAtLjExNS0uMXpNMTIgNi41YTUuNSA1LjUgMCAxIDEtMTEgMCA1LjUgNS41IDAgMCAxIDExIDAiLz4KPC9zdmc+"); }
.ux-shell .ux-icon[data-icon="newspaper"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbmV3c3BhcGVyIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIDIuNUExLjUgMS41IDAgMCAxIDEuNSAxaDExQTEuNSAxLjUgMCAwIDEgMTQgMi41djEwLjUyOGMwIC4zLS4wNS42NTQtLjIzOC45NzJoLjczOGEuNS41IDAgMCAwIC41LS41di05YS41LjUgMCAwIDEgMSAwdjlhMS41IDEuNSAwIDAgMS0xLjUgMS41SDEuNDk3QTEuNDk3IDEuNDk3IDAgMCAxIDAgMTMuNXpNMTIgMTRjLjM3IDAgLjY1NC0uMjExLjg1My0uNDQxLjA5Mi0uMTA2LjE0Ny0uMjc5LjE0Ny0uNTMxVjIuNWEuNS41IDAgMCAwLS41LS41aC0xMWEuNS41IDAgMCAwLS41LjV2MTFjMCAuMjc4LjIyMy41LjQ5Ny41eiIvPgogIDxwYXRoIGQ9Ik0yIDNoMTB2Mkgyem0wIDNoNHYzSDJ6bTAgNGg0djFIMnptMCAyaDR2MUgyem01LTZoMnYxSDd6bTMgMGgydjFoLTJ6TTcgOGgydjFIN3ptMyAwaDJ2MWgtMnptLTMgMmgydjFIN3ptMyAwaDJ2MWgtMnptLTMgMmgydjFIN3ptMyAwaDJ2MWgtMnoiLz4KPC9zdmc+"); }
.ux-shell .ux-icon[data-icon="play-btn"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGxheS1idG4iIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYuNzkgNS4wOTNBLjUuNSAwIDAgMCA2IDUuNXY1YS41LjUgMCAwIDAgLjc5LjQwN2wzLjUtMi41YS41LjUgMCAwIDAgMC0uODE0eiIvPgogIDxwYXRoIGQ9Ik0wIDRhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjhhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJ6bTE1IDBhMSAxIDAgMCAwLTEtMUgyYTEgMSAwIDAgMC0xIDF2OGExIDEgMCAwIDAgMSAxaDEyYTEgMSAwIDAgMCAxLTF6Ii8+Cjwvc3ZnPg=="); }
.ux-shell .ux-icon[data-icon="geo-alt"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2VvLWFsdCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuMTY2IDguOTRjLS41MjQgMS4wNjItMS4yMzQgMi4xMi0xLjk2IDMuMDdBMzIgMzIgMCAwIDEgOCAxNC41OGEzMiAzMiAwIDAgMS0yLjIwNi0yLjU3Yy0uNzI2LS45NS0xLjQzNi0yLjAwOC0xLjk2LTMuMDdDMy4zMDQgNy44NjcgMyA2Ljg2MiAzIDZhNSA1IDAgMCAxIDEwIDBjMCAuODYyLS4zMDUgMS44NjctLjgzNCAyLjk0TTggMTZzNi01LjY4NiA2LTEwQTYgNiAwIDAgMCAyIDZjMCA0LjMxNCA2IDEwIDYgMTAiLz4KICA8cGF0aCBkPSJNOCA4YTIgMiAwIDEgMSAwLTQgMiAyIDAgMCAxIDAgNG0wIDFhMyAzIDAgMSAwIDAtNiAzIDMgMCAwIDAgMCA2Ii8+Cjwvc3ZnPg=="); }
.ux-shell .ux-icon[data-icon="arrow-right"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctcmlnaHQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMSA4YS41LjUgMCAwIDEgLjUtLjVoMTEuNzkzbC0zLjE0Ny0zLjE0NmEuNS41IDAgMCAxIC43MDgtLjcwOGw0IDRhLjUuNSAwIDAgMSAwIC43MDhsLTQgNGEuNS41IDAgMCAxLS43MDgtLjcwOEwxMy4yOTMgOC41SDEuNUEuNS41IDAgMCAxIDEgOCIvPgo8L3N2Zz4="); }
.ux-shell .ux-icon[data-icon="box-arrow-up-right"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94LWFycm93LXVwLXJpZ2h0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguNjM2IDMuNWEuNS41IDAgMCAwLS41LS41SDEuNUExLjUgMS41IDAgMCAwIDAgNC41djEwQTEuNSAxLjUgMCAwIDAgMS41IDE2aDEwYTEuNSAxLjUgMCAwIDAgMS41LTEuNVY3Ljg2NGEuNS41IDAgMCAwLTEgMFYxNC41YS41LjUgMCAwIDEtLjUuNWgtMTBhLjUuNSAwIDAgMS0uNS0uNXYtMTBhLjUuNSAwIDAgMSAuNS0uNWg2LjYzNmEuNS41IDAgMCAwIC41LS41Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgLjVhLjUuNSAwIDAgMC0uNS0uNWgtNWEuNS41IDAgMCAwIDAgMWgzLjc5M0w2LjE0NiA5LjE0NmEuNS41IDAgMSAwIC43MDguNzA4TDE1IDEuNzA3VjUuNWEuNS41IDAgMCAwIDEgMHoiLz4KPC9zdmc+"); }
.ux-shell .ux-icon[data-icon="slack"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc2xhY2siIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMuMzYyIDEwLjExYzAgLjkyNi0uNzU2IDEuNjgxLTEuNjgxIDEuNjgxUzAgMTEuMDM2IDAgMTAuMTExLjc1NiA4LjQzIDEuNjggOC40M2gxLjY4MnptLjg0NiAwYzAtLjkyNC43NTYtMS42OCAxLjY4MS0xLjY4czEuNjgxLjc1NiAxLjY4MSAxLjY4djQuMjFjMCAuOTI0LS43NTYgMS42OC0xLjY4IDEuNjhhMS42ODUgMS42ODUgMCAwIDEtMS42ODItMS42OHpNNS44OSAzLjM2MmMtLjkyNiAwLTEuNjgyLS43NTYtMS42ODItMS42ODFTNC45NjQgMCA1Ljg5IDBzMS42OC43NTYgMS42OCAxLjY4djEuNjgyem0wIC44NDZjLjkyNCAwIDEuNjguNzU2IDEuNjggMS42ODFTNi44MTQgNy41NyA1Ljg5IDcuNTdIMS42OEMuNzU3IDcuNTcgMCA2LjgxNCAwIDUuODljMC0uOTI2Ljc1Ni0xLjY4MiAxLjY4LTEuNjgyem02Ljc0OSAxLjY4MmMwLS45MjYuNzU1LTEuNjgyIDEuNjgtMS42ODJTMTYgNC45NjQgMTYgNS44ODlzLS43NTYgMS42ODEtMS42OCAxLjY4MWgtMS42ODF6bS0uODQ4IDBjMCAuOTI0LS43NTUgMS42OC0xLjY4IDEuNjhBMS42ODUgMS42ODUgMCAwIDEgOC40MyA1Ljg5VjEuNjhDOC40My43NTcgOS4xODYgMCAxMC4xMSAwYy45MjYgMCAxLjY4MS43NTYgMS42ODEgMS42OHptLTEuNjgxIDYuNzQ4Yy45MjYgMCAxLjY4Mi43NTYgMS42ODIgMS42ODFTMTEuMDM2IDE2IDEwLjExIDE2cy0xLjY4MS0uNzU2LTEuNjgxLTEuNjh2LTEuNjgyaDEuNjh6bTAtLjg0N2MtLjkyNCAwLTEuNjgtLjc1NS0xLjY4LTEuNjhzLjc1Ni0xLjY4MSAxLjY4LTEuNjgxaDQuMjFjLjkyNCAwIDEuNjguNzU2IDEuNjggMS42OCAwIC45MjYtLjc1NiAxLjY4MS0xLjY4IDEuNjgxeiIvPgo8L3N2Zz4="); }
.ux-shell .ux-icon[data-icon="microsoft"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbWljcm9zb2Z0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03LjQ2MiAwSDB2Ny4xOWg3LjQ2MnpNMTYgMEg4LjUzOHY3LjE5SDE2ek03LjQ2MiA4LjIxMUgwVjE2aDcuNDYyem04LjUzOCAwSDguNTM4VjE2SDE2eiIvPgo8L3N2Zz4="); }
.ux-shell .ux-icon[data-icon="google"] { mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ29vZ2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNS41NDUgNi41NThhOS40IDkuNCAwIDAgMSAuMTM5IDEuNjI2YzAgMi40MzQtLjg3IDQuNDkyLTIuMzg0IDUuODg1aC4wMDJDMTEuOTc4IDE1LjI5MiAxMC4xNTggMTYgOCAxNkE4IDggMCAxIDEgOCAwYTcuNyA3LjcgMCAwIDEgNS4zNTIgMi4wODJsLTIuMjg0IDIuMjg0QTQuMzUgNC4zNSAwIDAgMCA4IDMuMTY2Yy0yLjA4NyAwLTMuODYgMS40MDgtNC40OTIgMy4zMDRhNC44IDQuOCAwIDAgMCAwIDMuMDYzaC4wMDNjLjYzNSAxLjg5MyAyLjQwNSAzLjMwMSA0LjQ5MiAzLjMwMSAxLjA3OCAwIDIuMDA0LS4yNzYgMi43MjItLjc2NGgtLjAwM2EzLjcgMy43IDAgMCAwIDEuNTk5LTIuNDMxSDh2LTMuMDh6Ii8+Cjwvc3ZnPg=="); }
/* QA correction: match the selected compact start frame and remove old shell spacing. */
.ux-shell { --side:236px; }
.ux-shell .brand { margin:0; padding-bottom:26px; }
.ux-shell .sidebar nav { margin-top:6px; }
.ux-shell .sidebar nav a[href='/studio'] { display:none; }
.ux-shell .nav-item>span:not(.ux-icon) { font-size:15px; width:auto; color:inherit; }
.ux-shell .nav-item { font-size:15px; }
.ux-shell .topbar { height:48px; padding-block:4px; }
.ux-shell main { padding:0 40px 40px 66px; }
.ux-shell #home-view { padding-top:0; }
.ux-shell .greeting h1 em { color:inherit; }
.ux-shell .hero-search { max-width:none; }
.ux-shell .ux-studio-link { min-height:36px; font-size:12px; color:var(--muted); }
.ux-shell .recent:has(.quiet) { display:none; }
.ux-shell .sidebar-bottom .ux-studio-link { margin-bottom:4px; }
.ux-shell .page-footer { flex-wrap:wrap; gap:12px; }
.ux-shell .page-footer .language-scope { width:100%; margin:0; }
@media(max-width:1100px) and (min-width:851px) { .ux-shell { --side:190px; } .ux-shell main { padding-inline:24px; } }
@media(max-width:850px) { .ux-shell main { padding:20px 20px 94px; } .ux-shell .topbar { height:64px; padding:10px 20px; } }
@media(max-width:560px) { .ux-shell main { padding-inline:16px; } .ux-shell .topbar { padding-inline:16px; } }
/* Typography and setup rhythm aligned with the chosen visual. */
.ux-shell .greeting h1 { font-size:clamp(32px,3.6vw,49px); }
.ux-shell .greeting>p { font-size:18px; }
.ux-shell .daily-card strong { font-size:16px; }
.ux-shell .daily-card .featured-description { font-size:14px; }
.ux-shell .ux-home-setup h2 { font-size:30px; }
.ux-shell .ux-service-choice { min-height:72px; padding:12px 14px; }
.ux-shell .ux-service-choice strong { font-size:16px; }
.ux-shell .ux-service-choice .quiet { font-size:14px; }
.ux-shell .ux-steps { margin:16px 0 18px; }
.ux-shell .ux-steps li { position:relative; flex-direction:column; gap:7px; font-size:14px; }
.ux-shell .ux-steps li:not(:last-child)::after { content:''; position:absolute; top:13px; left:62%; width:76%; border-top:1px solid #d9dfea; }
.ux-shell .ux-home-service-picker { min-width:0; }
.ux-shell #ux-home-service-search { width:100%; min-height:44px; padding:9px 12px; margin-bottom:8px; border:1px solid var(--line); border-radius:9px; background:white; }
.ux-shell #ux-home-services:empty::after { content:'—'; color:var(--muted); }
body[data-public-page] .legal { max-width:780px; margin:40px auto; padding:30px; color:#202737; line-height:1.7; }
body[data-public-page] .legal h1 { font-size:38px; letter-spacing:-.04em; }
body[data-public-page] .legal a { color:#2369ed; text-decoration:underline; text-underline-offset:3px; }
body[data-public-page] .brand { color:#202737; text-decoration:none; }
@media(max-width:1100px) { .ux-shell .daily-card .featured-description { font-size:12px; } }
@media(max-width:560px) { .ux-shell .greeting h1 { font-size:29px; } .ux-shell .greeting>p { font-size:14px; } .ux-shell .ux-home-setup h2 { font-size:23px; } .ux-shell .ux-service-choice .quiet { font-size:13px; } .ux-shell .ux-steps li { font-size:12px; } body[data-public-page] .legal { padding:20px; margin:20px auto; } }

/* Embedded icon attribution: Bootstrap Icons.
The MIT License (MIT)

Copyright (c) 2019-2024 The Bootstrap Authors

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.ux-shell .ux-account-security { padding:14px 0; margin:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.ux-shell .ux-account-security>summary { cursor:pointer; min-height:32px; font-weight:600; }
.ux-shell .ai-settings-dialog .ai-provider { padding:16px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
.ux-shell .ai-settings-dialog .ai-provider h3 { margin-bottom:3px; font-size:18px; }
.ux-shell .ai-settings-dialog .quiet { font-size:13px; line-height:1.55; }

/* Keep the home connection entry compact; the dedicated workspace owns setup. */
.ux-shell .ux-home-setup .ux-connect-layout {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch;}
.ux-shell #ux-home-services {max-height:272px;overflow-y:auto;padding:2px 4px 2px 2px;overscroll-behavior:contain;}
.ux-shell .ux-home-setup .ux-service-choice {border-radius:10px;padding:14px 16px;min-height:78px;gap:14px;}
.ux-shell #ux-home-detail {border:1px solid #e5e9ef;border-radius:12px;padding:20px;gap:10px;justify-content:flex-start;}
.ux-shell #ux-home-detail h3 {font-size:21px;}
.ux-shell #ux-home-detail .ux-preview-logo {display:none;}
.ux-shell #ux-home-detail .integration-preview-footer {display:grid;gap:10px;width:100%;margin-top:auto;padding-top:14px;}
.ux-shell #ux-home-detail .integration-preview-footer button {min-height:46px;padding:12px 20px;margin:0;border-radius:9px;}
@media(max-width:760px) {
 .ux-shell .ux-home-setup .ux-connect-layout {grid-template-columns:1fr;gap:14px;}
 .ux-shell #ux-home-services {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;gap:8px;}
 .ux-shell .ux-home-setup .ux-service-choice {min-width:0;min-height:68px;padding:12px;gap:10px;}
 .ux-shell .ux-home-setup .ux-service-choice .quiet {display:none;}
 .ux-shell #ux-home-detail {padding:18px;}
 .ux-shell #ux-home-detail p {font-size:13px;}
}

/* Result-first workspace — selected visual direction, October 2026. */
.ux-shell { --green:#465de4; --ink:#202737; --muted:#667085; --line:#e5e8f0; --surface:#f7f8fc; --side:212px; }
.ux-shell .sidebar { background:#fafbfe; padding:24px 16px; }
.ux-shell .brand { font-size:26px; padding-bottom:24px; }
.ux-shell .nav-item { border-radius:10px; min-height:48px; padding:12px; }
.ux-shell .nav-item.active { color:var(--green); background:#edf0ff; }
.ux-shell .sidebar-bottom .ux-studio-link { min-height:44px; font-size:14px; }
.ux-shell :is(button,input,select,summary,a.button):focus-visible { outline:3px solid var(--green); outline-offset:3px; }
.ux-shell :is(.quiet-button,.text-button,.rc-action,.icon-button) { min-height:44px; }
.ux-shell :is(.button,button.primary) { border-radius:10px; }
.ux-shell dialog { border:1px solid var(--line); border-radius:16px; padding:24px; }
.ux-shell dialog :is(input,select,textarea) { border-radius:10px; }
.ux-shell .bot-card { border-radius:12px; padding:20px; }
.ux-shell .daily-card { border-radius:12px; }
.ux-shell .topbar { min-height:48px; }
.ux-shell.work-active main { padding:0; }
.ux-shell.work-active .topbar { display:none; }
.ux-shell.work-active .sidebar .recent { display:none; }
.ux-shell #chat-view:not([hidden]) { display:grid; grid-template-columns:224px minmax(0,1fr); height:100dvh; max-width:none; padding:0; margin:0; }
.work-rail { background:#fafbfe; border-inline-end:1px solid var(--line); padding:28px 18px; overflow:auto; }
.work-rail h2 { margin:0 0 20px; font-size:18px; }
.work-new { display:block; width:100%; text-align:center; padding:12px 16px; min-height:46px; margin-bottom:28px; }
.work-rail .nav-label { display:block; margin:18px 0 10px; font-size:11px; letter-spacing:.04em; }
.work-recent-item { display:block; width:100%; text-align:start; padding:14px 12px; margin:4px 0; border:1px solid transparent; border-radius:10px; min-height:48px; color:var(--ink); background:transparent; font-size:14px; overflow-wrap:anywhere; }
.work-recent-item:hover { background:#f0f2fa; }
.work-recent-item[aria-current=page] { color:var(--green); background:#edf0ff; border-color:#e5e8ff; }
.work-canvas { display:flex; flex-direction:column; min-width:0; min-height:0; padding:24px 30px 20px; }
.ux-shell .work-canvas .chat-heading { padding:0 0 18px; gap:10px; flex-wrap:wrap; border-bottom:1px solid var(--line); }
.work-canvas .chat-heading h1 { font-size:22px; }
.work-canvas .chat-heading p { margin:4px 0 0; font-size:13px; }
.work-canvas .chat-heading .quiet-button { border:1px solid var(--line); border-radius:10px; background:#fff; padding:10px 14px; }
.work-canvas .chat-heading #clear-chat { font-size:11px; color:var(--muted); }
.work-canvas .bot-icon { width:44px; height:44px; background:#edf0ff; color:var(--green); border-radius:12px; }
.work-canvas .chat-disclosure { margin:10px 0 0; padding:0; border:0; font-size:11px; color:var(--muted); }
.work-toolbar { padding:20px 0 0; flex-shrink:0; }
.work-toolbar h2 { font-size:30px; line-height:1.2; margin:0 0 16px; letter-spacing:-.04em; }
.work-tabs { display:flex; gap:24px; border-bottom:1px solid var(--line); }
.work-tabs button { min-height:44px; padding:8px 2px 12px; border:0; border-bottom:3px solid transparent; border-radius:0; color:var(--muted); background:transparent; font-size:14px; }
.work-tabs button[aria-pressed=true] { color:var(--green); border-bottom-color:var(--green); font-weight:650; }
.ux-shell .work-canvas .messages { flex:1; min-height:100px; padding:18px 0; overflow-y:auto; overscroll-behavior:contain; }
.work-canvas .message { max-width:none; width:100%; margin:0 0 16px; }
.work-canvas .message[hidden] { display:none !important; }
.work-canvas .message-label { display:none; }
.work-canvas .message.user { max-width:90%; margin-inline-start:auto; }
.work-canvas .response-card { border:1px solid var(--line); border-radius:12px; box-shadow:none; }
.work-canvas .response-cards-horizontal { gap:16px; padding:2px 0 12px; scroll-snap-type:x proximity; }
.work-canvas .response-cards-horizontal>.response-card { flex:0 0 calc((100% - 16px)/2); min-width:260px; max-width:none; scroll-snap-align:start; }
.work-canvas .rc-title { font-size:20px; line-height:1.35; }
.work-canvas .rc-field-value,.work-canvas .rc-list { font-size:15px; line-height:1.65; }
.work-canvas .rc-field-label { font-size:11px; text-transform:none; letter-spacing:0; }
.work-canvas .response-text-card { padding:20px; font-size:16px; }
.work-canvas .response-card-controls { margin:0 0 8px; }
.work-canvas .response-card-controls button { min-width:44px; min-height:44px; border-radius:9px; }
.ux-shell .work-canvas .composer-wrap { padding:12px 14px 8px; margin-top:8px; border:1px solid var(--line); border-radius:12px; background:#fff; max-height:42%; overflow-y:auto; }
.work-source { margin-bottom:8px; }
.work-source summary { min-height:32px; cursor:pointer; font-size:13px; font-weight:600; color:var(--ink); }
.work-source p { margin:8px 0; padding:12px; background:var(--surface); border-radius:8px; font-size:13px; max-height:110px; overflow:auto; white-space:pre-wrap; }
.work-canvas .suggestion-header { margin:0; }
.work-canvas .suggestion-header>span { display:none; }
.work-canvas .suggestion-header .text-button { margin-inline-start:auto; min-height:28px; font-size:11px; }
.work-canvas .chat-suggestions { padding:4px 0 8px; margin:0; }
.work-canvas .chat-suggestions button { min-height:40px; padding:8px 14px; font-size:12px; border-radius:9px; }
.work-canvas .composer { padding:8px 10px; border-radius:10px; gap:8px; }
.work-canvas #send { min-width:44px; min-height:44px; border-radius:9px; }
.work-canvas .composer textarea { min-height:44px; padding:10px 4px; max-height:120px; }
.work-canvas .composer-note { margin:5px 0 0; font-size:10px; }
.work-canvas #ai-route-status { margin:0; font-size:11px; }
.work-canvas #chat-error { flex-shrink:0; margin:8px 0; max-height:140px; overflow:auto; }
@media(min-width:851px) and (max-width:1200px) {
 .ux-shell.work-active { --side:184px; }
 .ux-shell #chat-view:not([hidden]) { grid-template-columns:188px minmax(0,1fr); }
 .work-canvas { padding:20px; }
 .work-canvas .chat-heading #clear-chat { display:none; }
}
@media(max-width:850px) {
 .ux-shell.work-active { padding-bottom:0; }
 .ux-shell.work-active .mobile-nav { display:none; }
 .ux-shell #chat-view:not([hidden]) { display:flex; height:100dvh; }
 .work-rail { display:none; }
 .work-canvas { flex:1; padding:12px 16px max(12px,env(safe-area-inset-bottom)); }
 .ux-shell .work-canvas .chat-heading { padding-bottom:12px; gap:8px; }
 .work-canvas .chat-heading>div:nth-of-type(2) { min-width:100px; }
 .work-canvas .chat-heading h1 { font-size:18px; }
 .work-canvas .chat-heading p { font-size:11px; }
 .work-canvas .chat-heading #clear-chat { display:none; }
 .work-canvas .chat-heading #work-edit { padding:8px 10px; font-size:11px; }
 .work-canvas .chat-heading #ai-speed { padding:8px 10px; }
 .work-canvas .bot-icon { display:none; }
 .work-toolbar { padding-top:14px; }
 .work-toolbar h2 { font-size:24px; margin-bottom:8px; }
 .work-tabs { gap:20px; }
 .work-canvas .response-cards-horizontal>.response-card { flex-basis:calc(100% - 24px); min-width:0; }
 .ux-shell .work-canvas .composer-wrap { padding:10px; }
 .work-canvas .chat-disclosure { font-size:10px; }
 .work-canvas .suggestion-header { display:none; }
 .work-canvas .composer-note { display:none; }
}
@media(max-height:600px) {
 .work-toolbar h2,.work-canvas .chat-disclosure { display:none; }
 .work-toolbar { padding-top:4px; }
 .work-canvas .composer-wrap { max-height:48%; }
}

.ux-shell.work-history-open .work-canvas .chat-heading #clear-chat { display:inline-flex; }
/* Keep output readable on short laptop windows as well as tall design canvases. */
.ux-shell .work-new { background:var(--green); color:white; font-weight:600; }
.ux-shell .work-canvas .composer-wrap { position:relative; }
.work-canvas .suggestion-header { position:absolute; inset-inline-end:14px; top:10px; }
.work-canvas .work-source { padding-inline-end:120px; }
.work-canvas .work-source[hidden] + .suggestion-header { position:static; }
.work-canvas .response-cards-horizontal { gap:12px; }
.work-canvas .response-cards-horizontal>.response-card { flex-basis:calc((100% - 12px)/2); }
@media(max-height:800px) and (min-width:851px) {
 .work-canvas { padding-block:18px 14px; }
 .work-toolbar { padding-top:12px; }
 .work-toolbar h2 { font-size:26px; margin-bottom:8px; }
 .work-canvas .chat-heading { padding-bottom:12px; }
 .work-canvas .response-card .rc-media[data-media="compact"] { min-height:32px; padding:8px 16px; }
 .work-canvas .rc-body { padding:14px 18px; }
 .work-canvas .rc-title { margin:0 0 8px; font-size:18px; }
 .work-canvas .messages { padding-top:8px; }
 .work-canvas .response-card-controls { margin-bottom:4px; }
 .work-canvas .composer-note { display:none; }
}
@media(max-width:850px) {
 .work-canvas .response-cards-horizontal>.response-card { flex-basis:calc(100% - 24px); }
 .work-canvas .work-source { padding-inline-end:0; }
 .work-canvas .suggestion-header { position:static; display:flex; }
 .work-canvas .work-source + .suggestion-header { position:absolute; inset-inline-end:12px; top:10px; }
 .work-canvas .work-source { padding-inline-end:110px; }
}
.work-canvas #work-edit { width:auto; min-width:110px; flex-shrink:0; }
.work-canvas #back { min-width:44px; }
@media(max-width:850px) {
 .work-canvas .chat-heading #work-edit { width:auto; min-width:110px; }
}
.ux-shell .sidebar nav a[href='/studio'] { display:flex; }
.ux-shell .sidebar-bottom .ux-studio-link { display:none; }
.work-toolbar h2 { font-size:36px; }
.work-canvas [data-response-key^="summary:"] .rc-field-value { font-size:20px; line-height:1.6; }
.work-canvas .rc-action { border:1px solid var(--line); background:white; border-radius:9px; }
@media(max-width:850px) { .work-toolbar h2 { font-size:24px; } .work-canvas [data-response-key^="summary:"] .rc-field-value { font-size:17px; } }
@media(max-height:800px) and (min-width:851px) { .work-toolbar h2 { font-size:26px; } .work-canvas [data-response-key^="summary:"] .rc-field-value { font-size:17px; } }
body[data-public-page]:not(.billing-public) { color:#202737; background:#fafbfe; }
body[data-public-page] .legal { border:1px solid #e5e8f0; border-radius:12px; background:white; padding:32px; }
body[data-public-page] .legal p { max-width:70ch; }
@media(max-width:600px) { body[data-public-page] .legal { margin:16px; padding:22px; } }
.ux-shell .work-canvas .composer-wrap { inset:auto; }
.ux-shell .work-canvas .chat-heading { display:flex; }
@media(max-width:850px) {
 .work-canvas .chat-heading>div:nth-of-type(2) { flex:1 1 calc(100% - 60px); }
 .work-canvas .chat-heading #work-edit { margin-inline-start:52px; }
}
@media(max-width:850px) {
 .work-canvas .chat-disclosure { display:block; line-height:1.4; margin-top:8px; }
 .work-canvas .chat-disclosure span { display:none; }
 .work-toolbar { padding-top:10px; }
 .work-toolbar h2 { display:none; }
}
@media(max-width:850px) {
 .work-canvas .rc-media[data-media="compact"] { display:none; }
 .work-canvas [data-response-key^="summary:"] .rc-fields>.rc-field-label:first-child { display:none; }
}
.work-canvas .rc-media[data-media="compact"] { display:none; }
.work-canvas .response-cards-horizontal>.response-card:first-child { background:#f8f9ff; border-color:#dce1ff; }
body[data-public-page] .legal h1 { line-height:1.18; margin-top:32px; }
body[data-public-page] .legal .brand { text-decoration:none; color:#202737; margin:0 0 28px; padding:0; }
body[data-public-page] .legal .brand-icon { background:transparent; border-radius:10px; }

/* Explicit, local news usefulness feedback; wraps at phone widths. */
.news-value-feedback { margin-block-start: 16px; padding: 16px; border: 1px solid var(--border, #dce2e8); border-radius: 16px; overflow-wrap: anywhere; }
.news-value-feedback .button, .news-value-feedback .text-button { margin: 8px 8px 0 0; min-height: 44px; white-space: normal; }