@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/inter-6ab57b19.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/inter-6ab57b19.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/inter-6ab57b19.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/inter-6ab57b19.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ShareAI Console: the public brand, sized for everyday workspace use. */
:root {
  --sai-background: light-dark(#faf9f6, #171716);
  --sai-surface: light-dark(#ffffff, #1e1e1c);
  --sai-control: light-dark(#f3f2ee, #272724);
  --sai-text: light-dark(#282824, #ebe8e1);
  --sai-secondary-text: light-dark(#737169, #b5b0a6);
  --sai-border: light-dark(#dddad3, #3c3934);
  --sai-line: light-dark(#eae7e1, #302e29);
  --sai-hover: light-dark(#eeece6, #2b2a26);
  --sai-link: light-dark(#ac3c09, #ffb07a);
  --sai-accent: #df4c00;
  --sai-accent-hover: #c54300;
  --sai-accent-soft: light-dark(#fff0e5, #38281f);
  --sai-accent-line: light-dark(#efc6a8, #61432e);
  --sai-shadow: 0 12px 36px light-dark(#25201518, #0006);
  --sai-sidebar-width: 240px;
  --shareai-console-max-width: 1440px;
  --shareai-console-base-font-size: 14px;
  --shareai-console-copy-size: 14px;
  --shareai-console-subtitle-size: 14px;
  --shareai-console-section-title-size: 28px;
  --shareai-console-card-title-size: 18px;
  --shareai-console-action-size: 14px;
  --shareai-console-eyebrow-size: 11px;
  --shareai-console-breadcrumb-size: 12px;
  --sai-ui-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sai-ui-headline-size: 28px;
  --sai-ui-action-size: 14px;
  --sai-ui-text: var(--sai-text);
  --sai-ui-muted: var(--sai-secondary-text);
  --sai-ui-surface: var(--sai-surface);
  --sai-ui-surface-soft: var(--sai-background);
  --sai-ui-surface-muted: var(--sai-control);
  --sai-ui-border: var(--sai-border);
  --sai-ui-border-strong: var(--sai-secondary-text);
  --sai-ui-shadow: var(--sai-shadow);
  --sai-ui-accent: var(--sai-accent);
  --sai-ui-accent-hover: var(--sai-accent-hover);
  --sai-ui-accent-soft: var(--sai-accent-soft);
  --sai-ui-focus: light-dark(#df4c0026, #ffb07a33);
  --sai-modal-text: var(--sai-text);
  --sai-modal-muted: var(--sai-secondary-text);
  --sai-modal-border: var(--sai-border);
  --sai-modal-border-soft: var(--sai-line);
  --sai-modal-shadow: var(--sai-shadow);
  --sai-modal-overlay-primary: transparent;
  --sai-modal-overlay-secondary: transparent;
  --sai-modal-overlay-base: #0008;
}
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; min-height: 100%; scroll-behavior: smooth; }
body.sai-console, body.oauthpress-native-route { margin: 0; min-height: 100vh; background: var(--sai-background); color: var(--sai-text); font: 14px/1.55 var(--sai-ui-font-family); -webkit-font-smoothing: antialiased; }
body.sai-console :is(button,input,select,textarea), body.oauthpress-native-route :is(button,input,select,textarea) { font-family: inherit; }
body.sai-console button, body.oauthpress-native-route button { cursor: pointer; }
body.sai-console button:disabled, body.oauthpress-native-route button:disabled { cursor: not-allowed; }
body.sai-console a { color: inherit; text-decoration: none; }
body.sai-console :is(h1,h2,h3,h4,p) { overflow-wrap: anywhere; }
body.sai-console :is(h1,h2,h3,h4) { line-height: 1.2; letter-spacing: -.035em; }
body.sai-console :is(img,svg) { max-width: 100%; }
body.sai-console img { height: auto; }
body.sai-console [hidden], body.oauthpress-native-route [hidden] { display: none !important; }
body.sai-console :focus-visible, body.oauthpress-native-route :focus-visible { outline: 2px solid var(--sai-link); outline-offset: 3px; }
.sai-skip-link { position: fixed; top: -100px; left: 16px; padding: 12px 20px; z-index: 10000; background: var(--sai-surface); border: 1px solid var(--sai-border); border-radius: 8px; }
.sai-skip-link:focus { top: 12px; }
.sai-console-layout { min-height: 100dvh; }
.sai-console-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 90; width: var(--sai-sidebar-width); display: flex; flex-direction: column; background: light-dark(#f4f3ef, #1d1d1b); border-right: 1px solid var(--sai-line); }
.sai-console-sidebar-brand { min-height: 76px; display: flex; align-items: center; padding: 20px 22px; }
.sai-console-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--sai-text); font-size: 20px; font-weight: 750; letter-spacing: -.065em; text-decoration: none; white-space: nowrap; }
.sai-console-brand img { width: 32px; height: 32px; border-radius: 8px; }
.sai-console-brand > span { display: none; }
.sai-console-workspace-switcher { padding: 0 14px 15px; border-bottom: 1px solid var(--sai-line); }
.sai-console-workspace-switcher .shareai-breadcrumb-context { width: 100%; max-width: none; }
.sai-console-workspace-switcher .shareai-breadcrumb-context__trigger { width: 100%; gap: 10px; padding: 10px; min-height: 48px; border: 1px solid var(--sai-border); border-radius: 8px; background: var(--sai-surface); text-align: left; }
.sai-console-workspace-switcher .shareai-breadcrumb-context__label { flex: 1; min-width: 0; font-size: 12px; font-weight: 600; }
.sai-console-workspace-switcher .shareai-breadcrumb-context__chevron { flex-shrink: 0; width: 6px; height: 6px; margin-left: auto; }
.sai-console-workspace-switcher .shareai-breadcrumb-context__menu { left: 0; right: auto; width: 300px; max-width: calc(100vw - 16px); border: 1px solid var(--sai-border); border-radius: 10px; }
.sai-console-topbar .shareai-profile__menu { max-height: calc(100dvh - 84px); overflow-y: auto; border: 1px solid var(--sai-border); border-radius: 10px; }
.sai-console-nav { flex: 1; min-height: 0; overflow-y: auto; padding: 12px; scrollbar-width: thin; }
.sai-console-nav-group { margin-bottom: 19px; }
.sai-console-nav-group > p { margin: 8px 12px; font-size: 10px; font-weight: 600; color: var(--sai-secondary-text); letter-spacing: .045em; }
.sai-console-nav-group a { min-height: 37px; display: flex; align-items: center; gap: 11px; margin: 2px 0; padding: 8px 12px; border-radius: 7px; font-size: 13px; color: var(--sai-secondary-text); }
.sai-console-nav-group a svg { flex: 0 0 17px; width: 17px; height: 17px; }
.sai-console-nav-group a:hover { color: var(--sai-text); background: var(--sai-hover); }
.sai-console-nav-group a[aria-current] { background: var(--sai-accent-soft); color: var(--sai-link); font-weight: 600; }
.sai-console-public-link { display: flex; justify-content: space-between; align-items: center; margin: 0 20px; padding: 18px 4px; border-top: 1px solid var(--sai-line); font-size: 12px; color: var(--sai-secondary-text) !important; }
.sai-console-body { margin-left: var(--sai-sidebar-width); min-width: 0; }
.sai-console-topbar { position: sticky; top: 0; z-index: 70; display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 64px; padding: 0 32px; border-bottom: 1px solid var(--sai-line); background: var(--sai-background); }
.sai-console-topbar-title { display: flex; align-items: center; gap: 14px; font-size: 12px; min-width: 0; }
.sai-console-topbar-title > span { color: var(--sai-secondary-text); }
.sai-console-topbar-title strong { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sai-console-topbar-actions { display: flex; align-items: center; gap: 16px; }
.sai-console-topbar-actions > a { font-size: 12px; white-space: nowrap; }
.sai-console-topbar-actions > a span { margin-left: 6px; color: var(--sai-secondary-text); }
.sai-console-content { padding: 36px clamp(20px, 3vw, 48px) 64px; min-width: 0; max-width: 1540px; margin: 0 auto; }
.sai-console-nav-toggle, .sai-console-nav-close { display: none; background: transparent; border: 0; color: var(--sai-text); }
.sai-console-primary { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 44px; padding: 11px 20px; border: 1px solid transparent; border-radius: 8px; background: var(--sai-accent); color: white !important; font-size: 13px; font-weight: 600; }
.sai-console-primary:hover { background: var(--sai-accent-hover); }
.sai-console-eyebrow { color: var(--sai-link); font-size: 10px; font-weight: 650; letter-spacing: .14em; }
.sai-console-resource { padding: 24px 0; }
.sai-console-resource h1 { font-size: clamp(30px, 3vw, 48px); margin: 24px 0; }
.sai-console-resource > p:not(.sai-console-eyebrow) { color: var(--sai-secondary-text); font-size: 15px; }
.sai-console-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.sai-console-resource-grid > a { border: 1px solid var(--sai-border); border-radius: 10px; background: var(--sai-surface); padding: 26px; }
.sai-console-resource-grid h2 { font-size: 18px; margin: 24px 0 12px; }
.sai-console-resource-grid p { color: var(--sai-secondary-text); font-size: 13px; min-height: 42px; }
.sai-console-resource-grid :is(svg,span) { color: var(--sai-link); }
.sai-console-resource-grid span { display: block; font-size: 12px; margin-top: 30px; }
.sai-auth-header { display: flex; align-items: center; justify-content: space-between; padding: 24px 36px; gap: 16px; }
.sai-auth-header .sai-console-brand > span { display: inline; border-left: 1px solid var(--sai-border); padding-left: 13px; margin-left: 6px; font-size: 12px; letter-spacing: 0; font-weight: 400; color: var(--sai-secondary-text); }
.sai-standalone-main { width: min(1400px, calc(100% - 48px)); margin: 12px auto 64px; }
.sai-console-not-found { max-width: 720px; margin: 12vh auto; padding: 0 28px; }
.sai-console-not-found h1 { font-size: clamp(48px, 7vw, 86px); margin: 28px 0; }
.sai-console-not-found > p:not(.sai-console-eyebrow) { max-width: 400px; color: var(--sai-secondary-text); font-size: 16px; margin-bottom: 32px; }
@media (max-width: 1050px) { :root { --sai-sidebar-width: 216px; } .sai-console-topbar { padding: 0 24px; } .sai-console-resource-grid { grid-template-columns: 1fr; } }
@media (max-width: 800px) {
  .sai-console-sidebar { transform: translateX(-100%); width: 276px; transition: transform .18s ease; }
  .sai-console-sidebar-brand { justify-content: space-between; }
  .sai-console-body { margin-left: 0; }
  .sai-console-topbar { height: 60px; padding: 0 16px; gap: 10px; }
  .sai-console-topbar-title { flex: 1; gap: 8px; }
  .sai-console-topbar-title > span { display: none; }
  .sai-console-topbar-actions { gap: 8px; }
  .sai-console-topbar-actions > a:first-child { display: none; }
  .sai-console-nav-toggle, .sai-console-nav-close { display: grid; place-items: center; width: 40px; height: 40px; padding: 8px; font-size: 26px; }
  .sai-console-content { padding: 24px 16px 40px; }
  .sai-console-nav-open { overflow: hidden; }
  .sai-console-nav-open .sai-console-sidebar { transform: none; }
  .sai-console-nav-backdrop { position: fixed; inset: 0; z-index: 80; background: #0007; border: 0; padding: 0; width: 100%; }
  .sai-console-nav-group a { min-height: 42px; }
  .sai-auth-header { padding: 20px; }
  .sai-auth-header .sai-console-brand > span { display: none; }
  .sai-standalone-main { width: calc(100% - 32px); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .sai-console-sidebar { transition: none; } }

.sai-console-catalog-link > small { margin-left: auto; color: var(--sai-secondary-text); font-size: 12px; }