.ss-hub,
.ss-hub * {
  box-sizing: border-box;
}

.ss-hub {
  --ss-bg: #fff7ef;
  --ss-card: rgba(255, 255, 255, 0.86);
  --ss-card-solid: #ffffff;
  --ss-ink: #2b1f1a;
  --ss-muted: #755f55;
  --ss-line: rgba(104, 64, 42, 0.16);
  --ss-brown: #6f3f25;
  --ss-brown-dark: #452717;
  --ss-coral: #b2764a;
  --ss-terracotta: #b2764a;
  --ss-teal: #7a4d2d;
  --ss-green: #6abf69;
  --ss-yellow: #f5bb45;
  --ss-shadow: 0 26px 80px rgba(57, 32, 20, 0.17);
  --ss-color-page: var(--ss-bg);
  --ss-color-surface: var(--ss-card);
  --ss-color-surface-raised: var(--ss-card-solid);
  --ss-color-border: var(--ss-line);
  --ss-color-text: var(--ss-ink);
  --ss-color-muted: var(--ss-muted);
  --ss-color-primary: var(--ss-brown);
  --ss-color-primary-hover: var(--ss-brown-dark);
  --ss-color-accent: var(--ss-terracotta);
  --ss-color-info: #0f7c86;
  --ss-space-1: 4px;
  --ss-space-2: 8px;
  --ss-space-3: 12px;
  --ss-space-4: 16px;
  --ss-space-5: 20px;
  --ss-space-6: 24px;
  --ss-space-8: 32px;
  --ss-radius-xs: 6px;
  --ss-radius-sm: 8px;
  --ss-radius-md: 12px;
  --ss-radius-lg: 16px;
  --ss-radius-xl: 20px;
  --ss-radius-pill: 999px;
  --ss-control-height: 42px;
  --ss-control-height-compact: 38px;
  font-family: 'Comfortaa', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--ss-ink);
  width: 100%;
}

.ss-hub .ss-has-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ss-space-2);
}

.ss-hub .ss-ui-icon {
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
}

.ss-hub .ss-ui-icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.ss-hub .ss-tab,
.ss-hub .ss-secondary,
.ss-hub .ss-standard-btn {
  min-height: var(--ss-control-height);
}

@media (max-width: 760px) {
  .ss-hub .ss-shell {
    border-radius: 0;
  }

  .ss-hub .ss-tabs {
    position: sticky;
    bottom: 0;
    z-index: 40;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ss-space-2);
    padding: var(--ss-space-2);
    background: rgba(255, 250, 245, .94);
    backdrop-filter: blur(14px);
    border-top: 1px solid var(--ss-line);
    border-bottom: 0;
  }

  .ss-hub .ss-tab {
    min-width: 0;
    min-height: 48px;
    padding: 8px;
    border-radius: var(--ss-radius-md);
    font-size: 0;
  }

  .ss-hub .ss-tab .ss-ui-icon {
    width: 22px;
    height: 22px;
  }

  .ss-hub .ss-tab .ss-btn-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .ss-hub .ss-secondary,
  .ss-hub .ss-standard-btn {
    min-height: 42px;
    border-radius: var(--ss-radius-md);
  }
}

.ss-shell {
  position: relative;
  overflow: hidden;
  max-width: 1180px;
  margin: 0 auto;
  border-radius: 32px;
  background:
    radial-gradient(circle at 8% 8%, rgba(178, 118, 74, 0.16), transparent 26%),
    radial-gradient(circle at 92% 0%, rgba(111, 63, 37, 0.18), transparent 24%),
    linear-gradient(135deg, #fffaf5 0%, #fff3e7 44%, #fff 100%);
  border: 1px solid rgba(111, 63, 37, 0.15);
  box-shadow: var(--ss-shadow);
}

.ss-shell:before {
  content: '';
  position: absolute;
  inset: auto -80px -130px auto;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  background: conic-gradient(from 140deg, var(--ss-teal), var(--ss-green), var(--ss-yellow), var(--ss-coral), var(--ss-terracotta), var(--ss-teal));
  opacity: .12;
  filter: blur(2px);
  pointer-events: none;
}

.ss-topbar {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 18px 22px;
  border-bottom: 1px solid var(--ss-line);
  background: rgba(255, 255, 255, 0.52);
  backdrop-filter: blur(14px);
}

.ss-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.ss-logo {
  width: 70px;
  height: 70px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 10px 18px rgba(30, 20, 12, 0.16));
}

.ss-brand-copy {
  min-width: 0;
}

.ss-eyebrow {
  display: block;
  margin-bottom: 4px;
  color: var(--ss-muted);
  font-size:0.75rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.ss-brand h2 {
  margin: 0;
  color: var(--ss-brown-dark);
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1;
  letter-spacing: -0.04em;
  font-weight: 700;
}

.ss-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ss-skill,
.ss-reset,
.ss-tab,
.ss-secondary,
.ss-composer button,
.ss-search,
.ss-tool-card input {
  font-family: inherit;
}

.ss-skill {
  min-width: 150px;
  border: 1px solid var(--ss-line);
  background: rgba(255,255,255,.86);
  color: var(--ss-ink);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 700;
}

.ss-reset,
.ss-secondary {
  border: 0;
  border-radius: 999px;
  padding: 11px 15px;
  color: #fff;
  background: linear-gradient(135deg, var(--ss-brown), var(--ss-coral));
  box-shadow: 0 10px 22px rgba(111, 63, 37, .18);
  cursor: pointer;
  font-weight: 700;
}

.ss-reset:hover,
.ss-secondary:hover,
.ss-composer button:hover {
  transform: translateY(-1px);
}

.ss-tabs {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  padding: 16px 18px 10px;
}

.ss-tab {
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 14px 12px;
  background: rgba(255, 255, 255, .62);
  color: var(--ss-muted);
  cursor: pointer;
  font-weight: 700;
  transition: .22s ease;
}

.ss-tab:hover {
  background: #fff;
  color: var(--ss-brown);
}

.ss-tab.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--ss-brown), var(--ss-terracotta));
  box-shadow: 0 16px 34px rgba(111, 63, 37, .22);
}

.ss-panels {
  position: relative;
  z-index: 1;
  padding: 18px;
}

.ss-panel {
  display: none;
}

.ss-panel.is-active {
  display: block;
}

.ss-chat-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 18px;
}

.ss-prompt-rail,
.ss-chat-card,
.ss-tool-card {
  background: var(--ss-card);
  border: 1px solid var(--ss-line);
  border-radius: 28px;
  box-shadow: 0 18px 45px rgba(57, 32, 20, .10);
  backdrop-filter: blur(16px);
}

.ss-prompt-rail {
  padding: 18px;
  align-self: start;
}

.ss-prompt-rail h3,
.ss-chat-head h3,
.ss-tool-card h3 {
  margin: 0 0 8px;
  color: var(--ss-brown-dark);
  font-weight: 700;
  letter-spacing: -0.03em;
}

.ss-prompt-rail button {
  width: 100%;
  text-align: left;
  border: 1px solid var(--ss-line);
  background: #fff;
  color: var(--ss-ink);
  border-radius: 18px;
  padding: 12px 13px;
  margin-top: 10px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.35;
}

.ss-prompt-rail button:hover {
  border-color: rgba(178, 118, 74, .35);
  box-shadow: 0 10px 22px rgba(178, 118, 74, .10);
}

.ss-chat-card {
  overflow: hidden;
  min-height: 650px;
  display: flex;
  flex-direction: column;
}

.ss-chat-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  padding: 20px 22px;
  border-bottom: 1px solid var(--ss-line);
  background: rgba(255,255,255,.74);
}

.ss-chat-head p,
.ss-tool-card p {
  margin: 0 0 10px;
  color: var(--ss-muted);
  line-height: 1.55;
  font-size:0.875rem;
}

.ss-live-dot {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(111, 63, 37, .24);
  background: rgba(111, 63, 37, .10);
  color: #6f3f25;
  border-radius: 999px;
  padding: 8px 11px;
  font-size:0.75rem;
  font-weight: 700;
}

.ss-live-dot i {
  width: 8px;
  height: 8px;
  background: #7a4d2d;
  border-radius: 999px;
  box-shadow: 0 0 0 6px rgba(111, 63, 37, .13);
}

.ss-messages {
  flex: 1;
  min-height: 360px;
  max-height: 620px;
  overflow-y: auto;
  padding: 22px;
}

.ss-empty {
  display: grid;
  gap: 10px;
  padding: 22px;
  border: 1px dashed rgba(111,63,37,.22);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,244,234,.82));
  color: var(--ss-muted);
}

.ss-empty b {
  color: var(--ss-brown-dark);
  font-size:1.125rem;
}

.ss-message {
  display: flex;
  margin-bottom: 16px;
}

.ss-message.user {
  justify-content: flex-end;
}

.ss-bubble {
  max-width: min(86%, 720px);
  padding: 14px 16px;
  border-radius: 22px;
  line-height: 1.62;
  font-size:0.9375rem;
}

.ss-message.user .ss-bubble {
  color: #fff;
  background: linear-gradient(135deg, var(--ss-brown), var(--ss-coral));
  border-bottom-right-radius: 7px;
  box-shadow: 0 14px 30px rgba(111,63,37,.18);
}

.ss-message.assistant .ss-bubble {
  background: #fff;
  color: var(--ss-ink);
  border: 1px solid var(--ss-line);
  border-bottom-left-radius: 7px;
  box-shadow: 0 12px 30px rgba(57, 32, 20, .08);
}

.ss-message.ss-chat-message-highlight .ss-bubble {
  outline: 3px solid rgba(21,169,183,.35);
  box-shadow: 0 0 0 7px rgba(21,169,183,.13), 0 14px 30px rgba(57, 32, 20, .12);
}

.ss-role {
  display: block;
  margin-bottom: 6px;
  font-size:0.75rem;
  font-weight: 700;
  opacity: .72;
}

.ss-ai-heading {
  display: block;
  margin: 12px 0 6px;
  color: var(--ss-brown-dark);
  font-weight: 700;
  font-size:1rem;
}

.ss-ai-heading:first-child {
  margin-top: 0;
}

.ss-thinking {
  padding: 0 22px 12px;
  color: var(--ss-terracotta);
  font-weight: 700;
}

.ss-composer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  padding: 18px 22px;
  border-top: 1px solid var(--ss-line);
  background: rgba(255,255,255,.70);
}

.ss-composer textarea {
  width: 100%;
  min-height: 92px;
  resize: vertical;
  border: 1px solid var(--ss-line);
  border-radius: 22px;
  padding: 14px 16px;
  color: var(--ss-ink);
  background: #fff;
  font-family: inherit;
  line-height: 1.5;
}

.ss-composer textarea:focus,
.ss-skill:focus,
.ss-search:focus,
.ss-tool-card input:focus {
  outline: 4px solid rgba(178, 118, 74, .14);
  border-color: rgba(178, 118, 74, .48);
}

.ss-composer button {
  align-self: end;
  min-width: 160px;
  border: 0;
  border-radius: 22px;
  padding: 15px 18px;
  color: #fff;
  background: linear-gradient(135deg, var(--ss-brown), var(--ss-coral));
  box-shadow: 0 16px 34px rgba(178, 118, 74, .20);
  cursor: pointer;
  font-weight: 700;
}

.ss-composer button:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.ss-note {
  margin: 0;
  padding: 0 22px 20px;
  color: var(--ss-muted);
  font-size:0.75rem;
}

.ss-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.ss-tool-card {
  padding: 22px;
}

.ss-tool-card.ss-wide {
  grid-column: 1 / -1;
}

.ss-search,
.ss-tool-card input {
  width: 100%;
  border: 1px solid var(--ss-line);
  border-radius: 18px;
  padding: 13px 14px;
  color: var(--ss-ink);
  background: #fff;
  margin: 8px 0 16px;
}

.ss-dictionary,
.ss-gauge-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.ss-dict-item,
.ss-gauge-item {
  border: 1px solid var(--ss-line);
  border-radius: 20px;
  background: #fff;
  padding: 14px;
  box-shadow: 0 8px 22px rgba(57, 32, 20, .06);
}

.ss-dict-item b,
.ss-gauge-item b {
  display: block;
  color: var(--ss-brown-dark);
  margin-bottom: 5px;
}

.ss-tool-card label {
  display: block;
  margin-top: 10px;
  color: var(--ss-muted);
  font-size:0.8125rem;
  font-weight: 700;
}

.ss-result {
  margin-top: 14px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(21,169,183,.10), rgba(106,191,105,.10));
  border: 1px solid rgba(111,63,37,.20);
  padding: 14px;
  line-height: 1.6;
}

@media (max-width: 900px) {
  .ss-chat-layout,
  .ss-tool-grid {
    grid-template-columns: 1fr;
  }

  .ss-prompt-rail {
    order: 2;
  }

  .ss-tabs {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 620px) {
  .ss-shell {
    border-radius: 24px;
  }

  .ss-topbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .ss-actions {
    width: 100%;
  }

  .ss-skill {
    flex: 1;
  }

  .ss-logo {
    width: 58px;
    height: 58px;
  }

  .ss-tabs {
    grid-template-columns: 1fr;
  }

  .ss-panels {
    padding: 12px;
  }

  .ss-composer {
    grid-template-columns: 1fr;
  }

  .ss-composer button {
    width: 100%;
  }

  .ss-bubble {
    max-width: 96%;
  }
}


/* v5 tidy response formatting */
.stitchsense-hub-pro .ss-ai-heading {
  display: block;
  margin: 18px 0 6px;
  font-weight: 800;
  color: var(--ss-brown);
  line-height: 1.35;
}

.stitchsense-hub-pro .ss-ai-heading:first-child {
  margin-top: 0;
}

.stitchsense-hub-pro .ss-ai-paragraph {
  margin: 0 0 10px;
  line-height: 1.62;
}

.stitchsense-hub-pro .ss-ai-listline {
  margin: 4px 0 8px 14px;
  line-height: 1.58;
}

.stitchsense-hub-pro .ss-ai-heading + .ss-ai-listline,
.stitchsense-hub-pro .ss-ai-heading + .ss-ai-paragraph {
  margin-top: 0;
}

.stitchsense-hub-pro .ss-msg-assistant br + br {
  display: none;
}


/* v5 spacing fix: blank space before headings, tight content after */
.stitchsense-hub-pro .ss-ai-heading {
  display: block !important;
  margin: 20px 0 2px !important;
  padding: 0 !important;
  font-weight: 800 !important;
  color: var(--ss-brown) !important;
  line-height: 1.35 !important;
}

.stitchsense-hub-pro .ss-ai-heading:first-child {
  margin-top: 0 !important;
}

.stitchsense-hub-pro .ss-ai-paragraph {
  margin: 0 0 8px !important;
  padding: 0 !important;
  line-height: 1.58 !important;
}

.stitchsense-hub-pro .ss-ai-listline {
  display: block !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  line-height: 1.55 !important;
}

.stitchsense-hub-pro .ss-ai-listline + .ss-ai-listline {
  margin-top: 0 !important;
}

.stitchsense-hub-pro .ss-ai-heading + .ss-ai-listline,
.stitchsense-hub-pro .ss-ai-heading + .ss-ai-paragraph {
  margin-top: 0 !important;
}

.stitchsense-hub-pro .ss-ai-paragraph + .ss-ai-heading,
.stitchsense-hub-pro .ss-ai-listline + .ss-ai-heading {
  margin-top: 20px !important;
}

.stitchsense-hub-pro .ss-msg-assistant p,
.stitchsense-hub-pro .ss-msg-assistant div {
  white-space: normal;
}


/* v5 quick starts polish */
.stitchsense-hub-pro [data-ss-quick-starts] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.stitchsense-hub-pro .ss-chip {
  border-radius: 999px;
  border: 1px solid rgba(111, 63, 37, .20);
  background: rgba(255, 247, 239, .86);
  color: var(--ss-brown);
  padding: 10px 13px;
  font-family: inherit;
  font-weight: 700;
  font-size:0.8125rem;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.stitchsense-hub-pro .ss-chip:hover {
  transform: translateY(-1px);
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(57, 32, 20, .10);
}


/* v5.1 enriched quick starts, dictionary and tools */
.stitchsense-hub-pro .ss-section-kicker {
  font-size:0.6875rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 800;
  color: var(--ss-brown);
  opacity: .72;
  margin-bottom: 6px;
}

.ss-hub .ss-mini-copy {
  margin: 0 0 14px;
  font-size:0.8125rem;
  line-height: 1.45;
  color: var(--ss-muted, #755f55);
}

.ss-hub .ss-quick-list,
.stitchsense-hub-pro [data-ss-quick-starts] {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.stitchsense-hub-pro .ss-chip {
  width: 100%;
  text-align: left;
  border-radius: 16px;
  border: 1px solid rgba(111, 63, 37, .18);
  background: rgba(255, 247, 239, .88);
  color: var(--ss-brown);
  padding: 11px 12px;
  font-family: inherit;
  font-weight: 700;
  font-size:0.8125rem;
  line-height: 1.35;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.stitchsense-hub-pro .ss-chip:hover {
  transform: translateY(-1px);
  background: #fff;
  box-shadow: 0 10px 24px rgba(57, 32, 20, .10);
}

.stitchsense-hub-pro .ss-tool-title-row {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 18px;
}

.stitchsense-hub-pro .ss-dict-toggle {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.stitchsense-hub-pro .ss-dict-toggle button {
  border: 1px solid rgba(111, 63, 37, .18);
  background: #fff7ef;
  color: var(--ss-brown);
  border-radius: 999px;
  padding: 8px 11px;
  font-family: inherit;
  font-weight: 800;
  cursor: pointer;
}

.stitchsense-hub-pro .ss-dict-toggle button.is-active {
  background: var(--ss-brown);
  color: #fff;
}

.stitchsense-hub-pro .ss-dictionary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.stitchsense-hub-pro .ss-dict-item {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 13px;
  align-items: center;
  border: 1px solid rgba(111, 63, 37, .14);
  border-radius: 20px;
  padding: 13px;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,247,239,.82));
  box-shadow: 0 12px 30px rgba(57, 32, 20, .06);
}

.stitchsense-hub-pro .ss-stitch-visual {
  min-height: 54px;
  border-radius: 16px;
  background: rgba(111, 63, 37, .09);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ss-brown);
  font-weight: 900;
  font-size:1.375rem;
  font-family: Comfortaa, sans-serif;
}

.stitchsense-hub-pro .ss-dict-item b {
  display: block;
  margin-bottom: 5px;
  color: var(--ss-brown);
}

.stitchsense-hub-pro .ss-dict-item span {
  display: block;
  font-size:0.8125rem;
  line-height: 1.45;
  color: var(--ss-text, #2b1f1a);
}



.stitchsense-hub-pro .ss-dict-copy small {
  display: block;
  margin-top: 5px;
  font-size:0.75rem;
  line-height: 1.35;
  color: #5f4c43;
}

.stitchsense-hub-pro .ss-dict-note {
  color: #6f3f25;
}

.stitchsense-hub-pro .ss-dict-empty {
  grid-column: 1 / -1;
  padding: 18px;
  border-radius: 18px;
  background: rgba(255, 247, 239, .86);
  border: 1px dashed rgba(111, 63, 37, .26);
  color: var(--ss-brown);
  font-weight: 800;
}

.stitchsense-hub-pro .ss-dict-item em {
  display: inline-block;
  margin-top: 7px;
  font-style: normal;
  font-size:0.6875rem;
  font-weight: 800;
  color: #755f55;
  background: rgba(111, 63, 37, .08);
  padding: 5px 8px;
  border-radius: 999px;
}

.stitchsense-hub-pro .ss-tools-dashboard {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.stitchsense-hub-pro .ss-conversion-list {
  display: grid;
  gap: 9px;
}

.stitchsense-hub-pro .ss-conversion-row {
  display: grid;
  grid-template-columns: 70px 70px 1fr;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 247, 239, .86);
  border: 1px solid rgba(111, 63, 37, .12);
}

.stitchsense-hub-pro .ss-conversion-row b,
.stitchsense-hub-pro .ss-conversion-row span {
  font-weight: 900;
  color: var(--ss-brown);
}

.stitchsense-hub-pro .ss-conversion-row em {
  font-style: normal;
  font-size:0.75rem;
  color: #755f55;
}

.stitchsense-hub-pro .ss-checklist {
  display: grid;
  gap: 10px;
}

.stitchsense-hub-pro .ss-checklist label {
  display: flex;
  gap: 9px;
  align-items: center;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 247, 239, .86);
  font-weight: 700;
}

@media (max-width: 980px) {
  .stitchsense-hub-pro .ss-dictionary,
  .stitchsense-hub-pro .ss-tools-dashboard {
    grid-template-columns: 1fr;
  }

  .stitchsense-hub-pro .ss-tool-title-row {
    flex-direction: column;
  }
}


/* v6 Pattern Upload Intelligence */
.stitchsense-hub-pro .ss-upload-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr);
  gap: 18px;
}

.stitchsense-hub-pro .ss-upload-card {
  position: relative;
  overflow: hidden;
}

.stitchsense-hub-pro .ss-upload-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 8px 12px;
  font-size:0.75rem;
  font-weight: 900;
  color: var(--ss-brown);
  background: rgba(111, 63, 37, .08);
  border: 1px solid rgba(111, 63, 37, .12);
}

.stitchsense-hub-pro .ss-upload-drop {
  position: relative;
  display: grid;
  place-items: center;
  text-align: center;
  min-height: 230px;
  padding: 28px;
  border-radius: 26px;
  border: 2px dashed rgba(111, 63, 37, .25);
  background: linear-gradient(135deg, rgba(255,247,239,.88), rgba(255,255,255,.92));
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.stitchsense-hub-pro .ss-upload-drop:hover,
.stitchsense-hub-pro .ss-upload-drop.is-dragging {
  transform: translateY(-2px);
  border-color: var(--ss-brown);
  box-shadow: 0 18px 42px rgba(57, 32, 20, .12);
  background: #fff;
}

.stitchsense-hub-pro .ss-upload-drop input {
  display: none;
}

.stitchsense-hub-pro .ss-upload-icon {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  background: var(--ss-brown);
  color: #fff;
  font-size:1.875rem;
  font-weight: 900;
  margin-bottom: 12px;
  box-shadow: 0 14px 30px rgba(57, 32, 20, .18);
}

.stitchsense-hub-pro .ss-upload-drop h4 {
  margin: 0 0 6px;
  color: var(--ss-brown);
  font-size:1.25rem;
}

.stitchsense-hub-pro .ss-upload-drop p {
  margin: 0;
  color: #755f55;
  font-size:0.875rem;
}

.stitchsense-hub-pro .ss-upload-fields {
  display: grid;
  grid-template-columns: 1.4fr .6fr;
  gap: 14px;
  margin-top: 16px;
}

.stitchsense-hub-pro .ss-upload-button {
  width: 100%;
  margin-top: 16px;
  border: 0;
  border-radius: 999px;
  padding: 14px 18px;
  background: var(--ss-brown);
  color: #fff;
  font-family: inherit;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(57, 32, 20, .14);
}

.stitchsense-hub-pro .ss-upload-button:hover {
  filter: brightness(.95);
}

.stitchsense-hub-pro .ss-upload-button:disabled {
  opacity: .62;
  cursor: not-allowed;
}

.stitchsense-hub-pro .ss-upload-progress {
  margin-top: 14px;
  border-radius: 999px;
  background: rgba(111, 63, 37, .08);
  overflow: hidden;
  position: relative;
  height: 34px;
  border: 1px solid rgba(111, 63, 37, .12);
}

.stitchsense-hub-pro .ss-upload-progress div {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding-left: 14px;
  z-index: 2;
  font-size:1rem;
  font-weight: 900;
  color: var(--ss-brown);
}

.stitchsense-hub-pro .ss-upload-progress i {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(135deg, rgba(178,118,74,.45), rgba(111,63,37,.22));
  transition: width .25s ease;
}

.stitchsense-hub-pro .ss-upload-result {
  margin-top: 14px;
  font-size:0.875rem;
  line-height: 1.5;
}

.stitchsense-hub-pro .ss-upload-result.is-success,
.stitchsense-hub-pro .ss-upload-result.is-error {
  padding: 13px 14px;
  border-radius: 18px;
  border: 1px solid rgba(111, 63, 37, .14);
  background: rgba(255, 247, 239, .88);
}

.stitchsense-hub-pro .ss-upload-result.is-success b {
  color: #3f6f36;
}

.stitchsense-hub-pro .ss-upload-result.is-error b {
  color: #8c2f24;
}

.stitchsense-hub-pro .ss-upload-side .ss-upload-prompts {
  display: grid;
  gap: 9px;
}

@media (max-width: 980px) {
  .stitchsense-hub-pro .ss-upload-layout,
  .stitchsense-hub-pro .ss-upload-fields {
    grid-template-columns: 1fr;
  }
}


/* v6.0.1 upload reliability tweaks */
.stitchsense-hub-pro .ss-upload-drop.has-file {
  border-style: solid;
  border-color: rgba(111, 63, 37, .42);
  background: #fff;
}

.stitchsense-hub-pro .ss-upload-result:empty {
  display: none;
}


/* v6.2 chat-centred Dropzone upload modal */
.stitchsense-hub-pro .ss-chat-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.stitchsense-hub-pro .ss-chat-upload-btn {
  border: 1px solid rgba(111, 63, 37, .18);
  background: #fff7ef;
  color: var(--ss-brown);
  border-radius: 999px;
  padding: 9px 13px;
  font-family: inherit;
  font-weight: 900;
  font-size:0.75rem;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.stitchsense-hub-pro .ss-chat-upload-btn:hover {
  transform: translateY(-1px);
  background: #fff;
  box-shadow: 0 10px 22px rgba(57, 32, 20, .10);
}

html.ss-modal-open {
  overflow: hidden;
}

.stitchsense-hub-pro .ss-upload-modal[hidden] {
  display: none !important;
}

.stitchsense-hub-pro .ss-upload-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 22px;
}

.stitchsense-hub-pro .ss-upload-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(35, 22, 14, .56);
  backdrop-filter: blur(8px);
}

.stitchsense-hub-pro .ss-upload-modal-card {
  position: relative;
  width: min(720px, 100%);
  max-height: min(760px, calc(100vh - 42px));
  overflow-y: auto;
  border-radius: 30px;
  border: 1px solid rgba(111, 63, 37, .16);
  background: linear-gradient(135deg, #fffaf5 0%, #fff3e7 48%, #fff 100%);
  box-shadow: 0 30px 80px rgba(30, 20, 12, .28);
  padding: 26px;
}

.stitchsense-hub-pro .ss-upload-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: rgba(111, 63, 37, .10);
  color: var(--ss-brown);
  font-size:1.625rem;
  line-height: 1;
  cursor: pointer;
}

.stitchsense-hub-pro .ss-upload-modal-head h3 {
  margin: 0 44px 8px 0;
  color: var(--ss-brown);
  font-size: clamp(22px, 3vw, 32px);
}

.stitchsense-hub-pro .ss-upload-modal-head p {
  margin: 0 0 18px;
  color: #755f55;
  line-height: 1.55;
}

.stitchsense-hub-pro .ss-upload-fields-modal {
  display: grid;
  grid-template-columns: 1.4fr .6fr;
  gap: 14px;
  margin: 0 0 16px;
}

.stitchsense-hub-pro .ss-dropzone.dropzone {
  border: 2px dashed rgba(111, 63, 37, .26);
  border-radius: 26px;
  background: rgba(255, 255, 255, .72);
  min-height: 220px;
  padding: 24px;
  display: grid;
  place-items: center;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.stitchsense-hub-pro .ss-dropzone.dropzone:hover,
.stitchsense-hub-pro .ss-dropzone.dropzone.dz-drag-hover {
  border-color: var(--ss-brown);
  background: #fff;
  box-shadow: 0 16px 38px rgba(57, 32, 20, .10);
}

.stitchsense-hub-pro .ss-dropzone .dz-message {
  margin: 0;
  color: var(--ss-brown);
  font-family: inherit;
  font-weight: 900;
}

.stitchsense-hub-pro .ss-dropzone .dz-preview {
  font-family: inherit;
}

.stitchsense-hub-pro .ss-dropzone .dz-preview .dz-progress {
  background: rgba(111, 63, 37, .10);
}

.stitchsense-hub-pro .ss-dropzone .dz-preview .dz-progress .dz-upload {
  background: var(--ss-brown);
}

.stitchsense-hub-pro .ss-upload-result {
  margin-top: 14px;
  line-height: 1.5;
}

.stitchsense-hub-pro .ss-upload-result:empty {
  display: none;
}

.stitchsense-hub-pro .ss-upload-result.is-success,
.stitchsense-hub-pro .ss-upload-result.is-error {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 247, 239, .88);
  border: 1px solid rgba(111, 63, 37, .14);
}

.stitchsense-hub-pro .ss-upload-result.is-success b {
  color: #3f6f36;
}

.stitchsense-hub-pro .ss-upload-result.is-error b {
  color: #8c2f24;
}

@media (max-width: 700px) {
  .stitchsense-hub-pro .ss-upload-fields-modal {
    grid-template-columns: 1fr;
  }

  .stitchsense-hub-pro .ss-upload-modal-card {
    padding: 20px;
    border-radius: 24px;
  }
}


/* v6.2.1 composer upload button placement */
.stitchsense-hub-pro .ss-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.stitchsense-hub-pro .ss-composer textarea {
  grid-row: span 2;
}

.stitchsense-hub-pro .ss-composer-actions {
  display: grid;
  gap: 10px;
  align-self: center;
}

.stitchsense-hub-pro .ss-composer-actions button,
.stitchsense-hub-pro .ss-upload-inline-btn {
  border: 0;
  border-radius: 999px;
  padding: 13px 18px;
  background: var(--ss-brown);
  color: #fff;
  font-family: inherit;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(57, 32, 20, .14);
  white-space: nowrap;
}

.stitchsense-hub-pro .ss-composer-actions button:hover,
.stitchsense-hub-pro .ss-upload-inline-btn:hover {
  filter: brightness(.95);
  transform: translateY(-1px);
}

.stitchsense-hub-pro .ss-chat-actions .ss-chat-upload-btn {
  display: none !important;
}

.stitchsense-hub-pro .ss-dropzone-fallback {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.stitchsense-hub-pro .ss-dropzone-fallback[hidden] {
  display: none !important;
}

.stitchsense-hub-pro .ss-dropzone-fallback input {
  border: 1px solid rgba(111, 63, 37, .18);
  border-radius: 16px;
  padding: 12px;
  background: #fff;
  font-family: inherit;
}

@media (max-width: 760px) {
  .stitchsense-hub-pro .ss-composer {
    grid-template-columns: 1fr;
  }

  .stitchsense-hub-pro .ss-composer textarea {
    grid-row: auto;
  }

  .stitchsense-hub-pro .ss-composer-actions {
    grid-template-columns: 1fr;
  }

  .stitchsense-hub-pro .ss-composer-actions button {
    width: 100%;
  }
}


/* v6.2.2 compact composer buttons */
.stitchsense-hub-pro .ss-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.stitchsense-hub-pro .ss-composer textarea {
  grid-row: auto !important;
}

.stitchsense-hub-pro .ss-composer-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: stretch !important;
  justify-content: center !important;
}

.stitchsense-hub-pro .ss-composer-actions button,
.stitchsense-hub-pro .ss-upload-inline-btn,
.stitchsense-hub-pro [data-ss-send] {
  min-width: 58px !important;
  height: 42px !important;
  border-radius: 999px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: var(--ss-brown) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-weight: 900 !important;
  font-size:0.9375rem !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  cursor: pointer !important;
  box-shadow: 0 12px 26px rgba(57, 32, 20, .13) !important;
  white-space: nowrap !important;
}

.stitchsense-hub-pro .ss-upload-inline-btn {
  font-size:1.5rem !important;
  line-height: 1 !important;
}

.stitchsense-hub-pro .ss-composer-actions button:hover {
  filter: brightness(.95);
  transform: translateY(-1px);
}

body.ss-modal-open {
  overflow: hidden;
}

.stitchsense-hub-pro .ss-upload-modal[hidden] {
  display: none !important;
}

.stitchsense-hub-pro .ss-upload-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

.stitchsense-hub-pro .ss-upload-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(35, 22, 14, .58) !important;
  backdrop-filter: blur(8px) !important;
}

.stitchsense-hub-pro .ss-upload-modal-card {
  position: relative !important;
  width: min(720px, 100%) !important;
  max-height: calc(100vh - 44px) !important;
  overflow-y: auto !important;
  border-radius: 30px !important;
  background: linear-gradient(135deg, #fffaf5 0%, #fff3e7 48%, #fff 100%) !important;
  border: 1px solid rgba(111, 63, 37, .16) !important;
  box-shadow: 0 30px 80px rgba(30, 20, 12, .28) !important;
  padding: 26px !important;
}

.stitchsense-hub-pro .ss-upload-modal-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(111, 63, 37, .10) !important;
  color: var(--ss-brown) !important;
  font-size:1.625rem !important;
  cursor: pointer !important;
}

.stitchsense-hub-pro .ss-upload-fields-modal {
  display: grid !important;
  grid-template-columns: 1.4fr .6fr !important;
  gap: 14px !important;
  margin: 16px 0 !important;
}

.stitchsense-hub-pro .ss-dropzone.dropzone {
  border: 2px dashed rgba(111, 63, 37, .28) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.76) !important;
  min-height: 220px !important;
}

@media (max-width: 760px) {
  .stitchsense-hub-pro .ss-composer {
    grid-template-columns: 1fr !important;
  }

  .stitchsense-hub-pro .ss-composer-actions {
    flex-direction: row !important;
  }

  .stitchsense-hub-pro .ss-composer-actions button {
    flex: 1 !important;
  }

  .stitchsense-hub-pro .ss-upload-fields-modal {
    grid-template-columns: 1fr !important;
  }
}


/* v6.2.3 working compact uploader */
.stitchsense-hub-pro .ss-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.stitchsense-hub-pro .ss-composer-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: center !important;
}

.stitchsense-hub-pro .ss-composer-actions button,
.stitchsense-hub-pro .ss-upload-inline-btn,
.stitchsense-hub-pro [data-ss-send] {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: var(--ss-brown) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-weight: 900 !important;
  font-size:0.875rem !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(57, 32, 20, .14) !important;
  white-space: nowrap !important;
}

.stitchsense-hub-pro .ss-upload-inline-btn {
  font-size:1.5rem !important;
}

.stitchsense-hub-pro .ss-composer-actions button:hover {
  filter: brightness(.95) !important;
  transform: translateY(-1px) !important;
}

body.ss-modal-open {
  overflow: hidden;
}

.stitchsense-hub-pro .ss-upload-modal[hidden] {
  display: none !important;
}

.stitchsense-hub-pro .ss-upload-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

.stitchsense-hub-pro .ss-upload-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(35, 22, 14, .58) !important;
  backdrop-filter: blur(8px) !important;
}

.stitchsense-hub-pro .ss-upload-modal-card {
  position: relative !important;
  width: min(680px, 100%) !important;
  max-height: calc(100vh - 44px) !important;
  overflow-y: auto !important;
  border-radius: 30px !important;
  background: linear-gradient(135deg, #fffaf5 0%, #fff3e7 48%, #fff 100%) !important;
  border: 1px solid rgba(111, 63, 37, .16) !important;
  box-shadow: 0 30px 80px rgba(30, 20, 12, .28) !important;
  padding: 26px !important;
}

.stitchsense-hub-pro .ss-upload-modal-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(111, 63, 37, .10) !important;
  color: var(--ss-brown) !important;
  font-size:1.625rem !important;
  cursor: pointer !important;
}

.stitchsense-hub-pro .ss-upload-modal-head h3 {
  margin: 0 42px 8px 0 !important;
  color: var(--ss-brown) !important;
}

.stitchsense-hub-pro .ss-upload-modal-head p {
  margin: 0 0 16px !important;
  color: #755f55 !important;
}

.stitchsense-hub-pro .ss-upload-fields-modal {
  display: grid !important;
  grid-template-columns: 1.4fr .6fr !important;
  gap: 14px !important;
  margin: 16px 0 !important;
}

.stitchsense-hub-pro .ss-file-drop {
  min-height: 220px !important;
  border: 2px dashed rgba(111, 63, 37, .28) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.78) !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  padding: 26px !important;
  cursor: pointer !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
}

.stitchsense-hub-pro .ss-file-drop:hover,
.stitchsense-hub-pro .ss-file-drop.is-dragging,
.stitchsense-hub-pro .ss-file-drop.has-file {
  background: #fff !important;
  border-color: var(--ss-brown) !important;
  box-shadow: 0 16px 38px rgba(57, 32, 20, .10) !important;
  transform: translateY(-1px) !important;
}

.stitchsense-hub-pro .ss-file-drop input {
  display: none !important;
}

.stitchsense-hub-pro .ss-file-drop-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: var(--ss-brown) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  font-size:2rem !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

.stitchsense-hub-pro .ss-file-drop h4 {
  margin: 0 0 5px !important;
  color: var(--ss-brown) !important;
  font-size:1.125rem !important;
}

.stitchsense-hub-pro .ss-file-drop p {
  margin: 0 !important;
  color: #755f55 !important;
  font-size:0.8125rem !important;
}

.stitchsense-hub-pro .ss-upload-submit {
  width: 100% !important;
  margin-top: 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--ss-brown) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-weight: 900 !important;
  padding: 13px 18px !important;
  cursor: pointer !important;
}

.stitchsense-hub-pro .ss-upload-submit:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.stitchsense-hub-pro .ss-upload-progress {
  position: relative !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: rgba(111, 63, 37, .08) !important;
  overflow: hidden !important;
  margin-top: 14px !important;
}

.stitchsense-hub-pro .ss-upload-progress span {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 14px !important;
  font-size:0.75rem !important;
  font-weight: 900 !important;
  color: var(--ss-brown) !important;
}

.stitchsense-hub-pro .ss-upload-progress i {
  display: block !important;
  height: 100% !important;
  width: 0% !important;
  background: linear-gradient(135deg, rgba(178,118,74,.45), rgba(111,63,37,.22)) !important;
  transition: width .25s ease !important;
}

.stitchsense-hub-pro .ss-upload-result {
  margin-top: 14px !important;
  line-height: 1.5 !important;
}

.stitchsense-hub-pro .ss-upload-result:empty {
  display: none !important;
}

.stitchsense-hub-pro .ss-upload-result.is-success,
.stitchsense-hub-pro .ss-upload-result.is-error {
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(255, 247, 239, .88) !important;
  border: 1px solid rgba(111, 63, 37, .14) !important;
}

.stitchsense-hub-pro .ss-upload-result.is-success b {
  color: #3f6f36 !important;
}

.stitchsense-hub-pro .ss-upload-result.is-error b {
  color: #8c2f24 !important;
}

@media (max-width: 760px) {
  .stitchsense-hub-pro .ss-composer {
    grid-template-columns: 1fr !important;
  }

  .stitchsense-hub-pro .ss-composer-actions {
    flex-direction: row !important;
    justify-content: flex-end !important;
  }

  .stitchsense-hub-pro .ss-upload-fields-modal {
    grid-template-columns: 1fr !important;
  }
}


/* v6.2.4 absolute hard fixes */
.stitchsense-hub-pro .ss-composer-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
}

.stitchsense-hub-pro .ss-composer-actions .ss-round-action,
.stitchsense-hub-pro .ss-composer-actions button[data-ss-send],
.stitchsense-hub-pro .ss-composer-actions button[data-ss-open-upload],
.stitchsense-hub-pro button.ss-plus-action,
.stitchsense-hub-pro button.ss-go-action {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 9999px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: hidden !important;
}

.stitchsense-hub-pro button.ss-plus-action {
  font-size:1.5625rem !important;
}

.stitchsense-hub-pro button.ss-go-action {
  font-size:0.75rem !important;
}

.stitchsense-hub-pro .ss-upload-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
}

.stitchsense-hub-pro .ss-upload-modal:not([hidden]) {
  display: grid !important;
  place-items: center !important;
}

.stitchsense-hub-pro .ss-upload-modal[hidden] {
  display: none !important;
}

.stitchsense-hub-pro .ss-file-drop,
.stitchsense-hub-pro .ss-file-drop * {
  pointer-events: auto !important;
}

/* v6.2.5 final button backup */
.stitchsense-hub-pro .ss-final-actions .ss-final-circle{width:42px!important;height:42px!important;border-radius:50%!important;min-width:42px!important;max-width:42px!important;padding:0!important;}


/* v6.3.0 CSS-toggle upload and screenshot-matched round buttons */
.stitchsense-hub-pro .ss-composer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 94px!important;
  gap:26px!important;
  align-items:center!important;
}

.stitchsense-hub-pro .ss-final-actions{
  display:flex!important;
  flex-direction:row!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:94px!important;
  min-width:94px!important;
}

.stitchsense-hub-pro .ss-final-actions button,
.stitchsense-hub-pro .ss-final-actions label{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  border-radius:50%!important;
}

.stitchsense-hub-pro .ss-upload-toggle:not(:checked) + .ss-inline-upload-panel{
  display:none!important;
}

.stitchsense-hub-pro .ss-upload-toggle:checked + .ss-inline-upload-panel{
  display:block!important;
}

.stitchsense-hub-pro .ss-inline-upload-panel{
  grid-column:1 / -1;
  margin-top:16px;
  padding:18px;
  border-radius:26px;
  background:linear-gradient(135deg,#fffaf5 0%,#fff3e7 48%,#fff 100%);
  border:1px solid rgba(111,63,37,.16);
  box-shadow:0 18px 40px rgba(57,32,20,.10);
}

.stitchsense-hub-pro .ss-inline-upload-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:14px;
}

.stitchsense-hub-pro .ss-inline-upload-head h3{
  margin:0 0 6px;
  color:var(--ss-brown);
}

.stitchsense-hub-pro .ss-inline-upload-head p{
  margin:0;
  color:#755f55;
}

.stitchsense-hub-pro .ss-inline-upload-close{
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(111,63,37,.10);
  color:var(--ss-brown);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:1.5rem;
  line-height:1;
}

.stitchsense-hub-pro .ss-native-dropzone{
  min-height:210px;
  border:2px dashed rgba(111,63,37,.28);
  border-radius:26px;
  background:rgba(255,255,255,.78);
  display:grid;
  place-items:center;
  text-align:center;
  padding:26px;
  cursor:pointer;
  margin-top:14px;
}

.stitchsense-hub-pro .ss-native-dropzone input{
  display:none!important;
}

.stitchsense-hub-pro .ss-native-dropzone:hover,
.stitchsense-hub-pro .ss-native-dropzone.is-dragging{
  border-color:var(--ss-brown);
  background:#fff;
  box-shadow:0 16px 38px rgba(57,32,20,.10);
}

.stitchsense-hub-pro .ss-native-drop-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--ss-brown);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2rem;
  font-weight:900;
  margin-bottom:10px;
}

.stitchsense-hub-pro .ss-native-dropzone strong{
  color:var(--ss-brown);
  font-size:1.125rem;
}

.stitchsense-hub-pro .ss-native-dropzone em{
  color:#755f55;
  font-style:normal;
  font-size:0.8125rem;
}

.stitchsense-hub-pro .ss-native-upload-submit{
  width:100%;
  margin-top:14px;
  border:0;
  border-radius:999px;
  background:var(--ss-brown);
  color:#fff;
  font-family:inherit;
  font-weight:900;
  padding:13px 18px;
  cursor:pointer;
}

.stitchsense-hub-pro .ss-native-upload-submit:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.stitchsense-hub-pro .ss-native-upload-status{
  margin-top:14px;
  line-height:1.5;
}

.stitchsense-hub-pro .ss-native-upload-status.is-success,
.stitchsense-hub-pro .ss-native-upload-status.is-error{
  padding:14px;
  border-radius:18px;
  background:rgba(255,247,239,.88);
  border:1px solid rgba(111,63,37,.14);
}

.stitchsense-hub-pro .ss-native-upload-status.is-success b{color:#3f6f36;}
.stitchsense-hub-pro .ss-native-upload-status.is-error b{color:#8c2f24;}

@media(max-width:760px){
  .stitchsense-hub-pro .ss-composer{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .stitchsense-hub-pro .ss-final-actions{
    width:100%!important;
    justify-content:flex-end!important;
  }
}


/* v6.4.0 real Dropzone popup and screenshot buttons */
.stitchsense-hub-pro .ss-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 94px !important;
  gap: 26px !important;
  align-items: center !important;
}

.stitchsense-hub-pro .ss-final-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 94px !important;
  min-width: 94px !important;
}

.stitchsense-hub-pro .ss-final-actions button,
.stitchsense-hub-pro .ss-final-actions label {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.stitchsense-hub-pro .ss-real-dz-toggle:not(:checked) + .ss-real-dz-modal {
  display: none !important;
}

.stitchsense-hub-pro .ss-real-dz-toggle:checked + .ss-real-dz-modal {
  display: grid !important;
}

.stitchsense-hub-pro .ss-real-dz-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  place-items: center !important;
  padding: 22px !important;
}

.stitchsense-hub-pro .ss-real-dz-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(35, 22, 14, .58) !important;
  backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
}

.stitchsense-hub-pro .ss-real-dz-card {
  position: relative !important;
  width: min(720px, 100%) !important;
  max-height: calc(100vh - 44px) !important;
  overflow-y: auto !important;
  border-radius: 30px !important;
  background: linear-gradient(135deg, #fffaf5 0%, #fff3e7 48%, #fff 100%) !important;
  border: 1px solid rgba(111, 63, 37, .16) !important;
  box-shadow: 0 30px 80px rgba(30, 20, 12, .28) !important;
  padding: 26px !important;
}

.stitchsense-hub-pro .ss-real-dz-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(111, 63, 37, .10) !important;
  color: var(--ss-brown) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size:1.625rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.stitchsense-hub-pro .ss-real-dz-head h3 {
  margin: 0 42px 8px 0 !important;
  color: var(--ss-brown) !important;
}

.stitchsense-hub-pro .ss-real-dz-head p {
  margin: 0 0 16px !important;
  color: #755f55 !important;
  line-height: 1.55 !important;
}

.stitchsense-hub-pro .ss-real-dz-fields {
  display: grid !important;
  grid-template-columns: 1.4fr .6fr !important;
  gap: 14px !important;
  margin: 16px 0 !important;
}

.stitchsense-hub-pro .ss-real-dropzone.dropzone {
  min-height: 230px !important;
  border: 2px dashed rgba(111, 63, 37, .28) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, .78) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 26px !important;
  cursor: pointer !important;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.stitchsense-hub-pro .ss-real-dropzone.dropzone:hover,
.stitchsense-hub-pro .ss-real-dropzone.dropzone.dz-drag-hover {
  border-color: var(--ss-brown) !important;
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(57, 32, 20, .10) !important;
  transform: translateY(-1px) !important;
}

.stitchsense-hub-pro .ss-real-dropzone .dz-message {
  color: var(--ss-brown) !important;
  font-family: Comfortaa, sans-serif !important;
  font-weight: 900 !important;
  font-size:1.125rem !important;
  margin: 0 !important;
}

.stitchsense-hub-pro .ss-real-dropzone .dz-preview {
  font-family: Comfortaa, sans-serif !important;
}

.stitchsense-hub-pro .ss-real-dropzone .dz-progress .dz-upload {
  background: var(--ss-brown) !important;
}

.stitchsense-hub-pro .ss-real-dz-status {
  margin-top: 14px !important;
  line-height: 1.5 !important;
}

.stitchsense-hub-pro .ss-real-dz-status:empty {
  display: none !important;
}

.stitchsense-hub-pro .ss-real-dz-status.is-success,
.stitchsense-hub-pro .ss-real-dz-status.is-error {
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(255,247,239,.88) !important;
  border: 1px solid rgba(111,63,37,.14) !important;
}

.stitchsense-hub-pro .ss-real-dz-status.is-success b {
  color: #3f6f36 !important;
}

.stitchsense-hub-pro .ss-real-dz-status.is-error b {
  color: #8c2f24 !important;
}

@media (max-width: 760px) {
  .stitchsense-hub-pro .ss-composer {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .stitchsense-hub-pro .ss-final-actions {
    width: 100% !important;
    justify-content: flex-end !important;
  }

  .stitchsense-hub-pro .ss-real-dz-fields {
    grid-template-columns: 1fr !important;
  }
}


/* v6.4.1 direct button modal */
.stitchsense-hub-pro .ss-real-dz-modal[hidden] {
  display: none !important;
}

.stitchsense-hub-pro .ss-real-dz-modal.is-open {
  display: grid !important;
}

.stitchsense-hub-pro .ss-real-dz-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  place-items: center !important;
  padding: 22px !important;
}

.stitchsense-hub-pro .ss-real-dz-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(35, 22, 14, .58) !important;
  backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
}


/* v6.5.0 FilePond upload implementation */
.stitchsense-hub-pro .ss-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 94px !important;
  gap: 26px !important;
  align-items: center !important;
}

.stitchsense-hub-pro .ss-final-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 94px !important;
  min-width: 94px !important;
}

.stitchsense-hub-pro .ss-final-actions button,
.stitchsense-hub-pro .ss-final-actions label {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.stitchsense-hub-pro .ss-filepond-toggle:not(:checked) + .ss-filepond-modal {
  display: none !important;
}

.stitchsense-hub-pro .ss-filepond-toggle:checked + .ss-filepond-modal {
  display: grid !important;
}

.stitchsense-hub-pro .ss-filepond-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  place-items: center !important;
  padding: 22px !important;
}

.stitchsense-hub-pro .ss-filepond-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(35, 22, 14, .58) !important;
  backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
}

.stitchsense-hub-pro .ss-filepond-card {
  position: relative !important;
  width: min(720px, 100%) !important;
  max-height: calc(100vh - 44px) !important;
  overflow-y: auto !important;
  border-radius: 30px !important;
  background: linear-gradient(135deg, #fffaf5 0%, #fff3e7 48%, #fff 100%) !important;
  border: 1px solid rgba(111, 63, 37, .16) !important;
  box-shadow: 0 30px 80px rgba(30, 20, 12, .28) !important;
  padding: 26px !important;
}

.stitchsense-hub-pro .ss-filepond-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(111, 63, 37, .10) !important;
  color: var(--ss-brown) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size:1.625rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.stitchsense-hub-pro .ss-filepond-head h3 {
  margin: 0 42px 8px 0 !important;
  color: var(--ss-brown) !important;
}

.stitchsense-hub-pro .ss-filepond-head p {
  margin: 0 0 16px !important;
  color: #755f55 !important;
  line-height: 1.55 !important;
}

.stitchsense-hub-pro .ss-filepond-fields {
  display: grid !important;
  grid-template-columns: 1.4fr .6fr !important;
  gap: 14px !important;
  margin: 16px 0 !important;
}

.stitchsense-hub-pro .filepond--root {
  font-family: Comfortaa, sans-serif !important;
  margin-bottom: 0 !important;
}

.stitchsense-hub-pro .filepond--panel-root {
  background: rgba(255, 255, 255, .82) !important;
  border: 2px dashed rgba(111, 63, 37, .28) !important;
  border-radius: 26px !important;
}

.stitchsense-hub-pro .filepond--drop-label {
  color: var(--ss-brown) !important;
  font-weight: 800 !important;
}

.stitchsense-hub-pro .filepond--label-action {
  color: var(--ss-brown) !important;
  text-decoration-color: var(--ss-brown) !important;
}

.stitchsense-hub-pro .filepond--item-panel {
  background: var(--ss-brown) !important;
}

.stitchsense-hub-pro .filepond--file-action-button {
  background: rgba(255,255,255,.25) !important;
  color: #fff !important;
}

.stitchsense-hub-pro .ss-filepond-status {
  margin-top: 14px !important;
  line-height: 1.5 !important;
}

.stitchsense-hub-pro .ss-filepond-status:empty {
  display: none !important;
}

.stitchsense-hub-pro .ss-filepond-status.is-success,
.stitchsense-hub-pro .ss-filepond-status.is-error {
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(255,247,239,.88) !important;
  border: 1px solid rgba(111,63,37,.14) !important;
}

.stitchsense-hub-pro .ss-filepond-status.is-success b {
  color: #3f6f36 !important;
}

.stitchsense-hub-pro .ss-filepond-status.is-error b {
  color: #8c2f24 !important;
}

@media (max-width: 760px) {
  .stitchsense-hub-pro .ss-composer {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .stitchsense-hub-pro .ss-final-actions {
    width: 100% !important;
    justify-content: flex-end !important;
  }

  .stitchsense-hub-pro .ss-filepond-fields {
    grid-template-columns: 1fr !important;
  }
}


/* v6.6.0 bulletproof FilePond modal */
.stitchsense-hub-pro .ss-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 94px !important;
  gap: 26px !important;
  align-items: center !important;
}

.stitchsense-hub-pro .ss-final-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 94px !important;
  min-width: 94px !important;
}

.stitchsense-hub-pro .ss-final-actions button,
.stitchsense-hub-pro .ss-final-actions label {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.ss-bulletproof-upload-modal[hidden] {
  display: none !important;
}

.ss-bulletproof-upload-modal.is-open {
  display: grid !important;
}

.ss-bulletproof-upload-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  place-items: center !important;
  padding: 22px !important;
}

.ss-bulletproof-upload-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(35, 22, 14, .58) !important;
  backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
}

.ss-bulletproof-upload-card {
  position: relative !important;
  width: min(720px, 100%) !important;
  max-height: calc(100vh - 44px) !important;
  overflow-y: auto !important;
  border-radius: 30px !important;
  background: linear-gradient(135deg, #fffaf5 0%, #fff3e7 48%, #fff 100%) !important;
  border: 1px solid rgba(111, 63, 37, .16) !important;
  box-shadow: 0 30px 80px rgba(30, 20, 12, .28) !important;
  padding: 26px !important;
  font-family: Comfortaa, sans-serif !important;
}

.ss-bulletproof-upload-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(111, 63, 37, .10) !important;
  color: #6f3f25 !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size:1.625rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.ss-bulletproof-upload-head h3 {
  margin: 0 42px 8px 0 !important;
  color: #6f3f25 !important;
}

.ss-bulletproof-upload-head p {
  margin: 0 0 16px !important;
  color: #755f55 !important;
  line-height: 1.55 !important;
}

.ss-bulletproof-upload-fields {
  display: grid !important;
  grid-template-columns: 1.4fr .6fr !important;
  gap: 14px !important;
  margin: 16px 0 !important;
}

.ss-bulletproof-upload-fields label {
  display: grid !important;
  gap: 7px !important;
  font-weight: 800 !important;
  color: #6f3f25 !important;
}

.ss-bulletproof-upload-fields input,
.ss-bulletproof-upload-fields select {
  border: 1px solid rgba(111,63,37,.18) !important;
  border-radius: 16px !important;
  background: #fff !important;
  padding: 12px 13px !important;
  font-family: Comfortaa, sans-serif !important;
}

.ss-bulletproof-upload-card .filepond--root {
  font-family: Comfortaa, sans-serif !important;
}

.ss-bulletproof-upload-card .filepond--panel-root {
  background: rgba(255,255,255,.84) !important;
  border: 2px dashed rgba(111,63,37,.28) !important;
  border-radius: 26px !important;
}

.ss-bulletproof-upload-card .filepond--drop-label {
  color: #6f3f25 !important;
  font-weight: 900 !important;
}

.ss-bulletproof-upload-card .filepond--label-action {
  color: #6f3f25 !important;
  text-decoration-color: #6f3f25 !important;
}

.ss-bulletproof-upload-card .filepond--item-panel {
  background: #9a5d36 !important;
}

.ss-bulletproof-upload-status {
  margin-top: 14px !important;
  line-height: 1.5 !important;
}

.ss-bulletproof-upload-status:empty {
  display: none !important;
}

.ss-bulletproof-upload-status.is-success,
.ss-bulletproof-upload-status.is-error {
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(255,247,239,.88) !important;
  border: 1px solid rgba(111,63,37,.14) !important;
}

.ss-bulletproof-upload-status.is-success b {
  color: #3f6f36 !important;
}

.ss-bulletproof-upload-status.is-error b {
  color: #8c2f24 !important;
}

@media (max-width: 760px) {
  .stitchsense-hub-pro .ss-composer {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .stitchsense-hub-pro .ss-final-actions {
    width: 100% !important;
    justify-content: flex-end !important;
  }

  .ss-bulletproof-upload-fields {
    grid-template-columns: 1fr !important;
  }
}


/* v7 clean popup and exact round buttons */
.stitchsense-hub-pro .ss-composer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 94px!important;
  gap:26px!important;
  align-items:center!important;
}
.stitchsense-hub-pro .ss-v7-actions{
  display:flex!important;
  flex-direction:row!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:94px!important;
  min-width:94px!important;
}
.stitchsense-hub-pro .ss-v7-round{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.ss-v7-modal[hidden]{display:none!important;}
.ss-v7-modal.is-open{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
}
.ss-v7-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(35,22,14,.58)!important;
  backdrop-filter:blur(8px)!important;
}
.ss-v7-card{
  position:relative!important;
  width:min(720px,100%)!important;
  max-height:calc(100vh - 44px)!important;
  overflow-y:auto!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#fffaf5 0%,#fff3e7 48%,#fff 100%)!important;
  border:1px solid rgba(111,63,37,.16)!important;
  box-shadow:0 30px 80px rgba(30,20,12,.28)!important;
  padding:26px!important;
  font-family:Comfortaa,sans-serif!important;
}
.ss-v7-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  border:0!important;
  background:rgba(111,63,37,.10)!important;
  color:#6f3f25!important;
  font-size:1.625rem!important;
  cursor:pointer!important;
}
.ss-v7-card h3{margin:0 42px 8px 0!important;color:#6f3f25!important;}
.ss-v7-card p{margin:0 0 16px!important;color:#755f55!important;}
.ss-v7-fields{display:grid!important;grid-template-columns:1.4fr .6fr!important;gap:14px!important;margin:16px 0!important;}
.ss-v7-fields label{display:grid!important;gap:7px!important;font-weight:800!important;color:#6f3f25!important;}
.ss-v7-fields input,.ss-v7-fields select{border:1px solid rgba(111,63,37,.18)!important;border-radius:16px!important;background:#fff!important;padding:12px 13px!important;font-family:Comfortaa,sans-serif!important;}
.ss-v7-card .filepond--root{font-family:Comfortaa,sans-serif!important;}
.ss-v7-card .filepond--panel-root{background:rgba(255,255,255,.84)!important;border:2px dashed rgba(111,63,37,.28)!important;border-radius:26px!important;}
.ss-v7-card .filepond--drop-label{color:#6f3f25!important;font-weight:900!important;}
.ss-v7-card .filepond--item-panel{background:#9a5d36!important;}
.ss-v7-status{margin-top:14px!important;line-height:1.5!important;}
.ss-v7-status:empty{display:none!important;}
.ss-v7-status.is-success,.ss-v7-status.is-error{padding:14px!important;border-radius:18px!important;background:rgba(255,247,239,.88)!important;border:1px solid rgba(111,63,37,.14)!important;}
.ss-v7-status.is-success b{color:#3f6f36!important;}
.ss-v7-status.is-error b{color:#8c2f24!important;}
@media(max-width:760px){
  .stitchsense-hub-pro .ss-composer{grid-template-columns:1fr!important;gap:12px!important;}
  .stitchsense-hub-pro .ss-v7-actions{width:100%!important;justify-content:flex-end!important;}
  .ss-v7-fields{grid-template-columns:1fr!important;}
}


/* v7.0.1 popup test only */
.ss-v7-test-modal[hidden] {
  display: none !important;
}

.ss-v7-test-modal.is-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

.ss-v7-test-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(35,22,14,.58) !important;
  backdrop-filter: blur(8px) !important;
}

.ss-v7-test-card {
  position: relative !important;
  width: min(560px, 100%) !important;
  border-radius: 30px !important;
  background: linear-gradient(135deg,#fffaf5 0%,#fff3e7 48%,#fff 100%) !important;
  border: 1px solid rgba(111,63,37,.16) !important;
  box-shadow: 0 30px 80px rgba(30,20,12,.28) !important;
  padding: 28px !important;
  font-family: Comfortaa, sans-serif !important;
}

.ss-v7-test-card h3 {
  margin: 0 42px 8px 0 !important;
  color: #6f3f25 !important;
}

.ss-v7-test-card p {
  margin: 0 0 18px !important;
  color: #755f55 !important;
  line-height: 1.55 !important;
}

.ss-v7-test-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: rgba(111,63,37,.10) !important;
  color: #6f3f25 !important;
  font-size:1.625rem !important;
  cursor: pointer !important;
}

.ss-v7-test-button {
  border: 0 !important;
  border-radius: 999px !important;
  background: #9a5d36 !important;
  color: #fff !important;
  font-family: Comfortaa, sans-serif !important;
  font-weight: 800 !important;
  padding: 12px 18px !important;
  cursor: pointer !important;
}


/* v7.0.2 no-JS anchor modal test */
.stitchsense-hub-pro .ss-composer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 94px!important;
  gap:26px!important;
  align-items:center!important;
}

.stitchsense-hub-pro .ss-v7-actions{
  display:flex!important;
  flex-direction:row!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:94px!important;
  min-width:94px!important;
}

.stitchsense-hub-pro .ss-v7-round{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

.ss-anchor-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:2147483647;
  place-items:center;
  padding:22px;
}

.ss-anchor-modal:target{
  display:grid!important;
}

.ss-anchor-backdrop{
  position:absolute;
  inset:0;
  background:rgba(35,22,14,.58);
  backdrop-filter:blur(8px);
  display:block;
}

.ss-anchor-card{
  position:relative;
  width:min(560px,100%);
  border-radius:30px;
  background:linear-gradient(135deg,#fffaf5 0%,#fff3e7 48%,#fff 100%);
  border:1px solid rgba(111,63,37,.16);
  box-shadow:0 30px 80px rgba(30,20,12,.28);
  padding:28px;
  font-family:Comfortaa,sans-serif;
}

.ss-anchor-card h3{
  margin:0 42px 8px 0;
  color:#6f3f25;
}

.ss-anchor-card p{
  margin:0 0 14px;
  color:#755f55;
  line-height:1.55;
}

.ss-anchor-close{
  position:absolute;
  top:16px;
  right:16px;
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(111,63,37,.10);
  color:#6f3f25;
  font-size:1.625rem;
  line-height:38px;
  text-align:center;
  text-decoration:none!important;
}

.ss-anchor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#9a5d36;
  color:#fff!important;
  font-weight:800;
  padding:12px 18px;
  text-decoration:none!important;
  margin-top:6px;
}

@media(max-width:760px){
  .stitchsense-hub-pro .ss-composer{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .stitchsense-hub-pro .ss-v7-actions{
    width:100%!important;
    justify-content:flex-end!important;
  }
}


/* v7.1.0 inline upload canvas */
.stitchsense-hub-pro .ss-composer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 94px!important;
  gap:26px!important;
  align-items:center!important;
}

.stitchsense-hub-pro .ss-v71-actions{
  display:flex!important;
  flex-direction:row!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:94px!important;
  min-width:94px!important;
}

.stitchsense-hub-pro .ss-v71-round{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

.stitchsense-hub-pro .ss-upload-canvas[hidden]{
  display:none!important;
}

.stitchsense-hub-pro .ss-upload-canvas{
  grid-column:1 / -1;
  margin-top:16px;
  padding:20px;
  border-radius:28px;
  background:linear-gradient(135deg,#fffaf5 0%,#fff3e7 48%,#fff 100%);
  border:1px solid rgba(111,63,37,.16);
  box-shadow:0 18px 44px rgba(57,32,20,.10);
}

.stitchsense-hub-pro .ss-upload-canvas-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:16px;
}

.stitchsense-hub-pro .ss-upload-canvas-head h3{
  margin:0 0 6px;
  color:var(--ss-brown);
}

.stitchsense-hub-pro .ss-upload-canvas-head p{
  margin:0;
  color:#755f55;
  line-height:1.5;
}

.stitchsense-hub-pro .ss-upload-canvas-close{
  width:36px;
  height:36px;
  border-radius:50%;
  border:0;
  background:rgba(111,63,37,.10);
  color:var(--ss-brown);
  font-size:1.5rem;
  line-height:1;
  cursor:pointer;
}

.stitchsense-hub-pro .ss-upload-canvas-fields{
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:14px;
  margin-bottom:16px;
}

.stitchsense-hub-pro .ss-upload-canvas-fields label{
  display:grid;
  gap:7px;
  color:var(--ss-brown);
  font-weight:800;
}

.stitchsense-hub-pro .ss-upload-canvas-fields input,
.stitchsense-hub-pro .ss-upload-canvas-fields select{
  border:1px solid rgba(111,63,37,.18);
  border-radius:16px;
  background:#fff;
  padding:12px 13px;
  font-family:Comfortaa,sans-serif;
}

.stitchsense-hub-pro .ss-upload-canvas .filepond--root{
  font-family:Comfortaa,sans-serif!important;
  margin-bottom:0!important;
}

.stitchsense-hub-pro .ss-upload-canvas .filepond--panel-root{
  background:rgba(255,255,255,.84)!important;
  border:2px dashed rgba(111,63,37,.28)!important;
  border-radius:26px!important;
}

.stitchsense-hub-pro .ss-upload-canvas .filepond--drop-label{
  color:var(--ss-brown)!important;
  font-weight:900!important;
}

.stitchsense-hub-pro .ss-upload-canvas .filepond--label-action{
  color:var(--ss-brown)!important;
  text-decoration-color:var(--ss-brown)!important;
}

.stitchsense-hub-pro .ss-upload-canvas .filepond--item-panel{
  background:#9a5d36!important;
}

.stitchsense-hub-pro .ss-upload-canvas-status{
  margin-top:14px;
  line-height:1.5;
}

.stitchsense-hub-pro .ss-upload-canvas-status:empty{
  display:none;
}

.stitchsense-hub-pro .ss-upload-canvas-status.is-success,
.stitchsense-hub-pro .ss-upload-canvas-status.is-error{
  padding:14px;
  border-radius:18px;
  background:rgba(255,247,239,.88);
  border:1px solid rgba(111,63,37,.14);
}

.stitchsense-hub-pro .ss-upload-canvas-status.is-success b{color:#3f6f36;}
.stitchsense-hub-pro .ss-upload-canvas-status.is-error b{color:#8c2f24;}

@media(max-width:760px){
  .stitchsense-hub-pro .ss-composer{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .stitchsense-hub-pro .ss-v71-actions{
    width:100%!important;
    justify-content:flex-end!important;
  }

  .stitchsense-hub-pro .ss-upload-canvas-fields{
    grid-template-columns:1fr;
  }
}

/* StitchSense v7.1.1 webhook-v3 patch */

/* StitchSense v7.1.2 chat-v3 hybrid RAG patch */

/* StitchSense v7.1.3 chat-v31 sequential hybrid RAG patch */

/* StitchSense v7.1.4 chat-v32 robust answer extraction patch */


/* v7.1.5 minimal upload UI */
.stitchsense-hub-pro .ss-upload-canvas {
  grid-column: 1 / -1 !important;
  margin-top: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.stitchsense-hub-pro .ss-upload-canvas-head,
.stitchsense-hub-pro .ss-upload-canvas-fields,
.stitchsense-hub-pro .ss-bulletproof-upload-head,
.stitchsense-hub-pro .ss-bulletproof-upload-fields,
.stitchsense-hub-pro .ss-filepond-head,
.stitchsense-hub-pro .ss-filepond-fields,
.stitchsense-hub-pro .filepond--credits {
  display: none !important;
}

.stitchsense-hub-pro .ss-upload-canvas .filepond--root {
  margin: 0 !important;
  font-family: Comfortaa, sans-serif !important;
}

.stitchsense-hub-pro .ss-upload-canvas .filepond--drop-label {
  min-height: 120px !important;
  color: var(--ss-brown) !important;
  font-weight: 900 !important;
  font-size:0.9375rem !important;
}

.stitchsense-hub-pro .ss-upload-canvas .filepond--label-action {
  color: var(--ss-brown) !important;
  text-decoration-color: var(--ss-brown) !important;
  font-weight: 900 !important;
}

.stitchsense-hub-pro .ss-upload-canvas .filepond--panel-root {
  background: rgba(255,255,255,.86) !important;
  border: 2px dashed rgba(111,63,37,.28) !important;
  border-radius: 22px !important;
}

.stitchsense-hub-pro .ss-upload-canvas .filepond--item-panel {
  background: #9a5d36 !important;
}

.stitchsense-hub-pro .ss-upload-canvas-status {
  margin-top: 10px !important;
  font-size:0.8125rem !important;
}

.stitchsense-hub-pro .ss-upload-canvas-status:empty {
  display: none !important;
}


/* v7.1.6 UI tidy */
.stitchsense-hub-pro .ss-smart-shortcuts-title,
.stitchsense-hub-pro .ss-shortcuts-title,
.stitchsense-hub-pro [data-ss-smart-shortcuts-title]{
  display:none !important;
}

.stitchsense-hub-pro .ss-shortcuts-subtitle,
.stitchsense-hub-pro [data-ss-shortcuts-subtitle]{
  font-size:0.875rem !important;
  line-height:1.4 !important;
}

/* StitchSense v7.1.7 fixed chat endpoint to pattern-helper-chat */

/* StitchSense v7.1.8 safe JSON response handling - valid package */

/* StitchSense v7.1.9 uploaded pattern focus and summary */

/* v7.2.4 Stitch Dictionary redesign */
.stitchsense-hub-pro .ss-dict-page {
  display: grid;
  gap: 18px;
}

.stitchsense-hub-pro .ss-dict-hero {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 4px 2px 2px;
}

.stitchsense-hub-pro .ss-dict-hero-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-size:1.875rem;
  background: linear-gradient(135deg, rgba(178, 118, 74, .18), rgba(255, 247, 239, .92));
  border: 1px solid rgba(111, 63, 37, .13);
  box-shadow: 0 12px 28px rgba(57, 32, 20, .08);
}

.stitchsense-hub-pro .ss-dict-hero h3 {
  margin: 0 0 4px;
  color: var(--ss-brown-dark);
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.05;
}

.stitchsense-hub-pro .ss-dict-hero p {
  margin: 0;
  color: var(--ss-muted);
}

.stitchsense-hub-pro .ss-dict-layout {
  display: grid;
  grid-template-columns: minmax(260px, 330px) 1fr;
  gap: 18px;
  align-items: start;
}

.stitchsense-hub-pro .ss-dict-sidebar,
.stitchsense-hub-pro .ss-dict-results {
  border: 1px solid rgba(111, 63, 37, .14);
  border-radius: 24px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 48px rgba(57, 32, 20, .08);
}

.stitchsense-hub-pro .ss-dict-sidebar {
  padding: 16px;
  position: sticky;
  top: 16px;
}

.stitchsense-hub-pro .ss-dict-results {
  padding: 18px;
  min-width: 0;
}

.stitchsense-hub-pro .ss-dict-toggle {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 4px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(111, 63, 37, .14);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
}

.stitchsense-hub-pro .ss-dict-toggle button {
  border: 0;
  background: transparent;
  color: var(--ss-ink);
  border-radius: 13px;
  padding: 12px 10px;
  font-size:0.8125rem;
  font-weight: 900;
}

.stitchsense-hub-pro .ss-dict-toggle button.is-active {
  background: linear-gradient(135deg, var(--ss-brown), var(--ss-coral));
  color: #fff;
  box-shadow: 0 10px 20px rgba(111, 63, 37, .22);
}

.stitchsense-hub-pro .ss-dict-field {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  color: var(--ss-ink);
  font-weight: 900;
}

.stitchsense-hub-pro .ss-dict-field span {
  font-size:0.8125rem;
}

.stitchsense-hub-pro .ss-dict-field .ss-search,
.stitchsense-hub-pro .ss-dict-select {
  width: 100%;
  border: 1px solid rgba(111, 63, 37, .18);
  border-radius: 14px;
  background: #fff;
  min-height: 48px;
  padding: 0 14px;
  color: var(--ss-ink);
  font-family: inherit;
  font-size:0.875rem;
  box-shadow: 0 8px 22px rgba(57, 32, 20, .04);
}

.stitchsense-hub-pro .ss-dict-tip {
  margin-top: 18px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(178, 118, 74, .18);
  background: linear-gradient(135deg, rgba(255,247,239,.98), rgba(178,118,74,.10));
}

.stitchsense-hub-pro .ss-dict-tip b {
  display: block;
  color: var(--ss-brown);
  margin-bottom: 7px;
  font-size:0.9375rem;
}

.stitchsense-hub-pro .ss-dict-tip p {
  margin: 0;
  color: var(--ss-muted);
  font-size:0.8125rem;
  line-height: 1.55;
}

.stitchsense-hub-pro .ss-dict-category-list {
  display: grid;
  gap: 7px;
  margin-top: 18px;
  max-height: 330px;
  overflow: auto;
  padding-right: 4px;
}

.stitchsense-hub-pro .ss-dict-category-list button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  border: 0;
  border-radius: 13px;
  background: transparent;
  color: var(--ss-ink);
  padding: 8px 8px;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.stitchsense-hub-pro .ss-dict-category-list button:hover,
.stitchsense-hub-pro .ss-dict-category-list button.is-active {
  background: rgba(178, 118, 74, .10);
}

.stitchsense-hub-pro .ss-dict-category-list span {
  font-size:0.8125rem;
  font-weight: 700;
}

.stitchsense-hub-pro .ss-dict-category-list b,
.stitchsense-hub-pro .ss-dict-total b {
  min-width: 34px;
  text-align: center;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(111, 63, 37, .09);
  color: var(--ss-brown);
  font-size:0.75rem;
}

.stitchsense-hub-pro .ss-dict-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(111, 63, 37, .12);
  font-weight: 900;
}

.stitchsense-hub-pro .ss-dict-results-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 16px;
}

.stitchsense-hub-pro .ss-dict-results-head h4 {
  margin: 0 0 4px;
  color: var(--ss-brown-dark);
  font-size:1.5rem;
}

.stitchsense-hub-pro .ss-dict-results-head p {
  margin: 0;
  color: var(--ss-muted);
  font-size:0.8125rem;
}

.stitchsense-hub-pro .ss-dict-sort-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  color: var(--ss-muted);
  font-size:0.8125rem;
}

.stitchsense-hub-pro .ss-dict-sort-wrap .ss-dict-select {
  width: 130px;
  min-height: 42px;
}

.stitchsense-hub-pro .ss-dictionary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 0;
}

.stitchsense-hub-pro .ss-dict-item {
  display: block;
  border: 1px solid rgba(111, 63, 37, .13);
  border-radius: 20px;
  padding: 16px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,247,239,.72));
  box-shadow: 0 12px 32px rgba(57, 32, 20, .07);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  min-width: 0;
}

.stitchsense-hub-pro .ss-dict-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(57, 32, 20, .11);
  border-color: rgba(111, 63, 37, .24);
}

.stitchsense-hub-pro .ss-dict-card-head {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 12px;
  align-items: start;
  margin-bottom: 14px;
}

.stitchsense-hub-pro .ss-stitch-visual {
  width: 60px;
  min-height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(178,118,74,.18), rgba(255,247,239,.95));
  color: var(--ss-brown);
  font-weight: 900;
  font-size:1.25rem;
  line-height: 1.1;
  text-align: center;
  padding: 6px;
  overflow: hidden;
}

.stitchsense-hub-pro .ss-dict-title b {
  display: block;
  margin: 2px 0 6px;
  color: var(--ss-brown-dark);
  font-size:1rem;
  line-height: 1.25;
}

.stitchsense-hub-pro .ss-dict-title span {
  display: block;
  color: var(--ss-ink);
  font-size:0.8125rem;
  line-height: 1.5;
}

.stitchsense-hub-pro .ss-dict-facts {
  display: grid;
  border-top: 1px solid rgba(111, 63, 37, .10);
}

.stitchsense-hub-pro .ss-dict-facts div {
  display: grid;
  grid-template-columns: 24px minmax(72px, auto) 1fr;
  gap: 7px;
  align-items: start;
  padding: 8px 0;
  border-bottom: 1px solid rgba(111, 63, 37, .09);
  font-size:0.75rem;
  line-height: 1.35;
}

.stitchsense-hub-pro .ss-dict-facts i {
  font-style: normal;
  line-height: 1;
}

.stitchsense-hub-pro .ss-dict-facts strong {
  color: var(--ss-brown-dark);
  font-weight: 900;
}

.stitchsense-hub-pro .ss-dict-facts span {
  color: var(--ss-ink);
}

.stitchsense-hub-pro .ss-dict-facts .ss-dict-note span {
  color: var(--ss-brown);
}

.stitchsense-hub-pro .ss-dict-item em {
  display: inline-flex;
  margin-top: 10px;
  font-style: normal;
  font-size:0.6875rem;
  font-weight: 900;
  color: var(--ss-brown);
  background: rgba(111, 63, 37, .08);
  padding: 5px 9px;
  border-radius: 999px;
}

@media (max-width: 1100px) {
  .stitchsense-hub-pro .ss-dict-layout {
    grid-template-columns: 1fr;
  }
  .stitchsense-hub-pro .ss-dict-sidebar {
    position: static;
  }
  .stitchsense-hub-pro .ss-dictionary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .stitchsense-hub-pro .ss-dict-results-head,
  .stitchsense-hub-pro .ss-dict-hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .stitchsense-hub-pro .ss-dict-sort-wrap {
    width: 100%;
    justify-content: space-between;
  }
  .stitchsense-hub-pro .ss-dict-sort-wrap .ss-dict-select,
  .stitchsense-hub-pro .ss-dictionary {
    width: 100%;
  }
  .stitchsense-hub-pro .ss-dictionary {
    grid-template-columns: 1fr;
  }
  .stitchsense-hub-pro .ss-dict-toggle {
    grid-template-columns: 1fr;
  }
}

/* v7.2.5 Stitch Dictionary clean card refresh */
.stitchsense-hub-pro,
.stitchsense-hub-pro .ss-shell,
.stitchsense-hub-pro .ss-main,
.stitchsense-hub-pro .ss-panel,
.stitchsense-hub-pro .ss-dict-page,
.stitchsense-hub-pro .ss-dict-sidebar,
.stitchsense-hub-pro .ss-dict-results {
  background: #fffefe !important;
}

.stitchsense-hub-pro .ss-dict-page {
  gap: 16px;
}

.stitchsense-hub-pro .ss-dict-hero {
  display: block;
  padding: 0;
}

.stitchsense-hub-pro .ss-dict-hero-icon,
.stitchsense-hub-pro .ss-dict-hero .ss-section-kicker,
.stitchsense-hub-pro .ss-dict-field span,
.stitchsense-hub-pro .ss-dict-field:has(select),
.stitchsense-hub-pro .ss-dict-tip,
.stitchsense-hub-pro .ss-dict-total,
.stitchsense-hub-pro .ss-dict-sort-wrap,
.stitchsense-hub-pro .ss-dict-results-head p {
  display: none !important;
}

.stitchsense-hub-pro .ss-dict-hero h3 {
  font-size:1.375rem;
  line-height: 1.2;
  margin: 0 0 8px;
  color: var(--ss-brown-dark);
}

.stitchsense-hub-pro .ss-dict-hero p {
  max-width: none;
  font-size:0.9375rem;
  color: var(--ss-ink);
}

.stitchsense-hub-pro .ss-dict-layout {
  display: block !important;
}

.stitchsense-hub-pro .ss-dict-sidebar,
.stitchsense-hub-pro .ss-dict-results {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.stitchsense-hub-pro .ss-dict-toggle {
  display: flex;
  justify-content: center;
  gap: 8px;
  max-width: 410px;
  margin: 12px auto 12px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.stitchsense-hub-pro .ss-dict-toggle button,
.stitchsense-hub-pro .ss-dict-category-list button {
  width: auto;
  border-radius: 4px;
  background: var(--ss-taupe);
  color: #fff;
  padding: 8px 14px;
  min-height: 0;
  font-size:0.6875rem;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 900;
  box-shadow: none;
}

.stitchsense-hub-pro .ss-dict-toggle button.is-active,
.stitchsense-hub-pro .ss-dict-category-list button.is-active,
.stitchsense-hub-pro .ss-dict-category-list button:hover {
  background: linear-gradient(135deg, var(--ss-brown), var(--ss-coral));
  color: #fff;
  box-shadow: none;
}

.stitchsense-hub-pro .ss-dict-field {
  margin-top: 8px;
}

.stitchsense-hub-pro .ss-dict-field .ss-search {
  border-radius: 0;
  min-height: 42px;
  box-shadow: none;
  border: 1px solid rgba(111,63,37,.18);
  padding: 0 18px;
}

.stitchsense-hub-pro .ss-dict-category-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 16px auto 10px;
  max-height: none;
  overflow: visible;
  padding: 0;
  border-top: 1px solid rgba(111,63,37,.10);
  padding-top: 16px;
}

.stitchsense-hub-pro .ss-dict-category-list button {
  justify-content: center;
  gap: 2px;
  text-align: center;
}

.stitchsense-hub-pro .ss-dict-category-list b {
  min-width: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
}

.stitchsense-hub-pro .ss-dict-category-list span {
  font-size: inherit;
  font-weight: inherit;
}

.stitchsense-hub-pro .ss-dict-results-head {
  margin: 14px 0 18px;
  display: block;
}

.stitchsense-hub-pro .ss-dict-results-head h4 {
  font-size:1.25rem;
  margin: 0;
  color: var(--ss-brown-dark);
}

.stitchsense-hub-pro .ss-dictionary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.stitchsense-hub-pro .ss-dict-item {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 188px;
  border-radius: 14px;
  padding: 12px 14px 14px;
  background: #fff !important;
  border: 1px solid rgba(111,63,37,.12);
  box-shadow: 0 8px 24px rgba(57,32,20,.08);
}

.stitchsense-hub-pro .ss-dict-card-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 24px;
  margin-bottom: 10px;
}

.stitchsense-hub-pro .ss-stitch-lozenge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-width: 44px;
  min-height: 22px;
  padding: 4px 10px;
  border-radius: 7px;
  background: var(--ss-taupe);
  color: #fff;
  font-size:0.75rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .02em;
}

.stitchsense-hub-pro .ss-stitch-symbol {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px;
  color: #111;
  font-size:1.5625rem;
  line-height: 1;
  letter-spacing: .10em;
  font-weight: 400;
}

.stitchsense-hub-pro .ss-dict-title b {
  margin: 0 0 7px;
  color: var(--ss-ink);
  font-size:0.9375rem;
  line-height: 1.25;
}

.stitchsense-hub-pro .ss-dict-title span {
  font-size:0.8125rem;
  line-height: 1.25;
  color: var(--ss-ink);
}

.stitchsense-hub-pro .ss-dict-facts {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(111,63,37,.08);
}

.stitchsense-hub-pro .ss-dict-facts div {
  grid-template-columns: 18px auto 1fr;
  gap: 2px;
  padding: 2px 0;
  border: 0;
  font-size:0.8125rem;
  line-height: 1.12;
}

.stitchsense-hub-pro .ss-dict-facts i {
  width: 18px;
}

.stitchsense-hub-pro .ss-dict-facts strong {
  color: var(--ss-ink);
  font-weight: 800;
  margin-right: 3px;
}

.stitchsense-hub-pro .ss-dict-facts span {
  color: var(--ss-ink);
}

.stitchsense-hub-pro .ss-dict-item em,
.stitchsense-hub-pro .ss-dict-card-head,
.stitchsense-hub-pro .ss-stitch-visual {
  display: none !important;
}

@media (max-width: 1180px) {
  .stitchsense-hub-pro .ss-dictionary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .stitchsense-hub-pro .ss-dictionary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .stitchsense-hub-pro .ss-dictionary {
    grid-template-columns: 1fr;
  }
}


/* v7.2.6 FINAL clean Stitch Dictionary rebuild - requested compact card layout */
.stitchsense-hub-pro,
.stitchsense-hub-pro * {
  box-sizing: border-box;
}

.stitchsense-hub-pro,
.stitchsense-hub-pro .ss-shell,
.stitchsense-hub-pro .ss-main,
.stitchsense-hub-pro .ss-panel,
.stitchsense-hub-pro .ss-dict-page,
.stitchsense-hub-pro .ss-dict-sidebar,
.stitchsense-hub-pro .ss-dict-results,
.stitchsense-hub-pro .ss-card,
.stitchsense-hub-pro .ss-chat,
.stitchsense-hub-pro .ss-tab-panel {
  background: #fffefe !important;
  background-image: none !important;
}

.stitchsense-hub-pro .ss-dict-page {
  display: block !important;
  padding: 0 !important;
}

.stitchsense-hub-pro .ss-dict-layout {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
}

.stitchsense-hub-pro .ss-dict-sidebar,
.stitchsense-hub-pro .ss-dict-results {
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.stitchsense-hub-pro .ss-dict-hero {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.stitchsense-hub-pro .ss-dict-hero-icon,
.stitchsense-hub-pro .ss-dict-hero .ss-section-kicker,
.stitchsense-hub-pro .ss-dict-tip,
.stitchsense-hub-pro .ss-dict-total,
.stitchsense-hub-pro .ss-dict-field span,
.stitchsense-hub-pro .ss-dict-field:has(select),
.stitchsense-hub-pro .ss-dict-sort-wrap,
.stitchsense-hub-pro .ss-dict-results-head p,
.stitchsense-hub-pro .ss-dict-item em,
.stitchsense-hub-pro .ss-dict-facts .ss-dict-category,
.stitchsense-hub-pro .ss-dict-facts [data-fact="category"] {
  display: none !important;
}

.stitchsense-hub-pro .ss-dict-hero h3 {
  font-size:1.25rem !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
  color: var(--ss-brown-dark) !important;
}

.stitchsense-hub-pro .ss-dict-hero p {
  margin: 0 0 10px !important;
  max-width: none !important;
  font-size:0.875rem !important;
  line-height: 1.55 !important;
  color: var(--ss-ink) !important;
}

.stitchsense-hub-pro .ss-dict-toggle {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 12px auto 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.stitchsense-hub-pro .ss-dict-toggle button,
.stitchsense-hub-pro .ss-dict-category-list button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  padding: 8px 14px !important;
  background: var(--ss-taupe) !important;
  color: #fff !important;
  font-size:0.625rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.stitchsense-hub-pro .ss-dict-toggle button.is-active,
.stitchsense-hub-pro .ss-dict-category-list button.is-active,
.stitchsense-hub-pro .ss-dict-category-list button:hover {
  background: linear-gradient(135deg, var(--ss-brown), var(--ss-coral)) !important;
  color: #fff !important;
}

.stitchsense-hub-pro .ss-dict-field {
  margin: 10px 0 0 !important;
}

.stitchsense-hub-pro .ss-dict-field .ss-search {
  width: 100% !important;
  min-height: 42px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(111,63,37,.22) !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 0 18px !important;
}

.stitchsense-hub-pro .ss-dict-field .ss-search input,
.stitchsense-hub-pro .ss-dict-field input {
  font-size:0.8125rem !important;
}

.stitchsense-hub-pro .ss-dict-category-list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 16px auto 14px !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid rgba(111,63,37,.12) !important;
}

.stitchsense-hub-pro .ss-dict-category-list span,
.stitchsense-hub-pro .ss-dict-category-list b {
  display: inline !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.stitchsense-hub-pro .ss-dict-results-head {
  display: block !important;
  margin: 10px 0 18px !important;
}

.stitchsense-hub-pro .ss-dict-results-head h4 {
  margin: 0 !important;
  font-size:1.25rem !important;
  line-height: 1.25 !important;
  color: var(--ss-brown-dark) !important;
}

.stitchsense-hub-pro .ss-dictionary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 0 !important;
}

.stitchsense-hub-pro .ss-dict-item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 185px !important;
  padding: 10px 14px 14px !important;
  border: 1px solid rgba(111,63,37,.12) !important;
  border-radius: 14px !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 8px 22px rgba(57,32,20,.08) !important;
  overflow: hidden !important;
}

.stitchsense-hub-pro .ss-dict-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(57,32,20,.12) !important;
}

.stitchsense-hub-pro .ss-dict-card-head,
.stitchsense-hub-pro .ss-stitch-visual {
  display: none !important;
}

.stitchsense-hub-pro .ss-dict-card-top {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  min-height: 24px !important;
  margin: 0 0 8px !important;
}

.stitchsense-hub-pro .ss-stitch-lozenge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  max-width: 100% !important;
  min-height: 22px !important;
  padding: 4px 9px !important;
  border-radius: 7px !important;
  background: var(--ss-taupe) !important;
  color: #fff !important;
  font-size:0.75rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

.stitchsense-hub-pro .ss-stitch-symbol {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  margin: 0 0 10px !important;
  color: #111 !important;
  font-size:1.6875rem !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  font-family: 'Comfortaa', system-ui, sans-serif !important;
  font-weight: 400 !important;
}

.stitchsense-hub-pro .ss-dict-title {
  display: block !important;
  margin: 0 !important;
}

.stitchsense-hub-pro .ss-dict-title b {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--ss-ink) !important;
  font-size:0.875rem !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
}

.stitchsense-hub-pro .ss-dict-title span {
  display: block !important;
  color: var(--ss-ink) !important;
  font-size:0.8125rem !important;
  line-height: 1.25 !important;
}

.stitchsense-hub-pro .ss-dict-facts {
  display: grid !important;
  gap: 0 !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(111,63,37,.08) !important;
}

.stitchsense-hub-pro .ss-dict-facts div {
  display: grid !important;
  grid-template-columns: 18px auto 1fr !important;
  align-items: start !important;
  gap: 2px !important;
  padding: 2px 0 !important;
  border: 0 !important;
  font-size:0.75rem !important;
  line-height: 1.15 !important;
}

.stitchsense-hub-pro .ss-dict-facts i {
  width: 18px !important;
  line-height: 1 !important;
  font-style: normal !important;
}

.stitchsense-hub-pro .ss-dict-facts strong {
  color: var(--ss-ink) !important;
  font-weight: 900 !important;
  margin-right: 2px !important;
}

.stitchsense-hub-pro .ss-dict-facts span {
  color: var(--ss-ink) !important;
}

@media (max-width: 1180px) {
  .stitchsense-hub-pro .ss-dictionary { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
  .stitchsense-hub-pro .ss-dictionary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .stitchsense-hub-pro .ss-dictionary { grid-template-columns: 1fr !important; }
  .stitchsense-hub-pro .ss-dict-toggle,
  .stitchsense-hub-pro .ss-dict-category-list { justify-content: flex-start !important; }
}

/* v7.2.7 REAL Stitch Dictionary override - scoped to actual plugin root .ss-hub */
.ss-hub,
.ss-hub * { box-sizing: border-box; }

.ss-hub,
.ss-hub .ss-shell,
.ss-hub .ss-main,
.ss-hub .ss-panel,
.ss-hub .ss-card,
.ss-hub .ss-chat,
.ss-hub .ss-tab-panel,
.ss-hub .ss-dict-page,
.ss-hub .ss-dict-sidebar,
.ss-hub .ss-dict-results,
.ss-hub .ss-dict-layout {
  background: #fffefe !important;
  background-image: none !important;
}

.ss-hub .ss-shell::before,
.ss-hub .ss-shell::after,
.ss-hub .ss-panel::before,
.ss-hub .ss-panel::after {
  display: none !important;
}

.ss-hub .ss-dict-page,
.ss-hub .ss-dict-layout {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  grid-template-columns: none !important;
  gap: 0 !important;
}

.ss-hub .ss-dict-sidebar,
.ss-hub .ss-dict-results {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Remove surplus dictionary copy/controls to match the clean target */
.ss-hub .ss-dict-hero-icon,
.ss-hub .ss-dict-hero .ss-section-kicker,
.ss-hub .ss-dict-tip,
.ss-hub .ss-dict-total,
.ss-hub .ss-dict-field span,
.ss-hub .ss-dict-field:has(select),
.ss-hub .ss-dict-sort-wrap,
.ss-hub .ss-dict-results-head p,
.ss-hub .ss-dict-item em,
.ss-hub .ss-dict-facts [data-fact="category"],
.ss-hub .ss-dict-facts .ss-dict-category {
  display: none !important;
}

.ss-hub .ss-dict-hero {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.ss-hub .ss-dict-hero h3 {
  margin: 0 0 8px !important;
  font-size:1.25rem !important;
  line-height: 1.25 !important;
  color: var(--ss-brown-dark) !important;
}

.ss-hub .ss-dict-hero p {
  margin: 0 0 10px !important;
  max-width: none !important;
  color: var(--ss-ink) !important;
  font-size:0.875rem !important;
  line-height: 1.55 !important;
}

.ss-hub .ss-dict-toggle {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 12px auto 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ss-hub .ss-dict-toggle button,
.ss-hub .ss-dict-category-list button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 8px 14px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--ss-taupe, #80776f) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size:0.625rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.ss-hub .ss-dict-toggle button.is-active,
.ss-hub .ss-dict-category-list button.is-active,
.ss-hub .ss-dict-category-list button:hover {
  background: linear-gradient(135deg, var(--ss-brown), var(--ss-coral)) !important;
  color: #fff !important;
}

.ss-hub .ss-dict-field {
  margin: 10px 0 0 !important;
}

.ss-hub .ss-dict-field .ss-search {
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(111,63,37,.22) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.ss-hub .ss-dict-field .ss-search input,
.ss-hub .ss-dict-field input {
  font-size:0.8125rem !important;
}

.ss-hub .ss-dict-category-list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 16px auto 16px !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid rgba(111,63,37,.12) !important;
}

.ss-hub .ss-dict-category-list span,
.ss-hub .ss-dict-category-list b {
  display: inline !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
}

.ss-hub .ss-dict-results-head {
  display: block !important;
  margin: 8px 0 18px !important;
}

.ss-hub .ss-dict-results-head h4 {
  margin: 0 !important;
  color: var(--ss-brown-dark) !important;
  font-size:1.25rem !important;
  line-height: 1.25 !important;
}

.ss-hub .ss-dictionary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 0 !important;
}

.ss-hub .ss-dict-item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 185px !important;
  padding: 10px 14px 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(111,63,37,.12) !important;
  border-radius: 14px !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 8px 22px rgba(57,32,20,.08) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.ss-hub .ss-dict-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(57,32,20,.12) !important;
}

.ss-hub .ss-dict-card-head,
.ss-hub .ss-stitch-visual { display: none !important; }

.ss-hub .ss-dict-card-top {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 24px !important;
  margin: 0 0 8px !important;
}

.ss-hub .ss-stitch-lozenge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  max-width: 100% !important;
  min-height: 22px !important;
  padding: 4px 9px !important;
  border-radius: 7px !important;
  background: var(--ss-taupe, #80776f) !important;
  color: #fff !important;
  font-size:0.75rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

.ss-hub .ss-stitch-symbol {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  margin: 0 0 10px !important;
  color: #111 !important;
  font-family: 'Comfortaa', system-ui, sans-serif !important;
  font-size:1.6875rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
}

.ss-hub .ss-dict-title {
  display: block !important;
  margin: 0 !important;
}

.ss-hub .ss-dict-title b {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--ss-ink) !important;
  font-size:0.875rem !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
}

.ss-hub .ss-dict-title span {
  display: block !important;
  color: var(--ss-ink) !important;
  font-size:0.8125rem !important;
  line-height: 1.25 !important;
}

.ss-hub .ss-dict-facts {
  display: grid !important;
  gap: 0 !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(111,63,37,.08) !important;
}

.ss-hub .ss-dict-facts div {
  display: grid !important;
  grid-template-columns: 18px auto 1fr !important;
  align-items: start !important;
  gap: 2px !important;
  padding: 2px 0 !important;
  border: 0 !important;
  font-size:0.75rem !important;
  line-height: 1.15 !important;
}

.ss-hub .ss-dict-facts i {
  width: 18px !important;
  line-height: 1 !important;
  font-style: normal !important;
}

.ss-hub .ss-dict-facts strong {
  margin-right: 2px !important;
  color: var(--ss-ink) !important;
  font-weight: 900 !important;
}

.ss-hub .ss-dict-facts span { color: var(--ss-ink) !important; }

@media (max-width: 1180px) {
  .ss-hub .ss-dictionary { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
  .ss-hub .ss-dictionary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .ss-hub .ss-dictionary { grid-template-columns: 1fr !important; }
  .ss-hub .ss-dict-toggle,
  .ss-hub .ss-dict-category-list { justify-content: flex-start !important; }
}


/* v7.2.8 Stitch Dictionary card CTA cleanup */
.ss-hub .ss-stitch-symbol,
.ss-hub .ss-dict-facts [data-fact="alt"],
.ss-hub .ss-dict-facts [data-fact="category"],
.ss-hub .ss-dict-facts .ss-dict-category {
  display: none !important;
}

.ss-hub .ss-dict-item {
  padding-bottom: 42px !important;
}

.ss-hub .ss-dict-title {
  margin-bottom: 10px !important;
}

.ss-hub .ss-dict-facts {
  margin-top: 0 !important;
  padding-top: 8px !important;
}

.ss-hub .ss-dict-ask {
  position: absolute !important;
  right: 12px !important;
  bottom: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 46px !important;
  height: 26px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--ss-taupe, #80776f) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size:0.6875rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.ss-hub .ss-dict-ask:hover,
.ss-hub .ss-dict-ask:focus {
  background: linear-gradient(135deg, var(--ss-brown), var(--ss-coral)) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}


/* Phase 1: Smart Pattern Summary cards */
.stitchsense-hub-pro .ss-pattern-summary-card {
  background: linear-gradient(135deg, #fffaf4 0%, #ffffff 100%);
  border: 1px solid rgba(154, 93, 54, 0.2);
  border-radius: 20px;
  padding: 18px;
  box-shadow: 0 14px 35px rgba(38, 24, 12, 0.08);
  color: #33251d;
}
.stitchsense-hub-pro .ss-summary-top {
  border-bottom: 1px solid rgba(154, 93, 54, 0.16);
  padding-bottom: 12px;
  margin-bottom: 14px;
}
.stitchsense-hub-pro .ss-summary-label {
  display: inline-flex;
  font-size:0.6875rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #9a5d36;
  margin-bottom: 6px;
}
.stitchsense-hub-pro .ss-pattern-summary-card h4 {
  margin: 0;
  font-size:1.25rem;
  line-height: 1.25;
  color: #241811;
}
.stitchsense-hub-pro .ss-summary-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}
.stitchsense-hub-pro .ss-summary-meta span,
.stitchsense-hub-pro .ss-summary-ask {
  border: 1px solid rgba(154, 93, 54, .25);
  background: #fff;
  color: #7a4628;
  border-radius: 999px;
  padding: 6px 10px;
  font-size:0.75rem;
  font-weight: 700;
}
.stitchsense-hub-pro .ss-summary-overview {
  background: rgba(154, 93, 54, .07);
  border-radius: 16px;
  padding: 12px 14px;
  margin-bottom: 14px;
  line-height: 1.55;
}
.stitchsense-hub-pro .ss-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.stitchsense-hub-pro .ss-summary-grid > div,
.stitchsense-hub-pro .ss-summary-notes,
.stitchsense-hub-pro .ss-summary-warning {
  background: #fff;
  border: 1px solid rgba(154, 93, 54, .14);
  border-radius: 16px;
  padding: 12px;
}
.stitchsense-hub-pro .ss-pattern-summary-card b {
  display: block;
  margin-bottom: 6px;
  color: #241811;
}
.stitchsense-hub-pro .ss-pattern-summary-card ul {
  margin: 0;
  padding-left: 18px;
}
.stitchsense-hub-pro .ss-pattern-summary-card li {
  margin: 4px 0;
}
.stitchsense-hub-pro .ss-summary-muted {
  color: #7f746d;
  font-size:0.8125rem;
}
.stitchsense-hub-pro .ss-summary-warning {
  margin-top: 12px;
  border-color: rgba(184, 92, 46, .35);
  background: #fff7ed;
}
.stitchsense-hub-pro .ss-summary-notes {
  margin-top: 12px;
}
.stitchsense-hub-pro .ss-summary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.stitchsense-hub-pro .ss-summary-ask {
  cursor: pointer;
}
.stitchsense-hub-pro .ss-summary-ask:hover {
  background: #9a5d36;
  color: #fff;
}
@media (max-width: 720px) {
  .stitchsense-hub-pro .ss-summary-grid {
    grid-template-columns: 1fr;
  }
}


/* StitchSense v5.3 — composer, upload states and PDF viewer polish */
.stitchsense-hub-pro .ss-composer textarea::placeholder{color:#7e7a76!important;opacity:1!important;}
.stitchsense-hub-pro .ss-composer-actions.ss-v71-actions{width:84px!important;min-width:84px!important;max-width:84px!important;gap:8px!important;}
.stitchsense-hub-pro .ss-view-pattern-btn{
  width:84px!important;min-height:32px!important;border:0!important;border-radius:999px!important;background:#7b5644!important;color:#fff!important;font-size:0.8125rem!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;box-shadow:0 8px 20px rgba(95,62,43,.18)!important;padding:0 10px!important;white-space:nowrap!important;letter-spacing:.01em!important;
}
.stitchsense-hub-pro .ss-view-pattern-btn[hidden]{display:none!important;}
.stitchsense-hub-pro .ss-view-pattern-btn:disabled{opacity:.45!important;cursor:not-allowed!important;}
.stitchsense-hub-pro .ss-view-pattern-btn:hover{filter:brightness(.96)!important;}

.stitchsense-hub-pro .ss-upload-canvas .filepond--root{margin:18px 0 10px!important;font-family:Comfortaa,system-ui,sans-serif!important;}
.stitchsense-hub-pro .ss-upload-canvas .filepond--panel-root{background:#fffaf7!important;border:2px dashed rgba(122,82,61,.38)!important;border-radius:18px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)!important;}
.stitchsense-hub-pro .ss-upload-canvas .filepond--drop-label{min-height:86px!important;color:#75513f!important;font-weight:800!important;}
.stitchsense-hub-pro .ss-upload-canvas .filepond--drop-label label{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-direction:column!important;}
.stitchsense-hub-pro .ss-upload-canvas .ss-pond-icon{width:30px!important;height:30px!important;border-radius:50%!important;background:#9a5d36!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:1.375rem!important;line-height:1!important;}
.stitchsense-hub-pro .ss-upload-canvas .filepond--drop-label small{font-size:0.75rem!important;font-weight:700!important;color:#9a7562!important;}
.stitchsense-hub-pro .ss-upload-canvas .filepond--label-action{text-decoration:underline!important;color:#7a4e35!important;font-weight:900!important;}
.stitchsense-hub-pro .ss-upload-canvas .filepond--item-panel{background:#9a5d36!important;border-radius:12px!important;}
.stitchsense-hub-pro .ss-upload-canvas .filepond--file{font-weight:800!important;}
.stitchsense-hub-pro .ss-upload-canvas .filepond--progress-indicator{color:#fff!important;}
.stitchsense-hub-pro .ss-upload-canvas .filepond--item[data-filepond-item-state='processing-complete'] .filepond--item-panel{background:#369b64!important;}
.stitchsense-hub-pro .ss-upload-canvas-status{font-size:0.8125rem!important;color:#7d6254!important;padding:10px 14px!important;border-radius:14px!important;background:#fff7f1!important;border:1px solid rgba(122,82,61,.14)!important;}
.stitchsense-hub-pro .ss-upload-canvas-status:empty{display:none!important;}
.stitchsense-hub-pro .ss-upload-canvas-status.is-uploading{background:#fff3df!important;border-color:rgba(154,93,54,.25)!important;color:#7a4e35!important;}
.stitchsense-hub-pro .ss-upload-canvas-status.is-success{background:#effaf3!important;border-color:rgba(54,155,100,.28)!important;color:#2f7c52!important;}
.stitchsense-hub-pro .ss-upload-canvas-status.is-error{background:#fff1ee!important;border-color:rgba(140,47,36,.24)!important;color:#8c2f24!important;}

.ss-pattern-viewer-open{overflow:hidden!important;}
.stitchsense-hub-pro .ss-pattern-viewer[hidden]{display:none!important;}
.stitchsense-hub-pro .ss-pattern-viewer{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;}
.stitchsense-hub-pro .ss-pattern-viewer-backdrop{position:absolute!important;inset:0!important;background:rgba(26,20,17,.72)!important;backdrop-filter:blur(4px)!important;}
.stitchsense-hub-pro .ss-pattern-viewer-dialog{position:relative!important;width:min(1120px,96vw)!important;height:min(860px,92vh)!important;background:#fff!important;border-radius:22px!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.stitchsense-hub-pro .ss-pattern-viewer-head{height:54px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 18px!important;background:#7b5644!important;color:#fff!important;}
.stitchsense-hub-pro .ss-pattern-viewer-head strong{font-size:0.875rem!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding-right:16px!important;}
.stitchsense-hub-pro .ss-pattern-viewer-head button{width:36px!important;height:36px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:1.75rem!important;line-height:1!important;cursor:pointer!important;}
.stitchsense-hub-pro .ss-pattern-viewer iframe{width:100%!important;height:100%!important;border:0!important;background:#f6f1ed!important;}
.stitchsense-hub-pro .ss-pattern-viewer-fallback{padding:24px!important;color:#6f4f40!important;background:#fff7f1!important;border-top:1px solid rgba(122,82,61,.16)!important;}
@media(max-width:720px){.stitchsense-hub-pro .ss-composer-actions.ss-v71-actions{width:84px!important;min-width:84px!important;max-width:84px!important}.stitchsense-hub-pro .ss-pattern-viewer{padding:8px!important}.stitchsense-hub-pro .ss-pattern-viewer-dialog{width:100vw!important;height:96vh!important;border-radius:16px!important}.stitchsense-hub-pro .ss-view-pattern-btn{font-size:0.75rem!important;}}


/* StitchSense v5.5 — hard overrides for actual shortcode root (.ss-hub) */
.ss-hub .ss-composer{display:flex!important;align-items:stretch!important;gap:10px!important;position:relative!important;}
.ss-hub .ss-composer textarea{flex:1 1 auto!important;min-width:0!important;}
.ss-hub .ss-composer-actions.ss-v71-actions{width:92px!important;min-width:92px!important;max-width:92px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;align-content:center!important;}
.ss-hub .ss-view-pattern-btn{width:92px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 8px!important;border:0!important;border-radius:999px!important;background:#7b5644!important;color:#fff!important;font-size:0.8125rem!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;box-shadow:0 8px 20px rgba(95,62,43,.18)!important;white-space:nowrap!important;letter-spacing:.01em!important;text-align:center!important;}
.ss-hub .ss-view-pattern-btn[hidden]{display:none!important;}
.ss-hub .ss-view-pattern-btn:disabled{opacity:.45!important;cursor:not-allowed!important;}
.ss-hub .ss-pattern-viewer[hidden]{display:none!important;}
.ss-hub .ss-pattern-viewer{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;}
.ss-hub .ss-pattern-viewer-backdrop{position:absolute!important;inset:0!important;background:rgba(26,20,17,.72)!important;backdrop-filter:blur(4px)!important;}
.ss-hub .ss-pattern-viewer-dialog{position:relative!important;width:min(1120px,96vw)!important;height:min(860px,92vh)!important;background:#fff!important;border-radius:22px!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.ss-hub .ss-pattern-viewer-head{height:54px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 18px!important;background:#7b5644!important;color:#fff!important;}
.ss-hub .ss-pattern-viewer-head button{width:38px!important;height:38px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:1.75rem!important;line-height:1!important;cursor:pointer!important;}
.ss-hub .ss-pattern-viewer iframe{width:100%!important;height:100%!important;border:0!important;flex:1 1 auto!important;background:#f6f1ed!important;}
.ss-hub .ss-pattern-viewer-fallback{padding:18px!important;background:#fff8f3!important;color:#6f4b38!important;border-top:1px solid rgba(122,82,61,.16)!important;font-size:0.875rem!important;}
body.ss-pattern-viewer-open{overflow:hidden!important;}
@media(max-width:720px){.ss-hub .ss-composer-actions.ss-v71-actions{width:84px!important;min-width:84px!important;max-width:84px!important}.ss-hub .ss-view-pattern-btn{width:84px!important;font-size:0.75rem!important;padding:0 6px!important}.ss-hub .ss-pattern-viewer{padding:8px!important}.ss-hub .ss-pattern-viewer-dialog{width:100vw!important;height:96vh!important;border-radius:16px!important}}

/* StitchSense v5.8 emergency viewer reset: global because viewer is moved to body */
body.ss-pattern-viewer-open{overflow:hidden!important;}
.ss-pattern-viewer[hidden]{display:none!important;}
.ss-pattern-viewer{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;box-sizing:border-box!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;}
.ss-pattern-viewer-backdrop{position:absolute!important;inset:0!important;background:rgba(26,20,17,.72)!important;backdrop-filter:blur(4px)!important;}
.ss-pattern-viewer-dialog{position:relative!important;width:min(1040px,calc(100vw - 24px))!important;height:calc(100vh - 24px)!important;height:calc(100dvh - 24px)!important;max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:auto!important;background:#fff!important;border-radius:18px!important;box-shadow:0 24px 80px rgba(0,0,0,.35)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;}
.ss-pattern-viewer-head{height:48px!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 14px!important;background:#7b5644!important;color:#fff!important;box-sizing:border-box!important;}
.ss-pattern-viewer-head strong{font-size:0.8125rem!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding-right:12px!important;}
.ss-pattern-viewer-head button{width:34px!important;height:34px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:1.625rem!important;line-height:1!important;cursor:pointer!important;}
.ss-pattern-viewer iframe{display:block!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;flex:1 1 auto!important;background:#f6f1ed!important;margin:0 auto!important;}
.ss-pattern-viewer-fallback{padding:18px!important;background:#fff8f3!important;color:#6f4b38!important;border-top:1px solid rgba(122,82,61,.16)!important;font-size:0.875rem!important;}
.ss-hub .ss-view-pattern-btn,.stitchsense-hub-pro .ss-view-pattern-btn{width:auto!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 10px!important;font-size:0.8125rem!important;line-height:1!important;white-space:nowrap!important;}
@media(max-width:720px){.ss-pattern-viewer{padding:6px!important}.ss-pattern-viewer-dialog{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;height:calc(100dvh - 12px)!important;max-height:calc(100vh - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:14px!important}.ss-hub .ss-view-pattern-btn,.stitchsense-hub-pro .ss-view-pattern-btn{padding:0 7px!important;font-size:0.75rem!important;}}

/* StitchSense v5.9 — PDF.js viewer replacement */
body.ss-pattern-viewer-open{overflow:hidden!important;}
.ss-pattern-viewer[hidden]{display:none!important;}
.ss-pattern-viewer{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;box-sizing:border-box!important;}
.ss-pattern-viewer-backdrop{position:absolute!important;inset:0!important;background:rgba(26,20,17,.72)!important;backdrop-filter:blur(4px)!important;}
.ss-pattern-viewer-dialog{position:relative!important;width:min(1040px,calc(100vw - 20px))!important;height:calc(100vh - 20px)!important;height:calc(100dvh - 20px)!important;max-height:calc(100vh - 20px)!important;max-height:calc(100dvh - 20px)!important;margin:auto!important;background:#fff!important;border-radius:18px!important;box-shadow:0 24px 80px rgba(0,0,0,.35)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;}
.ss-pattern-viewer-head{height:46px!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 12px 0 16px!important;background:#7b5644!important;color:#fff!important;box-sizing:border-box!important;}
.ss-pattern-viewer-head strong{font-size:0.8125rem!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding-right:12px!important;}
.ss-pattern-viewer-head button{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:1.5rem!important;line-height:1!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;}
.ss-pattern-viewer-toolbar{height:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:6px 10px!important;background:#f7f1ec!important;border-bottom:1px solid rgba(122,82,61,.16)!important;box-sizing:border-box!important;}
.ss-pattern-viewer-toolbar button{height:30px!important;min-width:34px!important;border:1px solid rgba(122,82,61,.22)!important;border-radius:999px!important;background:#fff!important;color:#6f4b38!important;font-weight:800!important;cursor:pointer!important;padding:0 10px!important;line-height:1!important;font-size:0.8125rem!important;}
.ss-pattern-viewer-toolbar span{font-size:0.8125rem!important;color:#6f4b38!important;min-width:74px!important;text-align:center!important;}
.ss-pattern-viewer-stage{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;background:#d8d8d8!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:18px!important;box-sizing:border-box!important;}
.ss-pattern-viewer-stage canvas{display:block!important;background:#fff!important;box-shadow:0 6px 30px rgba(0,0,0,.22)!important;margin:0 auto!important;max-width:none!important;}
.ss-pattern-viewer-fallback{padding:14px 18px!important;background:#fff8f3!important;color:#6f4b38!important;border-top:1px solid rgba(122,82,61,.16)!important;font-size:0.875rem!important;}
.ss-hub .ss-view-pattern-btn,.stitchsense-hub-pro .ss-view-pattern-btn{height:40px!important;min-height:40px!important;width:92px!important;min-width:92px!important;max-width:92px!important;padding:0 8px!important;border-radius:999px!important;font-size:0.75rem!important;line-height:1!important;letter-spacing:.02em!important;white-space:nowrap!important;}
@media(max-width:720px){.ss-pattern-viewer{padding:6px!important}.ss-pattern-viewer-dialog{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;height:calc(100dvh - 12px)!important;max-height:calc(100vh - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:14px!important}.ss-pattern-viewer-toolbar{gap:5px!important;justify-content:flex-start!important;overflow-x:auto!important}.ss-pattern-viewer-toolbar button{min-width:30px!important;padding:0 8px!important}.ss-pattern-viewer-stage{padding:10px!important}.ss-hub .ss-view-pattern-btn,.stitchsense-hub-pro .ss-view-pattern-btn{width:86px!important;min-width:86px!important;max-width:86px!important;padding:0 6px!important;font-size:0.6875rem!important;}}


/* StitchSense v6.2 — requested UI polish: uniform buttons, composer layout and FilePond states */
.ss-hub button:not(.ss-v71-go):not(.ss-v71-plus):not([data-ss-send]):not([data-ss-upload-canvas-toggle]),
.stitchsense-hub-pro button:not(.ss-v71-go):not(.ss-v71-plus):not([data-ss-send]):not([data-ss-upload-canvas-toggle]){
  background:#827b75!important;
  color:#fff!important;
  border-radius:5px!important;
  padding:10px!important;
  border:0!important;
  box-shadow:none!important;
}
.ss-hub button:not(.ss-v71-go):not(.ss-v71-plus):not([data-ss-send]):not([data-ss-upload-canvas-toggle]):hover,
.ss-hub button:not(.ss-v71-go):not(.ss-v71-plus):not([data-ss-send]):not([data-ss-upload-canvas-toggle]):focus,
.ss-hub button.is-active:not(.ss-v71-go):not(.ss-v71-plus),
.ss-hub button[aria-selected='true']:not(.ss-v71-go):not(.ss-v71-plus),
.stitchsense-hub-pro button:not(.ss-v71-go):not(.ss-v71-plus):not([data-ss-send]):not([data-ss-upload-canvas-toggle]):hover,
.stitchsense-hub-pro button:not(.ss-v71-go):not(.ss-v71-plus):not([data-ss-send]):not([data-ss-upload-canvas-toggle]):focus,
.stitchsense-hub-pro button.is-active:not(.ss-v71-go):not(.ss-v71-plus),
.stitchsense-hub-pro button[aria-selected='true']:not(.ss-v71-go):not(.ss-v71-plus){
  background:#9a5d36!important;
  color:#fff!important;
  border-radius:5px!important;
}
.ss-hub .ss-composer,
.stitchsense-hub-pro .ss-composer{
  display:flex!important;
  align-items:stretch!important;
  gap:12px!important;
}
.ss-hub .ss-composer textarea,
.stitchsense-hub-pro .ss-composer textarea{
  flex:0 1 calc(95% - 160px)!important;
  width:calc(95% - 160px)!important;
  max-width:calc(95% - 160px)!important;
  min-width:0!important;
}
.ss-hub .ss-composer-actions.ss-v71-actions,
.stitchsense-hub-pro .ss-composer-actions.ss-v71-actions{
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  display:grid!important;
  grid-template-columns:42px 42px!important;
  grid-template-rows:auto auto!important;
  column-gap:20px!important;
  row-gap:10px!important;
  align-content:center!important;
  justify-content:center!important;
  justify-items:center!important;
  align-items:center!important;
  flex:0 0 150px!important;
}
.ss-hub .ss-view-pattern-btn,
.stitchsense-hub-pro .ss-view-pattern-btn{
  grid-column:1 / -1!important;
  width:auto!important;
  min-width:112px!important;
  max-width:150px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:10px!important;
  border-radius:5px!important;
  background:#827b75!important;
  color:#fff!important;
  font-size:0.8125rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-transform:none!important;
  box-shadow:none!important;
}
.ss-hub .ss-view-pattern-btn:hover,
.stitchsense-hub-pro .ss-view-pattern-btn:hover{
  background:#9a5d36!important;
  border-radius:5px!important;
  filter:none!important;
}
.ss-hub .ss-v71-go,
.ss-hub .ss-v71-plus,
.ss-hub button[data-ss-send],
.ss-hub button[data-ss-upload-canvas-toggle],
.stitchsense-hub-pro .ss-v71-go,
.stitchsense-hub-pro .ss-v71-plus,
.stitchsense-hub-pro button[data-ss-send],
.stitchsense-hub-pro button[data-ss-upload-canvas-toggle]{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  background:#9a5d36!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
}
.ss-hub .ss-v71-go:hover,
.ss-hub .ss-v71-plus:hover,
.ss-hub button[data-ss-send]:hover,
.ss-hub button[data-ss-upload-canvas-toggle]:hover,
.stitchsense-hub-pro .ss-v71-go:hover,
.stitchsense-hub-pro .ss-v71-plus:hover,
.stitchsense-hub-pro button[data-ss-send]:hover,
.stitchsense-hub-pro button[data-ss-upload-canvas-toggle]:hover{
  background:#9a5d36!important;
  transform:none!important;
}
.ss-hub .ss-mini-copy,
.ss-hub .ss-mini-copy{
  font-size:0.875rem!important;
  line-height:1.35!important;
}
.ss-hub .ss-quick-list button,
.ss-hub [data-ss-quick-starts] button,
.ss-hub .ss-quick-list button,
.stitchsense-hub-pro [data-ss-quick-starts] button{
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:0.8125rem!important;
  line-height:1.28!important;
}
.ss-hub .ss-note,
.stitchsense-hub-pro .ss-note{display:none!important;}

/* FilePond exact state polish */
.ss-hub .ss-upload-canvas,
.stitchsense-hub-pro .ss-upload-canvas{
  margin-top:18px!important;
}
.ss-hub .ss-upload-canvas .filepond--root,
.stitchsense-hub-pro .ss-upload-canvas .filepond--root{
  margin:0!important;
  font-family:Comfortaa,system-ui,sans-serif!important;
  min-height:58px!important;
}
.ss-hub .ss-upload-canvas .filepond--panel-root,
.stitchsense-hub-pro .ss-upload-canvas .filepond--panel-root{
  background:#765342!important;
  border:0!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
.ss-hub .ss-upload-canvas .filepond--drop-label,
.stitchsense-hub-pro .ss-upload-canvas .filepond--drop-label{
  min-height:75px!important;
  color:#fff!important;
  font-size:0.9375rem!important;
  font-weight:700!important;
}
.ss-hub .ss-upload-canvas .filepond--drop-label label,
.stitchsense-hub-pro .ss-upload-canvas .filepond--drop-label label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  gap:4px!important;
  color:#fff!important;
}
.ss-hub .ss-upload-canvas .ss-pond-icon,
.stitchsense-hub-pro .ss-upload-canvas .ss-pond-icon{display:none!important;}
.ss-hub .ss-upload-canvas .filepond--label-action,
.stitchsense-hub-pro .ss-upload-canvas .filepond--label-action{
  color:#fff!important;
  text-decoration:underline!important;
  font-weight:800!important;
}
.ss-hub .ss-upload-canvas .filepond--item-panel,
.stitchsense-hub-pro .ss-upload-canvas .filepond--item-panel{
  background:#765342!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
.ss-hub .ss-upload-canvas .filepond--item[data-filepond-item-state*='processing'] .filepond--item-panel,
.stitchsense-hub-pro .ss-upload-canvas .filepond--item[data-filepond-item-state*='processing'] .filepond--item-panel{
  background:#765342!important;
}
.ss-hub .ss-upload-canvas .filepond--item[data-filepond-item-state='processing-complete'] .filepond--item-panel,
.stitchsense-hub-pro .ss-upload-canvas .filepond--item[data-filepond-item-state='processing-complete'] .filepond--item-panel{
  background:#2f9660!important;
}
.ss-hub .ss-upload-canvas .filepond--file,
.stitchsense-hub-pro .ss-upload-canvas .filepond--file{
  color:#fff!important;
  font-weight:800!important;
}
.ss-hub .ss-upload-canvas .filepond--file-info,
.stitchsense-hub-pro .ss-upload-canvas .filepond--file-info{
  color:#fff!important;
}
.ss-hub .ss-upload-canvas .filepond--file-status,
.stitchsense-hub-pro .ss-upload-canvas .filepond--file-status{
  color:#fff!important;
  font-weight:800!important;
}
.ss-hub .ss-upload-canvas .filepond--file-status-sub,
.stitchsense-hub-pro .ss-upload-canvas .filepond--file-status-sub{
  color:rgba(255,255,255,.86)!important;
  font-weight:700!important;
}
.ss-hub .ss-upload-canvas .filepond--file-action-button,
.stitchsense-hub-pro .ss-upload-canvas .filepond--file-action-button{
  background:transparent!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.9)!important;
  box-shadow:none!important;
}
.ss-hub .ss-upload-canvas .filepond--credits,
.stitchsense-hub-pro .ss-upload-canvas .filepond--credits{display:none!important;}
.ss-hub .ss-upload-canvas-status,
.stitchsense-hub-pro .ss-upload-canvas-status{display:none!important;}
@media(max-width:720px){
  .ss-hub .ss-composer,
  .stitchsense-hub-pro .ss-composer{flex-direction:column!important;}
  .ss-hub .ss-composer textarea,
  .stitchsense-hub-pro .ss-composer textarea{width:100%!important;max-width:100%!important;flex:1 1 auto!important;}
  .ss-hub .ss-composer-actions.ss-v71-actions,
  .stitchsense-hub-pro .ss-composer-actions.ss-v71-actions{width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:12px 20px!important;justify-content:center!important;}
  .ss-hub .ss-view-pattern-btn,
  .stitchsense-hub-pro .ss-view-pattern-btn{width:auto!important;min-width:112px!important;}
}


/* v6.3 requested UI refinements */
.ss-hub .ss-brand h2,
.stitchsense-hub-pro .ss-brand h2{
  text-transform:none!important;
}
.ss-hub .ss-chat-head,
.stitchsense-hub-pro .ss-chat-head{
  display:none!important;
}
.ss-hub .ss-chat-card,
.stitchsense-hub-pro .ss-chat-card{
  padding-top:0!important;
}
.ss-hub .ss-messages,
.stitchsense-hub-pro .ss-messages{
  border-top:0!important;
}
.ss-hub button:not(.filepond--file-action-button),
.stitchsense-hub-pro button:not(.filepond--file-action-button){
  border-radius:5px!important;
}
.ss-hub .ss-standard-btn,
.ss-hub .ss-view-pattern-btn,
.ss-hub .ss-reset,
.ss-hub .ss-tab,
.ss-hub .ss-chip,
.ss-hub .ss-summary-ask,
.stitchsense-hub-pro .ss-standard-btn,
.stitchsense-hub-pro .ss-view-pattern-btn,
.stitchsense-hub-pro .ss-reset,
.stitchsense-hub-pro .ss-tab,
.stitchsense-hub-pro .ss-chip,
.stitchsense-hub-pro .ss-summary-ask{
  background:#827b75!important;
  color:#fff!important;
  border:0!important;
  border-radius:5px!important;
  padding:10px!important;
  font-size:0.8125rem!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background .18s ease, transform .18s ease!important;
}
.ss-hub .ss-standard-btn:hover,
.ss-hub .ss-standard-btn:focus,
.ss-hub .ss-view-pattern-btn:hover,
.ss-hub .ss-view-pattern-btn:focus,
.ss-hub .ss-reset:hover,
.ss-hub .ss-reset:focus,
.ss-hub .ss-tab:hover,
.ss-hub .ss-tab:focus,
.ss-hub .ss-tab.is-active,
.ss-hub .ss-chip:hover,
.ss-hub .ss-chip:focus,
.ss-hub .ss-summary-ask:hover,
.ss-hub .ss-summary-ask:focus,
.stitchsense-hub-pro .ss-standard-btn:hover,
.stitchsense-hub-pro .ss-standard-btn:focus,
.stitchsense-hub-pro .ss-view-pattern-btn:hover,
.stitchsense-hub-pro .ss-view-pattern-btn:focus,
.stitchsense-hub-pro .ss-reset:hover,
.stitchsense-hub-pro .ss-reset:focus,
.stitchsense-hub-pro .ss-tab:hover,
.stitchsense-hub-pro .ss-tab:focus,
.stitchsense-hub-pro .ss-tab.is-active,
.stitchsense-hub-pro .ss-chip:hover,
.stitchsense-hub-pro .ss-chip:focus,
.stitchsense-hub-pro .ss-summary-ask:hover,
.stitchsense-hub-pro .ss-summary-ask:focus{
  background:#9a5d36!important;
  color:#fff!important;
  border-radius:5px!important;
  transform:none!important;
}
.ss-hub .ss-composer,
.stitchsense-hub-pro .ss-composer{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  gap:12px!important;
}
.ss-hub .ss-composer textarea,
.stitchsense-hub-pro .ss-composer textarea{
  width:95%!important;
  max-width:95%!important;
  flex:1 1 95%!important;
}
.ss-hub .ss-composer-actions.ss-v73-actions,
.stitchsense-hub-pro .ss-composer-actions.ss-v73-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:auto!important;
  min-width:142px!important;
  flex:0 0 142px!important;
}
.ss-hub .ss-send-upload-row,
.stitchsense-hub-pro .ss-send-upload-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  width:100%!important;
}
.ss-hub .ss-go-btn,
.ss-hub .ss-plus-btn,
.stitchsense-hub-pro .ss-go-btn,
.stitchsense-hub-pro .ss-plus-btn{
  min-width:50px!important;
  height:auto!important;
  border-radius:5px!important;
  padding:10px!important;
  font-size:0.8125rem!important;
}
.ss-hub .ss-view-pattern-btn,
.stitchsense-hub-pro .ss-view-pattern-btn{
  width:100%!important;
  white-space:nowrap!important;
}
.ss-hub .ss-mini-copy,
.ss-hub .ss-mini-copy{
  font-size:0.875rem!important;
}
.ss-hub .ss-quick-list button,
.ss-hub [data-ss-quick-starts] button,
.ss-hub .ss-quick-list button,
.stitchsense-hub-pro [data-ss-quick-starts] button{
  text-transform:none!important;
}
.ss-hub .ss-followup-prompts,
.stitchsense-hub-pro .ss-followup-prompts{
  margin-top:12px!important;
  padding:12px!important;
  border-top:1px solid rgba(111,63,37,.10)!important;
}
.ss-hub .ss-followup-label,
.stitchsense-hub-pro .ss-followup-label{
  display:block!important;
  margin:0 0 8px!important;
  color:var(--ss-muted,#755f55)!important;
  font-size:0.8125rem!important;
  font-weight:800!important;
}
.ss-hub .ss-followup-list,
.stitchsense-hub-pro .ss-followup-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.ss-hub .ss-followup-list .ss-chip,
.stitchsense-hub-pro .ss-followup-list .ss-chip{
  width:auto!important;
  flex:0 1 auto!important;
  max-width:100%!important;
  white-space:normal!important;
}
.ss-hub .ss-followup-message .ss-bubble,
.stitchsense-hub-pro .ss-followup-message .ss-bubble{
  max-width:min(92%,760px)!important;
  background:rgba(255,255,255,.72)!important;
}
.ss-hub .ss-chat-followups,
.stitchsense-hub-pro .ss-chat-followups{
  font-family:Comfortaa,system-ui,sans-serif!important;
}
.ss-hub .ss-chat-followups .ss-followup-list,
.stitchsense-hub-pro .ss-chat-followups .ss-followup-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.ss-hub .ss-chat-followups .ss-chip,
.stitchsense-hub-pro .ss-chat-followups .ss-chip{
  width:auto!important;
  flex:0 1 auto!important;
  white-space:normal!important;
}
.ss-hub .ss-note,
.stitchsense-hub-pro .ss-note{display:none!important;}

/* v6.3 FilePond state matching */
.ss-hub .ss-upload-canvas .filepond--root,
.stitchsense-hub-pro .ss-upload-canvas .filepond--root{
  min-height:75px!important;
  margin:0!important;
}
.ss-hub .ss-upload-canvas .filepond--panel-root,
.stitchsense-hub-pro .ss-upload-canvas .filepond--panel-root{
  background:#765342!important;
  border:0!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
.ss-hub .ss-upload-canvas .filepond--drop-label,
.stitchsense-hub-pro .ss-upload-canvas .filepond--drop-label{
  min-height:75px!important;
  color:#fff!important;
  font-size:0.9375rem!important;
  font-weight:700!important;
}
.ss-hub .ss-upload-canvas .filepond--drop-label label,
.stitchsense-hub-pro .ss-upload-canvas .filepond--drop-label label{
  color:#fff!important;
}
.ss-hub .ss-upload-canvas .filepond--label-action,
.stitchsense-hub-pro .ss-upload-canvas .filepond--label-action{
  color:#fff!important;
  text-decoration:underline!important;
  font-weight:800!important;
}
.ss-hub .ss-upload-canvas .filepond--item-panel,
.stitchsense-hub-pro .ss-upload-canvas .filepond--item-panel{
  background:#765342!important;
  border-radius:7px!important;
}
.ss-hub .ss-upload-canvas .filepond--item[data-filepond-item-state*='processing'] .filepond--item-panel,
.stitchsense-hub-pro .ss-upload-canvas .filepond--item[data-filepond-item-state*='processing'] .filepond--item-panel{
  background:#765342!important;
}
.ss-hub .ss-upload-canvas .filepond--item[data-filepond-item-state='processing-complete'] .filepond--item-panel,
.stitchsense-hub-pro .ss-upload-canvas .filepond--item[data-filepond-item-state='processing-complete'] .filepond--item-panel{
  background:#2f9660!important;
}
.ss-hub .ss-upload-canvas .filepond--file,
.ss-hub .ss-upload-canvas .filepond--file-info,
.ss-hub .ss-upload-canvas .filepond--file-status,
.stitchsense-hub-pro .ss-upload-canvas .filepond--file,
.stitchsense-hub-pro .ss-upload-canvas .filepond--file-info,
.stitchsense-hub-pro .ss-upload-canvas .filepond--file-status{
  color:#fff!important;
}
.ss-hub .ss-upload-canvas .filepond--file-action-button,
.stitchsense-hub-pro .ss-upload-canvas .filepond--file-action-button{
  background:transparent!important;
  border:2px solid rgba(255,255,255,.9)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.ss-hub .ss-upload-canvas .filepond--credits,
.stitchsense-hub-pro .ss-upload-canvas .filepond--credits{display:none!important;}
@media(max-width:720px){
  .ss-hub .ss-composer,
  .stitchsense-hub-pro .ss-composer{flex-direction:column!important;}
  .ss-hub .ss-composer textarea,
  .stitchsense-hub-pro .ss-composer textarea{width:100%!important;max-width:100%!important;}
  .ss-hub .ss-composer-actions.ss-v73-actions,
  .stitchsense-hub-pro .ss-composer-actions.ss-v73-actions{width:100%!important;min-width:0!important;flex:1 1 auto!important;}
}

/* v6.5.0 final requested app polish: full-width shell, logo swap support, button states, upload success fill */
.ss-hub .ss-shell,
.stitchsense-hub-pro .ss-shell {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-inline: clamp(16px, 2vw, 32px) !important;
  box-sizing: border-box !important;
}

.ss-hub .ss-composer,
.stitchsense-hub-pro .ss-composer {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 12px !important;
}

.ss-hub .ss-composer textarea,
.stitchsense-hub-pro .ss-composer textarea {
  width: 95% !important;
  max-width: 95% !important;
  flex: 1 1 95% !important;
  min-width: 0 !important;
}

.ss-hub .ss-composer-actions.ss-v73-actions,
.stitchsense-hub-pro .ss-composer-actions.ss-v73-actions,
.ss-hub .ss-composer-actions.ss-v71-actions,
.stitchsense-hub-pro .ss-composer-actions.ss-v71-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
}

.ss-hub .ss-send-upload-row,
.stitchsense-hub-pro .ss-send-upload-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  width: 100% !important;
}

.ss-hub .ss-go-btn,
.ss-hub .ss-plus-btn,
.ss-hub .ss-v71-go,
.ss-hub .ss-v71-plus,
.ss-hub button[data-ss-send],
.ss-hub button[data-ss-upload-canvas-toggle],
.stitchsense-hub-pro .ss-go-btn,
.stitchsense-hub-pro .ss-plus-btn,
.stitchsense-hub-pro .ss-v71-go,
.stitchsense-hub-pro .ss-v71-plus,
.stitchsense-hub-pro button[data-ss-send],
.stitchsense-hub-pro button[data-ss-upload-canvas-toggle] {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 30px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #827b75 !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  font-size:1rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.ss-hub .ss-go-btn:hover,
.ss-hub .ss-plus-btn:hover,
.ss-hub .ss-v71-go:hover,
.ss-hub .ss-v71-plus:hover,
.ss-hub button[data-ss-send]:hover,
.ss-hub button[data-ss-upload-canvas-toggle]:hover,
.ss-hub .ss-go-btn:active,
.ss-hub .ss-plus-btn:active,
.ss-hub .ss-v71-go:active,
.ss-hub .ss-v71-plus:active,
.ss-hub button[data-ss-send]:active,
.ss-hub button[data-ss-upload-canvas-toggle]:active,
.stitchsense-hub-pro .ss-go-btn:hover,
.stitchsense-hub-pro .ss-plus-btn:hover,
.stitchsense-hub-pro .ss-v71-go:hover,
.stitchsense-hub-pro .ss-v71-plus:hover,
.stitchsense-hub-pro button[data-ss-send]:hover,
.stitchsense-hub-pro button[data-ss-upload-canvas-toggle]:hover,
.stitchsense-hub-pro .ss-go-btn:active,
.stitchsense-hub-pro .ss-plus-btn:active,
.stitchsense-hub-pro .ss-v71-go:active,
.stitchsense-hub-pro .ss-v71-plus:active,
.stitchsense-hub-pro button[data-ss-send]:active,
.stitchsense-hub-pro button[data-ss-upload-canvas-toggle]:active {
  background: #9a5d36 !important;
  color: #fff !important;
  transform: none !important;
}

.ss-hub .ss-view-pattern-btn,
.stitchsense-hub-pro .ss-view-pattern-btn {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #827b75 !important;
  color: #fff !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.ss-hub .ss-view-pattern-btn:hover,
.ss-hub .ss-view-pattern-btn:active,
.stitchsense-hub-pro .ss-view-pattern-btn:hover,
.stitchsense-hub-pro .ss-view-pattern-btn:active {
  background: #9a5d36 !important;
  border-radius: 5px !important;
  filter: none !important;
}

/* FilePond success should turn the whole drop/upload pane green */
.ss-hub .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']),
.stitchsense-hub-pro .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) {
  background: #2f9660 !important;
  border-radius: 0 0 22px 22px !important;
  padding: 16px !important;
  margin-top: 18px !important;
}

.ss-hub .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) .filepond--panel-root,
.stitchsense-hub-pro .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) .filepond--panel-root {
  background: #2f9660 !important;
  border-color: #2f9660 !important;
  border-radius: 7px !important;
}

.ss-hub .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) .filepond--item-panel,
.stitchsense-hub-pro .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) .filepond--item-panel {
  background: #2f9660 !important;
}

.ss-hub .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) .filepond--file,
.ss-hub .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) .filepond--file-info,
.ss-hub .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) .filepond--file-status,
.stitchsense-hub-pro .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) .filepond--file,
.stitchsense-hub-pro .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) .filepond--file-info,
.stitchsense-hub-pro .ss-upload-canvas:has(.filepond--item[data-filepond-item-state='processing-complete']) .filepond--file-status {
  color: #fff !important;
}

@media (max-width: 720px) {
  .ss-hub .ss-composer,
  .stitchsense-hub-pro .ss-composer {
    flex-direction: column !important;
  }

  .ss-hub .ss-composer textarea,
  .stitchsense-hub-pro .ss-composer textarea {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  .ss-hub .ss-composer-actions.ss-v73-actions,
  .stitchsense-hub-pro .ss-composer-actions.ss-v73-actions,
  .ss-hub .ss-composer-actions.ss-v71-actions,
  .stitchsense-hub-pro .ss-composer-actions.ss-v71-actions {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}


/* v6.6 requested final CSS overrides */
.ss-hub .ss-bubble,
.stitchsense-hub-pro .ss-bubble {
  min-width: 100% !important;
  max-width: none !important;
}

.ss-hub button[data-ss-send],
.stitchsense-hub-pro button[data-ss-send] {
  width: 62px !important;
  max-width: 62px !important;
  background: #827b75 !important;
}

.ss-hub button[data-ss-send]:hover,
.ss-hub button[data-ss-send]:focus,
.ss-hub button[data-ss-send]:active,
.stitchsense-hub-pro button[data-ss-send]:hover,
.stitchsense-hub-pro button[data-ss-send]:focus,
.stitchsense-hub-pro button[data-ss-send]:active {
  background: #9a5d36 !important;
}

button.ss-standard-btn.ss-plus-btn {
  font-size:1.25rem !important;
}

/* Stage 2 — Gauge Calculator Assistant */
.ss-gauge-calculator .ss-tool-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px;
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(68, 46, 32, .10);
  box-shadow: 0 16px 36px rgba(68, 46, 32, .08);
  margin-bottom: 18px;
}
.ss-gauge-calculator .ss-tool-hero h3 { margin: 4px 0 8px; }
.ss-gauge-calculator .ss-tool-hero p { margin: 0; max-width: 760px; }
.ss-gauge-mode-tabs {
  display: inline-flex;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(68, 46, 32, .10);
  margin: 0 0 18px;
}
.ss-gauge-mode-tabs button {
  border: 0;
  border-radius: 999px;
  padding: 9px 16px;
  background: transparent;
  cursor: pointer;
  font-weight: 700;
}
.ss-gauge-mode-tabs button.is-active {
  background: #fff;
  box-shadow: 0 8px 20px rgba(68, 46, 32, .10);
}
.ss-gauge-form-grid .ss-tool-card h4,
.ss-gauge-reference-card h4 { margin-top: 0; }
.ss-gauge-form-grid label { display: block; margin-bottom: 12px; font-weight: 700; }
.ss-gauge-form-grid input,
.ss-gauge-form-grid select {
  width: 100%;
  min-height: 44px;
  margin-top: 6px;
  border-radius: 14px;
  border: 1px solid rgba(68, 46, 32, .18);
  padding: 9px 12px;
  background: #fff;
}
.ss-gauge-result-card .ss-standard-btn,
.ss-gauge-result-card .ss-secondary { margin: 0 8px 10px 0; }
.ss-gauge-output p { margin: 8px 0; }
.ss-gauge-output ul { margin: 10px 0 0 18px; padding: 0; }
.ss-gauge-reference-card { margin-top: 18px; }
@media (max-width: 760px) {
  .ss-gauge-calculator .ss-tool-hero { display: block; }
  .ss-gauge-calculator .ss-tool-hero .ss-secondary { width: 100%; margin-top: 14px; }
  .ss-gauge-mode-tabs { display: flex; width: 100%; }
  .ss-gauge-mode-tabs button { flex: 1; }
}

/* Stage 2.1 — Gauge Calculator polish and shared pattern metadata UX */
.ss-gauge-calculator-v735 {
  --ss-gauge-bg: rgba(255,255,255,.74);
  --ss-gauge-border: rgba(83, 55, 38, .12);
  --ss-gauge-text: #3f2b20;
  --ss-gauge-muted: rgba(63,43,32,.68);
}
.ss-gauge-hero-v735 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 22px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 12% 0%, rgba(245, 180, 123, .28), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,248,241,.82));
  border: 1px solid var(--ss-gauge-border);
  box-shadow: 0 18px 50px rgba(75, 48, 31, .10);
  margin-bottom: 16px;
}
.ss-gauge-hero-v735 h3 { margin: 3px 0 7px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.03em; color: var(--ss-gauge-text); }
.ss-gauge-hero-v735 p { margin: 0; max-width: 820px; color: var(--ss-gauge-muted); line-height: 1.45; }
.ss-gauge-pattern-btn {
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 800;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #6c4129, #a56239);
  box-shadow: 0 12px 28px rgba(112, 65, 39, .22);
  white-space: nowrap;
}
.ss-gauge-flow-v735 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.ss-gauge-card-v735,
.ss-gauge-advanced-v735,
.ss-gauge-result-shell-v735 {
  border-radius: 24px;
  background: var(--ss-gauge-bg);
  border: 1px solid var(--ss-gauge-border);
  box-shadow: 0 12px 30px rgba(75,48,31,.07);
  padding: 18px;
}
.ss-gauge-card-head { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; }
.ss-gauge-card-head > span {
  width: 34px; height: 34px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 900; color: #7b4a2f; background: rgba(245, 180, 123, .24);
}
.ss-gauge-card-head h4 { margin: 0 0 3px; font-size:1.125rem; letter-spacing: -.02em; color: var(--ss-gauge-text); }
.ss-gauge-card-head p { margin: 0; color: var(--ss-gauge-muted); font-size:0.8125rem; }
.ss-gauge-mini-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.ss-gauge-mini-grid label { margin: 0; font-size:0.8125rem; font-weight: 800; color: var(--ss-gauge-text); }
.ss-gauge-mini-grid label em {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(158, 90, 49, .12);
  color: #8b4f2e;
  font-style: normal;
  font-size:0.625rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.ss-gauge-mini-grid input,
.ss-gauge-mini-grid select {
  width: 100%; min-height: 42px; margin-top: 6px;
  border-radius: 15px;
  border: 1px solid rgba(83,55,38,.16);
  background: rgba(255,255,255,.9);
  padding: 9px 11px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.ss-gauge-mini-grid input:focus,
.ss-gauge-mini-grid select:focus {
  outline: 3px solid rgba(166, 98, 57, .16);
  border-color: rgba(166, 98, 57, .55);
}
.ss-gauge-important input { border-color: rgba(166,98,57,.38); background: #fffaf5; }
.ss-gauge-advanced-v735 { grid-column: 1 / -1; padding: 0; overflow: hidden; }
.ss-gauge-advanced-v735 summary {
  list-style: none; cursor: pointer; padding: 15px 18px; font-weight: 900; color: var(--ss-gauge-text);
}
.ss-gauge-advanced-v735 summary::-webkit-details-marker { display: none; }
.ss-gauge-advanced-v735 summary:after { content: '+'; float: right; font-size:1.25rem; line-height: 1; }
.ss-gauge-advanced-v735[open] summary:after { content: '–'; }
.ss-gauge-advanced-v735 .ss-gauge-mini-grid { padding: 0 18px 18px; }
.ss-gauge-result-shell-v735 { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: start; }
.ss-gauge-actions-v735 { display: flex; gap: 9px; flex-wrap: wrap; }
.ss-gauge-result-shell-v735 .ss-result { margin: 0; min-height: 48px; }
.ss-gauge-result-shell-v735 [data-ss-explain-gauge] { white-space: nowrap; }
.ss-gauge-output { display: grid; gap: 10px; }
.ss-gauge-output > b { font-size:1.375rem; letter-spacing: -.03em; color: var(--ss-gauge-text); }
.ss-gauge-output p { margin: 0; color: var(--ss-gauge-muted); }
.ss-gauge-output ul { display: grid; gap: 6px; margin: 4px 0 0; padding: 0; list-style: none; }
.ss-gauge-output li { padding: 8px 10px; border-radius: 14px; background: rgba(255,255,255,.68); border: 1px solid rgba(83,55,38,.08); }
.ss-gauge-reference-card-v735 { margin-top: 14px; }
@media (max-width: 860px) {
  .ss-gauge-hero-v735 { grid-template-columns: 1fr; }
  .ss-gauge-pattern-btn { width: 100%; }
  .ss-gauge-flow-v735 { grid-template-columns: 1fr; }
  .ss-gauge-result-shell-v735 { grid-template-columns: 1fr; }
  .ss-gauge-actions-v735 .ss-standard-btn,
  .ss-gauge-actions-v735 .ss-secondary,
  .ss-gauge-result-shell-v735 [data-ss-explain-gauge] { width: 100%; }
}
@media (max-width: 520px) {
  .ss-gauge-mini-grid { grid-template-columns: 1fr; }
  .ss-gauge-hero-v735,
  .ss-gauge-card-v735,
  .ss-gauge-result-shell-v735 { border-radius: 20px; padding: 16px; }
}


/* v7.3.5 Gauge Calculator hard isolation patch
   Keeps the Stage 2.1 calculator layout intact after Pattern Help upload/chat renders. */
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-calculator-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-calculator-v735 {
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  isolation: isolate !important;
  contain: layout style !important;
  --ss-gauge-bg: rgba(255,255,255,.78);
  --ss-gauge-border: rgba(83,55,38,.13);
  --ss-gauge-text: #3f2b20;
  --ss-gauge-muted: rgba(63,43,32,.70);
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-hero-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-hero-v735 {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 22px !important;
  margin: 0 0 16px !important;
  border-radius: 28px !important;
  border: 1px solid var(--ss-gauge-border) !important;
  background: radial-gradient(circle at 12% 0%, rgba(245,180,123,.28), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,248,241,.84)) !important;
  box-shadow: 0 18px 50px rgba(75,48,31,.10) !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-flow-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-flow-v735 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-card-v735,
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-advanced-v735,
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-card-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-advanced-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735 {
  display: block !important;
  border-radius: 24px !important;
  background: var(--ss-gauge-bg) !important;
  border: 1px solid var(--ss-gauge-border) !important;
  box-shadow: 0 12px 30px rgba(75,48,31,.07) !important;
  padding: 18px !important;
  min-width: 0 !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mini-grid,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 11px !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mini-grid label,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mini-grid label {
  display: block !important;
  margin: 0 !important;
  font-size:0.8125rem !important;
  font-weight: 800 !important;
  color: var(--ss-gauge-text) !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mini-grid input,
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mini-grid select,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mini-grid input,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mini-grid select {
  display: block !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 6px 0 0 !important;
  padding: 9px 11px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(83,55,38,.16) !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--ss-gauge-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-advanced-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-advanced-v735,
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735 {
  grid-column: 1 / -1 !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-advanced-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-advanced-v735 { padding: 0 !important; overflow: hidden !important; }
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-advanced-v735 summary,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-advanced-v735 summary { padding: 15px 18px !important; cursor: pointer !important; font-weight: 900 !important; }
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-advanced-v735 .ss-gauge-mini-grid,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-advanced-v735 .ss-gauge-mini-grid { padding: 0 18px 18px !important; }
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735 {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-actions-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-actions-v735 { display: flex !important; gap: 9px !important; flex-wrap: wrap !important; }
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-reference-card-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-reference-card-v735 { margin-top: 14px !important; }
@media (max-width: 860px) {
  .ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-hero-v735,
  .stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-hero-v735,
  .ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-flow-v735,
  .stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-flow-v735,
  .ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735,
  .stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735 { grid-template-columns: 1fr !important; }
  .ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-pattern-btn,
  .stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-pattern-btn { width: 100% !important; }
}
@media (max-width: 520px) {
  .ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mini-grid,
  .stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mini-grid { grid-template-columns: 1fr !important; }
}


/* v7.3.9 gauge result tone states — avoid green success styling for mismatches */
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-good,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-good {
  background: linear-gradient(135deg, #edf8f0, #f8fff9) !important;
  border-color: rgba(60, 130, 82, .22) !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-warning,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-warning {
  background: linear-gradient(135deg, #fff6e7, #fffdf8) !important;
  border-color: rgba(196, 125, 42, .30) !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-bad,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-bad {
  background: linear-gradient(135deg, #ffe8e8, #fff5f5) !important;
  border-color: rgba(184, 73, 73, .45) !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-bad .ss-gauge-output > b,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-bad .ss-gauge-output > b {
  color: #7f2d2d !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-warning .ss-gauge-output > b,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-warning .ss-gauge-output > b {
  color: #7a4a16 !important;
}


/* v7.3.10: explicit mismatch visual state. Green is reserved for a real match only. */
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-bad,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-bad {
  background: linear-gradient(135deg, #ffe8e8, #fff5f5) !important;
  border-color: rgba(184, 73, 73, .45) !important;
  box-shadow: 0 12px 30px rgba(184, 73, 73, .10) !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-good,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-result-shell-v735.ss-gauge-tone-good {
  background: linear-gradient(135deg, #edf8f0, #f8fff9) !important;
}

/* v7.3.11 Stage 2 complete: gauge mode guidance and dimensional-gauge UX */
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-note-v7311,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-note-v7311 {
  margin: 0 0 14px 0 !important;
  padding: 12px 15px !important;
  border: 1px solid rgba(123, 92, 69, .16) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.78) !important;
  color: var(--ss-gauge-muted) !important;
  font-size:0.875rem !important;
  line-height: 1.45 !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-note-v7311 b,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-note-v7311 b {
  color: var(--ss-gauge-text) !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-calculator-v735.ss-gauge-mode-dimension .ss-gauge-card-main,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-calculator-v735.ss-gauge-mode-dimension .ss-gauge-card-main {
  opacity: .72 !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-calculator-v735.ss-gauge-mode-dimension .ss-gauge-advanced-v735,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-calculator-v735.ss-gauge-mode-dimension .ss-gauge-advanced-v735 {
  border-color: rgba(107, 79, 58, .28) !important;
  box-shadow: 0 16px 36px rgba(107, 79, 58, .08) !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-calculator-v735.ss-gauge-mode-dimension .ss-gauge-advanced-v735 summary,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-calculator-v735.ss-gauge-mode-dimension .ss-gauge-advanced-v735 summary {
  background: linear-gradient(135deg, rgba(255,246,232,.82), rgba(255,255,255,.8)) !important;
}


/* Stage 3/4 + Summary panels */
.ss-feature-page { display: grid; gap: 16px; }
.ss-feature-hero {
  border: 1px solid rgba(83,55,38,.12);
  border-radius: 24px;
  padding: clamp(18px, 3vw, 28px);
  background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(253,246,239,.72));
  box-shadow: 0 18px 45px rgba(73,50,35,.08);
}
.ss-feature-hero h3 { margin: 4px 0 8px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.03em; color: #3f2b20; }
.ss-feature-hero p { margin: 0; max-width: 860px; color: rgba(63,43,32,.72); line-height: 1.55; }
.ss-feature-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.ss-feature-result { min-height: 170px; }
.ss-feature-empty { color: rgba(63,43,32,.68); padding: 16px; border-radius: 18px; background: rgba(255,255,255,.6); }
.ss-feature-result .is-loading, .ss-feature-empty.is-loading { background: #f6f1ff; border: 1px solid #ddd0ff; }
.ss-feature-result .is-warning, .ss-feature-empty.is-warning { background: #fff8e8; border: 1px solid #f2d28f; }
.ss-feature-result .is-danger, .ss-feature-empty.is-danger { background: #fff0f0; border: 1px solid #efb2b2; }
.ss-feature-result .is-success, .ss-feature-empty.is-success { background: #eefbf5; border: 1px solid #b9dfca; }
.ss-camera-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: 16px; }
.ss-camera-upload-card input[type="file"] { width: 100%; margin: 8px 0 12px; }
.ss-camera-upload-card textarea { width: 100%; border-radius: 16px; border: 1px solid rgba(83,55,38,.14); padding: 12px 14px; background: rgba(255,255,255,.86); }
.ss-camera-preview { min-height: 180px; display: grid; place-items: center; border: 1px dashed rgba(83,55,38,.25); border-radius: 18px; background: rgba(255,255,255,.55); color: rgba(63,43,32,.6); overflow: hidden; margin-bottom: 14px; }
.ss-camera-preview img { display: block; width: 100%; max-height: 360px; object-fit: contain; }
.ss-camera-tips-card ul { margin: 12px 0 0 18px; padding: 0; line-height: 1.7; }
.ss-summary-page .ss-pattern-summary-card { margin: 0; }
.ss-checker-page .ss-message, .ss-feature-result .ss-bubble { max-width: none; }
@media (max-width: 840px) {
  .ss-camera-grid { grid-template-columns: 1fr; }
  .ss-feature-actions > * { width: 100%; justify-content: center; }
}

/* v7.4.11 — richer automatic pattern issue reporting */
.stitchsense-hub-pro .ss-summary-fixes {
  margin-top: 12px;
  background: #f5fff8;
  border: 1px solid rgba(78, 140, 93, .28);
  border-radius: 16px;
  padding: 12px;
}
.stitchsense-hub-pro .ss-summary-issues {
  background: #fff7ed;
  border-color: rgba(184, 92, 46, .35);
}
.stitchsense-hub-pro .ss-check-report-card {
  display: grid;
  gap: 14px;
}
.stitchsense-hub-pro .ss-check-report-head,
.stitchsense-hub-pro .ss-check-list,
.stitchsense-hub-pro .ss-check-issue {
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(83,55,38,.12);
  border-radius: 18px;
  padding: 14px;
}
.stitchsense-hub-pro .ss-check-report-head span {
  display: inline-flex;
  border-radius: 999px;
  padding: 4px 9px;
  background: rgba(154,93,54,.1);
  color: #7a4628;
  font-size:0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.stitchsense-hub-pro .ss-check-report-head h4 {
  margin: 8px 0 6px;
  font-size:1.375rem;
  color: #3f2b20;
}
.stitchsense-hub-pro .ss-check-report-head p { margin: 0; line-height: 1.55; }
.stitchsense-hub-pro .ss-check-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.stitchsense-hub-pro .ss-check-stats span {
  border-radius: 999px;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid rgba(83,55,38,.12);
  color: rgba(63,43,32,.78);
}
.stitchsense-hub-pro .ss-check-list ul,
.stitchsense-hub-pro .ss-check-issues ul { margin: 8px 0 0 18px; }
.stitchsense-hub-pro .ss-check-list.is-warning { background: #fff8e8; border-color: #f2d28f; }
.stitchsense-hub-pro .ss-check-list.is-danger { background: #fff0f0; border-color: #efb2b2; }
.stitchsense-hub-pro .ss-check-issues { display: grid; gap: 10px; }
.stitchsense-hub-pro .ss-check-issue h5 { margin: 4px 0 8px; font-size:1rem; color: #3f2b20; }
.stitchsense-hub-pro .ss-check-issue span {
  display: inline-flex;
  border-radius: 999px;
  padding: 3px 8px;
  background: rgba(83,55,38,.08);
  font-size:0.6875rem;
  font-weight: 800;
  text-transform: uppercase;
}
.stitchsense-hub-pro .ss-check-issue p { margin: 6px 0; line-height: 1.5; }
.stitchsense-hub-pro .ss-check-issue.ss-sev-high { background: #fff0f0; border-color: #efb2b2; }
.stitchsense-hub-pro .ss-check-issue.ss-sev-medium { background: #fff8e8; border-color: #f2d28f; }

/* v7.4.12 Smart Summary pattern-check block */
.ss-hub .ss-pattern-summary-card .ss-summary-check,
.stitchsense-hub-pro .ss-pattern-summary-card .ss-summary-check {
  margin: 12px 0 14px !important;
  padding: 13px 15px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(83,55,38,.10) !important;
  background: rgba(255,255,255,.72) !important;
}
.ss-hub .ss-pattern-summary-card .ss-summary-check b,
.stitchsense-hub-pro .ss-pattern-summary-card .ss-summary-check b { display:block !important; margin-bottom: 6px !important; }
.ss-hub .ss-pattern-summary-card .ss-summary-check p,
.stitchsense-hub-pro .ss-pattern-summary-card .ss-summary-check p { margin: 5px 0 !important; }
.ss-hub .ss-pattern-summary-card .ss-summary-check-clear,
.stitchsense-hub-pro .ss-pattern-summary-card .ss-summary-check-clear {
  background: rgba(236, 253, 245, .72) !important;
  border-color: rgba(34, 197, 94, .22) !important;
}
.ss-hub .ss-pattern-summary-card .ss-summary-check-review,
.stitchsense-hub-pro .ss-pattern-summary-card .ss-summary-check-review {
  background: rgba(255, 247, 237, .82) !important;
  border-color: rgba(245, 158, 11, .26) !important;
}

/* v7.4.12 Gauge Calculator completion polish */
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-tabs-v7412,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-tabs-v7412 {
  display: inline-flex !important;
  gap: 8px !important;
  padding: 6px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(83,55,38,.10) !important;
  margin: 14px 0 12px !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-tabs-v7412 button,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-tabs-v7412 button {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 9px 14px !important;
  background: transparent !important;
  color: var(--ss-gauge-text) !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-tabs-v7412 button.is-active,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-tabs-v7412 button.is-active {
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(83,55,38,.10) !important;
}
.ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-output-v7412 p b,
.stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-output-v7412 p b { color: var(--ss-gauge-text) !important; }
@media (max-width: 720px) {
  .ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-tabs-v7412,
  .stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-tabs-v7412 { display:flex !important; width:100% !important; }
  .ss-hub .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-tabs-v7412 button,
  .stitchsense-hub-pro .ss-panel[data-ss-panel="gauge"] .ss-gauge-mode-tabs-v7412 button { flex:1 !important; }
}

/* v7.4.14 — Quick Tools UX refresh */
.ss-hub .ss-quicktools-page {
  display: grid;
  gap: 18px;
}

.ss-hub .ss-quicktools-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(20px, 3vw, 30px);
  border-radius: 32px;
  background:
    radial-gradient(circle at 14% 0%, rgba(255,255,255,.95), rgba(255,255,255,.18) 34%, transparent 56%),
    linear-gradient(135deg, rgba(255,247,239,.98), rgba(247,226,207,.92) 46%, rgba(226,247,244,.86));
  border: 1px solid rgba(111, 63, 37, .16);
  box-shadow: 0 22px 55px rgba(57, 32, 20, .12);
}

.ss-hub .ss-quicktools-hero::after {
  content: "";
  position: absolute;
  inset: auto -80px -130px auto;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: rgba(21,169,183,.16);
  filter: blur(2px);
}

.ss-hub .ss-quicktools-hero-copy,
.ss-hub .ss-quicktools-hero-badge { position: relative; z-index: 1; }

.ss-hub .ss-quicktools-hero h3 {
  margin: 4px 0 8px;
  max-width: 720px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: clamp(26px, 4vw, 42px);
  line-height: .98;
  letter-spacing: -.045em;
}

.ss-hub .ss-quicktools-hero p {
  margin: 0;
  max-width: 760px;
  color: rgba(63,43,32,.76);
  font-size:0.9375rem;
  line-height: 1.55;
}

.ss-hub .ss-quicktools-hero-badge {
  min-width: 170px;
  display: grid;
  place-content: center;
  text-align: center;
  padding: 18px;
  border-radius: 26px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 14px 28px rgba(57,32,20,.08);
}

.ss-hub .ss-quicktools-hero-badge span {
  font-size:0.75rem;
  font-weight: 900;
  color: rgba(63,43,32,.68);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ss-hub .ss-quicktools-hero-badge b {
  display: block;
  margin-top: 4px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size:1.25rem;
  letter-spacing: -.03em;
}

.ss-hub .ss-quicktools-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) repeat(4, minmax(160px, 1fr));
  gap: 14px;
}

.ss-hub .ss-quick-action-card {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: space-between;
  gap: 16px;
  min-height: 230px;
  padding: 20px;
  border-radius: 28px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(111, 63, 37, .14);
  box-shadow: 0 16px 40px rgba(57, 32, 20, .09);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.ss-hub .ss-quick-action-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 52px rgba(57, 32, 20, .13);
  border-color: rgba(21,169,183,.34);
}

.ss-hub .ss-quick-action-card.ss-primary-action {
  background: linear-gradient(135deg, rgba(63,43,32,.96), rgba(111,63,37,.92));
  color: #fff7ef;
}

.ss-hub .ss-quick-action-card.ss-primary-action h4,
.ss-hub .ss-quick-action-card.ss-primary-action p,
.ss-hub .ss-quick-action-card.ss-primary-action .ss-section-kicker { color: #fff7ef; }

.ss-hub .ss-quick-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: rgba(21,169,183,.13);
  font-size:1.5625rem;
}

.ss-hub .ss-primary-action .ss-quick-icon { background: rgba(255,255,255,.14); }

.ss-hub .ss-quick-action-card h4 {
  margin: 4px 0 7px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size:1.3125rem;
  line-height: 1.04;
  letter-spacing: -.035em;
}

.ss-hub .ss-quick-action-card p {
  margin: 0;
  color: rgba(63,43,32,.72);
  font-size:0.8125rem;
  line-height: 1.45;
}

.ss-hub .ss-quick-card-actions,
.ss-hub .ss-prompt-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.ss-hub .ss-quicktools-mini,
.ss-hub .ss-quicktools-helper-row {
  display: grid;
  gap: 14px;
}

.ss-hub .ss-quicktools-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 0 4px;
}

.ss-hub .ss-quicktools-section-head h4 {
  margin: 4px 0 0;
  color: var(--ss-brown-dark, #3f2b20);
  font-size:1.375rem;
  letter-spacing: -.035em;
}

.ss-hub .ss-quicktools-mini-grid,
.ss-hub .ss-quicktools-helper-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ss-hub .ss-mini-tool-card,
.ss-hub .ss-terms-card,
.ss-hub .ss-project-ready-card,
.ss-hub .ss-question-builder-card {
  border-radius: 28px;
  box-shadow: 0 16px 42px rgba(57,32,20,.08);
}

.ss-hub .ss-tool-headline {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}

.ss-hub .ss-tool-headline > span {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(111,63,37,.08);
  font-size:1.375rem;
}

.ss-hub .ss-tool-headline h3 {
  margin: 0 0 4px;
  font-size:1.125rem;
}

.ss-hub .ss-tool-headline p {
  margin: 0;
  color: rgba(63,43,32,.68);
  font-size:0.8125rem;
  line-height: 1.4;
}

.ss-hub .ss-mini-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ss-hub .ss-mini-fields.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.ss-hub .ss-mini-fields label {
  margin: 0;
  font-size:0.75rem;
}

.ss-hub .ss-mini-fields input {
  margin: 6px 0 10px;
  border-radius: 15px;
  padding: 11px 12px;
}

.ss-hub .ss-mini-result-card {
  display: grid;
  gap: 4px;
}

.ss-hub .ss-mini-result-card b {
  color: var(--ss-brown-dark, #3f2b20);
  font-size:1rem;
}

.ss-hub .ss-mini-result-card span {
  color: rgba(63,43,32,.72);
  font-size:0.8125rem;
  line-height: 1.4;
}

.ss-hub .ss-mini-result-card.is-good b { color: #237a47; }
.ss-hub .ss-mini-result-card.is-warn b { color: #9b5b16; }

.ss-hub .ss-question-builder-card .ss-secondary,
.ss-hub .ss-quick-card-actions .ss-secondary { flex: 1 1 160px; }

@media (max-width: 1120px) {
  .ss-hub .ss-quicktools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ss-hub .ss-quick-action-card.ss-primary-action { grid-column: 1 / -1; }
  .ss-hub .ss-quicktools-mini-grid,
  .ss-hub .ss-quicktools-helper-row { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .ss-hub .ss-quicktools-hero { display: grid; }
  .ss-hub .ss-quicktools-hero-badge { min-width: 0; justify-content: start; text-align: left; }
  .ss-hub .ss-quicktools-grid { grid-template-columns: 1fr; }
  .ss-hub .ss-quick-action-card { min-height: 0; }
  .ss-hub .ss-mini-fields,
  .ss-hub .ss-mini-fields.two { grid-template-columns: 1fr; }
  .ss-hub .ss-quick-card-actions,
  .ss-hub .ss-prompt-buttons { display: grid; }
  .ss-hub .ss-quick-card-actions .ss-secondary,
  .ss-hub .ss-prompt-buttons .ss-secondary { width: 100%; }
}


/* v7.4.15 Quick Tools layout hardening */
.ss-hub .ss-quicktools-mini-grid {
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  align-items: stretch;
}

.ss-hub .ss-quicktools-mini-grid .ss-mini-tool-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.ss-hub .ss-quicktools-mini-grid .ss-mini-fields,
.ss-hub .ss-quicktools-mini-grid .ss-mini-fields.two {
  grid-template-columns: 1fr;
  gap: 8px;
}

.ss-hub .ss-quicktools-mini-grid .ss-result {
  margin-top: auto;
}

.ss-hub .ss-terms-card .ss-conversion-list {
  gap: 13px;
}

.ss-hub .ss-terms-card .ss-conversion-row,
.stitchsense-hub-pro .ss-terms-card .ss-conversion-row {
  grid-template-columns: minmax(88px, .8fr) minmax(88px, .8fr) minmax(150px, 1.35fr);
  gap: 13px;
  align-items: stretch;
  padding: 14px;
  border-radius: 18px;
}

.ss-hub .ss-terms-card .ss-conversion-row b,
.ss-hub .ss-terms-card .ss-conversion-row span,
.stitchsense-hub-pro .ss-terms-card .ss-conversion-row b,
.stitchsense-hub-pro .ss-terms-card .ss-conversion-row span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(21,169,183,.10);
  text-align: center;
  line-height: 1.2;
}

.ss-hub .ss-terms-card .ss-conversion-row span,
.stitchsense-hub-pro .ss-terms-card .ss-conversion-row span {
  background: rgba(111,63,37,.08);
}

.ss-hub .ss-terms-card .ss-conversion-row em,
.stitchsense-hub-pro .ss-terms-card .ss-conversion-row em {
  display: flex;
  align-items: center;
  line-height: 1.35;
}

.ss-hub .ss-quicktools-prompt-strip {
  display: grid;
  gap: 14px;
}

.ss-hub .ss-quick-prompt-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ss-hub .ss-quick-prompt-grid .ss-secondary {
  min-height: 52px;
  white-space: normal;
  text-align: left;
  justify-content: flex-start;
}

@media (max-width: 980px) {
  .ss-hub .ss-quicktools-mini-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .ss-hub .ss-quick-prompt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
  .ss-hub .ss-quicktools-mini-grid { grid-template-columns: 1fr !important; }
  .ss-hub .ss-terms-card .ss-conversion-row,
  .stitchsense-hub-pro .ss-terms-card .ss-conversion-row { grid-template-columns: 1fr; }
  .ss-hub .ss-terms-card .ss-conversion-row em,
  .stitchsense-hub-pro .ss-terms-card .ss-conversion-row em { justify-content: center; text-align: center; }
  .ss-hub .ss-quick-prompt-grid { grid-template-columns: 1fr; }
}

/* v7.4.18 — Quick Tools mini tool grid, hidden empty results and reference polish */
.ss-hub .ss-quicktools-mini-grid,
.stitchsense-hub-pro .ss-quicktools-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}
.ss-hub .ss-quicktools-mini-grid .ss-mini-tool-card,
.stitchsense-hub-pro .ss-quicktools-mini-grid .ss-mini-tool-card {
  min-width: 0 !important;
  height: 100%;
}
.ss-hub .ss-quicktools-mini-grid .ss-result:empty,
.stitchsense-hub-pro .ss-quicktools-mini-grid .ss-result:empty {
  display: none !important;
}
.ss-hub .ss-quicktools-mini-grid .ss-mini-tool-card .ss-result:not(:empty),
.stitchsense-hub-pro .ss-quicktools-mini-grid .ss-mini-tool-card .ss-result:not(:empty) {
  display: block;
  margin-top: 14px;
}
.ss-hub .ss-mini-tool-card .ss-tool-headline p,
.stitchsense-hub-pro .ss-mini-tool-card .ss-tool-headline p {
  font-size:0.8125rem;
  line-height: 1.5;
}
.ss-hub .ss-needle-hook-reference-card-vertical .ss-gauge-list-vertical,
.stitchsense-hub-pro .ss-needle-hook-reference-card-vertical .ss-gauge-list-vertical {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.ss-hub .ss-needle-hook-reference-card-vertical .ss-gauge-item,
.stitchsense-hub-pro .ss-needle-hook-reference-card-vertical .ss-gauge-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 18px;
}
.ss-hub .ss-needle-hook-reference-card-vertical .ss-gauge-item b,
.stitchsense-hub-pro .ss-needle-hook-reference-card-vertical .ss-gauge-item b {
  margin: 0;
  white-space: nowrap;
}
.ss-hub .ss-needle-hook-reference-card-vertical .ss-gauge-item span,
.stitchsense-hub-pro .ss-needle-hook-reference-card-vertical .ss-gauge-item span {
  text-align: right;
  font-size:0.8125rem;
}
.ss-hub .ss-gauge-mode-tabs-v7412 button.is-active,
.stitchsense-hub-pro .ss-gauge-mode-tabs-v7412 button.is-active {
  background: linear-gradient(135deg, #6c4129, #a56239) !important;
  color: #fff7ef !important;
  box-shadow: 0 12px 26px rgba(112,65,39,.24) !important;
}
@media (max-width: 980px) {
  .ss-hub .ss-quicktools-mini-grid,
  .stitchsense-hub-pro .ss-quicktools-mini-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 820px) {
  .ss-hub .ss-quicktools-mini-grid,
  .stitchsense-hub-pro .ss-quicktools-mini-grid { grid-template-columns: 1fr !important; }
  .ss-hub .ss-needle-hook-reference-card-vertical .ss-gauge-item,
  .stitchsense-hub-pro .ss-needle-hook-reference-card-vertical .ss-gauge-item { align-items: flex-start; flex-direction: column; }
  .ss-hub .ss-needle-hook-reference-card-vertical .ss-gauge-item span,
  .stitchsense-hub-pro .ss-needle-hook-reference-card-vertical .ss-gauge-item span { text-align: left; }
}

/* ──────────────────────────────────────────────
   v7.4.17 — unified navigation, feature headers and Stitch Camera layout polish */
.ss-hub .ss-tabs,
.stitchsense-hub-pro .ss-tabs {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

.ss-hub .ss-tab,
.stitchsense-hub-pro .ss-tab {
  min-width: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 54px !important;
  white-space: normal !important;
  line-height: 1.15 !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 10px 22px rgba(57,32,20,.055) !important;
}

.ss-hub .ss-tab.is-active,
.stitchsense-hub-pro .ss-tab.is-active {
  background: linear-gradient(135deg, var(--ss-brown, #6f3f25), var(--ss-terracotta, #c96f4a)) !important;
  box-shadow: 0 18px 38px rgba(111,63,37,.22) !important;
}

/* Make every main screen speak the same design language as Quick Tools */
.ss-hub .ss-feature-hero,
.stitchsense-hub-pro .ss-feature-hero,
.ss-hub .ss-dict-hero,
.stitchsense-hub-pro .ss-dict-hero,
.ss-hub .ss-gauge-hero-v735,
.stitchsense-hub-pro .ss-gauge-hero-v735,
.ss-hub .ss-prompt-rail,
.stitchsense-hub-pro .ss-prompt-rail {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 32px !important;
  padding: clamp(20px, 3vw, 30px) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255,255,255,.95), rgba(255,255,255,.18) 34%, transparent 56%),
    linear-gradient(135deg, rgba(255,247,239,.98), rgba(247,226,207,.92) 46%, rgba(226,247,244,.86)) !important;
  border: 1px solid rgba(111, 63, 37, .16) !important;
  box-shadow: 0 22px 55px rgba(57, 32, 20, .12) !important;
}

.ss-hub .ss-feature-hero::after,
.stitchsense-hub-pro .ss-feature-hero::after,
.ss-hub .ss-dict-hero::after,
.stitchsense-hub-pro .ss-dict-hero::after,
.ss-hub .ss-gauge-hero-v735::after,
.stitchsense-hub-pro .ss-gauge-hero-v735::after,
.ss-hub .ss-prompt-rail::after,
.stitchsense-hub-pro .ss-prompt-rail::after {
  content: "";
  position: absolute;
  inset: auto -80px -130px auto;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: rgba(21,169,183,.16);
  filter: blur(2px);
  pointer-events: none;
}

.ss-hub .ss-feature-hero > *,
.stitchsense-hub-pro .ss-feature-hero > *,
.ss-hub .ss-dict-hero > *,
.stitchsense-hub-pro .ss-dict-hero > *,
.ss-hub .ss-gauge-hero-v735 > *,
.stitchsense-hub-pro .ss-gauge-hero-v735 > *,
.ss-hub .ss-prompt-rail > *,
.stitchsense-hub-pro .ss-prompt-rail > * {
  position: relative;
  z-index: 1;
}

.ss-hub .ss-feature-hero h3,
.stitchsense-hub-pro .ss-feature-hero h3,
.ss-hub .ss-dict-hero h3,
.stitchsense-hub-pro .ss-dict-hero h3,
.ss-hub .ss-gauge-hero-v735 h3,
.stitchsense-hub-pro .ss-gauge-hero-v735 h3,
.ss-hub .ss-prompt-rail h3,
.stitchsense-hub-pro .ss-prompt-rail h3 {
  margin: 4px 0 8px !important;
  max-width: 760px !important;
  color: var(--ss-brown-dark, #3f2b20) !important;
  font-size: clamp(26px, 4vw, 42px) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
}

.ss-hub .ss-feature-hero p,
.stitchsense-hub-pro .ss-feature-hero p,
.ss-hub .ss-dict-hero p,
.stitchsense-hub-pro .ss-dict-hero p,
.ss-hub .ss-gauge-hero-v735 p,
.stitchsense-hub-pro .ss-gauge-hero-v735 p,
.ss-hub .ss-prompt-rail p,
.stitchsense-hub-pro .ss-prompt-rail p {
  margin: 0 !important;
  max-width: 820px !important;
  color: rgba(63,43,32,.76) !important;
  font-size:0.9375rem !important;
  line-height: 1.55 !important;
}

.ss-hub .ss-section-kicker,
.stitchsense-hub-pro .ss-section-kicker {
  color: rgba(111,63,37,.72) !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

/* Stitch Camera: upload left, analysis right, pro tips underneath */
.ss-hub .ss-camera-workspace,
.stitchsense-hub-pro .ss-camera-workspace {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.ss-hub .ss-camera-analysis-card,
.stitchsense-hub-pro .ss-camera-analysis-card {
  min-height: 100% !important;
}

.ss-hub .ss-camera-analysis-card [data-ss-stitch-camera-result],
.stitchsense-hub-pro .ss-camera-analysis-card [data-ss-stitch-camera-result] {
  min-height: 390px;
}

.ss-hub .ss-camera-tips-bottom,
.stitchsense-hub-pro .ss-camera-tips-bottom {
  margin-top: 0 !important;
}

.ss-hub .ss-camera-tips-bottom ul,
.stitchsense-hub-pro .ss-camera-tips-bottom ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ss-hub .ss-camera-tips-bottom li,
.stitchsense-hub-pro .ss-camera-tips-bottom li {
  padding: 12px 13px;
  border-radius: 16px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(111,63,37,.10);
  color: rgba(63,43,32,.78);
  line-height: 1.35;
}

.ss-hub .ss-tool-card,
.stitchsense-hub-pro .ss-tool-card,
.ss-hub .ss-chat-card,
.stitchsense-hub-pro .ss-chat-card,
.ss-hub .ss-dict-sidebar,
.stitchsense-hub-pro .ss-dict-sidebar,
.ss-hub .ss-dict-results,
.stitchsense-hub-pro .ss-dict-results,
.ss-hub .ss-gauge-card-v735,
.stitchsense-hub-pro .ss-gauge-card-v735 {
  border-color: rgba(111,63,37,.13) !important;
  box-shadow: 0 18px 42px rgba(57,32,20,.08) !important;
}

@media (max-width: 980px) {
  .ss-hub .ss-tabs,
  .stitchsense-hub-pro .ss-tabs {
    grid-template-columns: repeat(7, minmax(62px, 1fr)) !important;
    overflow-x: auto !important;
    padding-bottom: 14px !important;
  }
  .ss-hub .ss-tab,
  .stitchsense-hub-pro .ss-tab { min-width: 86px !important; }
  .ss-hub .ss-camera-workspace,
  .stitchsense-hub-pro .ss-camera-workspace { grid-template-columns: 1fr !important; }
  .ss-hub .ss-camera-analysis-card [data-ss-stitch-camera-result],
  .stitchsense-hub-pro .ss-camera-analysis-card [data-ss-stitch-camera-result] { min-height: 220px; }
  .ss-hub .ss-camera-tips-bottom ul,
  .stitchsense-hub-pro .ss-camera-tips-bottom ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .ss-hub .ss-camera-tips-bottom ul,
  .stitchsense-hub-pro .ss-camera-tips-bottom ul { grid-template-columns: 1fr; }
}

/* v7.4.19 Quick Tools content expansion */
.ss-hub .ss-project-ready-card,
.stitchsense-hub-pro .ss-project-ready-card,
.ss-hub .ss-question-builder-card,
.stitchsense-hub-pro .ss-question-builder-card {
  display: flex;
  flex-direction: column;
  min-height: 760px;
}

.ss-hub .ss-ready-meter,
.stitchsense-hub-pro .ss-ready-meter {
  display: grid;
  gap: 10px;
  margin: 4px 0 16px;
  padding: 14px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(21,169,183,.12), rgba(255,255,255,.72));
  border: 1px solid rgba(21,169,183,.18);
}

.ss-hub .ss-ready-meter > div:first-child,
.stitchsense-hub-pro .ss-ready-meter > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ss-hub .ss-ready-meter b,
.stitchsense-hub-pro .ss-ready-meter b {
  color: var(--ss-brown-dark, #3f2b20);
  font-size:0.9375rem;
}

.ss-hub .ss-ready-meter span[data-ss-ready-status],
.stitchsense-hub-pro .ss-ready-meter span[data-ss-ready-status] {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(111,63,37,.10);
  color: rgba(63,43,32,.78);
  font-size:0.6875rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ss-hub .ss-ready-track,
.stitchsense-hub-pro .ss-ready-track {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(111,63,37,.12);
}

.ss-hub .ss-ready-track span,
.stitchsense-hub-pro .ss-ready-track span {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(21,169,183,.95), rgba(35,122,71,.9));
  transition: width .22s ease;
}

.ss-hub .ss-project-ready-checklist,
.stitchsense-hub-pro .ss-project-ready-checklist {
  display: grid;
  gap: 9px;
}

.ss-hub .ss-project-ready-checklist label,
.stitchsense-hub-pro .ss-project-ready-checklist label {
  display: grid;
  grid-template-columns: 22px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  margin: 0;
  padding: 8px 10px;
  border-radius: 15px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(111,63,37,.10);
  color: rgba(63,43,32,.82);
  font-size:0.8125rem;
  line-height: 1.25;
}

.ss-hub .ss-project-ready-checklist input,
.stitchsense-hub-pro .ss-project-ready-checklist input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #15a9b7;
}

.ss-hub .ss-question-builder-groups,
.stitchsense-hub-pro .ss-question-builder-groups {
  display: grid;
  gap: 12px;
}

.ss-hub .ss-question-group,
.stitchsense-hub-pro .ss-question-group,
.ss-hub .ss-popular-question-chips,
.stitchsense-hub-pro .ss-popular-question-chips {
  padding: 12px;
  border-radius: 20px;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(111,63,37,.10);
}

.ss-hub .ss-question-group h4,
.stitchsense-hub-pro .ss-question-group h4,
.ss-hub .ss-popular-question-chips h4,
.stitchsense-hub-pro .ss-popular-question-chips h4 {
  margin: 0 0 9px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size:0.8125rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ss-hub .ss-question-builder-card .ss-prompt-buttons,
.stitchsense-hub-pro .ss-question-builder-card .ss-prompt-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ss-hub .ss-question-builder-card .ss-secondary,
.stitchsense-hub-pro .ss-question-builder-card .ss-secondary {
  width: 100%;
  min-height: 40px;
  padding: 9px 10px;
  white-space: normal;
  text-align: left;
  justify-content: flex-start;
  font-size:0.6875rem;
  line-height: 1.25;
}

.ss-hub .ss-popular-question-chips > div,
.stitchsense-hub-pro .ss-popular-question-chips > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ss-hub .ss-popular-question-chips .ss-chip,
.stitchsense-hub-pro .ss-popular-question-chips .ss-chip {
  flex: 1 1 130px;
  justify-content: center;
  min-height: 36px;
  white-space: normal;
}

@media (max-width: 1120px) {
  .ss-hub .ss-project-ready-card,
  .stitchsense-hub-pro .ss-project-ready-card,
  .ss-hub .ss-question-builder-card,
  .stitchsense-hub-pro .ss-question-builder-card { min-height: 0; }
}

@media (max-width: 560px) {
  .ss-hub .ss-question-builder-card .ss-prompt-buttons,
  .stitchsense-hub-pro .ss-question-builder-card .ss-prompt-buttons { grid-template-columns: 1fr; }
  .ss-hub .ss-ready-meter > div:first-child,
  .stitchsense-hub-pro .ss-ready-meter > div:first-child { align-items: flex-start; flex-direction: column; }
}


/* v7.4.21 polish: keep View Pattern underneath Go/+ and make camera analysis readable */
.ss-hub .ss-composer-actions.ss-v73-actions,
.stitchsense-hub-pro .ss-composer-actions.ss-v73-actions {
  justify-content: center !important;
}
.ss-hub .ss-view-pattern-btn,
.stitchsense-hub-pro .ss-view-pattern-btn {
  order: 2 !important;
  margin-top: 0 !important;
}
.ss-hub .ss-send-upload-row,
.stitchsense-hub-pro .ss-send-upload-row {
  order: 1 !important;
}
.ss-hub [data-ss-stitch-camera-result].is-success,
.stitchsense-hub-pro [data-ss-stitch-camera-result].is-success {
  background: #fff !important;
  border: 1px solid rgba(83,55,38,.12) !important;
  color: #3f2b20 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
}
.ss-hub [data-ss-stitch-camera-result].is-success b,
.stitchsense-hub-pro [data-ss-stitch-camera-result].is-success b,
.ss-hub [data-ss-stitch-camera-result].is-success strong,
.stitchsense-hub-pro [data-ss-stitch-camera-result].is-success strong {
  color: #3f2b20 !important;
}

/* v7.4.23 — restored premium drag/drop pattern upload overlay above chat */
.stitchsense-hub-pro .ss-chat-card,
.ss-hub .ss-chat-card{
  position:relative!important;
}
.stitchsense-hub-pro .ss-upload-canvas[hidden],
.ss-hub .ss-upload-canvas[hidden]{
  display:none!important;
}
.stitchsense-hub-pro .ss-upload-canvas,
.ss-hub .ss-upload-canvas{
  position:absolute!important;
  inset:16px!important;
  z-index:40!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:28px!important;
  background:rgba(43,31,25,.62)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  box-shadow:0 24px 70px rgba(54,38,29,.25)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.stitchsense-hub-pro .ss-chat-upload-overlay,
.ss-hub .ss-chat-upload-overlay{
  width:min(680px, calc(100% - 36px))!important;
  min-height:360px!important;
  border-radius:24px!important;
  padding:28px!important;
  background:linear-gradient(135deg, rgba(132,121,112,.94), rgba(105,94,86,.94))!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 22px 52px rgba(28,20,17,.25)!important;
  position:relative!important;
}
.stitchsense-hub-pro .ss-upload-canvas-close,
.ss-hub .ss-upload-canvas-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.45)!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:1.375rem!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
.stitchsense-hub-pro .ss-chat-file-drop,
.ss-hub .ss-chat-file-drop{
  min-height:295px!important;
  width:100%!important;
  border:3px dashed rgba(255,255,255,.86)!important;
  border-radius:4px!important;
  background:transparent!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:10px!important;
  padding:34px 28px!important;
  cursor:pointer!important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease!important;
}
.stitchsense-hub-pro .ss-chat-file-drop:hover,
.stitchsense-hub-pro .ss-chat-file-drop.is-dragging,
.ss-hub .ss-chat-file-drop:hover,
.ss-hub .ss-chat-file-drop.is-dragging{
  transform:translateY(-1px)!important;
  background:rgba(255,255,255,.08)!important;
  border-color:#fff!important;
}
.stitchsense-hub-pro .ss-chat-file-drop.has-file,
.ss-hub .ss-chat-file-drop.has-file{
  background:rgba(255,255,255,.12)!important;
  border-color:#fff!important;
}
.stitchsense-hub-pro .ss-chat-file-drop input,
.ss-hub .ss-chat-file-drop input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.stitchsense-hub-pro .ss-chat-upload-cloud,
.ss-hub .ss-chat-upload-cloud{
  width:92px!important;
  height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  font-size:4.625rem!important;
  line-height:1!important;
  text-shadow:0 7px 18px rgba(0,0,0,.16)!important;
}
.stitchsense-hub-pro .ss-chat-file-drop h4,
.ss-hub .ss-chat-file-drop h4{
  margin:0!important;
  color:#fff!important;
  font-size:1.5rem!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}
.stitchsense-hub-pro .ss-chat-file-drop p,
.ss-hub .ss-chat-file-drop p{
  margin:0!important;
  color:#fff!important;
  font-size:1rem!important;
  font-weight:900!important;
}
.stitchsense-hub-pro .ss-upload-browse-btn,
.ss-hub .ss-upload-browse-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:140px!important;
  min-height:42px!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#8b7f77!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
}
.stitchsense-hub-pro .ss-chat-file-drop small,
.ss-hub .ss-chat-file-drop small{
  max-width:500px!important;
  color:rgba(255,255,255,.86)!important;
  font-size:0.75rem!important;
  line-height:1.45!important;
  margin-top:8px!important;
}
.stitchsense-hub-pro .ss-chat-upload-submit,
.ss-hub .ss-chat-upload-submit{
  margin-top:14px!important;
  width:100%!important;
  min-height:44px!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#725849!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.stitchsense-hub-pro .ss-chat-upload-submit:disabled,
.ss-hub .ss-chat-upload-submit:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}
.stitchsense-hub-pro .ss-upload-progress,
.ss-hub .ss-upload-progress{
  margin-top:14px!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
  border-radius:14px!important;
  padding:10px 12px!important;
}
.stitchsense-hub-pro .ss-upload-progress-track,
.ss-hub .ss-upload-progress-track{
  height:8px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.28)!important;
  margin-top:8px!important;
}
.stitchsense-hub-pro .ss-upload-progress-track i,
.ss-hub .ss-upload-progress-track i{
  display:block!important;
  height:100%!important;
  width:0;
  border-radius:inherit!important;
  background:#fff!important;
}
.stitchsense-hub-pro .ss-upload-result,
.ss-hub .ss-upload-result{
  margin-top:12px!important;
  color:#fff!important;
  font-size:1.125rem!important;
  line-height:1.45!important;
}
.stitchsense-hub-pro .ss-upload-result:empty,
.ss-hub .ss-upload-result:empty{display:none!important;}
@media (max-width: 760px){
  .stitchsense-hub-pro .ss-upload-canvas,
  .ss-hub .ss-upload-canvas{inset:10px!important;border-radius:20px!important;}
  .stitchsense-hub-pro .ss-chat-upload-overlay,
  .ss-hub .ss-chat-upload-overlay{width:calc(100% - 16px)!important;padding:20px!important;min-height:330px!important;}
  .stitchsense-hub-pro .ss-chat-file-drop,
  .ss-hub .ss-chat-file-drop{min-height:260px!important;padding:26px 18px!important;}
  .stitchsense-hub-pro .ss-chat-file-drop h4,
  .ss-hub .ss-chat-file-drop h4{font-size:1.25rem!important;}
}


/* v7.4.24 upload overlay hardening: never expose the native browser file input */
.ss-hub .ss-chat-card,
.stitchsense-hub-pro .ss-chat-card{
  position:relative!important;
}
.ss-hub .ss-upload-canvas,
.stitchsense-hub-pro .ss-upload-canvas{
  position:absolute!important;
  inset:0!important;
  z-index:80!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:28px!important;
  min-height:520px!important;
  border-radius:28px!important;
  background:rgba(117,83,66,.94)!important;
  border:0!important;
  box-shadow:0 24px 70px rgba(37,22,14,.30)!important;
  backdrop-filter:blur(8px)!important;
}
.ss-hub .ss-upload-canvas[hidden],
.stitchsense-hub-pro .ss-upload-canvas[hidden]{
  display:none!important;
}
.ss-hub .ss-chat-upload-overlay,
.stitchsense-hub-pro .ss-chat-upload-overlay{
  width:min(620px,92%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  color:#fff!important;
  text-align:center!important;
}
.ss-hub .ss-upload-canvas-close,
.stitchsense-hub-pro .ss-upload-canvas-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-size:1.375rem!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
.ss-hub .ss-chat-file-drop,
.stitchsense-hub-pro .ss-chat-file-drop{
  position:relative!important;
  width:100%!important;
  min-height:330px!important;
  border:2px dashed rgba(255,255,255,.86)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.02)!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:34px!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transform:none!important;
}
.ss-hub .ss-chat-file-drop:hover,
.ss-hub .ss-chat-file-drop.is-dragging,
.ss-hub .ss-chat-file-drop.has-file,
.stitchsense-hub-pro .ss-chat-file-drop:hover,
.stitchsense-hub-pro .ss-chat-file-drop.is-dragging,
.stitchsense-hub-pro .ss-chat-file-drop.has-file{
  background:rgba(255,255,255,.08)!important;
  border-color:#fff!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.08)!important;
  transform:none!important;
}
.ss-hub .ss-chat-file-drop input[type="file"],
.stitchsense-hub-pro .ss-chat-file-drop input[type="file"],
.ss-hub [data-ss-file-input],
.stitchsense-hub-pro [data-ss-file-input]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.ss-hub .ss-chat-upload-cloud,
.stitchsense-hub-pro .ss-chat-upload-cloud{
  width:88px!important;
  height:64px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#755342!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  margin-bottom:8px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
}
.ss-hub .ss-chat-upload-cloud::before,
.stitchsense-hub-pro .ss-chat-upload-cloud::before{
  content:'⬆'!important;
  font-size:2.5rem!important;
  line-height:1!important;
  font-weight:900!important;
}
.ss-hub .ss-chat-file-drop h4,
.stitchsense-hub-pro .ss-chat-file-drop h4{
  margin:8px 0 0!important;
  color:#fff!important;
  font-size:1.4375rem!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.ss-hub .ss-chat-file-drop p,
.stitchsense-hub-pro .ss-chat-file-drop p{
  margin:4px 0 6px!important;
  color:#fff!important;
  font-size:1.125rem!important;
  font-weight:900!important;
}
.ss-hub .ss-upload-browse-btn,
.stitchsense-hub-pro .ss-upload-browse-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:130px!important;
  min-height:44px!important;
  padding:0 22px!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#75665d!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
}
.ss-hub .ss-chat-file-drop small,
.stitchsense-hub-pro .ss-chat-file-drop small{
  display:block!important;
  max-width:460px!important;
  color:rgba(255,255,255,.86)!important;
  font-size:0.75rem!important;
  line-height:1.45!important;
  margin-top:10px!important;
}
.ss-hub .ss-upload-submit.ss-chat-upload-submit,
.stitchsense-hub-pro .ss-upload-submit.ss-chat-upload-submit{
  width:min(300px,100%)!important;
  min-height:46px!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#755342!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.ss-hub .ss-upload-submit.ss-chat-upload-submit:disabled,
.stitchsense-hub-pro .ss-upload-submit.ss-chat-upload-submit:disabled{
  opacity:.55!important;
  cursor:not-allowed!important;
}
.ss-hub .ss-upload-result,
.stitchsense-hub-pro .ss-upload-result{
  width:min(520px,100%)!important;
  color:#fff!important;
  font-size:1.125rem!important;
  line-height:1.5!important;
}
.ss-hub .ss-upload-result.is-error,
.stitchsense-hub-pro .ss-upload-result.is-error{
  background:rgba(255,255,255,.96)!important;
  color:#8c2f24!important;
  border-radius:12px!important;
  padding:12px 14px!important;
}
.ss-hub .ss-upload-result.is-success,
.stitchsense-hub-pro .ss-upload-result.is-success{
  background:rgba(255,255,255,.96)!important;
  color:#2f6b46!important;
  border-radius:12px!important;
  padding:12px 14px!important;
}
.ss-hub .ss-upload-progress,
.stitchsense-hub-pro .ss-upload-progress{
  width:min(520px,100%)!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:1.125rem!important;
}
.ss-hub .ss-upload-progress-track,
.stitchsense-hub-pro .ss-upload-progress-track{
  height:8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.25)!important;
  overflow:hidden!important;
  margin-top:8px!important;
}
.ss-hub .ss-upload-progress-track i,
.stitchsense-hub-pro .ss-upload-progress-track i{
  display:block!important;
  height:100%!important;
  width:0%;
  background:#fff!important;
  border-radius:inherit!important;
}
@media (max-width: 760px){
  .ss-hub .ss-upload-canvas,
  .stitchsense-hub-pro .ss-upload-canvas{
    padding:18px!important;
    min-height:500px!important;
  }
  .ss-hub .ss-chat-file-drop,
  .stitchsense-hub-pro .ss-chat-file-drop{
    min-height:300px!important;
    padding:22px!important;
  }
}


/* v7.4.25 upload overlay hardening: never expose native browser file controls */
.ss-hub [data-ss-upload-canvas]:not([hidden]),
.stitchsense-hub-pro [data-ss-upload-canvas]:not([hidden]){
  display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;
  margin:18px 0!important;padding:28px!important;min-height:520px!important;border-radius:28px!important;
  background:rgba(117,83,66,.94)!important;border:0!important;box-shadow:0 24px 70px rgba(37,22,14,.30)!important;
  backdrop-filter:blur(8px)!important;overflow:hidden!important;
}
.ss-hub [data-ss-upload-canvas][hidden],.stitchsense-hub-pro [data-ss-upload-canvas][hidden]{display:none!important;}
.ss-hub [data-ss-file-input],.stitchsense-hub-pro [data-ss-file-input],.ss-hub input[data-ss-file-input][type="file"],.stitchsense-hub-pro input[data-ss-file-input][type="file"]{
  position:absolute!important;left:-99999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;
  overflow:hidden!important;pointer-events:none!important;appearance:none!important;-webkit-appearance:none!important;
}
.ss-hub .ss-chat-upload-overlay,.stitchsense-hub-pro .ss-chat-upload-overlay{width:min(620px,92%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;color:#fff!important;text-align:center!important;}
.ss-hub .ss-chat-file-drop,.stitchsense-hub-pro .ss-chat-file-drop{width:100%!important;min-height:330px!important;border:2px dashed rgba(255,255,255,.86)!important;border-radius:8px!important;background:rgba(255,255,255,.02)!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:34px!important;cursor:pointer!important;text-align:center!important;box-shadow:none!important;}

/* v7.4.26 fixed pattern-upload overlay + hard native-input kill switch */
.ss-hub [data-ss-upload-canvas]:not([hidden]),
.stitchsense-hub-pro [data-ss-upload-canvas]:not([hidden]){
  display:flex!important;
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:28px!important;
  min-height:100vh!important;
  width:100vw!important;
  border-radius:0!important;
  background:rgba(72,47,36,.72)!important;
  box-shadow:none!important;
  backdrop-filter:blur(6px)!important;
  overflow:auto!important;
}
.ss-hub [data-ss-upload-canvas]:not([hidden]) .ss-chat-upload-overlay,
.stitchsense-hub-pro [data-ss-upload-canvas]:not([hidden]) .ss-chat-upload-overlay{
  position:relative!important;
  width:min(640px,92vw)!important;
  min-height:520px!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:24px!important;
  background:rgba(117,83,66,.90)!important;
  box-shadow:0 28px 90px rgba(28,18,12,.42)!important;
}
.ss-hub input[data-ss-file-input],
.stitchsense-hub-pro input[data-ss-file-input],
input[data-ss-file-input]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  position:absolute!important;
  left:-999999px!important;
  pointer-events:none!important;
}
.ss-hub .ss-upload-canvas-close,
.stitchsense-hub-pro .ss-upload-canvas-close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:2!important;
}
body.ss-modal-open{overflow:hidden!important;}


/* v7.4.27 — centre upload overlay against the viewport even when the hub sits inside transformed/theme containers */
[data-ss-upload-canvas]:not([hidden]){
  display:flex!important;
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:2147483000!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:clamp(16px,3vw,36px)!important;
  border-radius:0!important;
  background:rgba(72,47,36,.72)!important;
  box-shadow:none!important;
  backdrop-filter:blur(6px)!important;
  overflow:auto!important;
  transform:none!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-chat-upload-overlay{
  position:relative!important;
  inset:auto!important;
  margin:auto!important;
  width:min(640px,92vw)!important;
  max-width:92vw!important;
  min-height:min(520px,calc(100vh - 56px))!important;
  max-height:calc(100vh - 56px)!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:24px!important;
  background:rgba(117,83,66,.92)!important;
  box-shadow:0 28px 90px rgba(28,18,12,.42)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  color:#fff!important;
  text-align:center!important;
  transform:none!important;
}
body.ss-modal-open{overflow:hidden!important;}
@media (max-width:700px){
  [data-ss-upload-canvas]:not([hidden]){padding:14px!important;}
  [data-ss-upload-canvas]:not([hidden]) .ss-chat-upload-overlay{width:calc(100vw - 28px)!important;min-height:min(460px,calc(100vh - 28px))!important;max-height:calc(100vh - 28px)!important;padding:18px!important;border-radius:20px!important;}
}


/* v7.4.28 — upload overlay restyled to match original full-screen dropzone reference */
[data-ss-upload-canvas]:not([hidden]){
  display:flex!important;
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:clamp(18px,4vw,64px)!important;
  background:rgba(111,92,82,.92)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:auto!important;
  transform:none!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-chat-upload-overlay{
  width:min(760px,calc(100vw - 56px))!important;
  min-height:auto!important;
  max-height:calc(100vh - 56px)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  text-align:center!important;
  transform:none!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-chat-file-drop{
  width:100%!important;
  min-height:365px!important;
  border:2px dashed rgba(255,255,255,.88)!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.02)!important;
  box-shadow:none!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:42px 46px!important;
  cursor:pointer!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-chat-file-drop:hover,
[data-ss-upload-canvas]:not([hidden]) .ss-chat-file-drop.is-dragover{
  background:rgba(255,255,255,.08)!important;
  border-color:#fff!important;
  transform:translateY(-1px)!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-chat-upload-cloud{
  width:82px!important;
  height:64px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#8d7f77!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  line-height:1!important;
  margin-bottom:10px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.10)!important;
  position:relative!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-chat-upload-cloud:before{
  content:'⬆'!important;
  font-size:2.625rem!important;
  font-weight:900!important;
  line-height:1!important;
  color:#8b6f60!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-chat-file-drop h4{
  margin:0!important;
  font-size:clamp(22px,2.4vw,29px)!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  color:#fff!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-chat-file-drop p{
  margin:0!important;
  color:#fff!important;
  font-size:1.125rem!important;
  font-weight:800!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-upload-browse-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:142px!important;
  min-height:46px!important;
  padding:0 24px!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#8a7b73!important;
  font-weight:800!important;
  font-size:0.9375rem!important;
  box-shadow:0 4px 12px rgba(0,0,0,.14)!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-chat-file-drop small{
  max-width:540px!important;
  margin-top:8px!important;
  color:rgba(255,255,255,.92)!important;
  font-size:0.8125rem!important;
  line-height:1.35!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-upload-submit{
  width:min(360px,88vw)!important;
  min-height:48px!important;
  border-radius:6px!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-upload-result{
  width:min(620px,92vw)!important;
  border-radius:12px!important;
  font-size:1.125rem!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-upload-progress{
  width:min(620px,92vw)!important;
  font-size:1.125rem!important;
}
[data-ss-upload-canvas]:not([hidden]) .ss-upload-canvas-close{
  position:fixed!important;
  top:clamp(18px,3vw,34px)!important;
  right:clamp(18px,3vw,34px)!important;
  z-index:2147483001!important;
  width:34px!important;
  height:34px!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.22)!important;
  color:#fff!important;
  border:0!important;
  font-size:1.375rem!important;
  font-weight:900!important;
  line-height:1!important;
}
@media (max-width:700px){
  [data-ss-upload-canvas]:not([hidden]){padding:18px!important;}
  [data-ss-upload-canvas]:not([hidden]) .ss-chat-upload-overlay{width:100%!important;max-height:calc(100vh - 36px)!important;}
  [data-ss-upload-canvas]:not([hidden]) .ss-chat-file-drop{min-height:330px!important;padding:30px 22px!important;}
}

/* Stitch tooltip popup */
.ss-stitch-ref {
  cursor: pointer;
  color: var(--ss-coral);
  border-bottom: 1px dashed var(--ss-coral);
  transition: opacity .15s ease;
}
.ss-stitch-ref:hover {
  opacity: .8;
}

.ss-stitch-tooltip {
  position: fixed;
  z-index: 2147483500;
  width: 300px;
  max-width: 92vw;
  background: #fff;
  border: 1px solid rgba(111,63,37,.14);
  border-radius: 14px;
  box-shadow: 0 12px 36px rgba(57,32,20,.18), 0 4px 12px rgba(57,32,20,.08);
  padding: 14px;
  cursor: default;
}

.ss-stitch-tooltip-card {
  display: flex;
  flex-direction: column;
  min-height: 150px;
}

.ss-stitch-tooltip-card .ss-dict-card-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 24px;
  margin-bottom: 10px;
}

.ss-stitch-tooltip-card .ss-stitch-lozenge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-width: 44px;
  min-height: 22px;
  padding: 4px 10px;
  border-radius: 7px;
  background: var(--ss-taupe);
  color: #fff;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .02em;
}

.ss-stitch-tooltip-card .ss-dict-title b {
  display: block;
  margin: 0 0 7px;
  color: var(--ss-ink);
  font-size: 0.9375rem;
  line-height: 1.25;
}

.ss-stitch-tooltip-card .ss-dict-title span {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.25;
  color: var(--ss-ink);
}

.ss-stitch-tooltip-card .ss-dict-facts {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(111,63,37,.08);
}

.ss-stitch-tooltip-card .ss-dict-facts div {
  display: grid;
  grid-template-columns: 18px auto 1fr;
  gap: 2px;
  padding: 2px 0;
  border: 0;
  font-size: 0.8125rem;
  line-height: 1.12;
  align-items: center;
}

.ss-stitch-tooltip-card .ss-dict-facts i {
  width: 18px;
  font-style: normal;
  text-align: center;
}

.ss-stitch-tooltip-card .ss-dict-facts strong {
  color: var(--ss-ink);
  font-weight: 700;
  white-space: nowrap;
  padding-right: 6px;
}

.ss-stitch-tooltip-card .ss-dict-facts span {
  color: var(--ss-ink);
}

.ss-stitch-tooltip-card .ss-dict-ask {
  position: relative;
  right: auto;
  bottom: auto;
  margin-top: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 28px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: var(--ss-taupe, #80776f);
  color: #fff;
  box-shadow: none;
  font-size: 0.6875rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.ss-stitch-tooltip-card .ss-dict-ask:hover,
.ss-stitch-tooltip-card .ss-dict-ask:focus {
  background: linear-gradient(135deg, var(--ss-brown), var(--ss-coral));
  color: #fff;
  transform: translateY(-1px);
}

/* ──────────────────────────────────────────────
   v7.5.0 — AI Rework panel
   ────────────────────────────────────────────── */

.ss-hub .ss-rework-page {
  display: grid;
  gap: 0;
}

.ss-hub .ss-rework-layout {
  grid-template-columns: 320px 1fr;
}

.ss-hub .ss-rework-rail {
  background: transparent;
}

.ss-hub .ss-rework-rail h3 {
  margin: 4px 0 8px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1.5rem;
  letter-spacing: -.03em;
}

.ss-hub .ss-rework-rail > .ss-section-kicker {
  color: var(--ss-terracotta, #9a5d36);
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ss-hub .ss-rework-side-cards {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.ss-hub .ss-rework-side-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.64);
  border: 1px solid rgba(111, 63, 37, .12);
  font-size: 0.8125rem;
  line-height: 1.4;
}

.ss-hub .ss-rework-side-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(21,169,183,.11);
  font-size: 1.25rem;
}

.ss-hub .ss-rework-side-card strong {
  display: block;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 0.875rem;
  line-height: 1.2;
}

.ss-hub .ss-rework-side-card p {
  margin: 3px 0 0;
  color: rgba(63,43,32,.68);
  font-size: 0.75rem;
  line-height: 1.35;
}

.ss-hub .ss-rework-main {
  display: flex;
  flex-direction: column;
  min-height: 520px;
}

/* Reusable chat-card extension */
.ss-hub .ss-rework-main.ss-chat-card {
  display: flex;
  flex-direction: column;
}

.ss-hub .ss-rework-intro {
  padding: 18px 0 8px;
}

.ss-hub .ss-rework-intro-card {
  padding: 22px 26px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(21,169,183,.08), rgba(111,63,37,.06));
  border: 1px solid rgba(111, 63, 37, .14);
  text-align: center;
}

.ss-hub .ss-rework-intro-icon {
  font-size: 2.5rem;
  margin-bottom: 8px;
}

.ss-hub .ss-rework-intro-card h3 {
  margin: 0 0 8px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1.375rem;
  letter-spacing: -.03em;
}

.ss-hub .ss-rework-intro-card p {
  margin: 0 auto;
  max-width: 600px;
  color: rgba(63,43,32,.74);
  font-size: 0.875rem;
  line-height: 1.5;
}

.ss-hub .ss-rework-intro-card .ss-rework-upload-trigger {
  margin-top: 18px;
}

.ss-hub .ss-rework-pattern-summary {
  margin: 20px auto 0;
  max-width: 520px;
  padding: 14px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(111, 63, 37, .12);
  text-align: left;
}

.ss-hub .ss-rework-summary-label {
  font-size: 0.625rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ss-terracotta, #9a5d36);
  margin-bottom: 6px;
}

.ss-hub .ss-rework-summary-text {
  font-size: 0.75rem;
  line-height: 1.5;
  color: rgba(63,43,32,.7);
  white-space: pre-wrap;
}

.ss-hub .ss-rework-examples {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 0;
}

.ss-hub .ss-rework-examples .ss-section-kicker {
  width: 100%;
  margin-bottom: 2px;
}

.ss-hub .ss-rework-examples .ss-chip {
  font-size: 0.71875rem;
  padding: 6px 12px;
  border-radius: 20px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(111, 63, 37, .16);
  color: rgba(63,43,32,.76);
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
}

.ss-hub .ss-rework-examples .ss-chip:hover {
  background: rgba(21,169,183,.1);
  border-color: rgba(21,169,183,.34);
  color: var(--ss-brown-dark, #3f2b20);
}

.ss-hub .ss-rework-status {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.56);
  border: 1px solid rgba(111, 63, 37, .1);
  font-size: 0.8125rem;
  color: rgba(63,43,32,.66);
}

.ss-hub .ss-rework-status-dot {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--ss-terracotta, #9a5d36);
  animation: ss-rework-pulse 2s ease-in-out infinite;
}

@keyframes ss-rework-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .35; }
}

.ss-hub .ss-rework-messages {
  flex: 1;
  overflow-y: auto;
}

.ss-hub .ss-rework-composer {
  border-top: 1px solid rgba(111, 63, 37, .1);
  padding-top: 12px;
  margin-top: 12px;
}

.ss-hub .ss-rework-composer textarea {
  width: 100%;
  border-radius: 16px;
  padding: 14px;
  border: 1px solid rgba(111, 63, 37, .18);
  background: rgba(255,255,255,.72);
  font-size: 0.875rem;
  line-height: 1.5;
  resize: none;
  min-height: 70px;
}

.ss-hub .ss-rework-composer.ss-composer,
.stitchsense-hub-pro .ss-rework-composer.ss-composer {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 12px !important;
}

.ss-hub .ss-rework-composer.ss-composer textarea,
.stitchsense-hub-pro .ss-rework-composer.ss-composer textarea {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.ss-hub .ss-rework-composer.ss-composer .ss-composer-actions.ss-v73-actions,
.stitchsense-hub-pro .ss-rework-composer.ss-composer .ss-composer-actions.ss-v73-actions {
  flex: 0 0 96px !important;
  width: 96px !important;
  min-width: 0 !important;
  align-items: stretch !important;
  justify-content: center !important;
}

.ss-hub .ss-rework-composer.ss-composer .ss-composer-actions.ss-v73-actions .ss-standard-btn,
.stitchsense-hub-pro .ss-rework-composer.ss-composer .ss-composer-actions.ss-v73-actions .ss-standard-btn {
  width: 100% !important;
  min-width: 0 !important;
  font-size: 0.8125rem !important;
  line-height: 1.1 !important;
}

@media (max-width: 640px) {
  .ss-hub .ss-rework-composer.ss-composer,
  .stitchsense-hub-pro .ss-rework-composer.ss-composer {
    flex-direction: column !important;
  }

  .ss-hub .ss-rework-composer.ss-composer .ss-composer-actions.ss-v73-actions,
  .stitchsense-hub-pro .ss-rework-composer.ss-composer .ss-composer-actions.ss-v73-actions {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}

.ss-hub .ss-rework-composer textarea:focus {
  outline: none;
  border-color: var(--ss-terracotta, #9a5d36);
  box-shadow: 0 0 0 3px rgba(154,93,54,.12);
}

.ss-hub .ss-rework-composer .ss-composer-actions {
  margin-top: 10px;
  gap: 8px;
}

.ss-hub .ss-rework-reset-btn {
  background: rgba(255,255,255,.62) !important;
  color: var(--ss-muted) !important;
  border: 1px solid rgba(111, 63, 37, .16) !important;
  border-radius: 5px !important;
  padding: 10px !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: background .18s ease !important;
}

.ss-hub .ss-rework-reset-btn:hover {
  background: rgba(255,255,255,.88) !important;
}

/* ─── Rework Result Card ─── */

.ss-hub .ss-rework-result {
  margin-top: 16px;
  border-radius: 24px;
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(111, 63, 37, .16);
  box-shadow: 0 16px 40px rgba(57, 32, 20, .09);
  overflow: hidden;
}

.ss-hub .ss-rework-result-head {
  padding: 18px 22px;
  border-bottom: 1px solid rgba(111, 63, 37, .1);
}

.ss-hub .ss-rework-result-title-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.ss-hub .ss-rework-result-title-bar h3 {
  margin: 0;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1.25rem;
  letter-spacing: -.03em;
}

.ss-hub .ss-rework-result-badge {
  font-size: 0.625rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 4px 10px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(111,63,37,.14), rgba(154,93,54,.1));
  color: var(--ss-terracotta, #9a5d36);
}

.ss-hub .ss-rework-changes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ss-hub .ss-rework-change-tag {
  font-size: 0.71875rem;
  padding: 4px 10px;
  border-radius: 14px;
  background: rgba(21,169,183,.09);
  color: #0d6e78;
  font-weight: 700;
}

.ss-hub .ss-rework-change-tag.ss-rework-warning-tag {
  background: rgba(200,140,60,.12);
  color: #8a5a20;
}

.ss-hub .ss-rework-result-body {
  padding: 18px 22px;
  max-height: 480px;
  overflow-y: auto;
  font-size: 0.84375rem;
  line-height: 1.6;
  color: rgba(63,43,32,.86);
  white-space: pre-wrap;
  word-break: break-word;
}

.ss-hub .ss-rework-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 22px;
  border-top: 1px solid rgba(111, 63, 37, .1);
}

.ss-hub .ss-rework-disclaimer {
  padding: 12px 22px;
  border-top: 1px solid rgba(111, 63, 37, .08);
  background: rgba(200,140,60,.06);
  font-size: 0.75rem;
  color: #8a5a20;
  font-weight: 700;
  line-height: 1.45;
}

/* ─── Before/After Compare View ─── */

.ss-hub .ss-rework-compare-view {
  margin-top: 16px;
  border-radius: 24px;
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(111, 63, 37, .16);
  box-shadow: 0 16px 40px rgba(57, 32, 20, .09);
  overflow: hidden;
}

.ss-hub .ss-rework-compare-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 22px;
  border-bottom: 1px solid rgba(111, 63, 37, .1);
}

.ss-hub .ss-rework-compare-head h4 {
  margin: 0;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1.0625rem;
  letter-spacing: -.03em;
}

.ss-hub .ss-rework-compare-close {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: rgba(63,43,32,.5);
  cursor: pointer;
  line-height: 1;
  padding: 2px 8px;
  border-radius: 8px;
  transition: color .18s ease, background .18s ease;
}

.ss-hub .ss-rework-compare-close:hover {
  color: var(--ss-brown-dark, #3f2b20);
  background: rgba(111,63,37,.08);
}

.ss-hub .ss-rework-compare-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.ss-hub .ss-rework-compare-panel {
  padding: 16px 20px;
  max-height: 400px;
  overflow-y: auto;
}

.ss-hub .ss-rework-compare-panel:first-child {
  border-right: 1px solid rgba(111, 63, 37, .1);
}

.ss-hub .ss-rework-compare-panel strong {
  display: block;
  margin-bottom: 8px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ss-muted);
}

.ss-hub .ss-rework-compare-panel > div {
  font-size: 0.8125rem;
  line-height: 1.55;
  color: rgba(63,43,32,.8);
  white-space: pre-wrap;
}

/* ─── Responsive ─── */

@media (max-width: 860px) {
  .ss-hub .ss-rework-layout {
    grid-template-columns: 1fr;
  }
  .ss-hub .ss-rework-rail {
    display: none;
  }
  .ss-hub .ss-rework-compare-panels {
    grid-template-columns: 1fr;
  }
  .ss-hub .ss-rework-compare-panel:first-child {
    border-right: 0;
    border-bottom: 1px solid rgba(111, 63, 37, .1);
  }
}

/* ──────────────────────────────────────────────
   v7.6.0 — Pattern Library panel
   ────────────────────────────────────────────── */

.ss-hub .ss-projects-page,
.ss-hub .ss-library-page {
  display: grid;
  gap: 20px;
}

.ss-hub .ss-projects-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ss-hub .ss-projects-toolbar .ss-library-sort {
  min-width: 190px;
}

.ss-hub .ss-projects-form {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(111, 63, 37, .14);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 32px rgba(57, 32, 20, .07);
}

.ss-hub .ss-projects-form[hidden] {
  display: none !important;
}

.ss-hub .ss-projects-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.ss-hub .ss-projects-form label,
.ss-hub .ss-project-card-fields label,
.ss-hub .ss-project-notes-inline {
  display: grid;
  gap: 6px;
  color: rgba(63,43,32,.74);
  font-size: .78rem;
  font-weight: 800;
}

.ss-hub .ss-projects-form input,
.ss-hub .ss-projects-form select,
.ss-hub .ss-projects-form textarea,
.ss-hub .ss-project-card-fields input,
.ss-hub .ss-project-card-fields select,
.ss-hub .ss-project-notes-inline textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(111, 63, 37, .16);
  border-radius: 12px;
  background: rgba(255,255,255,.86);
  color: var(--ss-brown-dark, #3f2b20);
  font-size: .875rem;
  padding: 9px 11px;
  outline: none;
}

.ss-hub .ss-projects-form textarea,
.ss-hub .ss-project-notes-inline textarea {
  min-height: 82px;
  resize: vertical;
}

.ss-hub .ss-projects-form-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.ss-hub .ss-projects-form [data-ss-projects-form-status] {
  margin: 0;
  color: rgba(63,43,32,.7);
  font-size: .83rem;
}

.ss-hub .ss-projects-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ss-hub .ss-projects-grid[hidden],
.ss-hub .ss-projects-page [data-ss-projects-empty][hidden],
.ss-hub .ss-projects-page [data-ss-projects-loading][hidden],
.ss-hub .ss-projects-page [data-ss-projects-error][hidden],
.ss-hub .ss-projects-page [data-ss-projects-auth][hidden] {
  display: none !important;
}

.ss-hub .ss-project-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(111, 63, 37, .14);
  box-shadow: 0 12px 32px rgba(57, 32, 20, .07);
}

.ss-hub .ss-project-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.ss-hub .ss-project-card-head h4 {
  margin: 8px 0 4px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1.1rem;
  line-height: 1.2;
}

.ss-hub .ss-project-card-head p {
  margin: 0;
  color: rgba(63,43,32,.62);
  font-size: .82rem;
  line-height: 1.45;
}

.ss-hub .ss-project-status-badge {
  min-height: 24px;
  padding: 5px 9px;
  font-size: .68rem;
  background: #0f7c86;
}

.ss-hub .ss-project-progress-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: rgba(63,43,32,.72);
  font-size: .85rem;
}

.ss-hub .ss-project-progress-track {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(111,63,37,.1);
}

.ss-hub .ss-project-progress-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0f7c86, #9a5d36);
}

.ss-hub .ss-project-card-fields {
  display: grid;
  grid-template-columns: 130px 110px minmax(0, 1fr);
  gap: 10px;
}

.ss-hub .ss-project-card-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ss-hub .ss-project-card-actions span {
  min-height: 20px;
  color: rgba(63,43,32,.66);
  font-size: .82rem;
}

.ss-hub .ss-library-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(20px, 3vw, 28px);
  border-radius: 32px;
  background: linear-gradient(135deg, rgba(255,247,239,.98), rgba(247,226,207,.92) 46%, rgba(226,247,244,.86));
  border: 1px solid rgba(111, 63, 37, .16);
  box-shadow: 0 22px 55px rgba(57, 32, 20, .12);
}

.ss-hub .ss-library-hero-copy .ss-section-kicker {
  color: var(--ss-terracotta, #9a5d36);
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ss-hub .ss-library-hero-copy h3 {
  margin: 4px 0 8px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: clamp(26px, 4vw, 42px);
  line-height: .98;
  letter-spacing: -.045em;
}

.ss-hub .ss-library-hero-copy p {
  margin: 0;
  max-width: 600px;
  color: rgba(63,43,32,.76);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.ss-hub .ss-library-hero-actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.ss-hub .ss-library-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ss-hub .ss-library-search {
  flex: 1 1 260px;
  padding: 10px 16px;
  border-radius: 14px;
  border: 1px solid rgba(111, 63, 37, .18);
  background: rgba(255,255,255,.72);
  font-size: 0.875rem;
  color: var(--ss-brown-dark, #3f2b20);
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.ss-hub .ss-library-search:focus {
  border-color: var(--ss-terracotta, #9a5d36);
  box-shadow: 0 0 0 3px rgba(154,93,54,.12);
}

.ss-hub .ss-library-search::placeholder {
  color: rgba(63,43,32,.45);
}

.ss-hub .ss-library-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.ss-hub .ss-library-sort {
  padding: 8px 12px;
  border-radius: 14px;
  border: 1px solid rgba(111, 63, 37, .16);
  background: rgba(255,255,255,.72);
  font-size: 0.8125rem;
  color: var(--ss-brown-dark, #3f2b20);
  cursor: pointer;
  outline: none;
}

.ss-hub .ss-library-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.ss-hub .ss-library-grid[hidden],
.ss-hub .ss-library-empty[hidden],
.ss-hub .ss-library-error[hidden],
.ss-hub .ss-library-auth[hidden],
.ss-hub .ss-library-loading[hidden] {
  display: none !important;
}

/* Pattern card */
.ss-hub .ss-library-card {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: space-between;
  gap: 14px;
  min-height: 210px;
  padding: 18px;
  border-radius: 24px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(111, 63, 37, .14);
  box-shadow: 0 12px 32px rgba(57, 32, 20, .07);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.ss-hub .ss-library-card-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  min-height: 132px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(247,226,207,.58)),
    rgba(21,169,183,.08);
  border: 1px solid rgba(111, 63, 37, .12);
  color: rgba(63,43,32,.56);
  font-size: .75rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ss-hub .ss-library-card-thumb canvas {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  background: #fff;
}

.ss-hub .ss-library-card-thumb.has-preview {
  align-items: stretch;
  justify-items: stretch;
  background: #fff;
}

.ss-hub .ss-library-card-thumb.is-loading::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid rgba(111,63,37,.14);
  border-top-color: var(--ss-terracotta, #9a5d36);
  animation: ss-spin .7s linear infinite;
}

.ss-hub .ss-library-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 44px rgba(57, 32, 20, .11);
  border-color: rgba(21,169,183,.34);
}

.ss-hub .ss-library-card-top {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ss-hub .ss-library-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(21,169,183,.11);
  font-size: 1.375rem;
  flex-shrink: 0;
}

.ss-hub .ss-library-card-title {
  margin: 0;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1.0625rem;
  line-height: 1.2;
  letter-spacing: -.03em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ss-hub .ss-library-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ss-hub .ss-library-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ss-hub .ss-library-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .075em;
  padding: 6px 11px;
  border-radius: 999px;
  background: #6f3f25;
  color: #fffaf5;
  border: 1px solid rgba(63,43,32,.22);
  box-shadow: 0 8px 18px rgba(57, 32, 20, .14);
}

.ss-hub .ss-badge-ravelry {
  background: #0f7c86;
  border-color: rgba(15,124,134,.26);
  color: #f8ffff;
}

.ss-hub .ss-badge-free {
  background: #2f7d4f;
  border-color: rgba(47,125,79,.28);
  color: #f7fff9;
}

.ss-hub .ss-badge-paid {
  background: #8a4f2a;
  border-color: rgba(138,79,42,.28);
  color: #fff8f2;
}

.ss-hub .ss-badge-unknown {
  background: #756d66;
  border-color: rgba(117,109,102,.28);
  color: #fffaf5;
}

.ss-hub .ss-library-badge.ss-badge-rewritten {
  background: #0f7c86;
  color: #fff;
  border-color: rgba(8,86,95,.26);
}

.ss-hub .ss-library-badge.ss-badge-imported {
  background: #9a5d36;
  color: #fff;
  border-color: rgba(111,63,37,.24);
}

.ss-hub .ss-library-card-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 0.71875rem;
  color: rgba(63,43,32,.56);
}

.ss-hub .ss-library-card-meta span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.ss-hub .ss-library-card-date {
  margin-left: auto;
}

/* Empty / loading / error states */
.ss-hub .ss-library-empty,
.ss-hub .ss-library-error,
.ss-hub .ss-library-auth {
  text-align: center;
  padding: 48px 24px;
}

.ss-hub .ss-library-empty-icon {
  font-size: 3rem;
  margin-bottom: 12px;
}

.ss-hub .ss-library-empty h4,
.ss-hub .ss-library-error h4 {
  margin: 0 0 8px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1.25rem;
  letter-spacing: -.03em;
}

.ss-hub .ss-library-empty p,
.ss-hub .ss-library-error p,
.ss-hub .ss-library-auth p {
  margin: 0 auto 16px;
  max-width: 440px;
  color: rgba(63,43,32,.68);
  font-size: 0.875rem;
  line-height: 1.5;
}

.ss-hub .ss-library-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  color: rgba(63,43,32,.6);
  font-size: 0.875rem;
}

.ss-hub .ss-library-loading-spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(111, 63, 37, .14);
  border-top-color: var(--ss-terracotta, #9a5d36);
  border-radius: 50%;
  animation: ss-spin .7s linear infinite;
}

@keyframes ss-spin {
  to { transform: rotate(360deg); }
}

.ss-hub .ss-library-auth-card {
  display: inline-block;
  text-align: center;
  padding: 32px 40px;
  border-radius: 24px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(111, 63, 37, .14);
  box-shadow: 0 16px 40px rgba(57, 32, 20, .09);
}

.ss-hub .ss-library-auth-icon {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 8px;
}

.ss-hub .ss-library-auth-card h3 {
  margin: 0 0 8px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1.375rem;
  letter-spacing: -.03em;
}

.ss-hub .ss-library-auth-link {
  display: block;
  margin-top: 10px;
  font-size: 0.8125rem;
  color: var(--ss-terracotta, #9a5d36);
  font-weight: 700;
  text-decoration: none;
}

.ss-hub .ss-library-auth-link:hover {
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 1120px) {
  .ss-hub .ss-library-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .ss-hub .ss-projects-form-grid,
  .ss-hub .ss-projects-grid {
    grid-template-columns: 1fr;
  }
  .ss-hub .ss-project-card-fields {
    grid-template-columns: 1fr;
  }
  .ss-hub .ss-project-card-head {
    flex-direction: column;
  }
  .ss-hub .ss-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss-hub .ss-library-hero {
    display: grid;
    gap: 14px;
  }
  .ss-hub .ss-library-toolbar {
    flex-direction: column;
  }
  .ss-hub .ss-library-search {
    flex: 1 1 auto;
    width: 100%;
  }
  .ss-hub .ss-library-filters {
    width: 100%;
    flex-wrap: wrap;
  }
}

@media (max-width: 560px) {
  .ss-hub .ss-library-grid {
    grid-template-columns: 1fr;
  }
}

/* ──────────────────────────────────────────────
   v7.6.1 — Library workspace completion
   ────────────────────────────────────────────── */

.ss-hub .ss-user-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 10080;
}

.ss-hub .ss-topbar,
.ss-hub .ss-actions {
  position: relative;
  z-index: 5;
  overflow: visible;
}

.ss-hub .ss-shell {
  overflow: visible !important;
}

.ss-hub .ss-tabs {
  position: relative;
  z-index: 5;
}

.ss-hub .ss-user-menu-toggle,
.ss-hub .ss-user-login {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 6px 10px;
  border-radius: 20px;
  border: 1px solid rgba(111, 63, 37, .16);
  background: rgba(255,255,255,.75);
  color: var(--ss-brown-dark, #3f2b20);
  font-weight: 800;
  font-size: .75rem;
  text-decoration: none;
  cursor: pointer;
}

.ss-hub .ss-user-menu-toggle img,
.ss-hub .ss-user-initial {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(21,169,183,.12);
  color: #0d6e78;
  font-weight: 900;
}

.ss-hub .ss-user-menu-popover {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 10090;
  min-width: 170px;
  padding: 8px;
  border-radius: 16px;
  border: 1px solid rgba(111, 63, 37, .16);
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 42px rgba(57, 32, 20, .16);
}

.ss-hub .ss-user-menu-popover a,
.ss-hub .ss-user-menu-popover button {
  display: block;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: .8125rem;
  font-weight: 750;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.ss-hub .ss-user-menu-popover a:hover,
.ss-hub .ss-user-menu-popover button:hover {
  background: rgba(154,93,54,.08);
}

.ss-library-detail-modal[hidden] {
  display: none;
}

.ss-library-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483100 !important;
  display: grid;
  place-items: center;
  padding: 24px;
}

.ss-library-detail-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(34, 22, 15, .42);
  backdrop-filter: blur(6px);
}

.ss-library-detail-dialog {
  position: relative;
  z-index: 1;
  width: min(1560px, calc(100vw - 32px));
  max-height: min(86vh, 900px);
  overflow: auto;
  border-radius: 28px;
  border: 1px solid rgba(111, 63, 37, .16);
  background: #fffaf5;
  box-shadow: 0 28px 80px rgba(34, 22, 15, .28);
  padding: clamp(20px, 3vw, 32px);
}

.ss-library-detail-x {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(111,63,37,.08);
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1.25rem;
  cursor: pointer;
}

.ss-library-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-right: 34px;
}

.ss-library-detail-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.ss-library-detail-head h3 {
  margin: 4px 0 6px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1;
  letter-spacing: -.03em;
}

.ss-library-detail-head p,
.ss-library-detail-muted {
  margin: 0;
  color: rgba(63,43,32,.62);
  font-size: .875rem;
}

.ss-library-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0;
}

.ss-library-detail-actions .ss-danger,
.ss-library-data-actions .ss-danger {
  border-color: rgba(164, 54, 38, .24);
  color: #9a2f22;
}

.ss-library-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr);
  grid-auto-rows: minmax(0, auto);
  align-items: stretch;
  gap: 14px;
}

.ss-library-detail-section {
  min-height: 0;
  border: 1px solid rgba(111, 63, 37, .12);
  border-radius: 22px;
  background: rgba(255,255,255,.68);
  padding: 18px;
}

.ss-library-detail-section:first-child {
  grid-row: span 2;
}

.ss-library-detail-section h4,
.ss-library-settings-card h4 {
  margin: 0 0 12px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1rem;
}

.ss-library-detail-summary {
  color: rgba(63,43,32,.82);
  font-size: .9375rem;
  line-height: 1.62;
  font-family: Comfortaa, system-ui, sans-serif;
}

.ss-library-detail-summary .ss-library-summary-chatlike {
  color: var(--ss-ink, #2f251f);
  font-size: .9375rem;
  line-height: 1.62;
  font-family: Comfortaa, system-ui, sans-serif;
}

.ss-library-detail-summary .ss-library-summary-title {
  margin: 0 0 14px;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.35;
}

.ss-library-detail-summary .ss-ai-heading,
.ss-library-detail-summary .ss-pattern-summary-card h4 {
  font-size: 1rem;
  line-height: 1.35;
}

.ss-library-detail-summary .ss-ai-paragraph,
.ss-library-detail-summary .ss-ai-listline,
.ss-library-detail-summary .ss-pattern-summary-card p,
.ss-library-detail-summary .ss-pattern-summary-card li {
  font-size: .9375rem;
  line-height: 1.62;
}

.ss-library-detail-summary .ss-stitch-ref,
.ss-library-detail-modal .ss-stitch-ref {
  color: var(--ss-coral, #b2764a) !important;
  border-bottom: 1px dashed var(--ss-coral, #b2764a) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.ss-library-detail-summary .ss-stitch-ref:hover,
.ss-library-detail-modal .ss-stitch-ref:hover {
  opacity: .8 !important;
}

.ss-library-detail-summary .ss-summary-actions,
.ss-library-detail-summary .ss-pattern-summary-card .ss-summary-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

.ss-library-detail-summary .ss-summary-ask,
.ss-library-detail-summary .ss-pattern-summary-card .ss-summary-ask {
  margin: 0 !important;
  flex: 0 1 auto !important;
  min-width: 148px !important;
  white-space: normal !important;
  text-align: center !important;
}

.ss-library-history-row {
  width: 100%;
  display: grid;
  gap: 4px;
  padding: 10px;
  margin-bottom: 8px;
  border: 1px solid rgba(111, 63, 37, .1);
  border-radius: 14px;
  background: rgba(255,255,255,.7);
  color: var(--ss-brown-dark, #3f2b20);
  text-align: left;
  cursor: pointer;
}

.ss-library-history-row small {
  color: rgba(63,43,32,.54);
}

.ss-library-history-section {
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.ss-library-history-pane {
  flex: 1 1 auto;
  height: 100%;
  min-height: 260px;
  max-height: min(760px, calc(86vh - 190px));
  overflow-y: auto;
  padding-right: 4px;
  overscroll-behavior: contain;
}

.ss-library-history-pane .ss-library-history-row:last-child {
  margin-bottom: 0;
}

.ss-library-editor {
  display: grid;
  gap: 10px;
}

.ss-library-editor-toolbar,
.ss-library-editor-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ss-library-editor-toolbar button {
  min-width: 38px;
  min-height: 34px;
}

.ss-library-editor-surface {
  min-height: 420px;
  max-height: min(68vh, 760px);
  overflow: auto;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(111, 63, 37, .18);
  background: rgba(255,255,255,.94);
  color: rgba(63,43,32,.9);
  outline: none;
}

.ss-library-editor-surface:focus {
  border-color: rgba(21,169,183,.45);
  box-shadow: 0 0 0 3px rgba(21,169,183,.13);
}

.ss-library-editor-actions span {
  color: rgba(63,43,32,.62);
  font-size: .8rem;
  font-weight: 800;
}

.ss-library-project-notes label {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
  color: rgba(63,43,32,.72);
  font-size: .75rem;
  font-weight: 850;
}

.ss-library-project-notes select,
.ss-library-project-notes textarea {
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(111, 63, 37, .16);
  background: rgba(255,255,255,.86);
  color: var(--ss-brown-dark, #3f2b20);
  font: inherit;
}

.ss-library-project-notes select {
  padding: 9px 12px;
}

.ss-library-project-notes textarea {
  min-height: 120px;
  padding: 12px;
  resize: vertical;
}

.ss-library-notes-thread {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  max-height: 260px;
  overflow: auto;
  padding: 2px 4px 2px 0;
}

.ss-library-note-bubble {
  position: relative;
  justify-self: start;
  width: min(100%, 520px);
  padding: 11px 13px;
  border-radius: 16px 16px 16px 5px;
  background: #fff7ed;
  border: 1px solid rgba(154, 93, 54, .16);
  color: rgba(63,43,32,.86);
}

.ss-library-note-bubble::before {
  content: '';
  position: absolute;
  left: -5px;
  bottom: 8px;
  width: 10px;
  height: 10px;
  background: #fff7ed;
  border-left: 1px solid rgba(154, 93, 54, .16);
  border-bottom: 1px solid rgba(154, 93, 54, .16);
  transform: rotate(45deg);
}

.ss-library-note-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: .72rem;
  font-weight: 800;
  color: rgba(63,43,32,.58);
}

.ss-library-note-meta time {
  font-weight: 700;
}

.ss-library-note-bubble p {
  margin: 0;
  font-size: .84rem;
  line-height: 1.45;
}

.ss-library-notes-empty {
  margin: 10px 0 12px;
  padding: 11px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.62);
  border: 1px dashed rgba(111, 63, 37, .18);
  color: rgba(63,43,32,.62);
  font-size: .82rem;
}

.ss-library-notes-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.ss-hub .ss-library-utilities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ss-hub .ss-library-settings-card {
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(111, 63, 37, .14);
  background: rgba(255,255,255,.7);
}

.ss-hub .ss-library-settings-card label {
  display: grid;
  gap: 6px;
  margin: 0 0 10px;
  color: rgba(63,43,32,.72);
  font-size: .75rem;
  font-weight: 850;
}

.ss-hub .ss-library-settings-card select {
  width: 100%;
  padding: 9px 12px;
  border-radius: 14px;
  border: 1px solid rgba(111, 63, 37, .16);
  background: rgba(255,255,255,.9);
  color: var(--ss-brown-dark, #3f2b20);
}

.ss-hub .ss-library-settings-card p {
  margin: 8px 0 0;
  color: rgba(63,43,32,.62);
  font-size: .8125rem;
}

.ss-hub .ss-library-migration {
  padding: 12px;
  margin-bottom: 12px;
  border-radius: 16px;
  background: rgba(21,169,183,.09);
  border: 1px solid rgba(21,169,183,.18);
}

.ss-hub .ss-diagnostics-output {
  margin: 12px 0 0;
  max-height: 260px;
  overflow: auto;
  white-space: pre-wrap;
  border-radius: 12px;
  border: 1px solid rgba(111,63,37,.16);
  background: rgba(63,43,32,.06);
  color: var(--ss-brown-dark, #3f2b20);
  padding: 12px;
  font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.ss-hub .ss-ravelry-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 14px;
}

.ss-hub .ss-ravelry-search[hidden] {
  display: none !important;
}

.ss-hub .ss-ravelry-search input {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(111,63,37,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.9);
  color: var(--ss-brown-dark, #3f2b20);
  font-family: inherit;
}

.ss-hub .ss-ravelry-username-wrap {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.ss-hub .ss-ravelry-username-wrap label {
  display: grid;
  gap: 5px;
  color: rgba(63,43,32,.68);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ss-hub .ss-ravelry-results {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.ss-hub .ss-ravelry-result {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(111,63,37,.12);
  border-radius: 14px;
  background: rgba(255,255,255,.7);
}

.ss-hub .ss-ravelry-result img,
.ss-hub .ss-ravelry-thumb {
  width: 54px;
  height: 54px;
  border-radius: 10px;
  object-fit: cover;
  background: rgba(15,124,134,.12);
  color: #0f7c86;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

.ss-hub .ss-ravelry-result strong,
.ss-hub .ss-ravelry-result small {
  display: block;
}

.ss-hub .ss-ravelry-result strong {
  color: var(--ss-brown-dark, #3f2b20);
  font-size: .875rem;
}

.ss-hub .ss-ravelry-result small,
.ss-hub .ss-ravelry-empty {
  color: rgba(63,43,32,.62);
  font-size: .78rem;
}

.ss-ravelry-modal[hidden] {
  display: none !important;
}

.ss-ravelry-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483300;
  display: grid;
  place-items: stretch;
  padding: 18px;
  color: var(--ss-brown-dark, #3f2b20);
}

.ss-ravelry-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(25, 18, 14, .54);
  backdrop-filter: blur(7px);
}

.ss-ravelry-dialog {
  position: relative;
  z-index: 1;
  width: 90vw;
  max-width: 90vw;
  max-height: min(920px, calc(100vh - 36px));
  margin: auto;
  display: grid;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
  gap: 14px;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(111, 63, 37, .16);
  background: #fffaf5;
  box-shadow: 0 30px 80px rgba(31, 20, 14, .34);
  padding: 18px;
}

.ss-ravelry-header,
.ss-ravelry-pagination,
.ss-ravelry-bulk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ss-ravelry-header h3 {
  margin: 0;
  font-size: clamp(1.2rem, 2.2vw, 1.8rem);
  line-height: 1.08;
  color: var(--ss-brown-dark, #3f2b20);
}

.ss-ravelry-header p,
.ss-ravelry-message,
.ss-ravelry-pagination span {
  margin: 4px 0 0;
  color: rgba(63,43,32,.64);
  font-size: .875rem;
}

.ss-ravelry-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1.8fr) repeat(5, minmax(120px, 1fr)) auto;
  gap: 10px;
  align-items: end;
}

.ss-ravelry-toolbar label {
  display: grid;
  gap: 5px;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(63,43,32,.64);
}

.ss-ravelry-toolbar label[hidden] {
  display: none !important;
}

.ss-ravelry-toolbar input,
.ss-ravelry-toolbar select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(111,63,37,.18);
  border-radius: 12px;
  background: rgba(255,255,255,.94);
  color: var(--ss-brown-dark, #3f2b20);
  padding: 9px 11px;
  font: inherit;
}

.ss-ravelry-grid {
  min-height: 260px;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  align-content: start;
  gap: 12px;
  padding: 2px 4px 6px 2px;
}

.ss-ravelry-card {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 10px 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(111,63,37,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 28px rgba(57,32,20,.08);
}

.ss-ravelry-card.is-imported {
  border-color: rgba(47,125,79,.26);
  background: linear-gradient(135deg, rgba(236,249,240,.96), rgba(219,240,228,.9));
  box-shadow: 0 14px 30px rgba(47,125,79,.13);
}

.ss-ravelry-card-thumb {
  width: 82px;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(15,124,134,.12);
  display: grid;
  place-items: center;
  color: #0f7c86;
  font-weight: 900;
}

.ss-ravelry-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ss-ravelry-card-body {
  min-width: 0;
}

.ss-ravelry-card h4 {
  margin: 0;
  color: var(--ss-brown-dark, #3f2b20);
  font-size: 1rem;
  line-height: 1.2;
}

.ss-ravelry-card p {
  margin: 5px 0 0;
  color: rgba(63,43,32,.64);
  font-size: .82rem;
}

.ss-ravelry-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.ss-ravelry-card-tags span,
.ss-ravelry-card-tags a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(15,124,134,.18);
  background: rgba(15,124,134,.08);
  color: #0f6570;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
}

.ss-ravelry-card-tags .ss-ravelry-availability {
  border-color: rgba(63,43,32,.14);
  color: #fffaf5;
}

.ss-ravelry-card-tags .ss-ravelry-availability.ss-badge-free {
  background: #2f7d4f;
}

.ss-ravelry-card-tags .ss-ravelry-availability.ss-badge-paid {
  background: #8a4f2a;
}

.ss-ravelry-card-tags .ss-ravelry-availability.ss-badge-unknown {
  background: #756d66;
}

.ss-ravelry-card > button,
.ss-ravelry-card > .ss-ravelry-open-link {
  grid-column: 1 / -1;
  width: 100%;
}

.ss-ravelry-card > .ss-ravelry-open-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.ss-ravelry-card > .ss-ravelry-open-link:hover,
.ss-ravelry-card > .ss-ravelry-open-link:focus {
  color: #fff;
  text-decoration: none;
}

.ss-library-detail-warning {
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(154,93,54,.22);
  border-radius: 10px;
  background: rgba(255,247,239,.86);
  color: rgba(63,43,32,.78);
  font-size: .82rem;
  line-height: 1.35;
}

.ss-hub .ss-library-data-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 860px) {
  .ss-library-detail-grid,
  .ss-hub .ss-library-utilities {
    grid-template-columns: 1fr;
  }
  .ss-library-detail-section:first-child {
    grid-row: auto;
  }
  .ss-library-detail-modal {
    padding: 12px;
  }
  .ss-ravelry-modal {
    padding: 10px;
  }
  .ss-ravelry-dialog {
    max-height: calc(100vh - 20px);
    border-radius: 16px;
    padding: 12px;
  }
  .ss-ravelry-toolbar {
    grid-template-columns: 1fr 1fr;
  }
  .ss-ravelry-toolbar [data-ss-ravelry-run] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .ss-hub .ss-ravelry-search {
    grid-template-columns: 1fr;
  }
  .ss-hub .ss-ravelry-username-wrap {
    grid-template-columns: 1fr;
  }
  .ss-hub .ss-ravelry-result {
    grid-template-columns: 48px minmax(0, 1fr);
  }
  .ss-hub .ss-ravelry-result button {
    grid-column: 1 / -1;
    width: 100%;
  }
  .ss-ravelry-header,
  .ss-ravelry-pagination,
  .ss-ravelry-bulk {
    align-items: stretch;
    flex-direction: column;
  }
  .ss-ravelry-header .ss-icon-btn {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .ss-ravelry-toolbar,
  .ss-ravelry-grid {
    grid-template-columns: 1fr;
  }
  .ss-ravelry-card {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .ss-ravelry-card-thumb {
    width: 72px;
  }
}

/* v7.6.13 - PDF viewer must sit above the library summary modal. */
.ss-pattern-viewer {
  z-index: 2147483300 !important;
}

/* v7.7.2 - requested mobile tidy-ups across library, gauge, nav, and modals */

/* 1) Library detail popup badges should read like proper pills on desktop/tablet. */
.ss-hub .ss-library-detail-head,
.stitchsense-hub-pro .ss-library-detail-head {
  align-items: flex-start;
}

.ss-hub .ss-library-detail-badges,
.stitchsense-hub-pro .ss-library-detail-badges {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(111, 63, 37, .16);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
}

.ss-hub .ss-library-detail-badges .ss-library-badge,
.stitchsense-hub-pro .ss-library-detail-badges .ss-library-badge {
  min-height: 30px;
  padding: 7px 13px;
  border-radius: 999px;
  box-shadow: none;
}

/* 2) Mobile library popup should fit the viewport with lighter side padding. */
@media (max-width: 640px) {
  .ss-library-detail-modal {
    padding: 5px !important;
  }

  .ss-library-detail-dialog {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    max-height: calc(100vh - 10px) !important;
    max-height: calc(100dvh - 10px) !important;
    padding: 18px 14px !important;
    border-radius: 22px !important;
  }

  .ss-library-detail-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    padding-right: 38px !important;
  }

  .ss-library-detail-head h3 {
    font-size: clamp(17px, 6vw, 30px) !important;
    line-height: 1.05 !important;
  }

  .ss-library-detail-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .ss-library-detail-actions > button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .ss-library-detail-badges {
    justify-content: flex-start !important;
    padding: 8px 10px !important;
  }
}

/* 3) Mobile Pattern Chat: keep View Pattern centered under Go/+ */
@media (max-width: 720px) {
  .ss-hub .ss-composer-actions.ss-v73-actions,
  .stitchsense-hub-pro .ss-composer-actions.ss-v73-actions {
    align-items: center !important;
  }

  .ss-hub .ss-view-pattern-btn,
  .stitchsense-hub-pro .ss-view-pattern-btn {
    width: auto !important;
    min-width: 124px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    align-self: center !important;
  }
}

/* 4) Mobile nav: fit all seven tool icons in one row without horizontal scroll. */
@media (max-width: 980px) {
  .ss-hub .ss-tabs,
  .stitchsense-hub-pro .ss-tabs {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    overflow-x: visible !important;
    padding-bottom: 10px !important;
  }

  .ss-hub .ss-tab,
  .stitchsense-hub-pro .ss-tab {
    min-width: 0 !important;
  }
}

@media (max-width: 760px) {
  .ss-hub .ss-tabs,
  .stitchsense-hub-pro .ss-tabs {
    position: sticky;
    bottom: 0;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow-x: visible !important;
    padding: 8px 8px 10px !important;
  }

  .ss-hub .ss-tab,
  .stitchsense-hub-pro .ss-tab {
    min-height: 46px !important;
    min-width: 0 !important;
    padding: 8px 4px !important;
    font-size: 0 !important;
  }

  .ss-hub .ss-tab .ss-ui-icon,
  .stitchsense-hub-pro .ss-tab .ss-ui-icon {
    width: 18px !important;
    height: 18px !important;
  }
}

/* 5) Rework screen: trim excess whitespace around the intro/explainer area. */
.ss-hub .ss-rework-intro,
.stitchsense-hub-pro .ss-rework-intro {
  padding: 10px 0 4px !important;
}

.ss-hub .ss-rework-intro-card,
.stitchsense-hub-pro .ss-rework-intro-card {
  padding: 18px 22px !important;
}

/* 6) Mobile-only tidy-up pass requested after v7.7.1 */
@media (max-width: 760px) {
  .ss-hub .ss-topbar,
  .stitchsense-hub-pro .ss-topbar {
    padding: 16px !important;
  }

  .ss-hub .ss-actions,
  .stitchsense-hub-pro .ss-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .ss-hub .ss-actions > *,
  .stitchsense-hub-pro .ss-actions > * {
    width: 100% !important;
    min-width: 0 !important;
  }

  .ss-hub .ss-skill,
  .stitchsense-hub-pro .ss-skill,
  .ss-hub .ss-reset,
  .stitchsense-hub-pro .ss-reset {
    min-height: 46px !important;
    text-align: center !important;
  }

  .ss-hub .ss-panels,
  .stitchsense-hub-pro .ss-panels {
    padding: 10px !important;
  }

  .ss-hub .ss-tabs,
  .stitchsense-hub-pro .ss-tabs {
    margin-top: 2px !important;
  }
}

@media (max-width: 640px) {
  .ss-hub .ss-panel,
  .stitchsense-hub-pro .ss-panel {
    overflow: hidden !important;
  }

  .ss-hub .ss-tool-card,
  .stitchsense-hub-pro .ss-tool-card,
  .ss-hub .ss-chat-card,
  .stitchsense-hub-pro .ss-chat-card,
  .ss-hub .ss-library-hero,
  .stitchsense-hub-pro .ss-library-hero,
  .ss-hub .ss-feature-hero,
  .stitchsense-hub-pro .ss-feature-hero,
  .ss-hub .ss-gauge-hero-v735,
  .stitchsense-hub-pro .ss-gauge-hero-v735 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .ss-hub .ss-library-hero,
  .stitchsense-hub-pro .ss-library-hero {
    gap: 16px !important;
  }

  .ss-hub .ss-library-hero-copy,
  .stitchsense-hub-pro .ss-library-hero-copy {
    text-align: left !important;
  }

  .ss-hub .ss-library-hero-actions,
  .stitchsense-hub-pro .ss-library-hero-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 10px !important;
  }

  .ss-hub .ss-library-hero-actions > button,
  .stitchsense-hub-pro .ss-library-hero-actions > button {
    width: min(100%, 320px) !important;
    margin: 0 auto !important;
  }

  .ss-library-detail-modal {
    padding: 5px !important;
  }

  .ss-library-detail-dialog {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    max-height: calc(100vh - 10px) !important;
    max-height: calc(100dvh - 10px) !important;
    padding: 16px 12px !important;
    border-radius: 20px !important;
    overflow-x: hidden !important;
  }

  .ss-library-detail-head {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding-right: 42px !important;
  }

  .ss-library-detail-head > div,
  .ss-library-detail-head h3,
  .ss-library-detail-head p,
  .ss-library-detail-badges,
  .ss-library-detail-grid,
  .ss-library-detail-section {
    min-width: 0 !important;
  }

  .ss-library-detail-badges {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .ss-library-detail-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .ss-library-detail-section {
    padding: 16px 14px !important;
  }
}

@media (max-width: 560px) {
  .ss-hub .ss-tabs,
  .stitchsense-hub-pro .ss-tabs {
    gap: 4px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .ss-hub .ss-tab,
  .stitchsense-hub-pro .ss-tab {
    min-height: 42px !important;
    border-radius: 14px !important;
    padding: 7px 2px !important;
  }

  .ss-hub .ss-tab .ss-ui-icon,
  .stitchsense-hub-pro .ss-tab .ss-ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .ss-hub .ss-gauge-mode-tabs,
  .stitchsense-hub-pro .ss-gauge-mode-tabs,
  .ss-hub .ss-gauge-mode-tabs-v7412,
  .stitchsense-hub-pro .ss-gauge-mode-tabs-v7412 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 6px !important;
    background: rgba(255,255,255,.72) !important;
    border-radius: 20px !important;
  }

  .ss-hub .ss-gauge-mode-tabs button,
  .stitchsense-hub-pro .ss-gauge-mode-tabs button,
  .ss-hub .ss-gauge-mode-tabs-v7412 button,
  .stitchsense-hub-pro .ss-gauge-mode-tabs-v7412 button {
    width: 100% !important;
    min-height: 48px !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.94) !important;
    color: var(--ss-brown-dark, #3f2b20) !important;
    box-shadow: none !important;
  }

  .ss-hub .ss-gauge-mode-tabs button.is-active,
  .stitchsense-hub-pro .ss-gauge-mode-tabs button.is-active,
  .ss-hub .ss-gauge-mode-tabs-v7412 button.is-active,
  .stitchsense-hub-pro .ss-gauge-mode-tabs-v7412 button.is-active {
    background: linear-gradient(135deg, #6c4129, #a56239) !important;
    color: #fff7ef !important;
    box-shadow: 0 12px 26px rgba(112,65,39,.24) !important;
  }

  .ss-hub [data-ss-calc-gauge],
  .stitchsense-hub-pro [data-ss-calc-gauge],
  .ss-hub [data-ss-reset-gauge],
  .stitchsense-hub-pro [data-ss-reset-gauge] {
    width: 100% !important;
    display: block !important;
  }

  .ss-hub .ss-gauge-actions-v735,
  .stitchsense-hub-pro .ss-gauge-actions-v735 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .ss-hub .ss-gauge-result-card .ss-standard-btn,
  .stitchsense-hub-pro .ss-gauge-result-card .ss-standard-btn,
  .ss-hub .ss-gauge-result-card .ss-secondary,
  .stitchsense-hub-pro .ss-gauge-result-card .ss-secondary {
    width: 100% !important;
    margin: 0 0 10px !important;
  }

  .ss-ravelry-modal {
    padding: 6px !important;
  }

  .ss-ravelry-dialog {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    max-height: calc(100vh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    overflow-y: auto !important;
    padding-bottom: 18px !important;
  }

  .ss-ravelry-toolbar {
    grid-template-columns: 1fr !important;
  }

  .ss-ravelry-grid {
    min-height: 0 !important;
    overflow: visible !important;
    padding-bottom: 10px !important;
  }

  .ss-pattern-viewer,
  .stitchsense-hub-pro .ss-pattern-viewer {
    padding: 4px !important;
  }

  .ss-pattern-viewer-dialog,
  .stitchsense-hub-pro .ss-pattern-viewer-dialog {
    width: calc(100vw - 8px) !important;
    max-width: calc(100vw - 8px) !important;
    height: calc(100vh - 8px) !important;
    height: calc(100dvh - 8px) !important;
    max-height: calc(100vh - 8px) !important;
    max-height: calc(100dvh - 8px) !important;
    border-radius: 14px !important;
  }

  .ss-hub .ss-view-pattern-btn,
  .stitchsense-hub-pro .ss-view-pattern-btn {
    min-width: 132px !important;
  }
}

.ss-hub .ss-rework-examples,
.stitchsense-hub-pro .ss-rework-examples {
  padding: 8px 0 6px !important;
}

.ss-hub .ss-rework-status,
.stitchsense-hub-pro .ss-rework-status {
  margin-top: 2px !important;
}

/* v7.7.3 - follow-up mobile tidy-ups */
@media (max-width: 640px) {
  .ss-hub .ss-user-menu,
  .stitchsense-hub-pro .ss-user-menu,
  .ss-hub .ss-user-menu-popover,
  .stitchsense-hub-pro .ss-user-menu-popover {
    z-index: 2147483601 !important;
  }

  .ss-hub .ss-user-menu,
  .stitchsense-hub-pro .ss-user-menu {
    width: 100% !important;
    display: block !important;
  }

  .ss-hub .ss-user-menu-toggle,
  .ss-hub .ss-user-login,
  .stitchsense-hub-pro .ss-user-menu-toggle,
  .stitchsense-hub-pro .ss-user-login {
    width: 100% !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 10px 14px !important;
  }

  .ss-hub .ss-chat-card,
  .stitchsense-hub-pro .ss-chat-card,
  .ss-hub .ss-rework-main.ss-chat-card,
  .stitchsense-hub-pro .ss-rework-main.ss-chat-card {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .ss-hub .ss-composer,
  .stitchsense-hub-pro .ss-composer,
  .ss-hub .ss-rework-composer.ss-composer,
  .stitchsense-hub-pro .ss-rework-composer.ss-composer {
    gap: 10px !important;
  }

  .ss-hub .ss-composer textarea,
  .stitchsense-hub-pro .ss-composer textarea,
  .ss-hub .ss-rework-composer textarea,
  .stitchsense-hub-pro .ss-rework-composer textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ss-hub .ss-library-detail-modal,
  .stitchsense-hub-pro .ss-library-detail-modal {
    padding: 4px !important;
  }

  .ss-hub .ss-library-detail-dialog,
  .stitchsense-hub-pro .ss-library-detail-dialog {
    width: calc(100vw - 8px) !important;
    max-width: calc(100vw - 8px) !important;
    padding: 14px 10px !important;
    overflow-x: clip !important;
  }

  .ss-hub .ss-library-detail-actions,
  .stitchsense-hub-pro .ss-library-detail-actions {
    grid-template-columns: 1fr !important;
  }

  .ss-hub .ss-library-detail-actions > button,
  .stitchsense-hub-pro .ss-library-detail-actions > button {
    width: 100% !important;
  }

  .ss-hub .ss-library-detail-grid,
  .stitchsense-hub-pro .ss-library-detail-grid {
    width: 100% !important;
  }

  .ss-hub .ss-ravelry-dialog,
  .stitchsense-hub-pro .ss-ravelry-dialog {
    gap: 10px !important;
    padding: 10px !important;
  }

  .ss-hub .ss-ravelry-header,
  .ss-hub .ss-ravelry-bulk,
  .stitchsense-hub-pro .ss-ravelry-header,
  .stitchsense-hub-pro .ss-ravelry-bulk {
    position: static !important;
    width: 100% !important;
  }

  .ss-hub .ss-ravelry-bulk > button,
  .stitchsense-hub-pro .ss-ravelry-bulk > button,
  .stitchsense-hub-pro .ss-ravelry-bulk > button {
    width: 100% !important;
  }

  .ss-hub .ss-ravelry-grid,
  .stitchsense-hub-pro .ss-ravelry-grid {
    margin-top: 4px !important;
    padding-top: 2px !important;
    overflow: visible !important;
  }

  .ss-hub .ss-ravelry-card:first-child,
  .stitchsense-hub-pro .ss-ravelry-card:first-child {
    margin-top: 0 !important;
  }

  .ss-hub .ss-ravelry-card,
  .stitchsense-hub-pro .ss-ravelry-card {
    align-items: start !important;
  }

  .ss-hub .ss-ravelry-card > button,
  .ss-hub .ss-ravelry-card > .ss-ravelry-open-link,
  .stitchsense-hub-pro .ss-ravelry-card > button,
  .stitchsense-hub-pro .ss-ravelry-card > .ss-ravelry-open-link {
    margin-top: 2px !important;
  }
}

@media (max-width: 560px) {
  .ss-hub .ss-panels,
  .stitchsense-hub-pro .ss-panels {
    padding: 6px !important;
  }

  .ss-hub .ss-chat-card,
  .stitchsense-hub-pro .ss-chat-card,
  .ss-hub .ss-rework-main.ss-chat-card,
  .stitchsense-hub-pro .ss-rework-main.ss-chat-card,
  .ss-hub .ss-rework-intro-card,
  .stitchsense-hub-pro .ss-rework-intro-card {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .ss-hub .ss-messages,
  .stitchsense-hub-pro .ss-messages,
  .ss-hub .ss-empty,
  .stitchsense-hub-pro .ss-empty {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .ss-hub .ss-composer,
  .stitchsense-hub-pro .ss-composer,
  .ss-hub .ss-rework-composer.ss-composer,
  .stitchsense-hub-pro .ss-rework-composer.ss-composer {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .ss-hub .ss-rework-examples,
  .stitchsense-hub-pro .ss-rework-examples {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ss-hub .ss-rework-examples .ss-chip,
  .stitchsense-hub-pro .ss-rework-examples .ss-chip {
    width: 100% !important;
    text-align: left !important;
  }

  .ss-hub .ss-gauge-mode-tabs button,
  .stitchsense-hub-pro .ss-gauge-mode-tabs button,
  .ss-hub .ss-gauge-mode-tabs-v7412 button,
  .stitchsense-hub-pro .ss-gauge-mode-tabs-v7412 button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: .92rem !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
    line-height: 1.05 !important;
    text-align: center !important;
    border: 1px solid rgba(111, 63, 37, .12) !important;
    background: #b0a9a2 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(57,32,20,.10) !important;
  }

  .ss-hub .ss-gauge-mode-tabs button:not(.is-active),
  .stitchsense-hub-pro .ss-gauge-mode-tabs button:not(.is-active),
  .ss-hub .ss-gauge-mode-tabs-v7412 button:not(.is-active),
  .stitchsense-hub-pro .ss-gauge-mode-tabs-v7412 button:not(.is-active) {
    background: #b0a9a2 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(57,32,20,.08) !important;
    border-color: rgba(111,63,37,.10) !important;
  }

  .ss-hub .ss-gauge-mode-tabs button.is-active,
  .stitchsense-hub-pro .ss-gauge-mode-tabs button.is-active,
  .ss-hub .ss-gauge-mode-tabs-v7412 button.is-active,
  .stitchsense-hub-pro .ss-gauge-mode-tabs-v7412 button.is-active,
  .ss-hub .ss-gauge-mode-tabs button[aria-pressed="true"],
  .stitchsense-hub-pro .ss-gauge-mode-tabs button[aria-pressed="true"],
  .ss-hub .ss-gauge-mode-tabs-v7412 button[aria-pressed="true"],
  .stitchsense-hub-pro .ss-gauge-mode-tabs-v7412 button[aria-pressed="true"] {
    background: #8f8780 !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(112,65,39,.24) !important;
    border-color: rgba(111,63,37,.16) !important;
  }

  .ss-hub .ss-gauge-mode-tabs button:not(.is-active),
  .stitchsense-hub-pro .ss-gauge-mode-tabs button:not(.is-active),
  .ss-hub .ss-gauge-mode-tabs-v7412 button:not(.is-active),
  .stitchsense-hub-pro .ss-gauge-mode-tabs-v7412 button:not(.is-active) {
    opacity: .92 !important;
  }

  .ss-hub .ss-gauge-actions-v735,
  .stitchsense-hub-pro .ss-gauge-actions-v735 {
    justify-items: stretch !important;
  }

  .ss-hub [data-ss-calc-gauge],
  .stitchsense-hub-pro [data-ss-calc-gauge],
  .ss-hub [data-ss-reset-gauge],
  .stitchsense-hub-pro [data-ss-reset-gauge] {
    width: 100% !important;
    min-width: 100% !important;
  }

  .ss-hub .ss-ravelry-pagination,
  .stitchsense-hub-pro .ss-ravelry-pagination {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 10px 0 18px !important;
    padding: 0 4px !important;
  }

  .ss-hub .ss-ravelry-pagination > button,
  .stitchsense-hub-pro .ss-ravelry-pagination > button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .ss-hub .ss-ravelry-pagination > button[data-ss-ravelry-prev]::before,
  .stitchsense-hub-pro .ss-ravelry-pagination > button[data-ss-ravelry-prev]::before {
    content: "‹";
    font-size: 24px;
    line-height: 1;
    color: #fff;
  }

  .ss-hub .ss-ravelry-pagination > button[data-ss-ravelry-next]::before,
  .stitchsense-hub-pro .ss-ravelry-pagination > button[data-ss-ravelry-next]::before {
    content: "›";
    font-size: 24px;
    line-height: 1;
    color: #fff;
  }

  .ss-hub .ss-ravelry-pagination span,
  .stitchsense-hub-pro .ss-ravelry-pagination span {
    margin: 0 !important;
    text-align: center !important;
    font-size: .85rem !important;
  }

  .ss-ravelry-dialog {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .ss-ravelry-header {
    order: 1 !important;
  }

  .ss-ravelry-toolbar {
    order: 2 !important;
  }

  .ss-ravelry-bulk {
    order: 3 !important;
  }

  .ss-ravelry-pagination {
    order: 4 !important;
  }

  .ss-ravelry-message {
    order: 5 !important;
  }

  .ss-ravelry-grid {
    order: 6 !important;
    margin-top: 8px !important;
    padding-top: 6px !important;
  }
}