@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://dfyglab6nan4f.cloudfront.net/static/media/cormorant-garamond-500.832adc78.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://dfyglab6nan4f.cloudfront.net/static/media/cormorant-garamond-600.9868f4ff.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://dfyglab6nan4f.cloudfront.net/static/media/cormorant-garamond-700.fc73db04.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://dfyglab6nan4f.cloudfront.net/static/media/inter-400.a32ace5d.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://dfyglab6nan4f.cloudfront.net/static/media/inter-500.eb031241.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://dfyglab6nan4f.cloudfront.net/static/media/inter-600.84cf795e.ttf) format('truetype');
}

/* Browser UI roles. Documents and scene data use outputTheme instead. */
:root,
:root[data-theme='light'] {
  color-scheme: light;
  --as-bg: #f6f6f4;
  --as-surface: #ffffff;
  --as-raised: #ffffff;
  --as-text: #292b32;
  --as-muted: #636670;
  --as-border: #d6d7dc;
  --as-control-border: #858894;
  --as-accent: #c5a773;
  --as-accent-ink: #896900;
  --as-on-accent: #141519;
  --as-accent-hover: #d8c39f;
  --as-accent-active: #b89a66;
  --as-selected: #c5a77320;
  --as-hover: #00000006;
  --as-focus: #896900;
  --as-solid-accent: #896900;
  --as-solid-success: #16804a;
  --as-solid-danger: #a3363f;
  --as-success: #16804a;
  --as-success-bg: #e9f4ed;
  --as-danger: #a3363f;
  --as-danger-bg: #f9e9eb;
  --as-warning: #805d0c;
  --as-warning-bg: #faf2dc;
  --as-info: #355e88;
  --as-info-bg: #eaf1f8;
  --as-shadow: 0 6px 24px #1518200c;
  --as-overlay: #10121880;
  --as-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --as-font-serif: 'Cormorant Garamond', Georgia, serif;
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --as-bg: #111318;
  --as-surface: #1b1d24;
  --as-raised: #202229;
  --as-text: #e6e6eb;
  --as-muted: #a4a5af;
  --as-border: #343640;
  --as-control-border: #737783;
  --as-accent-ink: #ecd3a6;
  --as-hover: #ffffff09;
  --as-focus: #e4c486;
  --as-success: #81cba2;
  --as-success-bg: #19382b;
  --as-danger: #f0a3ab;
  --as-danger-bg: #3d252c;
  --as-warning: #e7c785;
  --as-warning-bg: #362f21;
  --as-info: #9fc7eb;
  --as-info-bg: #223346;
  --as-shadow: 0 6px 24px #00000030;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { background: var(--as-bg); color: var(--as-text); }
body { font: 400 14px/1.55 var(--as-font-sans); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font-family: var(--as-font-sans); }
button, input[type='button'], input[type='submit'], select { cursor: pointer; }
input, select, textarea { color: var(--as-text); background-color: var(--as-surface); }
input::-moz-placeholder, textarea::-moz-placeholder { color: var(--as-muted); opacity: 1; }
input::placeholder, textarea::placeholder { color: var(--as-muted); opacity: 1; }
input[type='checkbox'], input[type='radio'] { accent-color: var(--as-solid-accent); }
a { color: var(--as-accent-ink); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [role='button']:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--as-focus); outline-offset: 3px;
}
::-moz-selection { background: var(--as-selected); color: var(--as-text); }
::selection { background: var(--as-selected); color: var(--as-text); }

.as-theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 80px;
  width: 80px; height: 28px; padding: 4px 10px; box-sizing: border-box;
  border: 1px solid var(--as-border); border-radius: 999px;
  color: var(--as-muted); background: var(--as-bg); font: 500 12px/16px var(--as-font-sans);
  cursor: pointer; white-space: nowrap;
}
.as-theme-toggle:hover { background: var(--as-selected); color: var(--as-text); border-color: var(--as-muted); }
.as-theme-light, .as-theme-dark { display: inline-flex; align-items: center; gap: 6px; }
.as-theme-dark { display: none; }
:root[data-theme='dark'] .as-theme-light { display: none; }
:root[data-theme='dark'] .as-theme-dark { display: inline-flex; }
.as-theme-sidebar { padding: 16px 24px; margin-top: auto; }
.as-theme-mobile { display: none; margin-left: auto; margin-right: 16px; position: relative; z-index: 2; }
.as-theme-header { margin-left: auto; }
.as-theme-fallback { position: fixed; top: 14px; right: 20px; z-index: 3; }
body:has(.as-theme-toggle:not(.as-theme-fallback)) .as-theme-fallback { display: none; }
body:has([data-environment-banner="true"]) .as-theme-fallback { top: 64px; }
.as-brand-logo { display: block; }
:root[data-theme='dark'] .as-brand-logo { filter: grayscale(1) invert(1); }
@media (max-width: 991px) {
  .as-theme-sidebar { display: none; }
  .as-theme-mobile { display: block; }
  .as-theme-fallback { right: 12px; }
}

/* Third-party browser controls inherit the same roles; color swatches remain literal. */
.react-calendar { background: var(--as-surface); color: var(--as-text); border-color: var(--as-border); border-radius: 7px; font-family: var(--as-font-sans); }
.react-calendar button { color: var(--as-text); }
.react-calendar button:enabled:hover, .react-calendar button:enabled:focus { background: var(--as-selected); }
.react-calendar__tile:disabled { background: var(--as-bg); color: var(--as-muted); }
.react-calendar__tile--now { background: var(--as-warning-bg); }
.react-calendar__tile--active, .react-calendar__tile--active:enabled:hover { background: var(--as-accent); color: var(--as-on-accent); }
.react-calendar__month-view__days__day--neighboringMonth { color: var(--as-muted) !important; }
.react-calendar__month-view__days__day--weekend { color: var(--as-danger); }
.slick-prev:before, .slick-next:before { color: var(--as-text); }
.slick-dots li button:before { color: var(--as-muted); }
.slick-dots li.slick-active button:before { color: var(--as-accent-ink); }
.sketch-picker { background: var(--as-surface) !important; box-shadow: var(--as-shadow) !important; }
.sketch-picker input { color: var(--as-text) !important; background: var(--as-bg); box-shadow: inset 0 0 0 1px var(--as-border) !important; }
.sketch-picker label { color: var(--as-muted) !important; }

/* Preserve the white paper and the existing HTML preview typography. */
[data-artshare-document] {
  color-scheme: light; color: #232323; --as-bg: #ffffff; --as-surface: #ffffff;
  --as-raised: #ededed; --as-text: #232323; --as-muted: #6b6b6b;
  --as-border: #cecece; --as-accent-ink: #00398c; --as-accent: #00398c;
  --as-font-sans: Cabin, sans-serif;
}

html.as-theme-transition::view-transition-old(root),
html.as-theme-transition::view-transition-new(root) { animation-duration: 180ms; animation-timing-function: ease-out; }
@media (prefers-reduced-motion: reduce) {
  html.as-theme-transition::view-transition-old(root),
  html.as-theme-transition::view-transition-new(root) { animation: none; }
}
@media print {
  :root, :root[data-theme='dark'] {
    color-scheme: light; --as-bg: #ffffff; --as-surface: #ffffff; --as-raised: #ffffff;
    --as-text: #292b32; --as-muted: #636670; --as-border: #d6d7dc; --as-control-border: #858894;
    --as-accent-ink: #896900; --as-hover: #00000006; --as-focus: #896900;
    --as-success: #16804a; --as-success-bg: #e9f4ed;
    --as-danger: #a3363f; --as-danger-bg: #f9e9eb;
    --as-warning: #805d0c; --as-warning-bg: #faf2dc;
    --as-info: #355e88; --as-info-bg: #eaf1f8; --as-shadow: none;
  }
  .as-theme-toggle, .as-theme-sidebar, .as-theme-mobile { display: none !important; }
  :root[data-theme='dark'] .as-brand-logo { filter: none; }
}

.as-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }


/*# sourceMappingURL=client.adafff76.css.map*/