@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display&display=swap');/*
  pastel-components base styles
  inspired by the Together AI design language: pastel gradients, sharp geometry,
  midnight-blue dark sections, monospace labels, negative letter-spacing
*/

:root {
  /* ink (text on light) */
  --ink: #000000;
  --ink-60: rgba(0, 0, 0, 0.6);
  --ink-40: rgba(0, 0, 0, 0.4);
  --ink-20: rgba(0, 0, 0, 0.2);
  --ink-08: rgba(0, 0, 0, 0.08);
  --ink-04: rgba(0, 0, 0, 0.04);

  /* paper (light surfaces) */
  --paper: #ffffff;

  /* midnight (dark surfaces) */
  --midnight: #010120;
  --midnight-90: #0a0a2c;
  --midnight-hover: #1a1a3a;
  --midnight-active: #2a2a4a;
  --paper-on-dark: #ffffff;
  --paper-on-dark-60: rgba(255, 255, 255, 0.6);
  --paper-on-dark-40: rgba(255, 255, 255, 0.4);
  --paper-on-dark-12: rgba(255, 255, 255, 0.12);
  --paper-on-dark-08: rgba(255, 255, 255, 0.08);

  /* brand accents - illustrations only */
  --magenta: #ef2cc1;
  --orange: #fc4c02;
  --lavender: #bdbbff;
  --pink-soft: #ffd6f5;
  --blue-soft: #d6e1ff;

  /* shadows - dark-blue tinted */
  --shadow-soft: 0 4px 10px rgba(1, 1, 32, 0.08);
  --shadow-medium: 0 8px 24px rgba(1, 1, 32, 0.10);
  --shadow-lift: 0 12px 32px rgba(1, 1, 32, 0.14);

  /* focus rings */
  --focus-ring: 0 0 0 3px rgba(1, 1, 32, 0.18);
  --focus-ring-on-dark: 0 0 0 3px rgba(255, 255, 255, 0.30);
  --focus-ring-danger: 0 0 0 3px rgba(179, 38, 30, 0.25);

  /* geometry */
  --radius-sharp: 4px;
  --radius-comfy: 8px;

  /* control heights - keep buttons + inputs + triggers aligned */
  --control-h-sm: 28px;
  --control-h: 34px;
  --control-h-lg: 42px;

  /* badge geometry - kept squarish per design spec (sharp 4px max) */
  --badge-radius: 3px;

  /* type stack - swap to "The Future" / "PP Neue Montreal Mono" when licensed */
  --display: "Inter", "Helvetica Neue", Arial, sans-serif;
  --mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* status palette */
  --status-active: #2c7a4e;
  --status-active-bg: #e7f4ec;
  --status-warning: #b86b00;
  --status-warning-bg: #fff1de;
  --status-paused: #5b3fcb;
  --status-paused-bg: #ece6ff;
  --status-failed: #b3261e;
  --status-failed-bg: #fce4e2;
  --status-draft: #4a4a4a;
  --status-draft-bg: #ececec;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--display);
  font-size: 16px;
  line-height: 1.30;
  letter-spacing: -0.16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: 0; background: none; color: inherit; padding: 0; }
input, textarea, select { font-family: inherit; color: inherit; }

h1, h2, h3, h4, h5 {
  font-family: var(--display);
  font-weight: 500;
  margin: 0;
  letter-spacing: -0.02em;
}
h1 { font-size: 40px; line-height: 1.10; letter-spacing: -0.96px; }
h2 { font-size: 28px; line-height: 1.15; letter-spacing: -0.56px; }
h3 { font-size: 22px; line-height: 1.18; letter-spacing: -0.32px; }
h4 { font-size: 18px; line-height: 1.25; letter-spacing: -0.18px; }
p { margin: 0; }

/* type utilities */
.pc-display { font-family: var(--display); font-weight: 500; letter-spacing: -0.03em; line-height: 1.05; }
.pc-display--xl { font-size: 64px; letter-spacing: -1.92px; line-height: 1.00; }
.pc-display--lg { font-size: 48px; letter-spacing: -1.20px; line-height: 1.05; }

.pc-mono { font-family: var(--mono); text-transform: uppercase; letter-spacing: 0.06em; font-size: 11px; font-weight: 500; }
.pc-mono--md { font-size: 13px; letter-spacing: 0.05em; }
.pc-mono--lg { font-size: 16px; letter-spacing: 0.04em; }

.pc-muted { color: var(--ink-60); }
.pc-muted-2 { color: var(--ink-40); }
.pc-tabular { font-variant-numeric: tabular-nums; }

/* surfaces */
.pc-dark { background: var(--midnight); color: var(--paper-on-dark); }

.pc-pastel-bg {
  position: relative;
  background:
    radial-gradient(80% 60% at 18% 12%, rgba(239, 44, 193, 0.10), transparent 60%),
    radial-gradient(70% 60% at 82% 22%, rgba(189, 187, 255, 0.40), transparent 65%),
    radial-gradient(90% 70% at 50% 100%, rgba(214, 225, 255, 0.40), transparent 60%),
    radial-gradient(50% 40% at 90% 80%, rgba(252, 76, 2, 0.06), transparent 60%),
    var(--paper);
}

.pc-pastel-bg-soft {
  background:
    radial-gradient(60% 40% at 10% 0%, rgba(189, 187, 255, 0.25), transparent 60%),
    radial-gradient(60% 40% at 100% 100%, rgba(255, 214, 245, 0.30), transparent 60%),
    var(--paper);
}

/* scroll */
.pc-scroll {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--ink-20) transparent;
}
.pc-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.pc-scroll::-webkit-scrollbar-thumb { background: var(--ink-20); border-radius: 4px; }
.pc-scroll::-webkit-scrollbar-track { background: transparent; }

/* layout helpers */
.pc-row { display: flex; gap: 12px; align-items: center; }
.pc-col { display: flex; flex-direction: column; }
.pc-gap-4 { gap: 4px; } .pc-gap-8 { gap: 8px; } .pc-gap-12 { gap: 12px; }
.pc-gap-16 { gap: 16px; } .pc-gap-24 { gap: 24px; } .pc-gap-32 { gap: 32px; }
.pc-grow { flex: 1 1 auto; min-width: 0; }
.pc-shrink-0 { flex-shrink: 0; }
.pc-spread { justify-content: space-between; }
.pc-center { align-items: center; }
.pc-start { align-items: flex-start; }

.pc-divider { height: 1px; background: var(--ink-08); border: 0; margin: 0; }
.pc-divider--dark { background: var(--paper-on-dark-12); }

/* ---------- Date picker trigger (shared by DatePicker + DateRangePicker) ---------- */
.pc-datepicker__trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  padding: 0 12px;
  height: var(--control-h);
  background: var(--paper);
  color: var(--ink);
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 1.2;
  cursor: pointer;
  outline: none;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
  min-width: 180px;
  text-align: left;
  box-sizing: border-box;
}
.pc-datepicker__trigger:hover:not(:disabled) { border-color: var(--ink-20); background: var(--ink-04); }
.pc-datepicker__trigger:focus-visible { border-color: var(--midnight); box-shadow: var(--focus-ring); }
.pc-datepicker__trigger:disabled { opacity: 0.5; cursor: not-allowed; }
.pc-datepicker__trigger--empty .pc-datepicker__value { color: var(--ink-40); }
.pc-datepicker__icon { display: inline-flex; color: var(--ink-60); flex-shrink: 0; }
.pc-datepicker__value { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- Calendar (shared by DatePicker + DateRangePicker) ---------- */
.pc-cal {
  padding: 12px;
  font-family: var(--display);
  user-select: none;
  width: max-content;
}
.pc-cal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2px 10px;
  gap: 4px;
}
.pc-cal__heading {
  flex: 1;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: var(--ink);
}
.pc-cal__nav {
  width: 28px; height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: var(--ink-60);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  outline: none;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease;
  font-family: var(--display);
}
.pc-cal__nav:hover { background: var(--ink-04); color: var(--ink); }
.pc-cal__nav:focus-visible { box-shadow: var(--focus-ring); }
.pc-cal__grid { width: auto; border-collapse: collapse; }
.pc-cal__row { display: flex; }
.pc-cal__weekday {
  flex: 0 0 32px;
  font-family: var(--mono);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--ink-40);
  text-align: center;
  padding: 8px 0;
}
.pc-cal__cell {
  flex: 0 0 32px;
  padding: 2px;
  min-width: 32px;
}
.pc-cal__day {
  width: 100%;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: var(--radius-sharp);
  font-family: var(--display);
  font-size: 13px;
  letter-spacing: -0.13px;
  color: var(--ink);
  cursor: pointer;
  outline: none;
  font-variant-numeric: tabular-nums;
  transition: background 120ms ease, color 120ms ease, box-shadow 120ms ease;
}
.pc-cal__day:hover:not([data-disabled]) { background: var(--ink-04); }
.pc-cal__day:focus-visible { box-shadow: var(--focus-ring); }
.pc-cal__day[data-outside-view] { color: var(--ink-20); }
.pc-cal__day[data-today] { font-weight: 500; box-shadow: inset 0 0 0 1px var(--ink-20); }
.pc-cal__day[data-selected] {
  background: var(--midnight);
  color: var(--paper-on-dark);
  box-shadow: none;
}
.pc-cal__day[data-selected]:hover { background: var(--midnight-hover); }
.pc-cal__day[data-disabled] { color: var(--ink-20); cursor: not-allowed; }
.pc-cal__day[data-highlighted] { background: var(--ink-04); }
.pc-cal__day[data-selection-start],
.pc-cal__day[data-selection-end] {
  background: var(--midnight);
  color: var(--paper-on-dark);
  border-radius: var(--radius-sharp);
}
.pc-cal__day[data-highlighted-range],
.pc-cal__day[data-highlighted]:not([data-selected]) { color: var(--ink); }
.pc-cal__cell:has(.pc-cal__day[data-highlighted-range]) {
  background: rgba(189, 187, 255, 0.20);
}
.pc-cal__cell:has(.pc-cal__day[data-highlighted-range]):first-child {
  border-top-left-radius: var(--radius-sharp);
  border-bottom-left-radius: var(--radius-sharp);
}
.pc-cal__cell:has(.pc-cal__day[data-highlighted-range]):last-child {
  border-top-right-radius: var(--radius-sharp);
  border-bottom-right-radius: var(--radius-sharp);
}

/* animation */
.pc-fade-in { animation: pc-fadeIn 180ms ease-out both; }
@keyframes pc-fadeIn { from { opacity: 0; transform: translateY(2px); } to { opacity: 1; transform: none; } }
.pc-slide-up { animation: pc-slideUp 240ms ease-out both; }
@keyframes pc-slideUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* ---------- syntax highlighting theme (Prism token classes) ----------
   shared by DiffViewer and CodeBlock - muted to sit inside the pastel system */
.pc-syntax { --pc-syn-func: #2d5b9e; }
.pc-syntax .token.comment,
.pc-syntax .token.prolog,
.pc-syntax .token.doctype,
.pc-syntax .token.cdata { color: var(--ink-40); font-style: italic; }
.pc-syntax .token.punctuation { color: var(--ink-60); }
.pc-syntax .token.keyword,
.pc-syntax .token.atrule,
.pc-syntax .token.important,
.pc-syntax .token.tag,
.pc-syntax .token.selector { color: var(--status-paused); }
.pc-syntax .token.string,
.pc-syntax .token.char,
.pc-syntax .token.attr-value,
.pc-syntax .token.regex,
.pc-syntax .token.inserted { color: var(--status-active); }
.pc-syntax .token.number,
.pc-syntax .token.boolean,
.pc-syntax .token.constant,
.pc-syntax .token.symbol { color: var(--status-warning); }
.pc-syntax .token.function,
.pc-syntax .token.class-name,
.pc-syntax .token.builtin,
.pc-syntax .token.property,
.pc-syntax .token.key,
.pc-syntax .token.attr-name { color: var(--pc-syn-func); }
.pc-syntax .token.operator,
.pc-syntax .token.variable { color: var(--ink); }
.pc-syntax .token.namespace { opacity: 0.6; }
.pc-syntax .token.bold { font-weight: 600; }
.pc-syntax .token.italic { font-style: italic; }


.resize-observer[data-v-b329ee4c]{
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  border:none;
  background-color:transparent;
  pointer-events:none;
  display:block;
  overflow:hidden;
  opacity:0
}

.resize-observer[data-v-b329ee4c] object{
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  overflow:hidden;
  pointer-events:none;
  z-index:-1
}

.v-popper__popper{
  z-index:10000;
  top:0;
  left:0;
  outline:none
}

.v-popper__popper.v-popper__popper--hidden{
  visibility:hidden;
  opacity:0;
  transition:opacity .15s,visibility .15s;
  pointer-events:none
}

.v-popper__popper.v-popper__popper--shown{
  visibility:visible;
  opacity:1;
  transition:opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{
  transition:none!important
}

.v-popper__backdrop{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:none
}

.v-popper__inner{
  position:relative;
  box-sizing:border-box;
  overflow-y:auto
}

.v-popper__inner>div{
  position:relative;
  z-index:1;
  max-width:inherit;
  max-height:inherit
}

.v-popper__arrow-container{
  position:absolute;
  width:10px;
  height:10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{
  display:none
}

.v-popper__arrow-inner,.v-popper__arrow-outer{
  border-style:solid;
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0
}

.v-popper__arrow-inner{
  visibility:hidden;
  border-width:7px
}

.v-popper__arrow-outer{
  border-width:6px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
  left:-2px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  left:-1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{
  border-bottom-width:0;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{
  top:-2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{
  top:0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  border-top-width:0;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-top-color:transparent!important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
  top:-4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  top:-6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
  top:-2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  top:-1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  border-left-width:0;
  border-left-color:transparent!important;
  border-top-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
  left:-4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  left:-6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{
  right:-10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{
  border-right-width:0;
  border-top-color:transparent!important;
  border-right-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{
  left:-2px
}

.v-popper--theme-dropdown .v-popper__inner{
  background:#fff;
  color:#000;
  border-radius:6px;
  border:1px solid #ddd;
  box-shadow:0 6px 30px #0000001a
}

.v-popper--theme-dropdown .v-popper__arrow-inner{
  visibility:visible;
  border-color:#fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer{
  border-color:#ddd
}

.v-popper--theme-tooltip .v-popper__inner{
  background:rgba(0,0,0,.8);
  color:#fff;
  border-radius:6px;
  padding:7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer{
  border-color:#000c
}

.htw-range-input::-webkit-slider-thumb{
  height:.75rem;
  width:.75rem;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:#00000040;
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

:is(.htw-dark .htw-range-input)::-webkit-slider-thumb{
  border-color:#ffffff40;
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity))
}

.htw-range-input:hover::-webkit-slider-thumb{
  --tw-border-opacity: 1 !important;
  border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;
  --tw-bg-opacity: 1 !important;
  background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important
}

.htw-range-input::-moz-range-thumb{
  height:.75rem;
  width:.75rem;
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:#00000040;
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

:is(.htw-dark .htw-range-input)::-moz-range-thumb{
  border-color:#ffffff40;
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity))
}

.htw-range-input:hover::-moz-range-thumb{
  --tw-border-opacity: 1 !important;
  border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;
  --tw-bg-opacity: 1 !important;
  background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important
}

.v-popper{
  line-height:0
}

.htw-dark .v-popper--theme-dropdown .v-popper__inner{
  --tw-border-opacity: 1;
  border-color:rgb(31 31 33 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color:rgb(244 244 245 / var(--tw-text-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{
  --tw-border-opacity: 1;
  border-color:rgb(63 63 70 / var(--tw-border-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{
  --tw-border-opacity: 1;
  border-color:rgb(31 31 33 / var(--tw-border-opacity))
}

.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{
  transform:scale(.75)
}

.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{
  transform:none;
  transition:transform .15s cubic-bezier(0,1,.5,1)
}

.v-popper__popper:focus-visible{
  outline:none
}

.htw-bind-col-size{
  grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))
}

.__histoire-json-code[data-v-935458a7] .cm-editor{
  height:100%;
  min-width:280px
}

/* @TODO custom themes */

.v-popper {
  line-height: 0;
}

.htw-dark .v-popper--theme-dropdown .v-popper__inner{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-700) / var(--tw-border-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
}

.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper {
  transform: scale(.75);
}

.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper {
  transform: none;
  transition: transform .15s cubic-bezier(0, 1, .5, 1);
}

.v-popper__popper:focus-visible {
  outline: none;
}

.__histoire-scale-x-enter-active,
  .__histoire-scale-x-leave-active {
  transition: transform .15s, opacity .15s;
}

.__histoire-scale-x-enter-from,
  .__histoire-scale-x-leave-to {
  transform: scaleX(0);
  opacity: 0;
}

.__histoire-scale-y-enter-active,
  .__histoire-scale-y-leave-active {
  transition: transform .15s, opacity .15s;
}

.__histoire-scale-y-enter-from,
  .__histoire-scale-y-leave-to {
  transform: scaleY(0);
  opacity: 0;
}

.__histoire-fade-enter-active,
  .__histoire-fade-leave-active {
  transition: opacity .15s;
}

.__histoire-fade-enter-from,
  .__histoire-fade-leave-to {
  opacity: 0;
}

.__histoire-fade-bottom-enter-active,
  .__histoire-fade-bottom-leave-active {
  transition: transform .15s, opacity .15s;
  transform: translateY(0px);
}

.__histoire-fade-bottom-enter-from,
  .__histoire-fade-bottom-leave-to {
  transform: translateY(32px);
  opacity: 0;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

a,
input,
button {
  color: inherit;
}

a {
  text-decoration: inherit;
}

input, button {
  font-family: inherit;
}

a,
button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

body,
  pre {
  margin: 0;
}

html,
  body,
  #app {
  height: 100%;
}

html {
  font-family: 'Noto Sans Display', system-ui, sans-serif;
  font-size: 1rem;
}

body {
  font-size: 1.125rem;
}

@media (min-width: 640px) {
  body {
    font-size: .875rem;
  }
}

.__histoire-render-story:not(.__histoire-render-custom-controls) {
  overflow: auto;
  min-height: 100%;
}

.__histoire-code .shiki {
  background: transparent !important;
}

.htw-prose h1:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h2:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h3:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h4:not(:hover) .header-anchor[aria-hidden="true"] {
  visibility: hidden;
}

.htw-prose hr {
  margin: 1rem 0;
}

.__histoire-pane-shadow-from-right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0));
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: right;
}

.htw-dark .__histoire-pane-shadow-from-right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

.htw-prose{
  color:var(--tw-prose-body);
  max-width:65ch;
}

.htw-prose :where(p):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.htw-prose :where([class~="lead"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-lead);
  font-size:1.25em;
  line-height:1.6;
  margin-top:1.2em;
  margin-bottom:1.2em
}

.htw-prose :where(a):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:rgb(var(--_histoire-color-primary-500));
  text-decoration:none;
  font-weight:500;
}

.htw-prose :where(a):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)):hover{
  text-decoration:underline
}

.htw-prose :where(strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-bold);
  font-weight:600
}

.htw-prose :where(a strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(blockquote strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(thead th strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(ol):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:decimal;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-left:1.625em
}

.htw-prose :where(ol[type="A"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-alpha
}

.htw-prose :where(ol[type="a"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-alpha
}

.htw-prose :where(ol[type="A" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-alpha
}

.htw-prose :where(ol[type="a" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-alpha
}

.htw-prose :where(ol[type="I"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-roman
}

.htw-prose :where(ol[type="i"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-roman
}

.htw-prose :where(ol[type="I" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-roman
}

.htw-prose :where(ol[type="i" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-roman
}

.htw-prose :where(ol[type="1"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:decimal
}

.htw-prose :where(ul):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:disc;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-left:1.625em
}

.htw-prose :where(ol > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::marker{
  font-weight:400;
  color:var(--tw-prose-counters)
}

.htw-prose :where(ul > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::marker{
  color:var(--tw-prose-bullets)
}

.htw-prose :where(dt):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.25em
}

.htw-prose :where(hr):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-color:var(--tw-prose-hr);
  border-top-width:1px;
  margin-top:3em;
  margin-bottom:3em
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:500;
  font-style:italic;
  color:var(--tw-prose-quotes);
  border-left-width:0.25rem;
  border-left-color:var(--tw-prose-quote-borders);
  quotes:"\201C""\201D""\2018""\2019";
  margin-top:1.6em;
  margin-bottom:1.6em;
  padding-left:1em;
  margin-left:0;
  margin-right:0;
  background-color:rgb(var(--_histoire-color-gray-100));
  padding:.25rem .375rem;
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)) p:first-child{
  margin-top:0
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)) p:last-child{
  margin-bottom:0
}

.htw-dark .htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  background-color:rgb(var(--_histoire-color-gray-750))
}

.htw-prose :where(blockquote p:first-of-type):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before{
  content:open-quote
}

.htw-prose :where(blockquote p:last-of-type):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  content:close-quote
}

.htw-prose :where(h1):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:800;
  font-size:2.25em;
  margin-top:0;
  margin-bottom:0.8888889em;
  line-height:1.1111111
}

.htw-prose :where(h1 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:900;
  color:inherit
}

.htw-prose :where(h2):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:700;
  font-size:1.5em;
  margin-top:2em;
  margin-bottom:1em;
  line-height:1.3333333
}

.htw-prose :where(h2 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:800;
  color:inherit
}

.htw-prose :where(h3):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  font-size:1.25em;
  margin-top:1.6em;
  margin-bottom:0.6em;
  line-height:1.6
}

.htw-prose :where(h3 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:700;
  color:inherit
}

.htw-prose :where(h4):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.5em;
  margin-bottom:0.5em;
  line-height:1.5
}

.htw-prose :where(h4 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:700;
  color:inherit
}

.htw-prose :where(img):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(picture):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  display:block;
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(kbd):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:500;
  font-family:inherit;
  color:var(--tw-prose-kbd);
  box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size:0.875em;
  border-radius:0.3125rem;
  padding-top:0.1875em;
  padding-right:0.375em;
  padding-bottom:0.1875em;
  padding-left:0.375em
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-code);
  font-weight:normal;
  font-size:0.8rem;
  background-color:rgb(var(--_histoire-color-gray-500) / 20%);
  padding:0.05rem 0.5rem;
  border-radius:0.25rem;
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before, .htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  display:none
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before{
  content:"`"
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  content:"`"
}

.htw-prose :where(a code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(h1 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(h2 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit;
  font-size:0.875em
}

.htw-prose :where(h3 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit;
  font-size:0.9em
}

.htw-prose :where(h4 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(blockquote code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(thead th code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(pre):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-pre-code);
  background-color:var(--tw-prose-pre-bg);
  overflow-x:auto;
  font-weight:400;
  font-size:0.875em;
  line-height:1.7142857;
  margin-top:1.7142857em;
  margin-bottom:1.7142857em;
  border-radius:0.375rem;
  padding-top:0.8571429em;
  padding-right:1.1428571em;
  padding-bottom:0.8571429em;
  padding-left:1.1428571em
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  background-color:transparent;
  border-width:0;
  border-radius:0;
  padding:0;
  font-weight:inherit;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before{
  content:none
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  content:none
}

.htw-prose :where(table):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  width:100%;
  table-layout:auto;
  text-align:left;
  margin-top:2em;
  margin-bottom:2em;
  font-size:0.875em;
  line-height:1.7142857
}

.htw-prose :where(thead):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-th-borders)
}

.htw-prose :where(thead th):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  vertical-align:bottom;
  padding-right:0.5714286em;
  padding-bottom:0.5714286em;
  padding-left:0.5714286em
}

.htw-prose :where(tbody tr):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-td-borders)
}

.htw-prose :where(tbody tr:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-bottom-width:0
}

.htw-prose :where(tbody td):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  vertical-align:baseline
}

.htw-prose :where(tfoot):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-top-width:1px;
  border-top-color:var(--tw-prose-th-borders)
}

.htw-prose :where(tfoot td):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  vertical-align:top
}

.htw-prose :where(figure > *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0;
  margin-bottom:0
}

.htw-prose :where(figcaption):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-captions);
  font-size:0.875em;
  line-height:1.4285714;
  margin-top:0.8571429em
}

.htw-prose{
  --tw-prose-body:#374151;
  --tw-prose-headings:#111827;
  --tw-prose-lead:#4b5563;
  --tw-prose-links:#111827;
  --tw-prose-bold:#111827;
  --tw-prose-counters:#6b7280;
  --tw-prose-bullets:#d1d5db;
  --tw-prose-hr:#e5e7eb;
  --tw-prose-quotes:#111827;
  --tw-prose-quote-borders:#e5e7eb;
  --tw-prose-captions:#6b7280;
  --tw-prose-kbd:#111827;
  --tw-prose-kbd-shadows:17 24 39;
  --tw-prose-code:#111827;
  --tw-prose-pre-code:#e5e7eb;
  --tw-prose-pre-bg:#1f2937;
  --tw-prose-th-borders:#d1d5db;
  --tw-prose-td-borders:#e5e7eb;
  --tw-prose-invert-body:#d1d5db;
  --tw-prose-invert-headings:#fff;
  --tw-prose-invert-lead:#9ca3af;
  --tw-prose-invert-links:#fff;
  --tw-prose-invert-bold:#fff;
  --tw-prose-invert-counters:#9ca3af;
  --tw-prose-invert-bullets:rgb(var(--_histoire-color-gray-500));
  --tw-prose-invert-hr:rgb(var(--_histoire-color-gray-800));
  --tw-prose-invert-quotes:#f3f4f6;
  --tw-prose-invert-quote-borders:rgb(var(--_histoire-color-gray-800));
  --tw-prose-invert-captions:#9ca3af;
  --tw-prose-invert-kbd:#fff;
  --tw-prose-invert-kbd-shadows:255 255 255;
  --tw-prose-invert-code:#fff;
  --tw-prose-invert-pre-code:#d1d5db;
  --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders:#4b5563;
  --tw-prose-invert-td-borders:#374151;
  font-size:1rem;
  line-height:1.75
}

.htw-prose :where(picture > img):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0;
  margin-bottom:0
}

.htw-prose :where(video):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.1rem;
  margin-bottom:0.1rem
}

.htw-prose :where(ol > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-left:0.375em
}

.htw-prose :where(ul > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-left:0.375em
}

.htw-prose :where(.htw-prose > ul > li p):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.75em;
  margin-bottom:0.75em
}

.htw-prose :where(.htw-prose > ul > li > *:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em
}

.htw-prose :where(.htw-prose > ul > li > *:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:1.25em
}

.htw-prose :where(.htw-prose > ol > li > *:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em
}

.htw-prose :where(.htw-prose > ol > li > *:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:1.25em
}

.htw-prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.75em;
  margin-bottom:0.75em
}

.htw-prose :where(dl):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.htw-prose :where(dd):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.5em;
  padding-left:1.625em
}

.htw-prose :where(hr + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h2 + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h3 + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h4 + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(thead th:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-left:0
}

.htw-prose :where(thead th:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-right:0
}

.htw-prose :where(tbody td, tfoot td):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-top:0.5714286em;
  padding-right:0.5714286em;
  padding-bottom:0.5714286em;
  padding-left:0.5714286em
}

.htw-prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-left:0
}

.htw-prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-right:0
}

.htw-prose :where(figure):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(.htw-prose > :first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(.htw-prose > :last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:0
}

.htw-prose :where(h1, h2, h3, h4, th):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:0.75rem;
}

.htw-prose :where(h1, h2, h3, h4, th):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)):not(:first-child){
  margin-top:1.25rem
}

.htw-pointer-events-none{
  pointer-events:none
}

.htw-invisible{
  visibility:hidden
}

.htw-fixed{
  position:fixed
}

.htw-absolute{
  position:absolute
}

.htw-relative{
  position:relative
}

.htw-inset-0{
  inset:0px
}

.htw-bottom-0{
  bottom:0px
}

.htw-bottom-4{
  bottom:1rem
}

.htw-bottom-5{
  bottom:1.25rem
}

.htw-bottom-8{
  bottom:2rem
}

.htw-left-0{
  left:0px
}

.htw-left-5{
  left:1.25rem
}

.htw-left-8{
  left:2rem
}

.htw-right-0{
  right:0px
}

.htw-right-4{
  right:1rem
}

.htw-right-5{
  right:1.25rem
}

.htw-right-8{
  right:2rem
}

.htw-top-0{
  top:0px
}

.htw-top-5{
  top:1.25rem
}

.htw-top-8{
  top:2rem
}

.htw-isolate{
  isolation:isolate
}

.htw-z-10{
  z-index:10
}

.htw-z-20{
  z-index:20
}

.htw-m-0{
  margin:0px
}

.htw-m-1{
  margin:0.25rem
}

.htw-m-4{
  margin:1rem
}

.htw-m-auto{
  margin:auto
}

.-htw-my-1{
  margin-top:-0.25rem;
  margin-bottom:-0.25rem
}

.htw-mx-1{
  margin-left:0.25rem;
  margin-right:0.25rem
}

.htw-mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem
}

.htw-mx-4{
  margin-left:1rem;
  margin-right:1rem
}

.htw-mx-6{
  margin-left:1.5rem;
  margin-right:1.5rem
}

.htw-my-0{
  margin-top:0px;
  margin-bottom:0px
}

.htw-my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.htw-my-4{
  margin-top:1rem;
  margin-bottom:1rem
}

.htw-my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.-htw-mt-1{
  margin-top:-0.25rem
}

.htw-mb-2{
  margin-bottom:0.5rem
}

.htw-mb-6{
  margin-bottom:1.5rem
}

.htw-mb-8{
  margin-bottom:2rem
}

.htw-ml-4{
  margin-left:1rem
}

.htw-ml-auto{
  margin-left:auto
}

.htw-mr-2{
  margin-right:0.5rem
}

.htw-mr-auto{
  margin-right:auto
}

.htw-mt-0{
  margin-top:0px
}

.htw-mt-0\.5{
  margin-top:0.125rem
}

.htw-mt-1{
  margin-top:0.25rem
}

.htw-mt-2{
  margin-top:0.5rem
}

.htw-box-border{
  box-sizing:border-box
}

.htw-block{
  display:block
}

.htw-flex{
  display:flex
}

.htw-inline-flex{
  display:inline-flex
}

.htw-grid{
  display:grid
}

.\!htw-hidden{
  display:none !important
}

.htw-hidden{
  display:none
}

.htw-h-1{
  height:0.25rem
}

.htw-h-10{
  height:2.5rem
}

.htw-h-12{
  height:3rem
}

.htw-h-16{
  height:4rem
}

.htw-h-2{
  height:0.5rem
}

.htw-h-20{
  height:5rem
}

.htw-h-3{
  height:0.75rem
}

.htw-h-32{
  height:8rem
}

.htw-h-4{
  height:1rem
}

.htw-h-48{
  height:12rem
}

.htw-h-5{
  height:1.25rem
}

.htw-h-6{
  height:1.5rem
}

.htw-h-64{
  height:16rem
}

.htw-h-8{
  height:2rem
}

.htw-h-9{
  height:2.25rem
}

.htw-h-\[100px\]{
  height:100px
}

.htw-h-\[16px\]{
  height:16px
}

.htw-h-\[1px\]{
  height:1px
}

.htw-h-\[22px\]{
  height:22px
}

.htw-h-\[27px\]{
  height:27px
}

.htw-h-\[2px\]{
  height:2px
}

.htw-h-\[51px\]{
  height:51px
}

.htw-h-fit{
  height:-moz-fit-content;
  height:fit-content
}

.htw-h-full{
  height:100%
}

.htw-h-px{
  height:1px
}

.htw-h-screen{
  height:100vh
}

.htw-max-h-\[400px\]{
  max-height:400px
}

.htw-max-h-\[80vh\]{
  max-height:80vh
}

.htw-max-h-full{
  max-height:100%
}

.htw-min-h-32{
  min-height:8rem
}

.htw-min-h-\[26px\]{
  min-height:26px
}

.htw-w-0{
  width:0px
}

.htw-w-16{
  width:4rem
}

.htw-w-2{
  width:0.5rem
}

.htw-w-20{
  width:5rem
}

.htw-w-28{
  width:7rem
}

.htw-w-3{
  width:0.75rem
}

.htw-w-32{
  width:8rem
}

.htw-w-4{
  width:1rem
}

.htw-w-5{
  width:1.25rem
}

.htw-w-6{
  width:1.5rem
}

.htw-w-64{
  width:16rem
}

.htw-w-8{
  width:2rem
}

.htw-w-\[16px\]{
  width:16px
}

.htw-w-\[2px\]{
  width:2px
}

.htw-w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.htw-w-full{
  width:100%
}

.htw-w-max{
  width:-moz-max-content;
  width:max-content
}

.htw-w-px{
  width:1px
}

.htw-w-screen{
  width:100vw
}

.htw-min-w-0{
  min-width:0px
}

.htw-min-w-16{
  min-width:4rem
}

.htw-min-w-4{
  min-width:1rem
}

.htw-min-w-\[150px\]{
  min-width:150px
}

.htw-min-w-\[80px\]{
  min-width:80px
}

.htw-max-w-6{
  max-width:1.5rem
}

.htw-max-w-\[400px\]{
  max-width:400px
}

.htw-max-w-\[512px\]{
  max-width:512px
}

.htw-max-w-\[63px\]{
  max-width:63px
}

.htw-max-w-\[82px\]{
  max-width:82px
}

.htw-max-w-full{
  max-width:100%
}

.htw-max-w-none{
  max-width:none
}

.htw-flex-1{
  flex:1 1 0%
}

.htw-flex-none{
  flex:none
}

.htw-flex-shrink{
  flex-shrink:1
}

.htw-shrink{
  flex-shrink:1
}

.htw-shrink-0{
  flex-shrink:0
}

.htw-grow{
  flex-grow:1
}

.htw-rotate-90{
  --tw-rotate:90deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.htw-scale-0{
  --tw-scale-x:0;
  --tw-scale-y:0;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.htw-cursor-default{
  cursor:default
}

.htw-cursor-ew-resize{
  cursor:ew-resize
}

.htw-cursor-ns-resize{
  cursor:ns-resize
}

.htw-cursor-nwse-resize{
  cursor:nwse-resize
}

.htw-cursor-pointer{
  cursor:pointer
}

.htw-cursor-text{
  cursor:text
}

.htw-select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.htw-resize-none{
  resize:none
}

.htw-resize-y{
  resize:vertical
}

.htw-appearance-none{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none
}

.htw-grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\]{
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
}

.htw-flex-row{
  flex-direction:row
}

.htw-flex-col{
  flex-direction:column
}

.htw-flex-wrap{
  flex-wrap:wrap
}

.htw-flex-nowrap{
  flex-wrap:nowrap
}

.htw-place-content-between{
  place-content:space-between
}

.htw-items-start{
  align-items:flex-start
}

.htw-items-end{
  align-items:flex-end
}

.htw-items-center{
  align-items:center
}

.htw-items-baseline{
  align-items:baseline
}

.htw-items-stretch{
  align-items:stretch
}

.htw-justify-end{
  justify-content:flex-end
}

.htw-justify-center{
  justify-content:center
}

.htw-justify-evenly{
  justify-content:space-evenly
}

.htw-gap-0{
  gap:0px
}

.htw-gap-0\.5{
  gap:0.125rem
}

.htw-gap-1{
  gap:0.25rem
}

.htw-gap-12{
  gap:3rem
}

.htw-gap-2{
  gap:0.5rem
}

.htw-gap-4{
  gap:1rem
}

.htw-gap-6{
  gap:1.5rem
}

.htw-gap-px{
  gap:1px
}

.htw-gap-x-2{
  -moz-column-gap:0.5rem;
       column-gap:0.5rem
}

.htw-gap-y-1{
  row-gap:0.25rem
}

.htw-space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.htw-divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}

.htw-divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-divide-opacity))
}

.htw-divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-divide-opacity))
}

.htw-overflow-auto{
  overflow:auto
}

.htw-overflow-hidden{
  overflow:hidden
}

.htw-overflow-y-auto{
  overflow-y:auto
}

.htw-overflow-y-scroll{
  overflow-y:scroll
}

.htw-scroll-smooth{
  scroll-behavior:smooth
}

.htw-truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.htw-text-ellipsis{
  text-overflow:ellipsis
}

.htw-whitespace-nowrap{
  white-space:nowrap
}

.\!htw-rounded-\[3px\]{
  border-radius:3px !important
}

.htw-rounded{
  border-radius:0.375rem
}

.htw-rounded-full{
  border-radius:9999px
}

.htw-rounded-lg{
  border-radius:0.75rem
}

.htw-rounded-sm{
  border-radius:0.25rem
}

.htw-rounded-b-lg{
  border-bottom-right-radius:0.75rem;
  border-bottom-left-radius:0.75rem
}

.htw-rounded-l{
  border-top-left-radius:0.375rem;
  border-bottom-left-radius:0.375rem
}

.htw-rounded-r{
  border-top-right-radius:0.375rem;
  border-bottom-right-radius:0.375rem
}

.htw-rounded-r-lg{
  border-top-right-radius:0.75rem;
  border-bottom-right-radius:0.75rem
}

.htw-border{
  border-width:1px
}

.htw-border-0{
  border-width:0px
}

.htw-border-2{
  border-width:2px
}

.htw-border-8{
  border-width:8px
}

.htw-border-b{
  border-bottom-width:1px
}

.htw-border-l-2{
  border-left-width:2px
}

.htw-border-r{
  border-right-width:1px
}

.htw-border-t{
  border-top-width:1px
}

.htw-border-solid{
  border-style:solid
}

.htw-border-black\/20{
  border-color:rgb(0 0 0 / 0.2)
}

.htw-border-black\/25{
  border-color:rgb(0 0 0 / 0.25)
}

.htw-border-black\/50{
  border-color:rgb(0 0 0 / 0.5)
}

.htw-border-current{
  border-color:currentColor
}

.htw-border-gray-100{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-border-opacity))
}

.htw-border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-border-opacity))
}

.htw-border-gray-300\/30{
  border-color:rgb(var(--_histoire-color-gray-300) / 0.3)
}

.htw-border-gray-500\/10{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.htw-border-gray-500\/30{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.3)
}

.htw-border-gray-500\/40{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.4)
}

.htw-border-gray-500\/5{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.05)
}

.htw-border-gray-500\/50{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.5)
}

.htw-border-gray-600{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-600) / var(--tw-border-opacity))
}

.htw-border-gray-800{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-border-opacity))
}

.htw-border-gray-850{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
}

.htw-border-primary-200{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-200) / var(--tw-border-opacity))
}

.htw-border-primary-500{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.htw-border-primary-900{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-900) / var(--tw-border-opacity))
}

.htw-border-transparent{
  border-color:transparent
}

.\!htw-bg-primary-500{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--_histoire-color-primary-500) / var(--tw-bg-opacity)) !important
}

.htw-bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-100) / var(--tw-bg-opacity))
}

.htw-bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity))
}

.htw-bg-gray-400\/25{
  background-color:rgb(var(--_histoire-color-gray-400) / 0.25)
}

.htw-bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-50) / var(--tw-bg-opacity))
}

.htw-bg-gray-500\/10{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.htw-bg-gray-500\/50{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.5)
}

.htw-bg-gray-700{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity))
}

.htw-bg-gray-800{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity))
}

.htw-bg-primary-200{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-200) / var(--tw-bg-opacity))
}

.htw-bg-primary-50{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity))
}

.htw-bg-primary-500{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-500) / var(--tw-bg-opacity))
}

.htw-bg-primary-500\/10{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.1)
}

.htw-bg-primary-500\/20{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.2)
}

.htw-bg-primary-500\/25{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.25)
}

.htw-bg-primary-700{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

.htw-bg-primary-800{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))
}

.htw-bg-transparent{
  background-color:transparent
}

.htw-bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.htw-bg-white\/80{
  background-color:rgb(255 255 255 / 0.8)
}

.htw-fill-primary-500{
  fill:rgb(var(--_histoire-color-primary-500))
}

.htw-fill-transparent{
  fill:transparent
}

.htw-stroke-white{
  stroke:#fff
}

.htw-stroke-2{
  stroke-width:2
}

.htw-p-1{
  padding:0.25rem
}

.htw-p-2{
  padding:0.5rem
}

.htw-p-4{
  padding:1rem
}

.htw-p-8{
  padding:2rem
}

.htw-p-px{
  padding:1px
}

.htw-px-0{
  padding-left:0px;
  padding-right:0px
}

.htw-px-0\.5{
  padding-left:0.125rem;
  padding-right:0.125rem
}

.htw-px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.htw-px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.htw-px-4{
  padding-left:1rem;
  padding-right:1rem
}

.htw-px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.htw-py-0{
  padding-top:0px;
  padding-bottom:0px
}

.htw-py-0\.5{
  padding-top:0.125rem;
  padding-bottom:0.125rem
}

.htw-py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.htw-py-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.htw-py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.htw-py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.htw-py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.htw-pl-0{
  padding-left:0px
}

.htw-pl-0\.5{
  padding-left:0.125rem
}

.htw-pl-2{
  padding-left:0.5rem
}

.htw-pl-4{
  padding-left:1rem
}

.htw-pl-6{
  padding-left:1.5rem
}

.htw-pr-2{
  padding-right:0.5rem
}

.htw-pr-6{
  padding-right:1.5rem
}

.htw-pt-4{
  padding-top:1rem
}

.htw-text-left{
  text-align:left
}

.htw-text-center{
  text-align:center
}

.htw-font-mono{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.htw-text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.htw-text-5xl{
  font-size:3rem;
  line-height:1
}

.htw-text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.htw-text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

.htw-text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.htw-font-bold{
  font-weight:700
}

.htw-uppercase{
  text-transform:uppercase
}

.htw-leading-none{
  line-height:1
}

.htw-leading-normal{
  line-height:1.5
}

.htw-text-black\/\[1\%\]{
  color:rgb(0 0 0 / 1%)
}

.htw-text-gray-400{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-400) / var(--tw-text-opacity))
}

.htw-text-gray-500{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-500) / var(--tw-text-opacity))
}

.htw-text-gray-500\/20{
  color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

.htw-text-gray-700{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-700) / var(--tw-text-opacity))
}

.htw-text-gray-900{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-900) / var(--tw-text-opacity))
}

.htw-text-inherit{
  color:inherit
}

.htw-text-orange-500{
  --tw-text-opacity:1;
  color:rgb(249 115 22 / var(--tw-text-opacity))
}

.htw-text-primary-200{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-200) / var(--tw-text-opacity))
}

.htw-text-primary-400{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))
}

.htw-text-primary-500{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity))
}

.htw-text-primary-600{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-600) / var(--tw-text-opacity))
}

.htw-text-primary-800{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-800) / var(--tw-text-opacity))
}

.htw-text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity))
}

.htw-text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.htw-opacity-0{
  opacity:0
}

.htw-opacity-20{
  opacity:0.2
}

.htw-opacity-25{
  opacity:0.25
}

.htw-opacity-30{
  opacity:0.3
}

.htw-opacity-40{
  opacity:0.4
}

.htw-opacity-50{
  opacity:0.5
}

.htw-opacity-60{
  opacity:0.6
}

.htw-opacity-70{
  opacity:0.7
}

.htw-shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.htw-outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.htw-transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-border{
  transition-property:border;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-colors{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-none{
  transition-property:none
}

.htw-transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-delay-150{
  transition-delay:150ms
}

.htw-duration-150{
  transition-duration:150ms
}

.htw-duration-200{
  transition-duration:200ms
}

.htw-duration-300{
  transition-duration:300ms
}

.htw-ease-\[cubic-bezier\(0\,1\,\.6\,1\)\]{
  transition-timing-function:cubic-bezier(0,1,.6,1)
}

.htw-ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.htw-ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.htw-will-change-transform{
  will-change:transform
}

:is(.htw-dark .dark\:htw-prose-invert){
  --tw-prose-body:var(--tw-prose-invert-body);
  --tw-prose-headings:var(--tw-prose-invert-headings);
  --tw-prose-lead:var(--tw-prose-invert-lead);
  --tw-prose-links:var(--tw-prose-invert-links);
  --tw-prose-bold:var(--tw-prose-invert-bold);
  --tw-prose-counters:var(--tw-prose-invert-counters);
  --tw-prose-bullets:var(--tw-prose-invert-bullets);
  --tw-prose-hr:var(--tw-prose-invert-hr);
  --tw-prose-quotes:var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
  --tw-prose-captions:var(--tw-prose-invert-captions);
  --tw-prose-kbd:var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code:var(--tw-prose-invert-code);
  --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders:var(--tw-prose-invert-td-borders)
}

.first\:htw-mt-0:first-child{
  margin-top:0px
}

.last\:htw-mb-0:last-child{
  margin-bottom:0px
}

.focus-within\:htw-border-primary-500:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.focus-within\:htw-bg-gray-500\/5:focus-within{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.05)
}

.hover\:htw-border-primary-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.hover\:htw-bg-gray-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity))
}

.hover\:htw-bg-gray-500\/10:hover{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.hover\:htw-bg-gray-500\/20:hover{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

.hover\:htw-bg-gray-500\/30:hover{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.3)
}

.hover\:htw-bg-primary-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-200) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-300) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-500\/10:hover{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.1)
}

.hover\:htw-bg-primary-500\/30:hover{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.3)
}

.hover\:htw-bg-primary-500\/50:hover{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.5)
}

.hover\:htw-bg-primary-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity))
}

.hover\:htw-text-primary-500:hover{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity))
}

.hover\:htw-opacity-100:hover{
  opacity:1
}

.focus\:htw-border-primary-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.focus\:htw-border-primary-500\/50:focus{
  border-color:rgb(var(--_histoire-color-primary-500) / 0.5)
}

.focus\:htw-opacity-100:focus{
  opacity:1
}

.focus-visible\:htw-border-primary-500:focus-visible{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.active\:htw-bg-gray-600\/50:active{
  background-color:rgb(var(--_histoire-color-gray-600) / 0.5)
}

.htw-group:first-child .group-first\:htw-hidden{
  display:none
}

.htw-group:nth-child(odd) .group-odd\:htw-bg-gray-100\/50{
  background-color:rgb(var(--_histoire-color-gray-100) / 0.5)
}

.htw-group:focus-within .group-focus-within\:htw-visible{
  visibility:visible
}

.htw-group:hover .group-hover\:htw-flex{
  display:flex
}

.htw-group:hover .group-hover\:htw-border-primary-500{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.htw-group:hover .group-hover\:htw-bg-primary-100{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity))
}

.htw-group:hover .group-hover\:htw-opacity-100{
  opacity:1
}

.htw-group:hover .group-hover\:htw-opacity-90{
  opacity:0.9
}

.htw-group:active .group-active\:htw-bg-gray-500\/20{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

:is(.htw-dark .dark\:htw-divide-gray-750) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-divide-opacity))
}

:is(.htw-dark .dark\:htw-divide-gray-800) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-divide-opacity))
}

:is(.htw-dark .dark\:htw-divide-gray-850) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-divide-opacity))
}

:is(.htw-dark .dark\:htw-border-gray-700\/30){
  border-color:rgb(var(--_histoire-color-gray-700) / 0.3)
}

:is(.htw-dark .dark\:htw-border-gray-750){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:htw-border-gray-800){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:htw-border-gray-850){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:htw-border-primary-900){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-900) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:htw-border-white\/20){
  border-color:rgb(255 255 255 / 0.2)
}

:is(.htw-dark .dark\:htw-border-white\/25){
  border-color:rgb(255 255 255 / 0.25)
}

:is(.htw-dark .dark\:htw-border-white\/50){
  border-color:rgb(255 255 255 / 0.5)
}

:is(.htw-dark .dark\:htw-bg-black){
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-gray-600){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-600) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-gray-700){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-gray-750){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-750) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-gray-900){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-900) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-gray-900\/80){
  background-color:rgb(var(--_histoire-color-gray-900) / 0.8)
}

:is(.htw-dark .dark\:htw-bg-primary-400){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-400) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-primary-600){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-primary-700){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-primary-800){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-text-black){
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:htw-text-gray-100){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:htw-text-gray-300){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-300) / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:htw-text-primary-200){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-200) / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:htw-text-primary-400){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:htw-text-white\/\[1\%\]){
  color:rgb(255 255 255 / 1%)
}

:is(.htw-dark .dark\:focus-within\:htw-border-primary-500:focus-within){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:hover\:htw-border-primary-500:hover){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:hover\:htw-bg-gray-800:hover){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:hover\:htw-bg-primary-700:hover){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:hover\:htw-bg-primary-800:hover){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:hover\:htw-bg-primary-900:hover){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-900) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:hover\:htw-text-primary-400:hover){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:focus\:htw-border-primary-500:focus){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

:is(.htw-dark .htw-group:nth-child(odd) .dark\:group-odd\:htw-bg-gray-750\/40){
  background-color:rgb(var(--_histoire-color-gray-750) / 0.4)
}

.htw-group:hover :is(.htw-dark .group-hover\:dark\:htw-border-primary-500){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

:is(.htw-dark .htw-group:hover .dark\:group-hover\:htw-bg-primary-700){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

@media (min-width: 640px){
  .sm\:htw-h-4{
    height:1rem
  }

  .sm\:htw-w-4{
    width:1rem
  }

  .sm\:htw-p-1{
    padding:0.25rem
  }

  .sm\:htw-py-4{
    padding-top:1rem;
    padding-bottom:1rem
  }
}

@media (min-width: 768px){
  .md\:htw-mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .md\:htw-mt-16{
    margin-top:4rem
  }

  .md\:htw-block{
    display:block
  }

  .md\:htw-max-w-\[600px\]{
    max-width:600px
  }

  .md\:htw-flex-col{
    flex-direction:column
  }

  .md\:htw-p-12{
    padding:3rem
  }

  .md\:htw-py-1{
    padding-top:0.25rem;
    padding-bottom:0.25rem
  }

  .md\:htw-py-1\.5{
    padding-top:0.375rem;
    padding-bottom:0.375rem
  }
}

@media (min-width: 1024px){
  .lg\:htw-max-w-\[800px\]{
    max-width:800px
  }
}

@media (min-width: 1280px){
  .xl\:htw-max-w-\[900px\]{
    max-width:900px
  }
}

@media (max-width: 767px){
  .\!md\:htw-flex-col{
    flex-direction:column
  }
}

.histoire-story-list-folder-button:hover .\[\.histoire-story-list-folder-button\:hover_\&\]\:htw-opacity-100{
  opacity:1
}

.landscape > div > .dragger[data-v-4f40a1bb] {
  width: .625rem;
}
.portrait > div > .dragger[data-v-4f40a1bb] {
  height: .625rem;
}
.landscape > div > .dragger.dragger-offset-before[data-v-4f40a1bb] {
  right: 0;
}
.portrait > div > .dragger.dragger-offset-before[data-v-4f40a1bb] {
  bottom: 0;
}
.landscape > div > .dragger.dragger-offset-center[data-v-4f40a1bb] {
  right: -.3125rem;
}
.portrait > div > .dragger.dragger-offset-center[data-v-4f40a1bb] {
  bottom: -.3125rem;
}
.landscape > div > .dragger.dragger-offset-after[data-v-4f40a1bb] {
  right: -.625rem;
}
.portrait > div > .dragger.dragger-offset-after[data-v-4f40a1bb] {
  bottom: -.625rem;
}

.bind-icon-color[data-v-b8625753] {
  color: var(--6509026e);
}

.htw-base-empty[data-v-c5ecfead]:not(.no-animation) {
  animation: htw-base-empty-c5ecfead .15s .2s both;
}
@keyframes htw-base-empty-c5ecfead {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}

.bind-icon-color[data-v-a5a2e343] {
  color: var(--597bf4c4);
}

.bind-tree-padding[data-v-cace6303] {
  padding-left: var(--1ee776cd);
}

.bind-tree-margin[data-v-c9b616b5] {
  margin-left: var(--c4f9d186);
}
.bind-icon-color[data-v-c9b616b5] {
  color: var(--7270060e);
}

.bind-icon-color[data-v-abf83c04] {
  color: var(--02b8e3da);
}

.bind-icon-color[data-v-f8e09a03] {
  color: var(--2762f67a);
}

.__histoire-code-placeholder[data-v-f7d2e46a] {
  color: inherit;
  font-size: inherit;
}

.bind-icon-color[data-v-d75a2748] {
  color: var(--ddaae392);
}

.bind-preview-bg[data-v-c48fb2b2] {
  background-color: var(--627bec82);
  color: var(--35068428);
}

.bind-icon-color[data-v-d3ab4dd6] {
  color: var(--bd0f30ce);
}
.bind-preview-bg[data-v-d3ab4dd6] {
  background-color: var(--8da98e9c);
}

img.colorize-black[data-v-2114f510] {
  filter: grayscale(100) brightness(0);
}

.bind-preview-bg[data-v-9bc3d486] {
  background-color: var(--321f9a07);
}

.__histoire-hatched-pattern[data-v-91561117] {
  background: repeating-linear-gradient(135deg,
  transparent 0px,
  transparent 32px,
  currentColor 32px,
  currentColor 64px);
}
*, ::before, ::after {--_histoire-color-primary-50: 236 253 245;--_histoire-color-primary-100: 209 250 229;--_histoire-color-primary-200: 167 243 208;--_histoire-color-primary-300: 110 231 183;--_histoire-color-primary-400: 52 211 153;--_histoire-color-primary-500: 16 185 129;--_histoire-color-primary-600: 5 150 105;--_histoire-color-primary-700: 4 120 87;--_histoire-color-primary-800: 6 95 70;--_histoire-color-primary-900: 6 78 59;--_histoire-color-gray-50: 250 250 250;--_histoire-color-gray-100: 244 244 245;--_histoire-color-gray-200: 228 228 231;--_histoire-color-gray-300: 212 212 216;--_histoire-color-gray-400: 161 161 170;--_histoire-color-gray-500: 113 113 122;--_histoire-color-gray-600: 82 82 91;--_histoire-color-gray-700: 63 63 70;--_histoire-color-gray-750: 50 50 56;--_histoire-color-gray-800: 39 39 42;--_histoire-color-gray-850: 31 31 33;--_histoire-color-gray-900: 24 24 27;--_histoire-color-gray-950: 16 16 18;}.htw-range-input::-webkit-slider-thumb{height:.75rem;width:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}:is(.htw-dark .htw-range-input)::-webkit-slider-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-webkit-slider-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.htw-range-input::-moz-range-thumb{height:.75rem;width:.75rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}:is(.htw-dark .htw-range-input)::-moz-range-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-moz-range-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.v-popper{line-height:0}.htw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.v-popper__popper:focus-visible{outline:none}.htw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))}.__histoire-json-code[data-v-935458a7] .cm-editor{height:100%;min-width:280px}html,
body {
  background: transparent !important;
}body {
  margin: 0;
}html {
  font-size: 1rem;
  font-family: 'Noto Sans Display', system-ui, sans-serif;
}.htw-sandbox-hidden {
  display: none;
}.__histoire-render-story:not(.__histoire-render-custom-controls) {
  overflow: auto;
  min-height: 100%;
}

.pc-accordion[data-v-8aecb5f8] { display: block;
}
.pc-accordion--bordered[data-v-8aecb5f8] {
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  background: var(--paper);
  overflow: hidden;
}
.pc-accordion__item + .pc-accordion__item[data-v-8aecb5f8] { border-top: 1px solid var(--ink-08);
}
.pc-accordion--flush .pc-accordion__item + .pc-accordion__item[data-v-8aecb5f8] { border-top: 1px solid var(--ink-08);
}
.pc-accordion__header[data-v-8aecb5f8] { margin: 0;
}
.pc-accordion__trigger[data-v-8aecb5f8] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: transparent;
  border: 0;
  outline: none;
  text-align: left;
  font-family: var(--display);
  color: var(--ink);
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease;
}
.pc-accordion__trigger[data-v-8aecb5f8]:hover:not([data-disabled]) { background: var(--ink-04);
}
.pc-accordion__trigger[data-v-8aecb5f8]:focus-visible { box-shadow: inset var(--focus-ring);
}
.pc-accordion__trigger[data-disabled][data-v-8aecb5f8] { color: var(--ink-40); cursor: not-allowed;
}
.pc-accordion__head-text[data-v-8aecb5f8] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.pc-accordion__eyebrow[data-v-8aecb5f8] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-accordion__label[data-v-8aecb5f8] {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 1.3;
}
.pc-accordion__chevron[data-v-8aecb5f8] {
  width: 24px; height: 24px;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--ink-60);
  flex-shrink: 0;
  transition: rotate 200ms ease;
}
.pc-accordion__trigger[data-state="open"] .pc-accordion__chevron[data-v-8aecb5f8] { rotate: 180deg; color: var(--ink);
}
.pc-accordion__content[data-v-8aecb5f8] {
  overflow: hidden;
}
.pc-accordion__content[data-state="open"][data-v-8aecb5f8] { animation: pc-accordion-down-8aecb5f8 220ms ease-out;
}
.pc-accordion__content[data-state="closed"][data-v-8aecb5f8] { animation: pc-accordion-up-8aecb5f8 180ms ease-out;
}
@keyframes pc-accordion-down-8aecb5f8 {
from { height: 0;
}
to { height: var(--reka-accordion-content-height);
}
}
@keyframes pc-accordion-up-8aecb5f8 {
from { height: var(--reka-accordion-content-height);
}
to { height: 0;
}
}
.pc-accordion__body[data-v-8aecb5f8] {
  padding: 0 18px 18px;
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 1.55;
  color: var(--ink);
}

/* flush variant - no outer border/bg, dividers only */
.pc-accordion--flush[data-v-8aecb5f8] {
  border-top: 1px solid var(--ink-08);
  border-bottom: 1px solid var(--ink-08);
}
.pc-accordion--flush .pc-accordion__trigger[data-v-8aecb5f8] { padding: 14px 0;
}
.pc-accordion--flush .pc-accordion__trigger[data-v-8aecb5f8]:hover { background: transparent; color: var(--ink);
}
.pc-accordion--flush .pc-accordion__body[data-v-8aecb5f8] { padding: 0 0 18px;
}

.pc-card[data-v-c6c3362a] {
  background: var(--paper);
  border: 1px solid var(--ink-08);
}
.pc-card--sharp[data-v-c6c3362a] { border-radius: var(--radius-sharp);
}
.pc-card--comfy[data-v-c6c3362a] { border-radius: var(--radius-comfy);
}
.pc-card--padded[data-v-c6c3362a] { padding: 24px;
}
.pc-card--elevated[data-v-c6c3362a] { box-shadow: var(--shadow-soft);
}
.pc-card--dark[data-v-c6c3362a] {
  background: var(--midnight);
  color: var(--paper-on-dark);
  border-color: var(--paper-on-dark-12);
}
.pc-card--interactive[data-v-c6c3362a] { cursor: pointer; transition: box-shadow 200ms ease, transform 200ms ease, border-color 200ms ease;
}
.pc-card--interactive[data-v-c6c3362a]:hover { box-shadow: var(--shadow-lift); border-color: var(--ink-20); transform: translateY(-1px);
}
.pc-card--interactive[data-v-c6c3362a]:active { transform: translateY(0); box-shadow: var(--shadow-medium);
}
.pc-card--dark.pc-card--interactive[data-v-c6c3362a]:hover { border-color: var(--paper-on-dark-40);
}

.pc-heatmap[data-v-13f02d8d] {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
}
.pc-heatmap__label[data-v-13f02d8d] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  margin-bottom: 2px;
}

/* month strip - labels absolutely placed over the columns */
.pc-heatmap__months[data-v-13f02d8d] {
  position: relative;
  height: 13px;
  margin-left: calc(28px);
}
.pc-heatmap__month[data-v-13f02d8d] {
  position: absolute;
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-40);
  white-space: nowrap;
}
.pc-heatmap__body[data-v-13f02d8d] { display: flex; gap: 6px;
}
.pc-heatmap__weekdays[data-v-13f02d8d] {
  width: 22px;
  display: flex;
  flex-direction: column;
  gap: var(--pc-hm-gap);
}
.pc-heatmap__weekday[data-v-13f02d8d] {
  height: var(--pc-hm-cell);
  display: flex;
  align-items: center;
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-40);
  line-height: 1;
}
.pc-heatmap__grid[data-v-13f02d8d] { display: flex; gap: var(--pc-hm-gap);
}
.pc-heatmap__col[data-v-13f02d8d] { display: flex; flex-direction: column; gap: var(--pc-hm-gap);
}
.pc-heatmap__cell[data-v-13f02d8d] {
  width: var(--pc-hm-cell);
  height: var(--pc-hm-cell);
  border-radius: 2px;
  background: var(--ink-04);
  transition: box-shadow 120ms ease;
}
.pc-heatmap__cell--empty[data-v-13f02d8d] { background: transparent;
}
.pc-heatmap__cell--l0[data-v-13f02d8d] { background: var(--ink-04);
}
.pc-heatmap__cell--l1[data-v-13f02d8d] { background: color-mix(in srgb, var(--lavender) 32%, var(--paper));
}
.pc-heatmap__cell--l2[data-v-13f02d8d] { background: color-mix(in srgb, var(--lavender) 58%, var(--paper));
}
.pc-heatmap__cell--l3[data-v-13f02d8d] { background: color-mix(in srgb, var(--lavender) 86%, var(--paper));
}
.pc-heatmap__cell--l4[data-v-13f02d8d] { background: color-mix(in srgb, var(--lavender) 78%, var(--midnight));
}
.pc-heatmap--tooltip .pc-heatmap__grid .pc-heatmap__cell[data-v-13f02d8d]:not(.pc-heatmap__cell--empty):hover {
  box-shadow: inset 0 0 0 1.5px var(--ink-20);
}
.pc-heatmap__legend[data-v-13f02d8d] {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 2px;
  margin-left: 28px;
}
.pc-heatmap__legend .pc-heatmap__cell[data-v-13f02d8d] { transition: none;
}
.pc-heatmap__legend-text[data-v-13f02d8d] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-40);
  padding: 0 4px;
}

/* shared hover tooltip */
.pc-heatmap__tip[data-v-13f02d8d] {
  position: absolute;
  z-index: 9000;
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--midnight);
  color: var(--paper-on-dark);
  padding: 5px 9px;
  border-radius: var(--radius-sharp);
  box-shadow: var(--shadow-soft);
  pointer-events: none;
  white-space: nowrap;
  transition: opacity 90ms ease;
}
.pc-heatmap__tip-value[data-v-13f02d8d] {
  font-family: var(--display);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.12px;
}
.pc-heatmap__tip-date[data-v-13f02d8d] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 9px;
  color: var(--paper-on-dark-60);
}

.pc-avatar[data-v-69299821] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  font-family: var(--display);
  font-weight: 500;
  letter-spacing: -0.5px;
  user-select: none;
  line-height: 1;
  box-sizing: border-box;
}
.pc-avatar__img[data-v-69299821] { width: 100%; height: 100%; object-fit: cover; display: block;
}
.pc-avatar__initials[data-v-69299821] { font-variant-numeric: tabular-nums;
}

/* interactive: a real button that pushes down on press like Button */
.pc-avatar--interactive[data-v-69299821] {
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
  transition: box-shadow 140ms ease, transform 60ms ease;
}
.pc-avatar--interactive[data-v-69299821]:hover { box-shadow: 0 0 0 3px var(--ink-08);
}
.pc-avatar--interactive[data-v-69299821]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-avatar--interactive[data-v-69299821]:active { transform: translateY(1.5px);
}
/* the invert tone already carries an inset border ring - keep it on hover/focus */
.pc-avatar--interactive.pc-avatar--invert[data-v-69299821]:hover { box-shadow: inset 0 0 0 1px var(--ink-20), 0 0 0 3px var(--ink-08);
}
.pc-avatar--interactive.pc-avatar--invert[data-v-69299821]:focus-visible { box-shadow: inset 0 0 0 1px var(--ink-08), var(--focus-ring);
}
@media (prefers-reduced-motion: reduce) {
.pc-avatar--interactive[data-v-69299821] { transition: box-shadow 140ms ease;
}
}

/* sizes */
.pc-avatar--xs[data-v-69299821] { width: 20px; height: 20px; font-size: 9px;  letter-spacing: -0.2px;
}
.pc-avatar--sm[data-v-69299821] { width: 24px; height: 24px; font-size: 10px; letter-spacing: -0.2px;
}
.pc-avatar--md[data-v-69299821] { width: 32px; height: 32px; font-size: 12px; letter-spacing: -0.3px;
}
.pc-avatar--lg[data-v-69299821] { width: 44px; height: 44px; font-size: 16px; letter-spacing: -0.4px;
}
.pc-avatar--xl[data-v-69299821] { width: 64px; height: 64px; font-size: 22px; letter-spacing: -0.6px;
}

/* shapes - sharp 4px square or full circle per design spec */
.pc-avatar--circle[data-v-69299821] { border-radius: 999px;
}
.pc-avatar--square[data-v-69299821] { border-radius: var(--radius-sharp);
}

/* tones - solid surfaces, no gradients */
.pc-avatar--dark[data-v-69299821] {
  background: var(--midnight);
  color: var(--paper-on-dark);
}
.pc-avatar--neutral[data-v-69299821] {
  background: var(--ink-04);
  color: var(--ink);
}
.pc-avatar--invert[data-v-69299821] {
  background: var(--paper);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--ink-08);
}
.pc-avatar--lavender[data-v-69299821] {
  background: var(--lavender);
  color: var(--midnight);
}

.pc-btn[data-v-3c9d0845] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  min-height: var(--control-h);
  border-radius: var(--radius-sharp);
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  font-weight: 500;
  border: 1px solid transparent;
  transition: background 140ms ease, color 140ms ease, border-color 140ms ease,
              opacity 140ms ease, box-shadow 140ms ease, transform 60ms ease,
              width 240ms cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
  line-height: 1.2;
  outline: none;
  user-select: none;
  overflow: hidden;
}
.pc-btn[data-v-3c9d0845]:disabled { opacity: 0.5; cursor: not-allowed;
}
.pc-btn--loading[data-v-3c9d0845]:disabled { opacity: 1; cursor: progress;
}
.pc-btn[data-v-3c9d0845]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-btn[data-v-3c9d0845]:active:not(:disabled) { transform: translateY(1.5px);
}

/* icon-only: a perfect square, width matched to each size's height */
.pc-btn--icon[data-v-3c9d0845] { width: var(--control-h); padding: 0;
}
.pc-btn--icon.pc-btn--sm[data-v-3c9d0845] { width: var(--control-h-sm);
}
.pc-btn--icon.pc-btn--lg[data-v-3c9d0845] { width: var(--control-h-lg);
}
.pc-btn--primary[data-v-3c9d0845] { background: var(--midnight); color: var(--paper-on-dark);
}
.pc-btn--primary[data-v-3c9d0845]:hover:not(:disabled) { background: var(--midnight-hover);
}
.pc-btn--primary[data-v-3c9d0845]:active:not(:disabled) { background: var(--midnight-active);
}
.pc-btn--primary[data-v-3c9d0845]:focus-visible { box-shadow: var(--focus-ring);
}

/* outline - transparent with a visible border, the in-between weight */
.pc-btn--outline[data-v-3c9d0845] { background: transparent; color: var(--ink); border-color: var(--ink-08);
}
.pc-btn--outline[data-v-3c9d0845]:hover:not(:disabled) { background: var(--ink-04); border-color: var(--ink-20);
}
.pc-btn--outline[data-v-3c9d0845]:active:not(:disabled) { background: var(--ink-08);
}

/* ghost - truly chrome-less, no border, only a faint hover fill */
.pc-btn--ghost[data-v-3c9d0845] { background: transparent; color: var(--ink-60); border-color: transparent;
}
.pc-btn--ghost[data-v-3c9d0845]:hover:not(:disabled) { background: var(--ink-04); color: var(--ink);
}
.pc-btn--ghost[data-v-3c9d0845]:active:not(:disabled) { background: var(--ink-08);
}
.pc-btn--subtle[data-v-3c9d0845] { background: var(--ink-04); color: var(--ink);
}
.pc-btn--subtle[data-v-3c9d0845]:hover:not(:disabled) { background: var(--ink-08);
}
.pc-btn--subtle[data-v-3c9d0845]:active:not(:disabled) { background: rgba(0, 0, 0, 0.12);
}
.pc-btn--glass[data-v-3c9d0845] {
  background: var(--paper-on-dark-12);
  color: var(--paper-on-dark);
  border-color: var(--paper-on-dark-12);
}
.pc-btn--glass[data-v-3c9d0845]:hover:not(:disabled) { background: rgba(255, 255, 255, 0.20); border-color: rgba(255, 255, 255, 0.24);
}
.pc-btn--glass[data-v-3c9d0845]:active:not(:disabled) { background: rgba(255, 255, 255, 0.28);
}
.pc-btn--glass[data-v-3c9d0845]:focus-visible { box-shadow: var(--focus-ring-on-dark);
}

/* danger - subtle tinted fill, no border, for destructive / rejecting actions */
.pc-btn--danger[data-v-3c9d0845] {
  background: rgba(179, 38, 30, 0.06);
  color: var(--status-failed);
  border-color: transparent;
}
.pc-btn--danger[data-v-3c9d0845]:hover:not(:disabled) { background: rgba(179, 38, 30, 0.12);
}
.pc-btn--danger[data-v-3c9d0845]:active:not(:disabled) { background: rgba(179, 38, 30, 0.18);
}
.pc-btn--danger[data-v-3c9d0845]:focus-visible { box-shadow: var(--focus-ring-danger);
}
.pc-btn--sm[data-v-3c9d0845] { padding: 0 10px; min-height: var(--control-h-sm); font-size: 13px;
}
.pc-btn--lg[data-v-3c9d0845] { padding: 0 18px; min-height: var(--control-h-lg); font-size: 15px;
}
.pc-btn__label[data-v-3c9d0845] { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
}

/* icon */
.pc-btn__icon[data-v-3c9d0845] { font-size: 16px; flex-shrink: 0;
}
.pc-btn--sm .pc-btn__icon[data-v-3c9d0845] { font-size: 15px;
}
.pc-btn--lg .pc-btn__icon[data-v-3c9d0845] { font-size: 18px;
}

/* trailing mono hint chip, e.g. "+ Notes" */
.pc-btn__hint[data-v-3c9d0845] {
  font-family: var(--mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: var(--badge-radius);
  background: var(--ink-04);
  color: var(--ink-60);
  flex-shrink: 0;
}
.pc-btn--primary .pc-btn__hint[data-v-3c9d0845],
.pc-btn--glass .pc-btn__hint[data-v-3c9d0845] {
  background: rgba(255, 255, 255, 0.16);
  color: var(--paper-on-dark-60);
}

/* spinner lives in a collapsible wrapper. margin-left -8px cancels the button's
   flex gap while collapsed. width/margin snap instantly - the button's own JS
   width animation is the single source of the resize. only opacity is transitioned. */
.pc-btn__spinner-wrap[data-v-3c9d0845] {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  width: 0;
  margin-left: -8px;
  opacity: 0;
  transition: opacity 160ms ease;
}
.pc-btn__spinner-wrap--on[data-v-3c9d0845] {
  width: 12px;
  margin-left: 0;
  opacity: 1;
}
.pc-btn__spinner[data-v-3c9d0845] {
  width: 12px; height: 12px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  opacity: 0.8;
  flex-shrink: 0;
}
.pc-btn__spinner-wrap--on .pc-btn__spinner[data-v-3c9d0845],
.pc-btn__spinner--solo[data-v-3c9d0845] {
  animation: pc-btn-spin-3c9d0845 700ms linear infinite;
}
@keyframes pc-btn-spin-3c9d0845 {
to { transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.pc-btn[data-v-3c9d0845] { transition: background 140ms ease, color 140ms ease, border-color 140ms ease,
                        opacity 140ms ease, box-shadow 140ms ease;
}
.pc-btn__spinner-wrap[data-v-3c9d0845] { transition: opacity 120ms ease;
}
}

.pc-tooltip-trigger[data-v-0a91062a] {
  display: inline-flex;
  width: max-content;
  justify-self: start;
  align-self: start;
}
.pc-tooltip[data-v-0a91062a] {
  position: absolute;
  z-index: 9000;
  background: var(--midnight);
  color: var(--paper-on-dark);
  font-size: 12px;
  padding: 4px 8px;
  border-radius: var(--radius-sharp);
  pointer-events: none;
  white-space: nowrap;
  letter-spacing: -0.12px;
  font-family: var(--display);
  box-shadow: var(--shadow-soft);
  opacity: 0;
  visibility: hidden;
}
.pc-tooltip--ready[data-v-0a91062a] {
  visibility: visible;
  animation: pc-tooltip-in-0a91062a 120ms ease-out forwards;
}
/* exit - distinct keyframe so the leave animation actually restarts */
.pc-tooltip-leave-active.pc-tooltip--ready[data-v-0a91062a] {
  animation: pc-tooltip-out-0a91062a 100ms ease-in forwards;
}
@keyframes pc-tooltip-in-0a91062a {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes pc-tooltip-out-0a91062a {
from { opacity: 1;
}
to { opacity: 0;
}
}
.pc-tooltip__arrow[data-v-0a91062a] {
  position: absolute;
  width: 8px; height: 8px;
  background: var(--midnight);
  rotate: 45deg;
}

.pc-annotator[data-v-b2248257] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--display);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: -0.15px;
  color: var(--ink);
}

/* highlight */
.pc-annotator__mark[data-v-b2248257] {
  background: color-mix(in srgb, var(--lavender) 32%, var(--paper));
  border-bottom: 2px solid color-mix(in srgb, var(--lavender) 70%, var(--midnight));
  border-radius: 2px 2px 0 0;
  padding: 1px 1px 0;
  cursor: pointer;
  outline: none;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background 120ms ease;
}
.pc-annotator__mark[data-v-b2248257]:hover { background: color-mix(in srgb, var(--lavender) 48%, var(--paper));
}
.pc-annotator__mark--active[data-v-b2248257] { background: color-mix(in srgb, var(--lavender) 58%, var(--paper));
}
.pc-annotator__mark[data-v-b2248257]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-annotator__mark--resolved[data-v-b2248257] {
  background: var(--ink-04);
  border-bottom-color: var(--ink-20);
}
.pc-annotator__mark--resolved.pc-annotator__mark--active[data-v-b2248257] {
  background: var(--ink-08);
}

/* floating surfaces - positioned by floating-ui, animated in and out.
   the animation uses `translate` so it never clobbers floating-ui's transform */
.pc-annotator__pop[data-v-b2248257] {
  position: absolute;
  z-index: 9000;
  opacity: 0;
  visibility: hidden;
}
.pc-annotator__pop--ready[data-v-b2248257] {
  visibility: visible;
  animation: pc-anno-in-b2248257 140ms ease-out forwards;
}
.pc-anno-pop-leave-active.pc-annotator__pop--ready[data-v-b2248257] {
  animation: pc-anno-out-b2248257 120ms ease-in forwards;
}
@keyframes pc-anno-in-b2248257 {
from { opacity: 0; translate: 0 -5px;
}
to { opacity: 1; translate: 0 0;
}
}
@keyframes pc-anno-out-b2248257 {
from { opacity: 1; translate: 0 0;
}
to { opacity: 0; translate: 0 -5px;
}
}

/* create - the Comment button / composer above a selection */
.pc-annotator__composer[data-v-b2248257] {
  width: 288px;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-medium);
  padding: 12px;
}

/* thread popover */
.pc-annotator__thread[data-v-b2248257] {
  width: 320px;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-medium);
}
.pc-annotator__thread-head[data-v-b2248257] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 10px 10px 16px;
  border-bottom: 1px solid var(--ink-08);
}
.pc-annotator__thread-title[data-v-b2248257] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-annotator__thread-actions[data-v-b2248257] { display: flex; gap: 6px;
}
.pc-annotator__resolved[data-v-b2248257] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--status-active-bg);
  color: var(--status-active);
  font-size: 12px;
  font-weight: 500;
}
.pc-annotator__comments[data-v-b2248257] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  max-height: 260px;
  overflow-y: auto;
}
.pc-annotator__comment[data-v-b2248257] { display: flex; gap: 10px;
}
.pc-annotator__comment-main[data-v-b2248257] { flex: 1; min-width: 0;
}
.pc-annotator__comment-meta[data-v-b2248257] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pc-annotator__comment-author[data-v-b2248257] {
  font-size: 13px;
  font-weight: 500;
  color: var(--ink);
}
.pc-annotator__comment-time[data-v-b2248257] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--ink-40);
}
/* hover-reveal wrapper around the real Button - stays hidden until the comment
   is hovered (or the button inside takes focus) */
.pc-annotator__comment-del[data-v-b2248257] {
  margin-left: auto;
  display: inline-flex;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 120ms ease;
}
.pc-annotator__comment:hover .pc-annotator__comment-del[data-v-b2248257],
.pc-annotator__comment-del[data-v-b2248257]:focus-within { opacity: 1;
}
.pc-annotator__comment-text[data-v-b2248257] {
  margin-top: 3px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink);
  letter-spacing: -0.14px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.pc-annotator__reply[data-v-b2248257] {
  padding: 12px;
  border-top: 1px solid var(--ink-08);
}
.pc-annotator__actions[data-v-b2248257] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
}
.pc-annotator__textarea[data-v-b2248257] {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  padding: 8px 10px;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  background: var(--paper);
  font-family: var(--display);
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.13px;
  color: var(--ink);
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.pc-annotator__textarea[data-v-b2248257]:focus {
  border-color: var(--midnight);
  box-shadow: var(--focus-ring);
}
@media (prefers-reduced-motion: reduce) {
.pc-annotator__pop--ready[data-v-b2248257],
  .pc-anno-pop-leave-active.pc-annotator__pop--ready[data-v-b2248257] { animation-duration: 1ms;
}
}

.pc-scrollarea[data-v-f9ee080a] {
  position: relative;
  overflow: hidden;
}
.pc-scrollarea__viewport[data-v-f9ee080a] {
  width: 100%;
}

/* the scrollbar is overlaid - it never reserves layout space, and the track
   is fully transparent so it can't clash with the surface underneath */
.pc-scrollarea__bar[data-v-f9ee080a] {
  display: flex;
  user-select: none;
  touch-action: none;
  padding: 3px;
  background: transparent;
  opacity: 0;
  pointer-events: none;
  transition: opacity 260ms ease;
  z-index: 2;
}
.pc-scrollarea--show .pc-scrollarea__bar[data-v-f9ee080a] {
  opacity: 1;
  pointer-events: auto;
}
.pc-scrollarea__bar[data-orientation="vertical"][data-v-f9ee080a] { width: 11px;
}
.pc-scrollarea__bar[data-orientation="horizontal"][data-v-f9ee080a] { flex-direction: column; height: 11px;
}
.pc-scrollarea__thumb[data-v-f9ee080a] {
  flex: 1;
  position: relative;
  background: var(--ink-20);
  border-radius: 999px;
  transition: background 140ms ease;
}
.pc-scrollarea__thumb[data-v-f9ee080a]:hover,
.pc-scrollarea__thumb[data-v-f9ee080a]:active { background: var(--ink-40);
}
/* enlarged invisible hit target so the thin thumb is easy to grab */
.pc-scrollarea__thumb[data-v-f9ee080a]::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 100%; height: 100%;
  min-width: 40px;
  min-height: 40px;
}
.pc-scrollarea__corner[data-v-f9ee080a] { background: transparent;
}
@media (prefers-reduced-motion: reduce) {
.pc-scrollarea__bar[data-v-f9ee080a] { transition: opacity 80ms ease;
}
}

.pc-sidenav[data-v-358e36f7] {
  height: 100%;
  background: var(--paper);
  display: flex;
  flex-direction: column;
  padding: 20px 16px;
  gap: 20px;
}
/* 10px inset matches the section labels + nav-item content */
.pc-sidenav__header[data-v-358e36f7] { flex-shrink: 0; padding: 0 10px;
}
/* optional pastel wash - bleeds to the sidebar edges, content stays aligned */
.pc-sidenav__header--tinted[data-v-358e36f7] {
  margin: -20px -16px 0;
  padding: 20px 26px;
  background:
    radial-gradient(75% 100% at 0% 0%, rgba(189, 187, 255, 0.32), transparent 72%),
    radial-gradient(70% 95% at 100% 0%, rgba(214, 225, 255, 0.34), transparent 70%),
    var(--paper);
}
.pc-sidenav__sections[data-v-358e36f7] {
  flex: 1;
  min-height: 0;
}
.pc-sidenav__sections-list[data-v-358e36f7] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.pc-sidenav__section[data-v-358e36f7] { display: flex; flex-direction: column; gap: 8px;
}
.pc-sidenav__section-title[data-v-358e36f7] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  padding: 0 10px;
}
.pc-sidenav__items[data-v-358e36f7] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 2px;
}
.pc-sidenav__link[data-v-358e36f7] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: var(--radius-sharp);
  font-size: 14px;
  letter-spacing: -0.18px;
  color: var(--ink);
  position: relative;
  width: 100%;
  text-align: left;
  font-family: var(--display);
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease;
  outline: none;
}
.pc-sidenav__link[data-v-358e36f7]:hover:not(.pc-sidenav__link--active) { background: var(--ink-04); color: var(--ink);
}
.pc-sidenav__link[data-v-358e36f7]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-sidenav__link--active[data-v-358e36f7] { background: var(--midnight); color: var(--paper-on-dark);
}
.pc-sidenav__link--active[data-v-358e36f7]:hover { background: var(--midnight-hover);
}
.pc-sidenav__link--active[data-v-358e36f7]:focus-visible { box-shadow: var(--focus-ring-on-dark);
}
.pc-sidenav__indicator[data-v-358e36f7] {
  width: 4px; height: 4px; border-radius: 50%;
  background: currentColor; opacity: 0.4;
  flex-shrink: 0;
}
.pc-sidenav__link--active .pc-sidenav__indicator[data-v-358e36f7] { opacity: 1;
}
.pc-sidenav__icon[data-v-358e36f7] {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  opacity: 0.7;
}
.pc-sidenav__link--active .pc-sidenav__icon[data-v-358e36f7] { opacity: 1;
}
.pc-sidenav__name[data-v-358e36f7] { flex: 1; min-width: 0;
}
.pc-sidenav__badge[data-v-358e36f7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: var(--badge-radius);
  background: var(--ink-08);
  color: var(--ink-60);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.pc-sidenav__link--active .pc-sidenav__badge[data-v-358e36f7] { background: var(--paper); color: var(--midnight);
}
.pc-sidenav__footer[data-v-358e36f7] { flex-shrink: 0; border-top: 1px solid var(--ink-08); padding: 12px 10px 0;
}

.pc-page-header[data-v-628430e3] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.pc-page-header--padded.pc-page-header--default[data-v-628430e3] { padding: 28px 32px 20px;
}
.pc-page-header--padded.pc-page-header--large[data-v-628430e3] { padding: 40px 32px 28px;
}
.pc-page-header__main[data-v-628430e3] { display: flex; flex-direction: column; min-width: 0;
}
.pc-page-header__breadcrumbs[data-v-628430e3] { margin-bottom: 32px;
}
.pc-page-header__eyebrow[data-v-628430e3] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink-60);
  margin-bottom: 8px;
}
.pc-page-header__title[data-v-628430e3] {
  font-family: var(--display);
  font-weight: 500;
  margin: 0;
  color: var(--ink);
}
.pc-page-header__subtitle[data-v-628430e3] {
  color: var(--ink-60);
  margin: 0;
}

/* default size */
.pc-page-header--default .pc-page-header__title[data-v-628430e3] {
  font-size: 28px;
  letter-spacing: -0.56px;
  line-height: 1.15;
}
.pc-page-header--default .pc-page-header__subtitle[data-v-628430e3] {
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 1.45;
  margin-top: 4px;
  max-width: 560px;
}

/* large / editorial size - matches the display scale in DESIGN.md */
.pc-page-header--large .pc-page-header__title[data-v-628430e3] {
  font-size: 48px;
  letter-spacing: -1.20px;
  line-height: 1.05;
}
.pc-page-header--large .pc-page-header__subtitle[data-v-628430e3] {
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 1.45;
  margin-top: 12px;
  max-width: 660px;
}
.pc-page-header__actions[data-v-628430e3] { display: flex; gap: 8px; align-items: center; flex-shrink: 0;
}

.pc-stat[data-v-a9355cb0] { display: flex; flex-direction: column; gap: 8px;
}
.pc-stat__label[data-v-a9355cb0] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-stat__value[data-v-a9355cb0] {
  font-family: var(--display);
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.0;
  font-variant-numeric: tabular-nums;
}
.pc-stat__value--md[data-v-a9355cb0] { font-size: 28px; letter-spacing: -0.56px;
}
.pc-stat__value--lg[data-v-a9355cb0] { font-size: 48px; letter-spacing: -1.20px;
}
.pc-stat__value--xl[data-v-a9355cb0] { font-size: 64px; letter-spacing: -1.92px;
}
.pc-stat__caption[data-v-a9355cb0] { font-size: 14px; color: var(--ink-60); line-height: 1.4;
}

.pc-badge[data-v-0d3d5e64] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: var(--radius-sharp);
  background: var(--ink-04);
  border: 1px solid var(--ink-08);
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.2;
  white-space: nowrap;
}
.pc-badge--sm[data-v-0d3d5e64] { padding: 3px 8px; font-size: 11px;
}
.pc-badge--md[data-v-0d3d5e64] { padding: 6px 12px; font-size: 12px; letter-spacing: 0.06em;
}
.pc-badge--dot[data-v-0d3d5e64]::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;
  display: block;
}
.pc-badge--active[data-v-0d3d5e64] { color: var(--status-active); background: var(--status-active-bg); border-color: transparent;
}
.pc-badge--warning[data-v-0d3d5e64] { color: var(--status-warning); background: var(--status-warning-bg); border-color: transparent;
}
.pc-badge--paused[data-v-0d3d5e64] { color: var(--status-paused); background: var(--status-paused-bg); border-color: transparent;
}
.pc-badge--failed[data-v-0d3d5e64] { color: var(--status-failed); background: var(--status-failed-bg); border-color: transparent;
}
.pc-badge--draft[data-v-0d3d5e64] { color: var(--status-draft); background: var(--status-draft-bg); border-color: transparent;
}
.pc-badge--dark[data-v-0d3d5e64] {
  background: var(--paper-on-dark-12);
  border-color: var(--paper-on-dark-12);
  color: var(--paper-on-dark);
}
/* solid - filled midnight, white text (the high-signal tag) */
.pc-badge--solid[data-v-0d3d5e64] {
  background: var(--midnight);
  border-color: var(--midnight);
  color: var(--paper-on-dark);
}

.pc-layout[data-v-6f6437fc] {
  display: flex;
  height: 100vh;
  width: 100%;
  background: var(--paper);
  color: var(--ink);
}
.pc-layout__nav[data-v-6f6437fc] {
  flex-shrink: 0;
  border-right: 1px solid var(--ink-08);
  height: 100%;
  overflow-y: auto;
  background: var(--paper);
}
.pc-layout__main[data-v-6f6437fc] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.pc-layout__header[data-v-6f6437fc] {
  flex-shrink: 0;
  border-bottom: 1px solid var(--ink-08);
}
.pc-layout__content[data-v-6f6437fc] {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
}

.pc-arrow-link[data-v-a7583c6c] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: 0;
  padding: 2px 2px;
  margin: -2px -2px;
  border-radius: 3px;
  color: var(--ink-60);
  font-family: var(--display);
  letter-spacing: -0.14px;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: color 140ms ease, box-shadow 140ms ease;
}
.pc-arrow-link--md[data-v-a7583c6c] { font-size: 14px;
}
.pc-arrow-link--sm[data-v-a7583c6c] { font-size: 13px;
}
.pc-arrow-link[data-v-a7583c6c]:hover { color: var(--ink);
}
.pc-arrow-link[data-v-a7583c6c]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-arrow-link--disabled[data-v-a7583c6c] { color: var(--ink-40); cursor: not-allowed;
}

/* mono / uppercase card-header style */
.pc-arrow-link--mono[data-v-a7583c6c] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 500;
}
.pc-arrow-link--mono.pc-arrow-link--md[data-v-a7583c6c] { font-size: 11px;
}
.pc-arrow-link--mono.pc-arrow-link--sm[data-v-a7583c6c] { font-size: 10px;
}

/* arrow wrapper - flex-centered against the text */
.pc-arrow-link__arrow[data-v-a7583c6c] {
  display: inline-flex;
  align-items: center;
  transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.pc-arrow-link__icon[data-v-a7583c6c] {
  width: 1em;
  height: 1em;
  display: block;
}

/* the nudge - arrow drifts in its own direction on hover/focus */
.pc-arrow-link:hover .pc-arrow-link__arrow--right[data-v-a7583c6c],
.pc-arrow-link:focus-visible .pc-arrow-link__arrow--right[data-v-a7583c6c] { transform: translateX(3px);
}
.pc-arrow-link:hover .pc-arrow-link__arrow--left[data-v-a7583c6c],
.pc-arrow-link:focus-visible .pc-arrow-link__arrow--left[data-v-a7583c6c] { transform: translateX(-3px);
}
.pc-arrow-link:hover .pc-arrow-link__arrow--up-right[data-v-a7583c6c],
.pc-arrow-link:focus-visible .pc-arrow-link__arrow--up-right[data-v-a7583c6c] { transform: translate(2px, -2px);
}

/* on press, the arrow snaps back to its origin - confirms the action fired */
.pc-arrow-link:active:not(.pc-arrow-link--disabled) .pc-arrow-link__arrow[data-v-a7583c6c] { transform: none;
}
.pc-arrow-link--disabled .pc-arrow-link__arrow[data-v-a7583c6c] { transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
.pc-arrow-link__arrow[data-v-a7583c6c] { transition: none;
}
}

.pc-section-label[data-v-b3fb8725] {
  font-family: var(--mono);
  text-transform: uppercase;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-section-label--xs[data-v-b3fb8725] { font-size: 10px; letter-spacing: 0.08em;
}
.pc-section-label--sm[data-v-b3fb8725] { font-size: 11px; letter-spacing: 0.08em;
}
.pc-section-label--md[data-v-b3fb8725] { font-size: 13px; letter-spacing: 0.06em;
}
.pc-section-label--dark[data-v-b3fb8725] { color: var(--paper-on-dark-60);
}

.pc-banner[data-v-3587acbb] {
  position: relative;
  width: 100%;
  border-bottom: 1px solid var(--ink-08);
  overflow: hidden;
  font-size: 13px;
  letter-spacing: -0.12px;
  line-height: 1.5;
  color: var(--ink);
}
.pc-banner--sticky[data-v-3587acbb] {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: saturate(140%) blur(6px);
}
.pc-banner__inner[data-v-3587acbb] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 18px;
  min-height: 40px;
}
.pc-banner--center .pc-banner__inner[data-v-3587acbb] {
  justify-content: center;
  text-align: center;
}
.pc-banner__icon[data-v-3587acbb] {
  flex-shrink: 0;
  width: 18px; height: 18px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 16px;
}
.pc-banner__body[data-v-3587acbb] {
  flex: 1;
  min-width: 0;
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 10px;
}
.pc-banner--center .pc-banner__body[data-v-3587acbb] { flex: 0 1 auto; justify-content: center;
}
.pc-banner__title[data-v-3587acbb] {
  font-weight: 500;
  letter-spacing: -0.16px;
  color: var(--ink);
}
.pc-banner__message[data-v-3587acbb] {
  color: var(--ink-60);
}
.pc-banner--danger .pc-banner__message[data-v-3587acbb],
.pc-banner--warning .pc-banner__message[data-v-3587acbb] { color: var(--ink);
}
.pc-banner__actions[data-v-3587acbb] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pc-banner__close[data-v-3587acbb] {
  flex-shrink: 0;
  width: 24px; height: 24px;
  border: 0;
  background: transparent;
  border-radius: 999px;
  color: var(--ink-60);
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  outline: none;
  transition: background 140ms ease, color 140ms ease;
}
.pc-banner__close[data-v-3587acbb]:hover { background: var(--ink-04); color: var(--ink);
}
.pc-banner__close[data-v-3587acbb]:focus-visible { box-shadow: var(--focus-ring);
}

/* variants - same pastel wash language as Callout */
.pc-banner--info[data-v-3587acbb] {
  background:
    radial-gradient(70% 200% at 0% 50%, rgba(189, 187, 255, 0.28), transparent 70%),
    radial-gradient(70% 200% at 100% 50%, rgba(214, 225, 255, 0.22), transparent 70%),
    var(--paper);
}
.pc-banner--info .pc-banner__icon[data-v-3587acbb] { color: var(--status-paused);
}
.pc-banner--success[data-v-3587acbb] {
  background:
    radial-gradient(70% 200% at 0% 50%, rgba(189, 187, 255, 0.18), transparent 70%),
    radial-gradient(70% 200% at 100% 50%, rgba(214, 225, 255, 0.20), transparent 70%),
    var(--paper);
}
.pc-banner--success .pc-banner__icon[data-v-3587acbb] { color: var(--status-active);
}
.pc-banner--warning[data-v-3587acbb] {
  background:
    radial-gradient(80% 200% at 0% 50%, rgba(255, 224, 200, 0.55), transparent 70%),
    radial-gradient(70% 200% at 100% 50%, rgba(255, 214, 245, 0.28), transparent 70%),
    var(--paper);
  border-bottom-color: rgba(184, 107, 0, 0.30);
}
.pc-banner--warning .pc-banner__icon[data-v-3587acbb] { color: var(--status-warning);
}
.pc-banner--danger[data-v-3587acbb] {
  background:
    radial-gradient(80% 200% at 0% 50%, rgba(252, 228, 226, 0.75), transparent 70%),
    radial-gradient(70% 200% at 100% 50%, rgba(255, 214, 245, 0.22), transparent 70%),
    var(--paper);
  border-bottom-color: rgba(179, 38, 30, 0.28);
}
.pc-banner--danger .pc-banner__icon[data-v-3587acbb] { color: var(--status-failed);
}
.pc-banner--neutral[data-v-3587acbb] {
  background: var(--ink-04);
}
.pc-banner--neutral .pc-banner__icon[data-v-3587acbb] { color: var(--ink-60);
}
.pc-banner--announce[data-v-3587acbb] {
  background:
    radial-gradient(60% 200% at 0% 50%, rgba(189, 187, 255, 0.35), transparent 70%),
    radial-gradient(60% 200% at 50% 50%, rgba(255, 214, 245, 0.25), transparent 70%),
    radial-gradient(60% 200% at 100% 50%, rgba(214, 225, 255, 0.30), transparent 70%),
    var(--paper);
}
.pc-banner--announce .pc-banner__icon[data-v-3587acbb] { color: var(--status-paused);
}

.pc-pop-trigger[data-v-eb14fb58] {
  display: inline-flex;
  width: max-content;
  justify-self: start;
  align-self: start;
}
.pc-pop-trigger--block[data-v-eb14fb58] { display: block; width: 100%;
}
.pc-pop[data-v-eb14fb58] {
  position: absolute;
  z-index: 8000;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-medium);
  padding: 12px;
  min-width: 180px;
  font-size: 14px;
  color: var(--ink);
  opacity: 0;
  visibility: hidden;
}
.pc-pop--ready[data-v-eb14fb58] {
  visibility: visible;
  animation: pc-pop-in-eb14fb58 140ms ease-out forwards;
}
/* exit - a distinct keyframe (reusing pc-pop-in with `reverse` won't restart a
   finished animation, so the leave needs its own named keyframe) */
.pc-pop-leave-active.pc-pop--ready[data-v-eb14fb58] {
  animation: pc-pop-out-eb14fb58 120ms ease-in forwards;
}
/* uses `translate` (separate from `transform`) so floating-ui's transform positioning is not overridden */
@keyframes pc-pop-in-eb14fb58 {
from { opacity: 0; translate: 0 -4px;
}
to { opacity: 1; translate: 0 0;
}
}
@keyframes pc-pop-out-eb14fb58 {
from { opacity: 1; translate: 0 0;
}
to { opacity: 0; translate: 0 -4px;
}
}

.pc-crumbs[data-v-e215e0fa] { display: inline-flex;
}
.pc-crumbs__list[data-v-e215e0fa] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--display);
  font-size: 13px;
  letter-spacing: -0.13px;
  line-height: 1.4;
}
.pc-crumbs__item[data-v-e215e0fa] { display: inline-flex; align-items: center; min-width: 0;
}
.pc-crumbs__link[data-v-e215e0fa] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--ink-60);
  text-decoration: none;
  padding: 2px 4px;
  border-radius: 3px;
  outline: none;
  transition: color 140ms ease, background 140ms ease, box-shadow 140ms ease;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.pc-crumbs__link[data-v-e215e0fa]:hover:not(.pc-crumbs__link--current) { color: var(--ink); background: var(--ink-04);
}
.pc-crumbs__link[data-v-e215e0fa]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-crumbs__link--current[data-v-e215e0fa] {
  color: var(--ink);
  font-weight: 500;
  cursor: default;
}
.pc-crumbs__icon[data-v-e215e0fa] {
  display: inline-flex;
  align-items: center;
  opacity: 0.8;
}
.pc-crumbs__sep[data-v-e215e0fa] {
  display: inline-flex;
  align-items: center;
  color: var(--ink-20);
  font-size: 15px;
  line-height: 1;
  user-select: none;
}

/* collapsed-items trigger - a real button that opens the menu */
.pc-crumbs__ellipsis-btn[data-v-e215e0fa] {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 3px;
  color: var(--ink-40);
  cursor: pointer;
  outline: none;
  transition: color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}
.pc-crumbs__ellipsis-btn[data-v-e215e0fa]:hover,
.pc-crumbs__ellipsis-btn--open[data-v-e215e0fa] { color: var(--ink); background: var(--ink-04);
}
.pc-crumbs__ellipsis-btn[data-v-e215e0fa]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-crumbs__ellipsis[data-v-e215e0fa] {
  letter-spacing: 0.05em;
  line-height: 1;
}

/* dropdown menu of the collapsed crumbs - cancels the popover's 12px padding */
.pc-crumbs__menu[data-v-e215e0fa] {
  margin: -8px;
  display: flex;
  flex-direction: column;
  min-width: 160px;
}
.pc-crumbs__menu-item[data-v-e215e0fa] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 10px;
  border-radius: var(--radius-sharp);
  font-family: var(--display);
  font-size: 13px;
  letter-spacing: -0.13px;
  color: var(--ink-60);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  transition: color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}
.pc-crumbs__menu-item[data-v-e215e0fa]:hover { color: var(--ink); background: var(--ink-04);
}
.pc-crumbs__menu-item[data-v-e215e0fa]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-crumbs__menu-item[data-v-e215e0fa]:active { background: var(--ink-08);
}
.pc-crumbs__menu-label[data-v-e215e0fa] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pc-callout[data-v-1c90ba09] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  border-radius: var(--radius-comfy);
  border: 1px solid var(--ink-08);
  background: var(--paper);
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 1.5;
  overflow: hidden;
}
.pc-callout--with-stripe[data-v-1c90ba09] { padding-top: 18px;
}
.pc-callout__stripe[data-v-1c90ba09] {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
}
.pc-callout__body[data-v-1c90ba09] { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0;
}
.pc-callout__eyebrow[data-v-1c90ba09] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 11px;
  font-weight: 500;
}
.pc-callout__title[data-v-1c90ba09] {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--ink);
}
.pc-callout__content[data-v-1c90ba09] { color: var(--ink);
}
.pc-callout__actions[data-v-1c90ba09] { margin-top: 8px; display: flex; gap: 8px;
}
.pc-callout__close[data-v-1c90ba09] {
  flex-shrink: 0;
  width: 26px; height: 26px;
  border-radius: 999px;
  color: var(--ink-60);
  line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background 140ms ease, color 140ms ease, transform 60ms ease;
  outline: none;
  margin: -2px -6px -2px 0;
}
.pc-callout__close[data-v-1c90ba09]:hover { background: var(--ink-04); color: var(--ink);
}
.pc-callout__close[data-v-1c90ba09]:active { transform: translateY(0.5px);
}
.pc-callout__close[data-v-1c90ba09]:focus-visible { box-shadow: var(--focus-ring);
}

/* variants - pastel-tinted backgrounds, colored eyebrow and stripe */
.pc-callout--info[data-v-1c90ba09] {
  background:
    radial-gradient(60% 80% at 0% 0%, rgba(189, 187, 255, 0.22), transparent 70%),
    var(--paper);
  border-color: rgba(189, 187, 255, 0.7);
}
.pc-callout--info .pc-callout__eyebrow[data-v-1c90ba09] { color: var(--status-paused);
}
.pc-callout--info .pc-callout__stripe[data-v-1c90ba09] { background: linear-gradient(90deg, #bdbbff, #d6e1ff, #bdbbff);
}
.pc-callout--success[data-v-1c90ba09] {
  background:
    radial-gradient(60% 80% at 0% 0%, rgba(189, 187, 255, 0.18), transparent 70%),
    radial-gradient(60% 80% at 100% 100%, rgba(214, 225, 255, 0.20), transparent 70%),
    var(--paper);
  border-color: rgba(44, 122, 78, 0.30);
}
.pc-callout--success .pc-callout__eyebrow[data-v-1c90ba09] { color: var(--status-active);
}
.pc-callout--success .pc-callout__stripe[data-v-1c90ba09] { background: linear-gradient(90deg, #bdbbff, #ffd6f5, #d6e1ff);
}
.pc-callout--warning[data-v-1c90ba09] {
  background:
    radial-gradient(60% 80% at 0% 0%, rgba(255, 224, 200, 0.45), transparent 70%),
    radial-gradient(60% 80% at 100% 100%, rgba(255, 214, 245, 0.25), transparent 70%),
    var(--paper);
  border-color: rgba(184, 107, 0, 0.30);
}
.pc-callout--warning .pc-callout__eyebrow[data-v-1c90ba09] { color: var(--status-warning);
}
.pc-callout--warning .pc-callout__stripe[data-v-1c90ba09] { background: linear-gradient(90deg, #ffd6a8, #ffd6f5, #ffd6a8);
}
.pc-callout--danger[data-v-1c90ba09] {
  background:
    radial-gradient(60% 80% at 0% 0%, rgba(252, 228, 226, 0.7), transparent 70%),
    var(--paper);
  border-color: rgba(179, 38, 30, 0.28);
}
.pc-callout--danger .pc-callout__eyebrow[data-v-1c90ba09] { color: var(--status-failed);
}
.pc-callout--danger .pc-callout__stripe[data-v-1c90ba09] { background: linear-gradient(90deg, #f8b5b0, #ffd6f5, #f8b5b0);
}
.pc-callout--neutral[data-v-1c90ba09] {
  background: var(--paper);
}
.pc-callout--neutral .pc-callout__eyebrow[data-v-1c90ba09] { color: var(--ink-60);
}
.pc-callout--neutral .pc-callout__stripe[data-v-1c90ba09] { background: linear-gradient(90deg, var(--ink-20), var(--ink-08), var(--ink-20));
}

.pc-chunkdoc[data-v-abfa1c19] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* ---- list view ---- */
.pc-chunkdoc__summary[data-v-abfa1c19] {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.pc-chunkdoc__summary-count[data-v-abfa1c19] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-chunkdoc__summary-tokens[data-v-abfa1c19] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--ink-40);
}
.pc-chunkdoc__list[data-v-abfa1c19] { display: flex; flex-direction: column;
}
.pc-chunkdoc__item[data-v-abfa1c19] {
  padding: 14px 0;
  border-top: 1px solid var(--ink-08);
}
.pc-chunkdoc__item[data-v-abfa1c19]:first-child { border-top: 0; padding-top: 0;
}
.pc-chunkdoc__item-head[data-v-abfa1c19] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
.pc-chunkdoc__item-num[data-v-abfa1c19] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink);
}
.pc-chunkdoc__item-detail[data-v-abfa1c19] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--ink-40);
}
.pc-chunkdoc__item-text[data-v-abfa1c19] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--display);
  font-size: 14px;
  line-height: 1.65;
  letter-spacing: -0.14px;
  color: var(--ink);
}
.pc-chunkdoc__ov[data-v-abfa1c19] {
  background: color-mix(in srgb, var(--lavender) 40%, var(--paper));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* ---- stepper view ---- */
.pc-chunkdoc__head[data-v-abfa1c19] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pc-chunkdoc__pos[data-v-abfa1c19] {
  flex: 1;
  text-align: center;
  min-width: 0;
}
.pc-chunkdoc__pos-label[data-v-abfa1c19] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink);
}
.pc-chunkdoc__pos-total[data-v-abfa1c19] { color: var(--ink-40);
}
.pc-chunkdoc__pos-detail[data-v-abfa1c19] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--ink-60);
  margin-top: 2px;
}
.pc-chunkdoc__body[data-v-abfa1c19] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--display);
  font-size: 15px;
  line-height: 1.85;
  letter-spacing: -0.15px;
  color: var(--ink);
}
.pc-chunkdoc__run[data-v-abfa1c19] { transition: background 140ms ease;
}
.pc-chunkdoc__run--hot[data-v-abfa1c19] { cursor: pointer;
}
.pc-chunkdoc__run--pin-body[data-v-abfa1c19],
.pc-chunkdoc__run--pin-overlap[data-v-abfa1c19],
.pc-chunkdoc__run--hover-body[data-v-abfa1c19],
.pc-chunkdoc__run--hover-overlap[data-v-abfa1c19] {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.pc-chunkdoc__run--pin-body[data-v-abfa1c19] { background: color-mix(in srgb, var(--lavender) 30%, var(--paper));
}
.pc-chunkdoc__run--pin-overlap[data-v-abfa1c19] { background: color-mix(in srgb, var(--lavender) 62%, var(--paper));
}
.pc-chunkdoc__run--hover-body[data-v-abfa1c19] { background: color-mix(in srgb, #ffcd94 56%, var(--paper));
}
.pc-chunkdoc__run--hover-overlap[data-v-abfa1c19] { background: color-mix(in srgb, #ffcd94 84%, var(--paper));
}

/* ---- shared legend ---- */
.pc-chunkdoc__legend[data-v-abfa1c19] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}
.pc-chunkdoc__legend-item[data-v-abfa1c19] {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: var(--ink-60);
  letter-spacing: -0.12px;
}
.pc-chunkdoc__swatch[data-v-abfa1c19] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}

.pc-cited__answer[data-v-66c1a23e] {
  font-family: var(--display);
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: -0.15px;
  color: var(--ink);
  white-space: pre-wrap;
}

/* inline citation - a small, quiet circle that wakes up on hover / when open */
.pc-cited__chip[data-v-66c1a23e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin: 0 1px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--lavender) 30%, var(--paper));
  color: var(--ink-60);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  transition: background 120ms ease, color 120ms ease, box-shadow 120ms ease;
}
.pc-cited__chip[data-v-66c1a23e]:hover {
  background: color-mix(in srgb, var(--lavender) 60%, var(--paper));
  color: var(--midnight);
}
.pc-cited__chip--active[data-v-66c1a23e] {
  background: var(--lavender);
  color: var(--midnight);
}
.pc-cited__chip[data-v-66c1a23e]:focus-visible { box-shadow: var(--focus-ring);
}

/* sources list */
.pc-cited__sources[data-v-66c1a23e] {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--ink-08);
}
.pc-cited__sources-head[data-v-66c1a23e] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  padding: 0 10px;
}
/* a full-width, comfortably-tall control with the library's hover / press feel */
.pc-cited__sources-head--toggle[data-v-66c1a23e] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 10px;
  border-radius: var(--radius-sharp);
  background: transparent;
  cursor: pointer;
  outline: none;
  transition: background 120ms ease, box-shadow 120ms ease;
}
.pc-cited__sources-head--toggle[data-v-66c1a23e]:hover { background: var(--ink-04);
}
.pc-cited__sources-head--toggle[data-v-66c1a23e]:active { background: var(--ink-08);
}
.pc-cited__sources-head--toggle[data-v-66c1a23e]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-cited__sources-count[data-v-66c1a23e] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.02em;
  color: var(--ink-40);
}
.pc-cited__sources-chevron[data-v-66c1a23e] {
  margin-left: auto;
  font-size: 14px;
  color: var(--ink-40);
  transition: transform 240ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms ease;
}
.pc-cited__sources-head--toggle:hover .pc-cited__sources-chevron[data-v-66c1a23e] { color: var(--ink-60);
}
.pc-cited__sources-chevron--open[data-v-66c1a23e] { transform: rotate(180deg);
}

/* collapse via grid-template-rows so it animates both open and closed */
.pc-cited__sources-wrap[data-v-66c1a23e] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 240ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pc-cited__sources-wrap--open[data-v-66c1a23e] { grid-template-rows: 1fr;
}
.pc-cited__sources-list[data-v-66c1a23e] {
  min-height: 0;
  overflow: hidden;
}
.pc-cited__sources-inner[data-v-66c1a23e] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 8px;
}
/* rows start nudged left + faded; the stagger delay (set per row) makes them
   slide in one after another as the list expands */
.pc-cited__source[data-v-66c1a23e] {
  display: flex;
  gap: 12px;
  padding: 10px;
  border-radius: var(--radius-sharp);
  opacity: 0;
  translate: -10px 0;
  transition:
    background 140ms ease,
    opacity 280ms ease var(--pc-cited-stagger, 0ms),
    translate 300ms cubic-bezier(0.4, 0, 0.2, 1) var(--pc-cited-stagger, 0ms);
}
.pc-cited__sources-wrap--open .pc-cited__source[data-v-66c1a23e] {
  opacity: 1;
  translate: 0 0;
}
.pc-cited__source--lit[data-v-66c1a23e] { background: color-mix(in srgb, var(--lavender) 18%, var(--paper));
}
@media (prefers-reduced-motion: reduce) {
.pc-cited__source[data-v-66c1a23e] { transition: background 140ms ease; opacity: 1; translate: 0 0;
}
}
.pc-cited__source-num[data-v-66c1a23e] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--lavender) 36%, var(--paper));
  color: var(--ink);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 500;
}
.pc-cited__source-main[data-v-66c1a23e] { min-width: 0;
}
.pc-cited__source-link[data-v-66c1a23e] { margin-top: 6px;
}
.pc-cited__source-title[data-v-66c1a23e] {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  color: var(--ink);
}
.pc-cited__source-snippet[data-v-66c1a23e] {
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ink-60);
  letter-spacing: -0.13px;
}

/* source popover */
.pc-cited__pop[data-v-66c1a23e] {
  position: absolute;
  z-index: 9000;
  width: 280px;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-medium);
  padding: 12px 14px;
  opacity: 0;
  visibility: hidden;
}
.pc-cited__pop--ready[data-v-66c1a23e] {
  visibility: visible;
  animation: pc-cited-in-66c1a23e 140ms ease-out forwards;
}
.pc-cited-pop-leave-active.pc-cited__pop--ready[data-v-66c1a23e] {
  animation: pc-cited-out-66c1a23e 120ms ease-in forwards;
}
@keyframes pc-cited-in-66c1a23e {
from { opacity: 0; translate: 0 -5px;
}
to { opacity: 1; translate: 0 0;
}
}
@keyframes pc-cited-out-66c1a23e {
from { opacity: 1; translate: 0 0;
}
to { opacity: 0; translate: 0 -5px;
}
}
.pc-cited__pop-num[data-v-66c1a23e] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-40);
  margin-bottom: 4px;
}
.pc-cited__pop-title[data-v-66c1a23e] {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  color: var(--ink);
}
.pc-cited__pop-snippet[data-v-66c1a23e] {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ink-60);
  letter-spacing: -0.13px;
}
.pc-cited__pop-link[data-v-66c1a23e] { margin-top: 8px;
}

.pc-codeblock[data-v-5d2cc921] {
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  overflow: hidden;
  background: var(--paper);
}
.pc-codeblock__header[data-v-5d2cc921] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 10px 8px 14px;
  background: var(--ink-04);
  border-bottom: 1px solid var(--ink-08);
}
.pc-codeblock__filename[data-v-5d2cc921] {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: -0.12px;
  color: var(--ink);
}
.pc-codeblock__lang[data-v-5d2cc921] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-40);
}
.pc-codeblock__copy[data-v-5d2cc921] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 9px;
  border-radius: var(--radius-sharp);
  background: transparent;
  color: var(--ink-60);
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease;
}
.pc-codeblock__copy[data-v-5d2cc921]:hover { background: var(--ink-08); color: var(--ink);
}
.pc-codeblock__copy[data-v-5d2cc921]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-codeblock__copy--done[data-v-5d2cc921] { color: var(--status-active);
}
.pc-codeblock__copy[data-v-5d2cc921] svg { width: 13px; height: 13px;
}
.pc-codeblock__body[data-v-5d2cc921] { width: 100%;
}
.pc-codeblock__grid[data-v-5d2cc921] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 10px 0;
}
.pc-codeblock__grid--no-nums[data-v-5d2cc921] { grid-template-columns: minmax(0, 1fr);
}
.pc-codeblock__num[data-v-5d2cc921] {
  padding: 0 14px 0 14px;
  text-align: right;
  font-family: var(--mono);
  font-size: 11px;
  line-height: 1.7;
  color: var(--ink-20);
  user-select: none;
  font-variant-numeric: tabular-nums;
}
.pc-codeblock__num--hot[data-v-5d2cc921] { color: var(--status-paused);
}
.pc-codeblock__line[data-v-5d2cc921] {
  padding: 0 16px;
  min-height: 1.7em;
  font-family: var(--mono);
  font-size: 12.5px;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  tab-size: 4;
  color: var(--ink);
}
.pc-codeblock__num--hot[data-v-5d2cc921],
.pc-codeblock__line--hot[data-v-5d2cc921] {
  background: color-mix(in srgb, var(--lavender) 22%, var(--paper));
}

.pc-field-label[data-v-d7b88272] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  margin-bottom: 4px;
}
.pc-field-label__req[data-v-d7b88272] { color: var(--status-failed);
}

.pc-field[data-v-0d79ba0b] { display: flex; flex-direction: column; gap: 0;
}
.pc-field__hint[data-v-0d79ba0b] { font-size: 12px; color: var(--ink-60); margin-top: 4px;
}
.pc-field__error[data-v-0d79ba0b] { font-size: 12px; color: var(--status-failed); margin-top: 4px;
}

.pc-input[data-v-6bfa3c29] {
  width: 100%;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  padding: 0 12px;
  height: var(--control-h);
  font-size: 14px;
  background: var(--paper);
  color: var(--ink);
  outline: none;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
  font-family: var(--display);
  letter-spacing: -0.14px;
  line-height: 1.2;
}
.pc-input[data-v-6bfa3c29]::placeholder { color: var(--ink-40);
}
.pc-input[data-v-6bfa3c29]:hover:not(:disabled):not(:focus) { border-color: var(--ink-20);
}
.pc-input[data-v-6bfa3c29]:focus { border-color: var(--midnight); box-shadow: var(--focus-ring);
}
.pc-input[data-v-6bfa3c29]:disabled { background: var(--ink-04); color: var(--ink-60); cursor: not-allowed;
}
.pc-input--sm[data-v-6bfa3c29] { padding: 0 10px; height: var(--control-h-sm); font-size: 13px;
}
.pc-input--lg[data-v-6bfa3c29] { padding: 0 14px; height: var(--control-h-lg); font-size: 15px;
}
.pc-input--invalid[data-v-6bfa3c29] { border-color: var(--status-failed);
}
.pc-input--invalid[data-v-6bfa3c29]:hover:not(:focus) { border-color: var(--status-failed);
}
.pc-input--invalid[data-v-6bfa3c29]:focus { border-color: var(--status-failed); box-shadow: var(--focus-ring-danger);
}

.pc-switch[data-v-54a6d679] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.pc-switch--disabled[data-v-54a6d679] { cursor: not-allowed; opacity: 0.5;
}
.pc-switch__input[data-v-54a6d679] { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0;
}
.pc-switch__track[data-v-54a6d679] {
  position: relative;
  width: 32px; height: 18px;
  background: var(--ink-20);
  border-radius: 999px;
  transition: background 160ms ease, box-shadow 140ms ease;
  flex-shrink: 0;
}
.pc-switch:hover .pc-switch__track[data-v-54a6d679] { background: var(--ink-40);
}
.pc-switch__input:checked + .pc-switch__track[data-v-54a6d679] { background: var(--midnight);
}
.pc-switch:hover .pc-switch__input:checked + .pc-switch__track[data-v-54a6d679] { background: var(--midnight-hover);
}
.pc-switch__input:focus-visible + .pc-switch__track[data-v-54a6d679] { box-shadow: var(--focus-ring);
}
.pc-switch__thumb[data-v-54a6d679] {
  position: absolute;
  top: 2px; left: 2px;
  width: 14px; height: 14px;
  background: var(--paper);
  border-radius: 50%;
  transition: transform 160ms ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.pc-switch__input:checked + .pc-switch__track .pc-switch__thumb[data-v-54a6d679] { transform: translateX(14px);
}

.pc-select[data-v-96b70cc4] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  background-color: var(--paper);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1L5 5L9 1' stroke='%23000' stroke-width='1.4' stroke-linecap='square'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding: 0 32px 0 12px;
  height: var(--control-h);
  font-family: var(--display);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  line-height: 1.2;
  color: var(--ink);
  cursor: pointer;
  outline: none;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}
.pc-select[data-v-96b70cc4]:hover:not(:disabled):not(:focus) { background-color: var(--ink-04); border-color: var(--ink-20);
}
.pc-select[data-v-96b70cc4]:focus { border-color: var(--midnight); box-shadow: var(--focus-ring);
}
.pc-select[data-v-96b70cc4]:disabled { color: var(--ink-40); cursor: not-allowed;
}
.pc-select option[data-v-96b70cc4] { font-size: 14px; padding: 8px;
}
.pc-select--sm[data-v-96b70cc4] { padding: 0 28px 0 10px; height: var(--control-h-sm); font-size: 13px;
}
.pc-select--lg[data-v-96b70cc4] { padding: 0 36px 0 14px; height: var(--control-h-lg); font-size: 15px;
}

.pc-collapsible[data-v-20ae8f0c] { display: block;
}
.pc-collapsible--bordered[data-v-20ae8f0c] {
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  background: var(--paper);
  overflow: hidden;
}
.pc-collapsible__trigger[data-v-20ae8f0c] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  border: 0;
  outline: none;
  text-align: left;
  font-family: var(--display);
  color: var(--ink);
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease;
}
.pc-collapsible--md .pc-collapsible__trigger[data-v-20ae8f0c] { padding: 14px 18px;
}
.pc-collapsible--sm .pc-collapsible__trigger[data-v-20ae8f0c] { padding: 10px 14px;
}
.pc-collapsible--bordered .pc-collapsible__trigger[data-v-20ae8f0c]:hover:not([data-disabled]) {
  background: var(--ink-04);
}
.pc-collapsible__trigger[data-v-20ae8f0c]:focus-visible { box-shadow: inset var(--focus-ring);
}
.pc-collapsible__trigger[data-disabled][data-v-20ae8f0c] { color: var(--ink-40); cursor: not-allowed;
}
.pc-collapsible__head[data-v-20ae8f0c] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.pc-collapsible__eyebrow[data-v-20ae8f0c] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-collapsible__label[data-v-20ae8f0c] {
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 1.3;
}
.pc-collapsible--md .pc-collapsible__label[data-v-20ae8f0c] { font-size: 15px;
}
.pc-collapsible--sm .pc-collapsible__label[data-v-20ae8f0c] { font-size: 13px;
}
.pc-collapsible__chevron[data-v-20ae8f0c] {
  width: 24px; height: 24px;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--ink-60);
  flex-shrink: 0;
  transition: rotate 200ms ease, color 140ms ease;
}
.pc-collapsible__trigger[data-state="open"] .pc-collapsible__chevron[data-v-20ae8f0c] {
  rotate: 180deg;
  color: var(--ink);
}
.pc-collapsible__content[data-v-20ae8f0c] { overflow: hidden;
}
.pc-collapsible__content[data-state="open"][data-v-20ae8f0c] { animation: pc-collapsible-down-20ae8f0c 220ms ease-out;
}
.pc-collapsible__content[data-state="closed"][data-v-20ae8f0c] { animation: pc-collapsible-up-20ae8f0c 180ms ease-out;
}
@keyframes pc-collapsible-down-20ae8f0c {
from { height: 0;
}
to { height: var(--reka-collapsible-content-height);
}
}
@keyframes pc-collapsible-up-20ae8f0c {
from { height: var(--reka-collapsible-content-height);
}
to { height: 0;
}
}
.pc-collapsible__body[data-v-20ae8f0c] {
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 1.55;
  color: var(--ink);
}
.pc-collapsible--md .pc-collapsible__body[data-v-20ae8f0c] { padding: 0 18px 18px;
}
.pc-collapsible--sm .pc-collapsible__body[data-v-20ae8f0c] { padding: 0 14px 14px;
}

/* flush - hairlines top/bottom, no rounded surface */
.pc-collapsible--flush[data-v-20ae8f0c] {
  border-top: 1px solid var(--ink-08);
  border-bottom: 1px solid var(--ink-08);
}
.pc-collapsible--flush .pc-collapsible__trigger[data-v-20ae8f0c] { padding-left: 0; padding-right: 0;
}
.pc-collapsible--flush .pc-collapsible__trigger[data-v-20ae8f0c]:hover { background: transparent;
}
.pc-collapsible--flush .pc-collapsible__body[data-v-20ae8f0c] { padding-left: 0; padding-right: 0;
}
.pc-collapsible--md.pc-collapsible--flush .pc-collapsible__body[data-v-20ae8f0c] { padding-bottom: 18px;
}
.pc-collapsible--sm.pc-collapsible--flush .pc-collapsible__body[data-v-20ae8f0c] { padding-bottom: 14px;
}

/* ghost - no chrome at all, the trigger is just the label + chevron */
.pc-collapsible--ghost .pc-collapsible__trigger[data-v-20ae8f0c] {
  padding: 4px 0;
  color: var(--ink-60);
  gap: 6px;
  width: auto;
}
.pc-collapsible--ghost .pc-collapsible__trigger[data-v-20ae8f0c]:hover { color: var(--ink);
}
.pc-collapsible--ghost .pc-collapsible__chevron[data-v-20ae8f0c] { width: 16px; height: 16px;
}
.pc-collapsible--ghost .pc-collapsible__body[data-v-20ae8f0c] {
  padding: 8px 0 0;
}

.pc-combobox[data-v-15f8ce5d] { width: 100%;
}
.pc-combobox__anchor[data-v-15f8ce5d] {
  display: inline-flex;
  align-items: center;
  width: 100%;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  background: var(--paper);
  height: var(--control-h);
  transition: border-color 140ms ease, box-shadow 140ms ease;
  box-sizing: border-box;
}
.pc-combobox__anchor[data-v-15f8ce5d]:hover:not(:focus-within) { border-color: var(--ink-20);
}
.pc-combobox__anchor[data-v-15f8ce5d]:focus-within { border-color: var(--midnight); box-shadow: var(--focus-ring);
}
.pc-combobox--sm .pc-combobox__anchor[data-v-15f8ce5d] { height: var(--control-h-sm);
}
.pc-combobox--lg .pc-combobox__anchor[data-v-15f8ce5d] { height: var(--control-h-lg);
}
.pc-combobox--sm .pc-combobox__input[data-v-15f8ce5d] { padding: 0 10px; font-size: 13px;
}
.pc-combobox--lg .pc-combobox__input[data-v-15f8ce5d] { padding: 0 14px; font-size: 15px;
}
.pc-combobox--sm .pc-combobox__trigger[data-v-15f8ce5d] { width: 26px;
}
.pc-combobox__input[data-v-15f8ce5d] {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  color: var(--ink);
  padding: 0 12px;
  height: 100%;
  min-width: 0;
}
.pc-combobox__input[data-v-15f8ce5d]::placeholder { color: var(--ink-40);
}
/* non-searchable: behaves like a plain select trigger */
.pc-combobox__input--static[data-v-15f8ce5d] { cursor: pointer;
}
.pc-combobox__clear[data-v-15f8ce5d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 999px;
  color: var(--ink-60);
  background: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  transition: background 120ms ease, color 120ms ease, transform 60ms ease, box-shadow 140ms ease;
}
.pc-combobox__clear[data-v-15f8ce5d]:hover { background: var(--ink-04); color: var(--ink);
}
.pc-combobox__clear[data-v-15f8ce5d]:active { transform: translateY(0.5px);
}
.pc-combobox__clear[data-v-15f8ce5d]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-combobox__trigger[data-v-15f8ce5d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 100%;
  color: var(--ink-60);
  background: transparent;
  border: 0;
  cursor: pointer;
}
.pc-combobox__trigger[data-v-15f8ce5d]:hover { color: var(--ink);
}

/* unscoped because the content is portaled */
.pc-combobox__content {
  z-index: 8000;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-medium);
  min-width: var(--reka-combobox-trigger-width);
  overflow: hidden;
  font-family: var(--display);
}
.pc-combobox__content[data-state="open"] { animation: pc-combobox-in 120ms ease-out;
}
/* exit - distinct keyframe (reka defers unmount until it finishes) */
.pc-combobox__content[data-state="closed"] { animation: pc-combobox-out 110ms ease-in forwards;
}
@keyframes pc-combobox-in {
from { opacity: 0; translate: 0 -4px;
}
to { opacity: 1; translate: 0 0;
}
}
@keyframes pc-combobox-out {
from { opacity: 1; translate: 0 0;
}
to { opacity: 0; translate: 0 -4px;
}
}
.pc-combobox__list { padding: 4px;
}
.pc-combobox__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: var(--radius-sharp);
  font-size: 14px;
  letter-spacing: -0.14px;
  color: var(--ink);
  outline: none;
  cursor: pointer;
  user-select: none;
}
.pc-combobox__item[data-highlighted] { background: var(--ink-04);
}
.pc-combobox__item:active { background: var(--ink-08);
}
.pc-combobox__item[data-state="checked"] { font-weight: 500;
}
.pc-combobox__label { flex: 1; min-width: 0;
}
.pc-combobox__indicator { color: var(--ink); display: inline-flex; align-items: center;
}
.pc-combobox__empty {
  padding: 14px;
  text-align: center;
  color: var(--ink-40);
  font-size: 13px;
}

.pc-confidence[data-v-3a293fa2] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
}
.pc-confidence--high[data-v-3a293fa2] { --pc-conf-color: color-mix(in srgb, var(--status-active) 70%, white);
}
.pc-confidence--medium[data-v-3a293fa2] { --pc-conf-color: color-mix(in srgb, var(--status-warning) 75%, white);
}
.pc-confidence--low[data-v-3a293fa2] { --pc-conf-color: color-mix(in srgb, var(--status-failed) 72%, white);
}
.pc-confidence__label[data-v-3a293fa2] {
  flex-shrink: 0;
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-confidence__track[data-v-3a293fa2] {
  position: relative;
  width: 56px;
  height: 6px;
  flex-shrink: 0;
  background: var(--ink-08);
  border-radius: var(--radius-sharp);
  overflow: hidden;
}
.pc-confidence__fill[data-v-3a293fa2] {
  display: block;
  height: 100%;
  background: var(--pc-conf-color);
  border-radius: var(--radius-sharp);
  transition: width 320ms cubic-bezier(0.4, 0, 0.2, 1);
}
/* fixed width + right aligned so the % stays aligned across a stacked group */
.pc-confidence__value[data-v-3a293fa2] {
  flex-shrink: 0;
  min-width: 32px;
  text-align: right;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.02em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.pc-confidence--sm .pc-confidence__track[data-v-3a293fa2] { width: 44px; height: 5px;
}
.pc-confidence--sm .pc-confidence__value[data-v-3a293fa2] { font-size: 10px; min-width: 28px;
}
.pc-confidence--sm .pc-confidence__label[data-v-3a293fa2] { font-size: 9px;
}

/* unscoped since reka teleports to body and our styles must reach the portal */
.pc-ctxmenu {
  z-index: 9000;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-medium);
  padding: 4px;
  min-width: 200px;
  font-size: 14px;
  font-family: var(--display);
  letter-spacing: -0.14px;
  color: var(--ink);
  outline: none;
}
.pc-ctxmenu[data-state="open"] { animation: pc-ctxmenu-in 120ms ease-out;
}
/* exit - distinct keyframe (reka defers unmount until it finishes) */
.pc-ctxmenu[data-state="closed"] { animation: pc-ctxmenu-out 110ms ease-in forwards;
}
@keyframes pc-ctxmenu-in {
from { opacity: 0; translate: 0 -4px;
}
to { opacity: 1; translate: 0 0;
}
}
@keyframes pc-ctxmenu-out {
from { opacity: 1; translate: 0 0;
}
to { opacity: 0; translate: 0 -4px;
}
}
.pc-ctxmenu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: var(--radius-sharp);
  cursor: default;
  outline: none;
  user-select: none;
  color: var(--ink);
  transition: background 120ms ease;
}
.pc-ctxmenu__item[data-highlighted],
.pc-ctxmenu__item[data-state="open"] { background: var(--ink-04);
}
.pc-ctxmenu__item--danger { color: var(--status-failed);
}
.pc-ctxmenu__item--danger[data-highlighted] { background: var(--status-failed-bg);
}
/* press feedback - a notch darker than the highlighted state */
.pc-ctxmenu__item:active { background: var(--ink-08);
}
.pc-ctxmenu__item--danger:active {
  background: color-mix(in srgb, var(--status-failed) 18%, var(--paper));
}
.pc-ctxmenu__item--disabled,
.pc-ctxmenu__item[data-disabled] { color: var(--ink-40); pointer-events: none;
}
.pc-ctxmenu__icon {
  width: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
  color: var(--ink-60);
}
.pc-ctxmenu__item--danger .pc-ctxmenu__icon { color: var(--status-failed);
}
.pc-ctxmenu__label { flex: 1; white-space: nowrap;
}

/* shortcut as small keycaps - system font so ⌘ / ⇧ render cleanly */
.pc-ctxmenu__shortcut {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
}
.pc-ctxmenu__key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 3px;
  background: var(--ink-04);
  color: var(--ink-60);
  font-family: ui-sans-serif, -apple-system, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}
.pc-ctxmenu__chevron {
  font-size: 15px;
  color: var(--ink-40);
  flex-shrink: 0;
}
.pc-ctxmenu__divider {
  height: 1px;
  background: var(--ink-08);
  margin: 4px 2px;
  border: 0;
}

.pc-spinner[data-v-259be2b2] {
  display: inline-block;
  border: 2px solid var(--ink-08);
  border-top-color: var(--midnight);
  border-radius: 50%;
  animation: pc-spin-259be2b2 700ms linear infinite;
}
.pc-spinner--light[data-v-259be2b2] {
  border-color: rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
}
@keyframes pc-spin-259be2b2 {
to { transform: rotate(360deg);
}
}

.pc-conv[data-v-20e45998] {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.pc-conv__turn[data-v-20e45998] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* messages */
.pc-conv__msg[data-v-20e45998] { display: flex; flex-direction: column; gap: 3px;
}
.pc-conv__role[data-v-20e45998] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 9px;
  font-weight: 500;
}
.pc-conv__role--user[data-v-20e45998] { color: var(--ink-40);
}
.pc-conv__role--agent[data-v-20e45998] { color: var(--status-paused);
}
.pc-conv__text[data-v-20e45998] {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.14px;
  color: var(--ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* trace toggle */
.pc-conv__toggle[data-v-20e45998] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin-top: 6px;
  padding: 4px 8px;
  border-radius: var(--radius-sharp);
  background: transparent;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--ink-60);
  cursor: pointer;
  outline: none;
  transition: background 120ms ease, color 120ms ease, box-shadow 120ms ease;
}
.pc-conv__toggle[data-v-20e45998]:hover { background: var(--ink-04); color: var(--ink);
}
.pc-conv__toggle[data-v-20e45998]:active { background: var(--ink-08);
}
.pc-conv__toggle[data-v-20e45998]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-conv__toggle-chev[data-v-20e45998] {
  font-size: 13px;
  color: var(--ink-40);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pc-conv__toggle--open .pc-conv__toggle-chev[data-v-20e45998] { transform: rotate(90deg);
}

/* trace */
.pc-conv__trace-wrap[data-v-20e45998] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pc-conv__trace-wrap--open[data-v-20e45998] { grid-template-rows: 1fr;
}
/* the grid-collapse clipper must be bare - no padding/border/margin, or it
   peeks through at 0fr. all styling lives on the inner element */
.pc-conv__trace[data-v-20e45998] {
  min-height: 0;
  overflow: hidden;
}
.pc-conv__trace-inner[data-v-20e45998] {
  margin-top: 6px;
  margin-left: 3px;
  padding-left: 12px;
  border-left: 2px solid var(--ink-08);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pc-conv__step[data-v-20e45998] {
  opacity: 0;
  translate: -8px 0;
  transition:
    opacity 240ms ease var(--pc-conv-stagger, 0ms),
    translate 260ms cubic-bezier(0.4, 0, 0.2, 1) var(--pc-conv-stagger, 0ms);
}
.pc-conv__trace-wrap--open .pc-conv__step[data-v-20e45998] { opacity: 1; translate: 0 0;
}

/* step icon */
.pc-conv__icon[data-v-20e45998] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.pc-conv__icon--thought[data-v-20e45998] {
  background: color-mix(in srgb, var(--lavender) 40%, var(--paper));
  color: var(--midnight);
}
.pc-conv__icon--tool[data-v-20e45998] {
  background: color-mix(in srgb, var(--blue-soft) 70%, var(--paper));
  color: var(--midnight);
}
.pc-conv__icon--error[data-v-20e45998] { background: var(--status-failed-bg); color: var(--status-failed);
}

/* thought - full text, wraps */
.pc-conv__thought[data-v-20e45998] {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.pc-conv__thought-text[data-v-20e45998] {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.12px;
  color: var(--ink-60);
  padding-top: 1px;
}

/* tool head - the compact one-line preview */
.pc-conv__tool-head[data-v-20e45998] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  background: transparent;
  outline: none;
}
.pc-conv__tool-head--btn[data-v-20e45998] {
  cursor: pointer;
  padding: 3px 4px;
  margin: -3px -4px;
  border-radius: var(--radius-sharp);
  transition: background 120ms ease, box-shadow 120ms ease;
}
.pc-conv__tool-head--btn[data-v-20e45998]:hover { background: var(--ink-04);
}
.pc-conv__tool-head--btn[data-v-20e45998]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-conv__tool-line[data-v-20e45998] {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 1.4;
}
.pc-conv__tool-name[data-v-20e45998] {
  font-family: var(--mono);
  font-weight: 500;
  color: var(--ink);
}
.pc-conv__tool-preview[data-v-20e45998] {
  font-family: var(--mono);
  color: var(--ink-40);
  margin-left: 6px;
}
.pc-conv__tool-dur[data-v-20e45998] {
  flex-shrink: 0;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.02em;
  color: var(--ink-40);
}
.pc-conv__tool-chev[data-v-20e45998] {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--ink-20);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms ease;
}
.pc-conv__tool-head--btn:hover .pc-conv__tool-chev[data-v-20e45998] { color: var(--ink-40);
}
.pc-conv__tool-chev--open[data-v-20e45998] { transform: rotate(90deg);
}

/* tool detail - full args + result, expands per step */
.pc-conv__detail-wrap[data-v-20e45998] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pc-conv__detail-wrap--open[data-v-20e45998] { grid-template-rows: 1fr;
}
.pc-conv__detail[data-v-20e45998] {
  min-height: 0;
  overflow: hidden;
}
.pc-conv__detail-inner[data-v-20e45998] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 7px 0 3px 24px;
}
.pc-conv__args[data-v-20e45998] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 10px;
  background: var(--ink-04);
  border-radius: var(--radius-sharp);
}
.pc-conv__arg[data-v-20e45998] {
  display: flex;
  gap: 8px;
  font-family: var(--mono);
  font-size: 11.5px;
  line-height: 1.5;
}
.pc-conv__arg-key[data-v-20e45998] { color: var(--ink-40); flex-shrink: 0;
}
.pc-conv__arg-val[data-v-20e45998] { color: var(--ink); overflow-wrap: anywhere;
}
.pc-conv__result[data-v-20e45998] {
  padding: 8px 10px;
  border-left: 2px solid var(--ink-20);
  background: var(--ink-04);
  border-radius: 0 var(--radius-sharp) var(--radius-sharp) 0;
  font-family: var(--mono);
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--ink-60);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.pc-conv__result--error[data-v-20e45998] {
  border-left-color: var(--status-failed);
  background: var(--status-failed-bg);
  color: var(--status-failed);
}
@media (prefers-reduced-motion: reduce) {
.pc-conv__step[data-v-20e45998] { transition: none;
}
}

.pc-distbar[data-v-ae09da24] { width: 100%;
}
.pc-distbar__label[data-v-ae09da24] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  margin-bottom: 10px;
}
.pc-distbar__track[data-v-ae09da24] {
  display: flex;
  width: 100%;
  border-radius: var(--radius-sharp);
  overflow: hidden;
  background: var(--ink-04);
}
.pc-distbar__seg[data-v-ae09da24] {
  min-width: 2px;
  transition: width 320ms cubic-bezier(0.4, 0, 0.2, 1), filter 120ms ease;
}
/* a crisp paper hairline so the boundary reads regardless of colour contrast */
.pc-distbar__seg[data-v-ae09da24]:not(:last-child) {
  border-right: 2px solid var(--paper);
}
.pc-distbar__seg[data-v-ae09da24]:hover { filter: brightness(0.95);
}
.pc-distbar__legend[data-v-ae09da24] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 16px;
}
.pc-distbar__item[data-v-ae09da24] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pc-distbar__swatch[data-v-ae09da24] {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  flex-shrink: 0;
}
.pc-distbar__name[data-v-ae09da24] {
  font-size: 14px;
  letter-spacing: -0.14px;
  color: var(--ink);
}
.pc-distbar__value[data-v-ae09da24] {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.02em;
  color: var(--ink-60);
  font-variant-numeric: tabular-nums;
}

/* hover tooltip */
.pc-distbar__tip[data-v-ae09da24] {
  position: absolute;
  z-index: 9000;
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: var(--midnight);
  color: var(--paper-on-dark);
  padding: 7px 10px;
  border-radius: var(--radius-sharp);
  box-shadow: var(--shadow-medium);
  pointer-events: none;
  max-width: 240px;
  transition: opacity 90ms ease;
}
.pc-distbar__tip-name[data-v-ae09da24] {
  font-family: var(--display);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.12px;
}
.pc-distbar__tip-value[data-v-ae09da24] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--paper-on-dark-60);
}

.pc-costbreak[data-v-14b4f589] {
  display: flex;
  flex-direction: column;
}
.pc-costbreak__model[data-v-14b4f589] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-costbreak__total[data-v-14b4f589] {
  font-family: var(--display);
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.05;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  margin: 4px 0 16px;
}
.pc-costbreak__rows[data-v-14b4f589] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}
.pc-costbreak__row[data-v-14b4f589] {
  display: grid;
  grid-template-columns: 10px auto 1fr auto;
  align-items: center;
  gap: 10px;
}
.pc-costbreak__swatch[data-v-14b4f589] {
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.pc-costbreak__label[data-v-14b4f589] {
  font-size: 14px;
  letter-spacing: -0.14px;
  color: var(--ink);
}
.pc-costbreak__tokens[data-v-14b4f589] {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.02em;
  color: var(--ink-60);
}
.pc-costbreak__cost[data-v-14b4f589] {
  font-family: var(--mono);
  font-size: 13px;
  letter-spacing: 0.02em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.pc-costbreak__unknown[data-v-14b4f589] {
  font-size: 14px;
  color: var(--ink-60);
}
.pc-costbreak__unknown code[data-v-14b4f589] {
  font-family: var(--mono);
  font-size: 12px;
  background: var(--ink-04);
  padding: 1px 5px;
  border-radius: 3px;
}

.pc-bymodel[data-v-43d25d42] { width: 100%;
}

/* one shared column template - every row aligns to it */
.pc-bymodel__grid[data-v-43d25d42] {
  display: grid;
  grid-template-columns: 1fr 72px 72px 100px 56px;
  align-items: center;
  gap: 14px;
}
.pc-bymodel__head[data-v-43d25d42] {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--ink-08);
}
.pc-bymodel__h[data-v-43d25d42] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-40);
}
.pc-bymodel__h--num[data-v-43d25d42] { text-align: right;
}
.pc-bymodel__row[data-v-43d25d42] {
  padding: 11px 0;
  border-bottom: 1px solid var(--ink-08);
  animation: pc-bymodel-in-43d25d42 320ms cubic-bezier(0.4, 0, 0.2, 1) both;
  animation-delay: var(--row-delay, 0ms);
}
@keyframes pc-bymodel-in-43d25d42 {
from { opacity: 0; translate: -10px 0;
}
to { opacity: 1; translate: 0 0;
}
}
.pc-bymodel__model[data-v-43d25d42] {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-bymodel__num[data-v-43d25d42] {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.02em;
  color: var(--ink-60);
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.pc-bymodel__num--ink[data-v-43d25d42] { color: var(--ink);
}
.pc-bymodel__bar[data-v-43d25d42] {
  display: block;
  height: 6px;
  background: var(--ink-08);
  border-radius: var(--radius-sharp);
  overflow: hidden;
}
.pc-bymodel__bar-fill[data-v-43d25d42] {
  display: block;
  height: 100%;
  background: var(--lavender);
  border-radius: var(--radius-sharp);
}
.pc-bymodel__total[data-v-43d25d42] { padding-top: 12px;
}
.pc-bymodel__total-label[data-v-43d25d42] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-bymodel__total-cost[data-v-43d25d42] {
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
}
@media (prefers-reduced-motion: reduce) {
.pc-bymodel__row[data-v-43d25d42] { animation: none;
}
}

.pc-slider-wrap[data-v-7e4654c2] { display: flex; align-items: center; gap: 12px; width: 100%;
}
.pc-slider-main[data-v-7e4654c2] { flex: 1;
}
.pc-slider[data-v-7e4654c2] {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  touch-action: none;
  width: 100%;
  height: 20px;
}
.pc-slider[data-disabled][data-v-7e4654c2] { opacity: 0.5;
}
.pc-slider__track[data-v-7e4654c2] {
  position: relative;
  flex-grow: 1;
  height: 4px;
  background: var(--ink-08);
  border-radius: 999px;
  overflow: hidden;
}
.pc-slider__range[data-v-7e4654c2] {
  position: absolute;
  height: 100%;
  background: var(--midnight);
}

/* tick marks */
.pc-slider__tick[data-v-7e4654c2] {
  position: absolute;
  top: 50%;
  width: 2px;
  height: 8px;
  border-radius: 1px;
  background: var(--ink-20);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.pc-slider__thumb[data-v-7e4654c2] {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  background: var(--paper);
  border: 2px solid var(--midnight);
  border-radius: 999px;
  outline: none;
  transition: box-shadow 140ms ease, transform 80ms ease;
  cursor: grab;
}
.pc-slider__thumb[data-v-7e4654c2]:hover { transform: scale(1.08);
}
.pc-slider__thumb[data-v-7e4654c2]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-slider__thumb[data-v-7e4654c2]:active { cursor: grabbing;
}

/* value bubble */
.pc-slider__bubble[data-v-7e4654c2] {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--midnight);
  color: var(--paper-on-dark);
  font-family: var(--display);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.11px;
  padding: 3px 7px;
  border-radius: var(--radius-sharp);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 120ms ease;
}
.pc-slider__bubble[data-v-7e4654c2]::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: var(--midnight);
}
.pc-slider__thumb:hover .pc-slider__bubble[data-v-7e4654c2],
.pc-slider__thumb:focus-visible .pc-slider__bubble[data-v-7e4654c2],
.pc-slider__thumb:active .pc-slider__bubble[data-v-7e4654c2] { opacity: 1;
}

/* mark labels */
.pc-slider__marks[data-v-7e4654c2] {
  position: relative;
  height: 14px;
  margin-top: 4px;
}
.pc-slider__mark-label[data-v-7e4654c2] {
  position: absolute;
  transform: translateX(-50%);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  color: var(--ink-60);
  white-space: nowrap;
}
.pc-slider__readout[data-v-7e4654c2] {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--ink-60);
  min-width: 60px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.pc-estimator[data-v-d0562454] { width: 100%;
}
.pc-estimator__controls[data-v-d0562454] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.pc-estimator__field[data-v-d0562454] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pc-estimator__label[data-v-d0562454] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-estimator__result[data-v-d0562454] {
  margin-top: 20px;
  padding: 18px 20px;
  border-radius: var(--radius-comfy);
  border: 1px solid var(--ink-08);
  background:
    radial-gradient(72% 95% at 0% 0%, rgba(189, 187, 255, 0.32), transparent 72%),
    radial-gradient(64% 85% at 100% 100%, rgba(214, 225, 255, 0.32), transparent 70%),
    var(--paper);
}
.pc-estimator__eyebrow[data-v-d0562454] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-estimator__hero[data-v-d0562454] {
  font-family: var(--display);
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.05;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  margin: 6px 0 2px;
}
.pc-estimator__unit[data-v-d0562454] {
  font-size: 0.4em;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--ink-40);
  margin-left: 0.4em;
}
.pc-estimator__per[data-v-d0562454] {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.02em;
  color: var(--ink-60);
}

.pc-costproj[data-v-51f12bb9] {
  display: flex;
  flex-direction: column;
}
.pc-costproj__eyebrow[data-v-51f12bb9] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-costproj__hero[data-v-51f12bb9] {
  font-family: var(--display);
  font-size: 44px;
  font-weight: 500;
  letter-spacing: -1.1px;
  line-height: 1.05;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  margin: 6px 0 2px;
}
.pc-costproj__year[data-v-51f12bb9] {
  font-family: var(--display);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: var(--ink-60);
  font-variant-numeric: tabular-nums;
}
.pc-costproj__unit[data-v-51f12bb9] {
  font-size: 0.42em;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--ink-40);
  margin-left: 0.4em;
}
.pc-costproj__year .pc-costproj__unit[data-v-51f12bb9] { font-size: 0.55em;
}
.pc-costproj__basis[data-v-51f12bb9] {
  margin-top: 14px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--ink-40);
}

.pc-toggrp[data-v-3d1ec989] {
  display: inline-flex;
  width: max-content;
}
.pc-toggrp__item[data-v-3d1ec989] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: var(--control-h);
  padding: 0 12px;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-right-width: 0;
  font-family: var(--display);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  color: var(--ink-60);
  cursor: pointer;
  outline: none;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
  white-space: nowrap;
}
.pc-toggrp__item[data-v-3d1ec989]:first-child { border-top-left-radius: var(--radius-sharp); border-bottom-left-radius: var(--radius-sharp);
}
.pc-toggrp__item[data-v-3d1ec989]:last-child { border-right-width: 1px; border-top-right-radius: var(--radius-sharp); border-bottom-right-radius: var(--radius-sharp);
}
.pc-toggrp__item[data-v-3d1ec989]:hover:not(:disabled):not([data-state="on"]) { background: var(--ink-04); color: var(--ink);
}
.pc-toggrp__item[data-v-3d1ec989]:focus-visible { box-shadow: var(--focus-ring); z-index: 1;
}
.pc-toggrp__item[data-state="on"][data-v-3d1ec989] {
  background: var(--midnight);
  border-color: var(--midnight);
  color: var(--paper-on-dark);
}
/* keep the shared border crisp when an active item sits next to an inactive one */
.pc-toggrp__item[data-state="on"] + .pc-toggrp__item[data-v-3d1ec989] { border-left-color: var(--midnight);
}
.pc-toggrp__item[data-disabled][data-v-3d1ec989] { opacity: 0.5; cursor: not-allowed;
}
.pc-toggrp--sm .pc-toggrp__item[data-v-3d1ec989] { height: var(--control-h-sm); padding: 0 10px; font-size: 13px;
}
.pc-toggrp--lg .pc-toggrp__item[data-v-3d1ec989] { height: var(--control-h-lg); padding: 0 16px; font-size: 15px;
}
.pc-toggrp__icon[data-v-3d1ec989] { font-size: 14px;
}

.pc-diff[data-v-95ec4193] {
  --pc-diff-num: 46px;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  overflow: hidden;
  background: var(--paper);
}
.pc-diff__header[data-v-95ec4193] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 12px;
  background: var(--ink-04);
  border-bottom: 1px solid var(--ink-08);
}
.pc-diff__labels[data-v-95ec4193] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.pc-diff__label[data-v-95ec4193] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pc-diff__arrow[data-v-95ec4193] { width: 13px; height: 13px; color: var(--ink-40); flex-shrink: 0;
}
.pc-diff__stats[data-v-95ec4193] { display: flex; gap: 8px; flex-shrink: 0;
}
.pc-diff__stat[data-v-95ec4193] {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}
.pc-diff__stat--add[data-v-95ec4193] { color: var(--status-active);
}
.pc-diff__stat--del[data-v-95ec4193] { color: var(--status-failed);
}
.pc-diff__body[data-v-95ec4193] { width: 100%;
}
.pc-diff__grid[data-v-95ec4193] { display: grid;
}
.pc-diff__grid--split[data-v-95ec4193] {
  grid-template-columns: var(--pc-diff-num) minmax(0, 1fr) var(--pc-diff-num) minmax(0, 1fr);
}
.pc-diff__grid--unified[data-v-95ec4193] {
  grid-template-columns: var(--pc-diff-num) var(--pc-diff-num) minmax(0, 1fr);
}
.pc-diff--no-nums.pc-diff--split .pc-diff__grid--split[data-v-95ec4193] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.pc-diff--no-nums.pc-diff--unified .pc-diff__grid--unified[data-v-95ec4193] {
  grid-template-columns: minmax(0, 1fr);
}
.pc-diff__num[data-v-95ec4193] {
  padding: 1px 8px;
  text-align: right;
  font-family: var(--mono);
  font-size: 10.5px;
  line-height: 1.65;
  color: var(--ink-40);
  background: var(--paper);
  border-right: 1px solid var(--ink-08);
  user-select: none;
  font-variant-numeric: tabular-nums;
}
.pc-diff__code[data-v-95ec4193] {
  display: flex;
  gap: 6px;
  padding: 1px 10px 1px 6px;
  background: var(--paper);
  font-family: var(--mono);
  font-size: 12.5px;
  line-height: 1.65;
}
.pc-diff__sign[data-v-95ec4193] {
  flex-shrink: 0;
  width: 1ch;
  text-align: center;
  color: var(--ink-40);
  user-select: none;
}
.pc-diff__text[data-v-95ec4193] {
  flex: 1;
  min-width: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  tab-size: 4;
  color: var(--ink);
}

/* row tints */
.pc-diff__cell--del[data-v-95ec4193] { background: color-mix(in srgb, var(--status-failed) 10%, var(--paper));
}
.pc-diff__cell--ins[data-v-95ec4193] { background: color-mix(in srgb, var(--status-active) 10%, var(--paper));
}
.pc-diff__cell--empty[data-v-95ec4193] {
  background: var(--ink-04);
  border-right-color: transparent;
}
.pc-diff__num.pc-diff__cell--del[data-v-95ec4193] { background: color-mix(in srgb, var(--status-failed) 17%, var(--paper));
}
.pc-diff__num.pc-diff__cell--ins[data-v-95ec4193] { background: color-mix(in srgb, var(--status-active) 17%, var(--paper));
}
.pc-diff__cell--del .pc-diff__sign[data-v-95ec4193] { color: var(--status-failed);
}
.pc-diff__cell--ins .pc-diff__sign[data-v-95ec4193] { color: var(--status-active);
}

/* word-level highlights inside a changed line (plain-text mode) */
.pc-diff__tok[data-v-95ec4193] {
  border-radius: 2px;
  padding: 0 1px;
}
.pc-diff__tok--del[data-v-95ec4193] { background: color-mix(in srgb, var(--status-failed) 26%, var(--paper));
}
.pc-diff__tok--ins[data-v-95ec4193] { background: color-mix(in srgb, var(--status-active) 26%, var(--paper));
}

/* word-level highlights inside a changed code line - a continuous band so it
   reads as one highlight even though it is split across syntax tokens */
.pc-diff__ctok--del[data-v-95ec4193] { background: color-mix(in srgb, var(--status-failed) 24%, var(--paper));
}
.pc-diff__ctok--ins[data-v-95ec4193] { background: color-mix(in srgb, var(--status-active) 24%, var(--paper));
}
.pc-diff__ctok--start[data-v-95ec4193] { border-top-left-radius: 2px; border-bottom-left-radius: 2px;
}
.pc-diff__ctok--end[data-v-95ec4193] { border-top-right-radius: 2px; border-bottom-right-radius: 2px;
}

.pc-textarea[data-v-6457ff67] {
  width: 100%;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  padding: 8px 10px;
  font-size: 14px;
  background: var(--paper);
  color: var(--ink);
  outline: none;
  transition: border-color 140ms ease, box-shadow 140ms ease;
  font-family: var(--display);
  letter-spacing: -0.14px;
  line-height: 1.4;
  resize: vertical;
}
.pc-textarea[data-v-6457ff67]::placeholder { color: var(--ink-40);
}
.pc-textarea[data-v-6457ff67]:hover:not(:disabled):not(:focus) { border-color: var(--ink-20);
}
.pc-textarea[data-v-6457ff67]:focus { border-color: var(--midnight); box-shadow: var(--focus-ring);
}
.pc-textarea[data-v-6457ff67]:disabled { background: var(--ink-04); color: var(--ink-60); cursor: not-allowed;
}
.pc-textarea--invalid[data-v-6457ff67] { border-color: var(--status-failed);
}
.pc-textarea--invalid[data-v-6457ff67]:hover:not(:focus) { border-color: var(--status-failed);
}
.pc-textarea--invalid[data-v-6457ff67]:focus { border-color: var(--status-failed); box-shadow: var(--focus-ring-danger);
}

.pc-kv[data-v-01bb46c4] {
  margin: 0;
  font-family: var(--display);
}

/* row - aligned label column + value column */
.pc-kv--row .pc-kv__row[data-v-01bb46c4] {
  display: grid;
  grid-template-columns: var(--pc-kv-label-w) 1fr;
  column-gap: 16px;
  align-items: baseline;
  padding: 5px 0;
}
.pc-kv--row.pc-kv--compact .pc-kv__row[data-v-01bb46c4] { padding: 3px 0;
}

/* stack - label above value */
.pc-kv--stack .pc-kv__row[data-v-01bb46c4] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 7px 0;
}
.pc-kv--stack.pc-kv--compact .pc-kv__row[data-v-01bb46c4] { padding: 4px 0;
}
.pc-kv--stack .pc-kv__label[data-v-01bb46c4] { margin-bottom: 2px;
}

/* divided - label left, value right, dashed separators between rows */
.pc-kv--divided .pc-kv__row[data-v-01bb46c4] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 9px 0;
  border-bottom: 1px dashed var(--ink-20);
}
.pc-kv--divided.pc-kv--compact .pc-kv__row[data-v-01bb46c4] { padding: 6px 0;
}
.pc-kv--divided .pc-kv__row[data-v-01bb46c4]:last-child { border-bottom: 0;
}
.pc-kv--divided.pc-kv--no-dividers .pc-kv__row[data-v-01bb46c4] { border-bottom: 0;
}
.pc-kv--divided .pc-kv__value[data-v-01bb46c4] { text-align: right;
}

/* boxed - tinted container */
.pc-kv--boxed[data-v-01bb46c4] {
  background: var(--ink-04);
  border-radius: var(--radius-comfy);
  padding: 4px 14px;
}
.pc-kv__label[data-v-01bb46c4] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  line-height: 1.4;
  margin: 0;
  white-space: nowrap;
}
.pc-kv__value[data-v-01bb46c4] {
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.14px;
  color: var(--ink);
  line-height: 1.4;
  min-width: 0;
}

.pc-drawer-root[data-v-a874e27e] {
  position: fixed; inset: 0;
  z-index: 9500;
  display: flex;
}
.pc-drawer-root--right[data-v-a874e27e]  { justify-content: flex-end;
}
.pc-drawer-root--left[data-v-a874e27e]   { justify-content: flex-start;
}
.pc-drawer-root--top[data-v-a874e27e]    { align-items: flex-start; flex-direction: column;
}
.pc-drawer-root--bottom[data-v-a874e27e] { align-items: flex-end; flex-direction: column; justify-content: flex-end;
}
.pc-drawer-backdrop[data-v-a874e27e] {
  position: absolute; inset: 0;
  background: rgba(1, 1, 32, 0.40);
  backdrop-filter: blur(2px);
}
.pc-drawer[data-v-a874e27e] {
  position: relative;
  background: var(--paper);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-medium);
  border: 1px solid var(--ink-08);
}
.pc-drawer--right[data-v-a874e27e], .pc-drawer--left[data-v-a874e27e] {
  height: 100%;
  border-radius: 0;
}
.pc-drawer--right[data-v-a874e27e] { border-right: 0;
}
.pc-drawer--left[data-v-a874e27e] { border-left: 0;
}
.pc-drawer--top[data-v-a874e27e], .pc-drawer--bottom[data-v-a874e27e] {
  width: 100%;
  border-radius: 0;
}
.pc-drawer--top[data-v-a874e27e] { border-top: 0;
}
.pc-drawer--bottom[data-v-a874e27e] { border-bottom: 0;
}

/* sizes */
.pc-drawer--right.pc-drawer--sm[data-v-a874e27e], .pc-drawer--left.pc-drawer--sm[data-v-a874e27e]  { width: 320px; max-width: 100vw;
}
.pc-drawer--right.pc-drawer--md[data-v-a874e27e], .pc-drawer--left.pc-drawer--md[data-v-a874e27e]  { width: 480px; max-width: 100vw;
}
.pc-drawer--right.pc-drawer--lg[data-v-a874e27e], .pc-drawer--left.pc-drawer--lg[data-v-a874e27e]  { width: 640px; max-width: 100vw;
}
.pc-drawer--right.pc-drawer--xl[data-v-a874e27e], .pc-drawer--left.pc-drawer--xl[data-v-a874e27e]  { width: 800px; max-width: 100vw;
}
.pc-drawer--right.pc-drawer--full[data-v-a874e27e], .pc-drawer--left.pc-drawer--full[data-v-a874e27e] { width: 100vw;
}
.pc-drawer--top.pc-drawer--sm[data-v-a874e27e],    .pc-drawer--bottom.pc-drawer--sm[data-v-a874e27e]    { height: 240px; max-height: 100vh;
}
.pc-drawer--top.pc-drawer--md[data-v-a874e27e],    .pc-drawer--bottom.pc-drawer--md[data-v-a874e27e]    { height: 360px; max-height: 100vh;
}
.pc-drawer--top.pc-drawer--lg[data-v-a874e27e],    .pc-drawer--bottom.pc-drawer--lg[data-v-a874e27e]    { height: 480px; max-height: 100vh;
}
.pc-drawer--top.pc-drawer--xl[data-v-a874e27e],    .pc-drawer--bottom.pc-drawer--xl[data-v-a874e27e]    { height: 640px; max-height: 100vh;
}
.pc-drawer--top.pc-drawer--full[data-v-a874e27e],  .pc-drawer--bottom.pc-drawer--full[data-v-a874e27e]  { height: 100vh;
}
.pc-drawer__header[data-v-a874e27e] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px 8px;
}
.pc-drawer__head-text[data-v-a874e27e] { display: flex; flex-direction: column; gap: 4px; min-width: 0;
}
.pc-drawer__eyebrow[data-v-a874e27e] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-drawer__title[data-v-a874e27e] {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.32px;
  line-height: 1.2;
  color: var(--ink);
}
.pc-drawer__close[data-v-a874e27e] {
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  color: var(--ink-60);
  line-height: 1;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 60ms ease;
  outline: none;
  flex-shrink: 0;
}
.pc-drawer__close[data-v-a874e27e]:hover { background: var(--ink-04); color: var(--ink);
}
.pc-drawer__close[data-v-a874e27e]:active { transform: translateY(0.5px);
}
.pc-drawer__close[data-v-a874e27e]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-drawer__body[data-v-a874e27e] {
  padding: 12px 24px 24px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.pc-drawer__footer[data-v-a874e27e] {
  padding: 12px 24px 20px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

/* transitions - the backdrop fades AND blurs together, the panel slides */
.pc-drawer-enter-active .pc-drawer-backdrop[data-v-a874e27e],
.pc-drawer-leave-active .pc-drawer-backdrop[data-v-a874e27e] {
  transition: opacity 280ms ease, backdrop-filter 280ms ease, -webkit-backdrop-filter 280ms ease;
}
.pc-drawer-enter-from .pc-drawer-backdrop[data-v-a874e27e],
.pc-drawer-leave-to .pc-drawer-backdrop[data-v-a874e27e] {
  opacity: 0;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}
.pc-drawer-enter-active .pc-drawer[data-v-a874e27e],
.pc-drawer-leave-active .pc-drawer[data-v-a874e27e] { transition: translate 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
.pc-drawer-enter-from .pc-drawer--right[data-v-a874e27e], .pc-drawer-leave-to .pc-drawer--right[data-v-a874e27e]  { translate: 100% 0;
}
.pc-drawer-enter-from .pc-drawer--left[data-v-a874e27e], .pc-drawer-leave-to .pc-drawer--left[data-v-a874e27e]    { translate: -100% 0;
}
.pc-drawer-enter-from .pc-drawer--top[data-v-a874e27e], .pc-drawer-leave-to .pc-drawer--top[data-v-a874e27e]      { translate: 0 -100%;
}
.pc-drawer-enter-from .pc-drawer--bottom[data-v-a874e27e], .pc-drawer-leave-to .pc-drawer--bottom[data-v-a874e27e] { translate: 0 100%;
}

.pc-menu-trigger[data-v-c8b83f46] {
  display: inline-flex;
  width: max-content;
  justify-self: start;
  align-self: start;
}
.pc-menu[data-v-c8b83f46] {
  position: absolute;
  z-index: 8500;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-medium);
  padding: 4px;
  min-width: 180px;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
}
.pc-menu--ready[data-v-c8b83f46] {
  visibility: visible;
  animation: pc-menu-in-c8b83f46 120ms ease-out forwards;
}
/* exit - distinct keyframe so the leave animation actually restarts */
.pc-menu-leave-active.pc-menu--ready[data-v-c8b83f46] {
  animation: pc-menu-out-c8b83f46 110ms ease-in forwards;
}
@keyframes pc-menu-in-c8b83f46 {
from { opacity: 0; translate: 0 -4px;
}
to { opacity: 1; translate: 0 0;
}
}
@keyframes pc-menu-out-c8b83f46 {
from { opacity: 1; translate: 0 0;
}
to { opacity: 0; translate: 0 -4px;
}
}
.pc-menu__item[data-v-c8b83f46] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: var(--radius-sharp);
  font-size: 14px;
  font-family: var(--display);
  letter-spacing: -0.14px;
  color: var(--ink);
  text-align: left;
  outline: none;
  transition: background 120ms ease, color 120ms ease;
}
.pc-menu__item[data-v-c8b83f46]:hover:not(:disabled) { background: var(--ink-04);
}
.pc-menu__item[data-v-c8b83f46]:focus-visible:not(:disabled) { background: var(--ink-04);
}
.pc-menu__item--danger[data-v-c8b83f46] { color: var(--status-failed);
}
.pc-menu__item--danger[data-v-c8b83f46]:hover:not(:disabled) { background: var(--status-failed-bg);
}
/* press feedback - a notch darker than hover */
.pc-menu__item[data-v-c8b83f46]:active:not(:disabled) { background: var(--ink-08);
}
.pc-menu__item--danger[data-v-c8b83f46]:active:not(:disabled) {
  background: color-mix(in srgb, var(--status-failed) 18%, var(--paper));
}
.pc-menu__item--disabled[data-v-c8b83f46] { color: var(--ink-40); cursor: not-allowed;
}
.pc-menu__icon[data-v-c8b83f46] { font-size: 14px; opacity: 0.8;
}
.pc-menu__label[data-v-c8b83f46] { flex: 1;
}
.pc-menu__shortcut[data-v-c8b83f46] {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--ink-40);
  letter-spacing: 0.04em;
}
.pc-menu__divider[data-v-c8b83f46] { border: 0; height: 1px; background: var(--ink-08); margin: 4px 0;
}

.pc-embmap[data-v-f0d00b6d] {
  display: inline-flex;
  flex-direction: column;
  gap: 14px;
}
.pc-embmap__svg[data-v-f0d00b6d] {
  display: block;
  background: var(--ink-04);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
}
.pc-embmap__link[data-v-f0d00b6d] {
  stroke: var(--ink-20);
  stroke-width: 1.5;
}
.pc-embmap__point[data-v-f0d00b6d] {
  cursor: pointer;
  stroke: var(--paper);
  stroke-width: 1.5;
  transition: r 100ms ease;
}
.pc-embmap__point[data-v-f0d00b6d]:hover { stroke: var(--ink-40);
}
.pc-embmap__query-ring[data-v-f0d00b6d] {
  fill: none;
  stroke: var(--midnight);
  stroke-opacity: 0.25;
  stroke-width: 1.5;
}
.pc-embmap__query[data-v-f0d00b6d] {
  fill: var(--midnight);
  stroke: var(--paper);
  stroke-width: 2;
  cursor: pointer;
}
.pc-embmap__legend[data-v-f0d00b6d] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.pc-embmap__legend-item[data-v-f0d00b6d] {
  display: flex;
  align-items: center;
  gap: 7px;
}
.pc-embmap__legend-dot[data-v-f0d00b6d] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.pc-embmap__legend-name[data-v-f0d00b6d] {
  font-size: 13px;
  color: var(--ink-60);
  letter-spacing: -0.13px;
}
.pc-embmap__tip[data-v-f0d00b6d] {
  position: absolute;
  z-index: 9000;
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: var(--midnight);
  color: var(--paper-on-dark);
  padding: 7px 10px;
  border-radius: var(--radius-sharp);
  box-shadow: var(--shadow-medium);
  pointer-events: none;
  white-space: nowrap;
  transition: opacity 90ms ease;
}
.pc-embmap__tip-label[data-v-f0d00b6d] {
  font-family: var(--display);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.12px;
}
.pc-embmap__tip-cluster[data-v-f0d00b6d] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 9px;
  color: var(--paper-on-dark-60);
}

.pc-entity-card[data-v-ee98bb8e] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-soft);
  color: var(--ink);
  text-decoration: none;
}
.pc-entity-card--interactive[data-v-ee98bb8e] {
  cursor: pointer;
  transition: transform 140ms ease, box-shadow 140ms ease;
}
.pc-entity-card--interactive[data-v-ee98bb8e]:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-medium);
}
/* press - settles back down so it feels like it's being pushed */
.pc-entity-card--interactive[data-v-ee98bb8e]:active {
  transform: translateY(0);
  box-shadow: var(--shadow-soft);
}

/* header - soft pastel wash, monogram left, status right */
.pc-entity-card__header[data-v-ee98bb8e] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px;
  min-height: 96px;
  background:
    radial-gradient(80% 70% at 0% 0%, rgba(189, 187, 255, 0.35), transparent 60%),
    radial-gradient(64% 70% at 100% 100%, rgba(255, 214, 245, 0.30), transparent 60%);
}
.pc-entity-card__header--plain[data-v-ee98bb8e] { background: var(--ink-04);
}
.pc-entity-card__monogram[data-v-ee98bb8e] {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--display);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.3px;
  color: var(--midnight);
  background: color-mix(in srgb, var(--lavender) 55%, white);
}
.pc-entity-card__monogram--plain[data-v-ee98bb8e] {
  background: var(--paper);
  box-shadow: inset 0 0 0 1px var(--ink-08);
  color: var(--ink-60);
}
.pc-entity-card__status[data-v-ee98bb8e] { flex-shrink: 0;
}

/* body */
.pc-entity-card__body[data-v-ee98bb8e] { padding: 20px 24px 24px;
}
.pc-entity-card__title[data-v-ee98bb8e] {
  margin: 0;
  font-family: var(--display);
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.56px;
  line-height: 1.15;
  color: var(--ink);
}
.pc-entity-card__subtitle[data-v-ee98bb8e] {
  margin-top: 4px;
  font-size: 15px;
  color: var(--ink-60);
  letter-spacing: -0.15px;
}
.pc-entity-card__rule[data-v-ee98bb8e] {
  border: 0;
  height: 1px;
  background: var(--ink-08);
  margin: 16px 0;
}
.pc-entity-card__metrics[data-v-ee98bb8e] {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(var(--pc-ec-cols), 1fr);
  gap: 18px 16px;
}
/* subgrid: every metric shares a label row and a value row, so values stay
   aligned across the row even when a label wraps to two (or more) lines */
.pc-entity-card__metric[data-v-ee98bb8e] {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 6px;
  min-width: 0;
}
.pc-entity-card__metric-label[data-v-ee98bb8e] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  line-height: 1.3;
}
.pc-entity-card__metric-value[data-v-ee98bb8e] {
  margin: 0;
  font-family: var(--display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.pc-entity-card__metric-value--mono[data-v-ee98bb8e] {
  font-family: var(--mono);
  font-size: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.pc-entity-card__footer[data-v-ee98bb8e] {
  font-size: 14px;
  color: var(--ink-60);
  letter-spacing: -0.14px;
}

.pc-num[data-v-6c8beedd] {
  display: inline-flex;
  align-items: stretch;
  width: max-content;
  height: var(--control-h);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  background: var(--paper);
  overflow: hidden;
  transition: border-color 140ms ease, box-shadow 140ms ease;
  box-sizing: border-box;
}
.pc-num--sm[data-v-6c8beedd] { height: var(--control-h-sm);
}
.pc-num--lg[data-v-6c8beedd] { height: var(--control-h-lg);
}
.pc-num[data-v-6c8beedd]:hover:not(.pc-num--disabled):not(:focus-within) { border-color: var(--ink-20);
}
.pc-num[data-v-6c8beedd]:focus-within { border-color: var(--midnight); box-shadow: var(--focus-ring);
}
.pc-num--invalid[data-v-6c8beedd] { border-color: var(--status-failed);
}
.pc-num--invalid[data-v-6c8beedd]:focus-within { border-color: var(--status-failed); box-shadow: var(--focus-ring-danger);
}
.pc-num--disabled[data-v-6c8beedd] { background: var(--ink-04); opacity: 0.7;
}
.pc-num__input[data-v-6c8beedd] {
  width: 64px;
  border: 0;
  outline: none;
  background: transparent;
  text-align: center;
  font-family: var(--display);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.14px;
  color: var(--ink);
  min-width: 0;
}
.pc-num--sm .pc-num__input[data-v-6c8beedd] { width: 52px; font-size: 13px;
}
.pc-num--lg .pc-num__input[data-v-6c8beedd] { width: 76px; font-size: 15px;
}
.pc-num__input[data-v-6c8beedd]::placeholder { color: var(--ink-40);
}
.pc-num__btn[data-v-6c8beedd] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-h);
  flex-shrink: 0;
  background: transparent;
  border: 0;
  color: var(--ink-60);
  cursor: pointer;
  outline: none;
  transition: background 120ms ease, color 120ms ease;
}
.pc-num--sm .pc-num__btn[data-v-6c8beedd] { width: var(--control-h-sm);
}
.pc-num--lg .pc-num__btn[data-v-6c8beedd] { width: var(--control-h-lg);
}
.pc-num__btn[data-v-6c8beedd]:hover:not(:disabled) { background: var(--ink-04); color: var(--ink);
}
.pc-num__btn[data-v-6c8beedd]:active:not(:disabled) { background: var(--ink-08);
}
.pc-num__btn[data-v-6c8beedd]:disabled { color: var(--ink-20); cursor: not-allowed;
}
.pc-num__btn[data-v-6c8beedd]:focus-visible { box-shadow: inset var(--focus-ring);
}

.pc-check[data-v-75623c80] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.pc-check--disabled[data-v-75623c80] { cursor: not-allowed; opacity: 0.5;
}
.pc-check__input[data-v-75623c80] { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0;
}
.pc-check__box[data-v-75623c80] {
  width: 16px; height: 16px;
  border: 1px solid var(--ink-20);
  border-radius: 3px;
  background: var(--paper);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
.pc-check:hover .pc-check__box[data-v-75623c80] { border-color: var(--ink-40);
}
.pc-check__input:focus-visible + .pc-check__box[data-v-75623c80] { box-shadow: var(--focus-ring); border-color: var(--midnight);
}
.pc-check__input:checked + .pc-check__box[data-v-75623c80] {
  background: var(--midnight);
  border-color: var(--midnight);
}
.pc-check__input:checked + .pc-check__box .pc-check__mark[data-v-75623c80] {
  display: block;
  width: 10px; height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) translate(1px, -1px);
}
.pc-check__mark[data-v-75623c80] { display: none;
}

.pc-assertion[data-v-73d19fd2] {
  width: 100%;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  background: var(--paper);
  transition: border-color 160ms ease, box-shadow 160ms ease;
  box-sizing: border-box;
}
.pc-assertion[data-v-73d19fd2]:hover { border-color: var(--ink-20);
}
.pc-assertion[data-v-73d19fd2]:focus-within {
  border-color: var(--midnight);
  box-shadow: var(--focus-ring);
}
.pc-assertion__head[data-v-73d19fd2] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px;
  border-bottom: 1px solid var(--ink-04);
}
.pc-assertion__type[data-v-73d19fd2] { width: 160px; flex-shrink: 0;
}
.pc-assertion__summary[data-v-73d19fd2] {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0 4px;
}
.pc-assertion__summary-text[data-v-73d19fd2] {
  display: block;
  width: 100%;
  font-size: 13px;
  letter-spacing: -0.13px;
  color: var(--ink-60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pc-assertion__summary-text--muted[data-v-73d19fd2] { color: var(--ink-40);
}
.pc-assertion__remove[data-v-73d19fd2] { color: var(--ink-40);
}
.pc-assertion:hover .pc-assertion__remove[data-v-73d19fd2],
.pc-assertion:focus-within .pc-assertion__remove[data-v-73d19fd2] { color: var(--ink);
}
.pc-assertion__body[data-v-73d19fd2] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px;
}
.pc-assertion__field[data-v-73d19fd2] { display: flex; flex-direction: column; gap: 6px;
}
.pc-assertion__field--narrow[data-v-73d19fd2] { max-width: 200px;
}
.pc-assertion__label[data-v-73d19fd2] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-40);
}
.pc-assertion__grid[data-v-73d19fd2] { display: grid; gap: 12px;
}
.pc-assertion__grid--regex[data-v-73d19fd2] { grid-template-columns: 1fr 110px;
}
.pc-assertion__grid--judge[data-v-73d19fd2] { grid-template-columns: 1fr 160px;
}

.pc-assertions[data-v-a50af4ab] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
}
.pc-assertions__list[data-v-a50af4ab] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.pc-assertions__list[data-v-a50af4ab]:empty { display: none;
}
.pc-asn-enter-active[data-v-a50af4ab] {
  transition:
    opacity 320ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 320ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: var(--row-delay, 0ms);
}
.pc-asn-leave-active[data-v-a50af4ab] {
  transition:
    opacity 200ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  width: 100%;
}
.pc-asn-enter-from[data-v-a50af4ab] {
  opacity: 0;
  transform: translateX(-10px);
}
.pc-asn-leave-to[data-v-a50af4ab] {
  opacity: 0;
  transform: translateX(10px);
}
.pc-asn-move[data-v-a50af4ab] {
  transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
.pc-asn-enter-active[data-v-a50af4ab],
  .pc-asn-leave-active[data-v-a50af4ab],
  .pc-asn-move[data-v-a50af4ab] { transition: none;
}
}

.pc-evalcmp[data-v-0c1019ae] { width: 100%;
}

/* one shared column template - header and every row align to it */
.pc-evalcmp__grid[data-v-0c1019ae] {
  display: grid;
  grid-template-columns: 1fr 86px 86px 112px;
  align-items: center;
  gap: 14px;
}
.pc-evalcmp__header[data-v-0c1019ae] {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--ink-08);
}
.pc-evalcmp__h[data-v-0c1019ae] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-40);
}
.pc-evalcmp__h--num[data-v-0c1019ae] {
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pc-evalcmp__row[data-v-0c1019ae] {
  padding: 10px 0;
  border-bottom: 1px solid var(--ink-08);
  animation: pc-evalcmp-in-0c1019ae 320ms cubic-bezier(0.4, 0, 0.2, 1) both;
  animation-delay: var(--row-delay, 0ms);
}
@keyframes pc-evalcmp-in-0c1019ae {
from { opacity: 0; translate: -10px 0;
}
to { opacity: 1; translate: 0 0;
}
}
.pc-evalcmp__row--removed[data-v-0c1019ae] { opacity: 0.55;
}
.pc-evalcmp__name[data-v-0c1019ae] {
  font-size: 13.5px;
  letter-spacing: -0.13px;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-evalcmp__cell[data-v-0c1019ae] {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.02em;
  color: var(--ink-40);
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.pc-evalcmp__cell--cand[data-v-0c1019ae] { color: var(--ink);
}
.pc-evalcmp__chip[data-v-0c1019ae] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  justify-self: start;
  padding: 2px 8px;
  border-radius: var(--badge-radius);
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 9px;
  font-weight: 500;
}
.pc-evalcmp__chip--improved[data-v-0c1019ae] { background: var(--status-active-bg); color: var(--status-active);
}
.pc-evalcmp__chip--regressed[data-v-0c1019ae] { background: var(--status-failed-bg); color: var(--status-failed);
}
.pc-evalcmp__chip--unchanged[data-v-0c1019ae] { background: var(--ink-04); color: var(--ink-40);
}
.pc-evalcmp__chip--new[data-v-0c1019ae] {
  background: color-mix(in srgb, var(--lavender) 30%, var(--paper));
  color: var(--status-paused);
}
.pc-evalcmp__chip--removed[data-v-0c1019ae] { background: var(--ink-04); color: var(--ink-40);
}
@media (prefers-reduced-motion: reduce) {
.pc-evalcmp__row[data-v-0c1019ae] { animation: none;
}
}

.pc-rubric[data-v-6459b19b] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px 14px;
  width: 100%;
}
.pc-rubric__label[data-v-6459b19b] {
  font-size: 13px;
  letter-spacing: -0.13px;
  color: var(--ink);
}
.pc-rubric__track[data-v-6459b19b] {
  height: 7px;
  background: var(--ink-08);
  border-radius: var(--radius-sharp);
  overflow: hidden;
}
.pc-rubric__fill[data-v-6459b19b] {
  display: block;
  height: 100%;
  border-radius: var(--radius-sharp);
  transition: width 320ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pc-rubric__fill--high[data-v-6459b19b] { background: color-mix(in srgb, var(--status-active) 70%, white);
}
.pc-rubric__fill--medium[data-v-6459b19b] { background: color-mix(in srgb, var(--status-warning) 75%, white);
}
.pc-rubric__fill--low[data-v-6459b19b] { background: color-mix(in srgb, var(--status-failed) 72%, white);
}
.pc-rubric__readout[data-v-6459b19b] {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.02em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.pc-gauge[data-v-63804b60] {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}
.pc-gauge__svg[data-v-63804b60] {
  width: 100%;
  height: 100%;
  display: block;
}
.pc-gauge__svg--default[data-v-63804b60] { --pc-gauge-color: var(--midnight);
}
.pc-gauge__svg--lavender[data-v-63804b60] { --pc-gauge-color: var(--lavender);
}
.pc-gauge__svg--success[data-v-63804b60] { --pc-gauge-color: color-mix(in srgb, var(--status-active) 68%, white);
}
.pc-gauge__svg--warning[data-v-63804b60] { --pc-gauge-color: color-mix(in srgb, var(--status-warning) 68%, white);
}
.pc-gauge__svg--danger[data-v-63804b60]  { --pc-gauge-color: color-mix(in srgb, var(--status-failed) 68%, white);
}
.pc-gauge__track[data-v-63804b60] {
  fill: none;
  stroke: var(--ink-08);
  stroke-linecap: round;
}
.pc-gauge__value[data-v-63804b60] {
  fill: none;
  stroke: var(--pc-gauge-color);
  stroke-linecap: round;
  stroke-dasharray: 100;
  transition: stroke-dashoffset 420ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pc-gauge__center[data-v-63804b60] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  pointer-events: none;
}
.pc-gauge__value-text[data-v-63804b60] {
  font-family: var(--mono);
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.pc-gauge__label[data-v-63804b60] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-60);
}
@media (prefers-reduced-motion: reduce) {
.pc-gauge__value[data-v-63804b60] { transition: none;
}
}

.pc-evalcard[data-v-a2bc54c9] {
  display: flex;
  align-items: center;
  gap: 22px;
}
.pc-evalcard__body[data-v-a2bc54c9] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pc-evalcard__name[data-v-a2bc54c9] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-evalcard__counts[data-v-a2bc54c9] {
  display: flex;
  gap: 24px;
}
.pc-evalcard__count[data-v-a2bc54c9] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pc-evalcard__num[data-v-a2bc54c9] {
  font-family: var(--display);
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 1;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.pc-evalcard__num--passed[data-v-a2bc54c9] { color: var(--status-active);
}
.pc-evalcard__num--failed[data-v-a2bc54c9] { color: var(--status-failed);
}
.pc-evalcard__num--error[data-v-a2bc54c9] { color: var(--status-warning);
}
.pc-evalcard__lbl[data-v-a2bc54c9] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-40);
}
.pc-evalcard__avg[data-v-a2bc54c9] {
  font-size: 12px;
  color: var(--ink-60);
  letter-spacing: -0.12px;
}
.pc-evalcard__avg strong[data-v-a2bc54c9] {
  font-family: var(--mono);
  font-weight: 700;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.pc-evalsuite[data-v-12bbe691] { width: 100%;
}
.pc-evalsuite__head[data-v-12bbe691] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--ink-08);
}
.pc-evalsuite__list[data-v-12bbe691] { display: flex; flex-direction: column;
}
.pc-evalsuite__case[data-v-12bbe691] {
  border-bottom: 1px solid var(--ink-08);
  animation: pc-evalsuite-in-12bbe691 320ms cubic-bezier(0.4, 0, 0.2, 1) both;
  animation-delay: var(--row-delay, 0ms);
}
@keyframes pc-evalsuite-in-12bbe691 {
from { opacity: 0; translate: -10px 0;
}
to { opacity: 1; translate: 0 0;
}
}
.pc-evalsuite__row[data-v-12bbe691] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 4px;
  text-align: left;
  background: transparent;
  outline: none;
}
.pc-evalsuite__row--btn[data-v-12bbe691] {
  cursor: pointer;
  transition: background 120ms ease, box-shadow 120ms ease;
}
.pc-evalsuite__row--btn[data-v-12bbe691]:hover { background: var(--ink-04);
}
.pc-evalsuite__row--btn[data-v-12bbe691]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-evalsuite__status[data-v-12bbe691] {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}
.pc-evalsuite__status--passed[data-v-12bbe691] { color: var(--status-active);
}
.pc-evalsuite__status--failed[data-v-12bbe691] { color: var(--status-failed);
}
.pc-evalsuite__status--error[data-v-12bbe691] { color: var(--status-warning);
}
.pc-evalsuite__status--pending[data-v-12bbe691] { color: var(--ink-20);
}
.pc-evalsuite__case-name[data-v-12bbe691] {
  flex: 1;
  min-width: 0;
  font-size: 13.5px;
  letter-spacing: -0.13px;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-evalsuite__score[data-v-12bbe691] {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}
.pc-evalsuite__score--high[data-v-12bbe691] { color: var(--status-active);
}
.pc-evalsuite__score--medium[data-v-12bbe691] { color: var(--status-warning);
}
.pc-evalsuite__score--low[data-v-12bbe691] { color: var(--status-failed);
}
.pc-evalsuite__dur[data-v-12bbe691] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.02em;
  color: var(--ink-40);
}
.pc-evalsuite__chev[data-v-12bbe691] {
  flex-shrink: 0;
  font-size: 13px;
  color: var(--ink-20);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pc-evalsuite__chev--open[data-v-12bbe691] { transform: rotate(90deg);
}

/* detail */
.pc-evalsuite__detail-wrap[data-v-12bbe691] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pc-evalsuite__detail-wrap--open[data-v-12bbe691] { grid-template-rows: 1fr;
}
/* the grid-collapse clipper stays bare so it does not peek at 0fr */
.pc-evalsuite__detail[data-v-12bbe691] {
  min-height: 0;
  overflow: hidden;
}
.pc-evalsuite__detail-inner[data-v-12bbe691] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 4px 4px 14px 31px;
}
.pc-evalsuite__field-label[data-v-12bbe691] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-40);
  margin-bottom: 4px;
}
.pc-evalsuite__field-text[data-v-12bbe691] {
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.55;
  color: var(--ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 8px 10px;
  background: var(--ink-04);
  border-radius: var(--radius-sharp);
}
.pc-evalsuite__checks[data-v-12bbe691] { display: flex; flex-direction: column; gap: 4px;
}
.pc-evalsuite__check[data-v-12bbe691] {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  letter-spacing: -0.12px;
  color: var(--ink);
}
.pc-evalsuite__check-icon[data-v-12bbe691] { font-size: 13px; flex-shrink: 0;
}
.pc-evalsuite__check-icon.is-pass[data-v-12bbe691] { color: var(--status-active);
}
.pc-evalsuite__check-icon.is-fail[data-v-12bbe691] { color: var(--status-failed);
}
.pc-evalsuite__rationale[data-v-12bbe691] {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.13px;
  color: var(--ink-60);
  padding-left: 10px;
  border-left: 2px solid color-mix(in srgb, var(--lavender) 60%, var(--ink-08));
}
@media (prefers-reduced-motion: reduce) {
.pc-evalsuite__case[data-v-12bbe691] { animation: none;
}
}

.pc-radio-group[data-v-f668ec31] { display: flex; gap: 12px;
}
.pc-radio-group--vertical[data-v-f668ec31] { flex-direction: column;
}
.pc-radio[data-v-f668ec31] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.pc-radio--disabled[data-v-f668ec31] { cursor: not-allowed; opacity: 0.5;
}
.pc-radio__input[data-v-f668ec31] { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0;
}
.pc-radio__dot[data-v-f668ec31] {
  width: 16px; height: 16px;
  border: 1px solid var(--ink-20);
  border-radius: 50%;
  background: var(--paper);
  position: relative;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}
.pc-radio:hover .pc-radio__dot[data-v-f668ec31] { border-color: var(--ink-40);
}
.pc-radio__input:focus-visible + .pc-radio__dot[data-v-f668ec31] { box-shadow: var(--focus-ring); border-color: var(--midnight);
}
.pc-radio--checked .pc-radio__dot[data-v-f668ec31] { border-color: var(--midnight);
}
.pc-radio--checked .pc-radio__dot[data-v-f668ec31]::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--midnight);
}

.pc-imgcompare[data-v-f5778ccf] {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-comfy);
  border: 1px solid var(--ink-08);
  user-select: none;
  touch-action: none;
  cursor: ew-resize;
  line-height: 0;
}
.pc-imgcompare__base[data-v-f5778ccf] {
  display: block;
  width: 100%;
  height: auto;
}
.pc-imgcompare__clip[data-v-f5778ccf] {
  position: absolute;
  inset: 0;
}
.pc-imgcompare__overlay[data-v-f5778ccf] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pc-imgcompare img[data-v-f5778ccf] { pointer-events: none;
}

/* labels */
.pc-imgcompare__label[data-v-f5778ccf] {
  position: absolute;
  top: 12px;
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--paper-on-dark);
  background: color-mix(in srgb, var(--midnight) 82%, transparent);
  padding: 4px 8px;
  border-radius: var(--radius-sharp);
  line-height: 1;
  pointer-events: none;
  transition: opacity 160ms ease;
}
.pc-imgcompare__label--before[data-v-f5778ccf] { left: 12px;
}
.pc-imgcompare__label--after[data-v-f5778ccf] { right: 12px;
}

/* divider + handle */
.pc-imgcompare__divider[data-v-f5778ccf] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--paper);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--midnight) 35%, transparent);
  transform: translateX(-1px);
  pointer-events: none;
}
.pc-imgcompare__handle[data-v-f5778ccf] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: var(--paper);
  color: var(--midnight);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  box-shadow: var(--shadow-medium);
  cursor: ew-resize;
  pointer-events: auto;
  outline: none;
  transition: transform 120ms ease, box-shadow 120ms ease;
}
.pc-imgcompare__handle[data-v-f5778ccf]:hover { box-shadow: var(--shadow-lift);
}
.pc-imgcompare__handle[data-v-f5778ccf]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-imgcompare--dragging .pc-imgcompare__handle[data-v-f5778ccf] {
  transform: translate(-50%, -50%) scale(1.08);
}

.pc-knob-wrap[data-v-ede157a8] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.pc-knob[data-v-ede157a8] {
  outline: none;
  cursor: grab;
  border-radius: 50%;
  touch-action: none;
}
.pc-knob--dragging[data-v-ede157a8] { cursor: grabbing;
}
.pc-knob--disabled[data-v-ede157a8] { cursor: not-allowed; opacity: 0.5;
}
.pc-knob svg[data-v-ede157a8] { width: 100%; height: 100%; display: block;
}
.pc-knob__track[data-v-ede157a8] {
  fill: none;
  stroke: var(--ink-08);
  stroke-width: 7;
  stroke-linecap: round;
}
.pc-knob__value-arc[data-v-ede157a8] {
  fill: none;
  stroke: var(--midnight);
  stroke-width: 7;
  stroke-linecap: round;
}
.pc-knob__body[data-v-ede157a8] {
  fill: var(--paper);
  stroke: var(--ink-08);
  stroke-width: 1.5;
}
.pc-knob__indicator[data-v-ede157a8] {
  stroke: var(--midnight);
  stroke-width: 3.5;
  stroke-linecap: round;
}
.pc-knob[data-v-ede157a8]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-knob:focus-visible .pc-knob__body[data-v-ede157a8] { stroke: var(--midnight);
}
.pc-knob__readout[data-v-ede157a8] { text-align: center;
}
.pc-knob__value[data-v-ede157a8] {
  font-family: var(--display);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.pc-knob__label[data-v-ede157a8] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  margin-top: 2px;
}

.pc-mono-label[data-v-a61e87e4] {
  font-family: var(--mono);
  text-transform: uppercase;
  font-weight: 500;
}
.pc-mono-label--xs[data-v-a61e87e4] { font-size: 10px; letter-spacing: 0.08em;
}
.pc-mono-label--sm[data-v-a61e87e4] { font-size: 11px; letter-spacing: 0.06em;
}
.pc-mono-label--md[data-v-a61e87e4] { font-size: 13px; letter-spacing: 0.05em;
}
.pc-mono-label--lg[data-v-a61e87e4] { font-size: 16px; letter-spacing: 0.04em;
}

.pc-listdetail[data-v-542e1269] {
  display: grid;
  grid-template-columns: var(--pc-ld-list-w) 1fr;
  grid-template-rows: 1fr;
  height: var(--pc-ld-h);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  background: var(--paper);
  overflow: hidden;
}
.pc-listdetail__pane[data-v-542e1269] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.pc-listdetail__list[data-v-542e1269] { border-right: 1px solid var(--ink-08);
}
.pc-listdetail__scroll[data-v-542e1269] { flex: 1; min-height: 0;
}
.pc-listdetail__inner[data-v-542e1269] { padding: 20px 22px;
}
.pc-listdetail__inner--bare[data-v-542e1269] { padding: 0;
}

.rules-list[data-v-93fad2c1] { display: flex; flex-direction: column; gap: 22px;
}
.rules-list__items[data-v-93fad2c1] { display: flex; flex-direction: column; gap: 8px; margin-top: 8px;
}
.rule-card[data-v-93fad2c1] {
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-comfy);
  padding: 12px 14px;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
  outline: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rule-card[data-v-93fad2c1]:hover { background: var(--ink-04);
}
.rule-card[data-v-93fad2c1]:focus-visible { box-shadow: var(--focus-ring);
}
.rule-card--active[data-v-93fad2c1] {
  background: var(--paper);
  border-color: var(--midnight);
  box-shadow: 0 0 0 1px var(--midnight);
}
.rule-card__title[data-v-93fad2c1] {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.15px;
  color: var(--ink);
}
.rule-card__summary[data-v-93fad2c1] {
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink-60);
  letter-spacing: -0.13px;
}
.rule-card__meta[data-v-93fad2c1] { display: flex; align-items: center; gap: 8px; margin-top: 2px;
}
.rule-card__cite[data-v-93fad2c1] {
  padding: 2px 6px;
  background: var(--ink-04);
  border-radius: var(--badge-radius);
}
.rule-detail[data-v-93fad2c1] { display: flex; flex-direction: column; gap: 20px;
}
.rule-detail__head[data-v-93fad2c1] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.rule-detail__title[data-v-93fad2c1] {
  margin: 6px 0 0;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.56px;
  line-height: 1.15;
  color: var(--ink);
}
.rule-detail__actions[data-v-93fad2c1] { flex-shrink: 0;
}
.rule-detail__section[data-v-93fad2c1] { display: flex; flex-direction: column; gap: 8px;
}
.rule-detail__summary[data-v-93fad2c1] {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.15px;
  color: var(--ink);
}
.kv[data-v-93fad2c1] {
  margin: 0;
  display: flex;
  flex-direction: column;
  background: var(--ink-04);
  border-radius: var(--radius-sharp);
  overflow: hidden;
}
.kv__row[data-v-93fad2c1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--paper);
}
.kv__row[data-v-93fad2c1]:last-child { border-bottom: 0;
}
.kv__key[data-v-93fad2c1] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.kv__val[data-v-93fad2c1] {
  margin: 0;
  font-family: var(--mono);
  font-size: 13px;
  color: var(--ink);
}
.citation[data-v-93fad2c1] {
  background: var(--ink-04);
  border-radius: var(--radius-sharp);
  padding: 10px 12px;
  font-family: var(--mono);
  font-size: 13px;
  color: var(--ink);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.citation__primary[data-v-93fad2c1] { color: var(--ink); text-decoration: none;
}
.citation__primary[data-v-93fad2c1]:hover { text-decoration: underline;
}
.citation__source[data-v-93fad2c1] { font-size: 12px; color: var(--ink-60);
}
.rule-detail__footer[data-v-93fad2c1] { margin-top: 4px;
}

.pc-pastel[data-v-11ba7986] { position: relative;
}
.pc-pastel--default[data-v-11ba7986] {
  background:
    radial-gradient(80% 60% at 18% 12%, rgba(239, 44, 193, 0.10), transparent 60%),
    radial-gradient(70% 60% at 82% 22%, rgba(189, 187, 255, 0.40), transparent 65%),
    radial-gradient(90% 70% at 50% 100%, rgba(214, 225, 255, 0.40), transparent 60%),
    radial-gradient(50% 40% at 90% 80%, rgba(252, 76, 2, 0.06), transparent 60%),
    var(--paper);
}
.pc-pastel--soft[data-v-11ba7986] {
  background:
    radial-gradient(60% 40% at 10% 0%, rgba(189, 187, 255, 0.25), transparent 60%),
    radial-gradient(60% 40% at 100% 100%, rgba(255, 214, 245, 0.30), transparent 60%),
    var(--paper);
}

.pc-display[data-v-80762530] {
  font-family: var(--display);
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin: 0;
}
.pc-display--lg[data-v-80762530] { font-size: 48px; letter-spacing: -1.20px; line-height: 1.05;
}
.pc-display--xl[data-v-80762530] { font-size: 64px; letter-spacing: -1.92px; line-height: 1.00;
}

.pc-divider[data-v-f999d120] {
  border: 0;
  margin: 0;
  background: var(--ink-08);
  height: 1px;
  width: 100%;
}
.pc-divider--dark[data-v-f999d120] { background: var(--paper-on-dark-12);
}
.pc-divider--vertical[data-v-f999d120] { width: 1px; height: 100%;
}
.pc-divider--dashed[data-v-f999d120] {
  background: transparent;
  height: 0;
  border-top: 1px dashed var(--ink-20);
}
.pc-divider--dashed.pc-divider--dark[data-v-f999d120] { border-top-color: var(--paper-on-dark-12);
}
.pc-divider--dashed.pc-divider--vertical[data-v-f999d120] {
  height: 100%;
  width: 0;
  border-top: 0;
  border-left: 1px dashed var(--ink-20);
}

.pc-pin[data-v-a38195d7] {
  display: inline-flex;
  gap: 8px;
}
.pc-pin__cell[data-v-a38195d7] {
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  background: var(--paper);
  text-align: center;
  font-family: var(--display);
  font-weight: 500;
  color: var(--ink);
  letter-spacing: 0;
  outline: none;
  caret-color: var(--midnight);
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
  padding: 0;
}
.pc-pin__cell[data-v-a38195d7]:hover:not(:focus):not(:disabled) { border-color: var(--ink-20);
}
.pc-pin__cell[data-v-a38195d7]:focus { border-color: var(--midnight); box-shadow: var(--focus-ring);
}

/* sizes */
.pc-pin--sm .pc-pin__cell[data-v-a38195d7] { width: 34px; height: 40px; font-size: 16px;
}
.pc-pin--md .pc-pin__cell[data-v-a38195d7] { width: 44px; height: 50px; font-size: 20px;
}
.pc-pin--lg .pc-pin__cell[data-v-a38195d7] { width: 52px; height: 60px; font-size: 24px;
}

/* invalid */
.pc-pin--invalid .pc-pin__cell[data-v-a38195d7] { border-color: var(--status-failed);
}
.pc-pin--invalid .pc-pin__cell[data-v-a38195d7]:focus { border-color: var(--status-failed); box-shadow: var(--focus-ring-danger);
}

/* disabled */
.pc-pin--disabled .pc-pin__cell[data-v-a38195d7] {
  background: var(--ink-04);
  color: var(--ink-60);
  cursor: not-allowed;
}

/* shared: each step swap fades + slides */
.login-swap-enter-active[data-v-00fc63e3],
.login-swap-leave-active[data-v-00fc63e3] { transition: opacity 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
.login-swap-enter-from[data-v-00fc63e3] { opacity: 0; transform: translateY(8px);
}
.login-swap-leave-to[data-v-00fc63e3]   { opacity: 0; transform: translateY(-6px);
}
.login-stack[data-v-00fc63e3] { display: flex; flex-direction: column; gap: 14px;
}

/* 1. split */
.login-split[data-v-00fc63e3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  background: var(--paper);
}
.login-split__art[data-v-00fc63e3] {
  display: flex;
  padding: 48px;
}
.login-split__art-inner[data-v-00fc63e3] {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 460px;
  margin: auto auto auto 0;
  min-height: 60vh;
}
.login-split__form[data-v-00fc63e3] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
}
.login-split__form-inner[data-v-00fc63e3] {
  width: 100%;
  max-width: 380px;
}

/* 2. centered */
.login-pastel[data-v-00fc63e3] { min-height: 100vh; padding: 64px 24px; display: flex; align-items: center; justify-content: center;
}
.login-centered[data-v-00fc63e3] { width: 100%; max-width: 400px; display: flex; flex-direction: column; gap: 16px;
}
.login-centered__card[data-v-00fc63e3] { box-shadow: var(--shadow-medium);
}

/* 3. compact */
.login-compact[data-v-00fc63e3] {
  min-height: 100vh;
  background: var(--paper);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
}
.login-compact__inner[data-v-00fc63e3] { width: 100%; max-width: 360px;
}
.login-compact__mark[data-v-00fc63e3] {
  width: 22px; height: 22px;
  border-radius: 6px;
  background:
    radial-gradient(80% 100% at 0% 0%, rgba(189, 187, 255, 0.95), transparent 65%),
    radial-gradient(90% 100% at 100% 100%, rgba(255, 214, 245, 0.85), transparent 65%),
    var(--midnight);
}

/* unscoped: content is portaled and must be reachable from body */
.pc-menubar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  min-height: 38px;
  background: var(--paper);
  font-family: var(--display);
  letter-spacing: -0.14px;
}
.pc-menubar--sm { min-height: 32px; padding: 2px 8px; gap: 6px;
}
.pc-menubar--bordered { border-bottom: 1px solid var(--ink-08);
}
.pc-menubar--sticky { position: sticky; top: 0; z-index: 5;
}
.pc-menubar--tinted {
  background:
    radial-gradient(80% 140% at 0% 0%, rgba(189, 187, 255, 0.28), transparent 70%),
    radial-gradient(70% 140% at 100% 0%, rgba(214, 225, 255, 0.32), transparent 72%),
    var(--paper);
}
.pc-menubar__group { display: flex; align-items: center; gap: 8px; flex-shrink: 0;
}
.pc-menubar__leading { padding-right: 6px; margin-right: 2px; border-right: 1px solid var(--ink-08);
}
.pc-menubar__trailing { margin-left: auto; padding-left: 6px;
}
.pc-menubar__menus { display: flex; align-items: center; gap: 2px;
}
.pc-menubar__trigger {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  font-size: 14px;
  font-family: var(--display);
  letter-spacing: -0.14px;
  color: var(--ink);
  background: transparent;
  border: 0;
  border-radius: var(--radius-sharp);
  cursor: default;
  user-select: none;
  outline: none;
  transition: background 120ms ease, color 120ms ease;
}
.pc-menubar--sm .pc-menubar__trigger { height: 24px; padding: 0 8px; font-size: 13px;
}
.pc-menubar__trigger:hover { background: var(--ink-04);
}
.pc-menubar__trigger:focus-visible { box-shadow: var(--focus-ring);
}
.pc-menubar__trigger[data-state="open"] { background: var(--midnight); color: var(--paper-on-dark);
}

/* dropdown - mirrors ContextMenu */
.pc-mb-menu {
  z-index: 9000;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-medium);
  padding: 4px;
  min-width: 220px;
  font-size: 14px;
  font-family: var(--display);
  letter-spacing: -0.14px;
  color: var(--ink);
  outline: none;
}
.pc-mb-menu[data-state="open"] { animation: pc-mb-menu-in 120ms ease-out;
}
.pc-mb-menu[data-state="closed"] { animation: pc-mb-menu-out 110ms ease-in forwards;
}
@keyframes pc-mb-menu-in {
from { opacity: 0; translate: 0 -4px;
}
to { opacity: 1; translate: 0 0;
}
}
@keyframes pc-mb-menu-out {
from { opacity: 1; translate: 0 0;
}
to { opacity: 0; translate: 0 -4px;
}
}
.pc-mb-menu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: var(--radius-sharp);
  cursor: default;
  outline: none;
  user-select: none;
  color: var(--ink);
  transition: background 120ms ease;
}
.pc-mb-menu__item[data-highlighted],
.pc-mb-menu__item[data-state="open"] { background: var(--ink-04);
}
.pc-mb-menu__item--danger { color: var(--status-failed);
}
.pc-mb-menu__item--danger[data-highlighted] { background: var(--status-failed-bg);
}
.pc-mb-menu__item:active { background: var(--ink-08);
}
.pc-mb-menu__item--danger:active {
  background: color-mix(in srgb, var(--status-failed) 18%, var(--paper));
}
.pc-mb-menu__item--disabled,
.pc-mb-menu__item[data-disabled] { color: var(--ink-40); pointer-events: none;
}
.pc-mb-menu__icon {
  width: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
  color: var(--ink-60);
}
.pc-mb-menu__item--danger .pc-mb-menu__icon { color: var(--status-failed);
}
.pc-mb-menu__label { flex: 1; white-space: nowrap;
}

/* shortcut keycaps - system font renders ⌘ ⇧ ⌥ ⌫ glyphs cleanly */
.pc-mb-menu__shortcut {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
}
.pc-mb-menu__key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 3px;
  background: var(--ink-04);
  color: var(--ink-60);
  font-family: ui-sans-serif, -apple-system, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}
.pc-mb-menu__chevron {
  font-size: 15px;
  color: var(--ink-40);
  flex-shrink: 0;
}
.pc-mb-menu__divider {
  height: 1px;
  background: var(--ink-08);
  margin: 4px 2px;
  border: 0;
}

.pc-kbd[data-v-14d5f49e] {
  display: inline-block;
  padding: 1px 6px;
  font-family: var(--mono);
  font-size: 11px;
  background: var(--ink-04);
  border: 1px solid var(--ink-08);
  border-radius: 3px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink);
  line-height: 1.4;
}

.pc-empty[data-v-f262d0f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 48px 24px;
  text-align: center;
  color: var(--ink-60);
}
.pc-empty__icon[data-v-f262d0f3] { font-size: 28px; margin-bottom: 4px; opacity: 0.5;
}
.pc-empty__title[data-v-f262d0f3] {
  font-family: var(--display);
  font-size: 18px;
  font-weight: 500;
  color: var(--ink);
  letter-spacing: -0.2px;
}
.pc-empty__desc[data-v-f262d0f3] { font-size: 14px; max-width: 380px;
}
.pc-empty__actions[data-v-f262d0f3] { margin-top: 12px; display: flex; gap: 8px;
}

.pc-modal-root[data-v-94fcd891] {
  position: fixed; inset: 0;
  z-index: 9500;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
.pc-modal-backdrop[data-v-94fcd891] {
  position: absolute; inset: 0;
  background: rgba(1, 1, 32, 0.40);
  backdrop-filter: blur(2px);
}
.pc-modal[data-v-94fcd891] {
  position: relative;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-medium);
  width: 100%;
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
}
.pc-modal--sm[data-v-94fcd891] { max-width: 380px;
}
.pc-modal--md[data-v-94fcd891] { max-width: 520px;
}
.pc-modal--lg[data-v-94fcd891] { max-width: 720px;
}
.pc-modal--xl[data-v-94fcd891] { max-width: 960px;
}
.pc-modal__header[data-v-94fcd891] {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 20px 4px;
}
.pc-modal__title[data-v-94fcd891] { font-size: 18px; font-weight: 500; letter-spacing: -0.18px; margin: 0;
}
.pc-modal__close[data-v-94fcd891] {
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  color: var(--ink-60);
  line-height: 1;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 60ms ease;
  outline: none;
}
.pc-modal__close[data-v-94fcd891]:hover { background: var(--ink-04); color: var(--ink);
}
.pc-modal__close[data-v-94fcd891]:active { transform: translateY(0.5px);
}
.pc-modal__close[data-v-94fcd891]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-modal__body[data-v-94fcd891] { padding: 12px 20px 20px; overflow-y: auto;
}
.pc-modal__footer[data-v-94fcd891] {
  padding: 8px 20px 20px;
  display: flex; gap: 8px; justify-content: flex-end;
}

/* transitions - the backdrop fades AND blurs together, the panel lifts in */
.pc-modal-enter-active .pc-modal-backdrop[data-v-94fcd891],
.pc-modal-leave-active .pc-modal-backdrop[data-v-94fcd891] {
  transition: opacity 200ms ease, backdrop-filter 200ms ease, -webkit-backdrop-filter 200ms ease;
}
.pc-modal-enter-from .pc-modal-backdrop[data-v-94fcd891],
.pc-modal-leave-to .pc-modal-backdrop[data-v-94fcd891] {
  opacity: 0;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}
.pc-modal-enter-active .pc-modal[data-v-94fcd891],
.pc-modal-leave-active .pc-modal[data-v-94fcd891] { transition: transform 200ms ease, opacity 200ms ease;
}
.pc-modal-enter-from .pc-modal[data-v-94fcd891],
.pc-modal-leave-to .pc-modal[data-v-94fcd891] { transform: translateY(8px); opacity: 0;
}

.pc-multiselect__trigger[data-v-9276fa38] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 220px;
  max-width: 360px;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  padding: 0 8px 0 12px;
  height: var(--control-h);
  background: var(--paper);
  color: var(--ink);
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 1.2;
  cursor: pointer;
  outline: none;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
  text-align: left;
}
.pc-multiselect__trigger[data-v-9276fa38]:hover:not(:disabled) { border-color: var(--ink-20); background: var(--ink-04);
}
.pc-multiselect__trigger[data-v-9276fa38]:focus-visible { border-color: var(--midnight); box-shadow: var(--focus-ring);
}
.pc-multiselect__trigger[data-v-9276fa38]:disabled { opacity: 0.5; cursor: not-allowed;
}
.pc-multiselect__trigger--empty .pc-multiselect__value[data-v-9276fa38] { color: var(--ink-40);
}
.pc-multiselect__value[data-v-9276fa38] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.pc-multiselect__count[data-v-9276fa38] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  background: var(--midnight);
  color: var(--paper-on-dark);
  padding: 2px 6px;
  border-radius: var(--badge-radius);
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.pc-multiselect__chevron[data-v-9276fa38] {
  color: var(--ink-40);
  font-size: 10px;
  flex-shrink: 0;
}
.pc-multiselect__clear[data-v-9276fa38] {
  width: 18px; height: 18px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  color: var(--ink-60);
  font-size: 14px;
  flex-shrink: 0;
  transition: background 120ms ease, color 120ms ease;
}
.pc-multiselect__clear[data-v-9276fa38]:hover { background: var(--ink-04); color: var(--ink);
}
.pc-multiselect__panel[data-v-9276fa38] {
  min-width: 240px;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  /* offset Popover's default padding */
  margin: -12px;
}
.pc-multiselect__search[data-v-9276fa38] {
  padding: 8px;
  border-bottom: 1px solid var(--ink-08);
}
.pc-multiselect__list[data-v-9276fa38] {
  padding: 4px;
}
.pc-multiselect__option[data-v-9276fa38] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 6px 10px;
  border-radius: var(--radius-sharp);
  background: transparent;
  color: var(--ink);
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  text-align: left;
  outline: none;
  transition: background 120ms ease;
}
.pc-multiselect__option[data-v-9276fa38]:hover:not(:disabled) { background: var(--ink-04);
}
.pc-multiselect__option[data-v-9276fa38]:focus-visible { background: var(--ink-04); box-shadow: var(--focus-ring);
}
.pc-multiselect__option[data-v-9276fa38]:active:not(:disabled) { background: var(--ink-08);
}
.pc-multiselect__option--selected[data-v-9276fa38] { color: var(--ink); font-weight: 500;
}
.pc-multiselect__option--disabled[data-v-9276fa38] { color: var(--ink-40); cursor: not-allowed;
}
.pc-multiselect__check[data-v-9276fa38] {
  width: 16px; height: 16px;
  border: 1px solid var(--ink-20);
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--paper);
  background: var(--paper);
  transition: background 120ms ease, border-color 120ms ease;
}
.pc-multiselect__option--selected .pc-multiselect__check[data-v-9276fa38] {
  background: var(--midnight);
  border-color: var(--midnight);
}
.pc-multiselect__label[data-v-9276fa38] { flex: 1; min-width: 0;
}
.pc-multiselect__empty[data-v-9276fa38] {
  padding: 16px;
  text-align: center;
  font-size: 13px;
  color: var(--ink-40);
}
.pc-multiselect__footer[data-v-9276fa38] {
  border-top: 1px solid var(--ink-08);
  padding: 8px;
}

.pc-notifications[data-v-bde425eb] {
  position: fixed;
  z-index: 10000;
  display: flex;
  pointer-events: none;
  padding: 20px;
  max-width: 100vw;
}
.pc-notifications__stack[data-v-bde425eb] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 360px;
  max-width: 100%;
  pointer-events: none;
}
.pc-notifications--top-right[data-v-bde425eb]    { top: 0; right: 0;
}
.pc-notifications--top-left[data-v-bde425eb]     { top: 0; left: 0;
}
.pc-notifications--bottom-right[data-v-bde425eb] { bottom: 0; right: 0; align-items: flex-end;
}
.pc-notifications--bottom-left[data-v-bde425eb]  { bottom: 0; left: 0;
}
.pc-notifications--top-center[data-v-bde425eb],
.pc-notifications--bottom-center[data-v-bde425eb] { left: 50%; transform: translateX(-50%);
}
.pc-notifications--top-center[data-v-bde425eb]    { top: 0;
}
.pc-notifications--bottom-center[data-v-bde425eb] { bottom: 0;
}
.pc-notifications--bottom-right .pc-notifications__stack[data-v-bde425eb],
.pc-notifications--bottom-left .pc-notifications__stack[data-v-bde425eb],
.pc-notifications--bottom-center .pc-notifications__stack[data-v-bde425eb] {
  flex-direction: column-reverse;
}
.pc-toast[data-v-bde425eb] {
  pointer-events: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  padding: 14px 16px;
  box-shadow: var(--shadow-medium);
  font-family: var(--display);
  color: var(--ink);
  min-width: 280px;
  overflow: hidden;
}

/* leading status icon - carries the variant color */
.pc-toast__icon[data-v-bde425eb] {
  flex-shrink: 0;
  display: inline-flex;
  color: var(--pc-toast-accent);
  margin-top: -1px;
}
.pc-toast__body[data-v-bde425eb] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.pc-toast__eyebrow[data-v-bde425eb] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-toast__title[data-v-bde425eb] {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 1.3;
  color: var(--ink);
}
.pc-toast__desc[data-v-bde425eb] {
  font-size: 13px;
  color: var(--ink-60);
  line-height: 1.45;
  letter-spacing: -0.13px;
}
.pc-toast__action[data-v-bde425eb] {
  align-self: flex-start;
  margin-top: 8px;
  font-family: var(--display);
  font-size: 13px;
  font-weight: 500;
  color: var(--ink);
  letter-spacing: -0.13px;
  border-bottom: 1px solid var(--ink-20);
  padding: 0 0 1px;
  transition: border-color 140ms ease, color 140ms ease;
  outline: none;
}
.pc-toast__action[data-v-bde425eb]:hover { border-color: var(--midnight);
}
.pc-toast__action[data-v-bde425eb]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-toast__close[data-v-bde425eb] {
  flex-shrink: 0;
  width: 22px; height: 22px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  color: var(--ink-60);
  line-height: 1;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 60ms ease;
  outline: none;
  margin: -2px -4px -2px 0;
}
.pc-toast__close[data-v-bde425eb]:hover { background: var(--ink-04); color: var(--ink);
}
.pc-toast__close[data-v-bde425eb]:active { transform: translateY(0.5px);
}
.pc-toast__close[data-v-bde425eb]:focus-visible { box-shadow: var(--focus-ring);
}

/* variant accent - drives the icon and the progress bar */
.pc-toast[data-v-bde425eb] { --pc-toast-accent: var(--ink-40);
}
.pc-toast--info[data-v-bde425eb]    { --pc-toast-accent: var(--status-paused);
}
.pc-toast--info .pc-toast__eyebrow[data-v-bde425eb]    { color: var(--status-paused);
}
.pc-toast--success[data-v-bde425eb] { --pc-toast-accent: var(--status-active);
}
.pc-toast--success .pc-toast__eyebrow[data-v-bde425eb] { color: var(--status-active);
}
.pc-toast--warning[data-v-bde425eb] { --pc-toast-accent: var(--status-warning);
}
.pc-toast--warning .pc-toast__eyebrow[data-v-bde425eb] { color: var(--status-warning);
}
.pc-toast--danger[data-v-bde425eb]  { --pc-toast-accent: var(--status-failed);
}
.pc-toast--danger .pc-toast__eyebrow[data-v-bde425eb]  { color: var(--status-failed);
}
.pc-toast--neutral[data-v-bde425eb] { --pc-toast-accent: var(--midnight);
}

/* tinted variant - soft pastel wash in the variant accent (Callout-style) */
.pc-toast--tinted[data-v-bde425eb] {
  background:
    radial-gradient(78% 130% at 0% 0%, color-mix(in srgb, var(--pc-toast-accent) 8%, transparent), transparent 72%),
    var(--paper);
  border-color: color-mix(in srgb, var(--pc-toast-accent) 20%, var(--ink-08));
}

/* depleting progress bar - only for auto-dismissing toasts; pauses on hover */
.pc-toast__progress[data-v-bde425eb] {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
}
.pc-toast__progress-bar[data-v-bde425eb] {
  height: 100%;
  width: 100%;
  background: var(--pc-toast-accent);
  transform-origin: left;
  animation-name: pc-toast-deplete-bde425eb;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.pc-toast:hover .pc-toast__progress-bar[data-v-bde425eb] { animation-play-state: paused;
}
@keyframes pc-toast-deplete-bde425eb {
from { transform: scaleX(1);
}
to { transform: scaleX(0);
}
}
@media (prefers-reduced-motion: reduce) {
.pc-toast__progress[data-v-bde425eb] { display: none;
}
}

/* enter/leave */
.pc-toast-enter-active[data-v-bde425eb],
.pc-toast-leave-active[data-v-bde425eb] { transition: opacity 220ms ease, translate 220ms ease, scale 220ms ease;
}
.pc-toast-enter-from[data-v-bde425eb] { opacity: 0; translate: 0 8px; scale: 0.985;
}
.pc-toast-leave-to[data-v-bde425eb] { opacity: 0; translate: 12px 0;
}
.pc-toast-leave-active[data-v-bde425eb] { position: absolute;
}
.pc-toast-move[data-v-bde425eb] { transition: translate 220ms ease;
}

.dash[data-v-e87f47ea] { display: flex; flex-direction: column; gap: 32px; padding-bottom: 64px; background: var(--paper);
}
.dash__hero[data-v-e87f47ea] { padding: 72px 64px 56px; border-bottom: 1px solid var(--ink-08);
}
.dash__hero-inner[data-v-e87f47ea] { max-width: 920px;
}
.dash__hero-sub[data-v-e87f47ea] {
  font-size: 20px;
  color: var(--ink);
  max-width: 720px;
  margin-top: 18px;
  letter-spacing: -0.22px;
  line-height: 1.45;
}
.dash__link[data-v-e87f47ea] {
  color: var(--ink);
  border-bottom: 1px solid var(--ink-20);
  cursor: pointer;
  transition: border-color 120ms ease;
}
.dash__link[data-v-e87f47ea]:hover { border-bottom-color: var(--ink);
}
.dash__hero-actions[data-v-e87f47ea] { display: flex; gap: 8px; margin-top: 24px;
}
.dash__stats[data-v-e87f47ea] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 0 64px;
}
.dash__grid[data-v-e87f47ea] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 0 64px;
  align-items: start;
}
.dash__card-head[data-v-e87f47ea] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.dash__jur-list[data-v-e87f47ea] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 2px;
}
/* 2x2: name + badge on the top row, detail + signer on the bottom row */
.dash__jur[data-v-e87f47ea] {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 16px;
  row-gap: 4px;
  align-items: center;
  padding: 12px 8px;
  border-radius: var(--radius-sharp);
  transition: background 120ms ease;
  cursor: pointer;
}
.dash__jur[data-v-e87f47ea]:hover { background: var(--ink-04);
}
.dash__jur-name[data-v-e87f47ea] {
  grid-column: 1;
  grid-row: 1;
  font-size: 16px;
  letter-spacing: -0.2px;
}
.dash__jur-badge[data-v-e87f47ea] {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}
.dash__jur-sub[data-v-e87f47ea] {
  grid-column: 1;
  grid-row: 2;
  font-size: 11px;
  color: var(--ink-60);
}
.dash__jur-signed[data-v-e87f47ea] {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  font-size: 11px;
  color: var(--ink-60);
}
.dash__add[data-v-e87f47ea] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  margin-top: 6px;
  border: 1px dashed var(--ink-08);
  border-radius: var(--radius-sharp);
  color: var(--ink-60);
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  transition: color 120ms ease, border-color 120ms ease;
}
.dash__add[data-v-e87f47ea]:hover { color: var(--ink); border-color: var(--ink-20);
}
.dash__eval-id[data-v-e87f47ea] { font-size: 11px; color: var(--ink-60);
}
.dash__eval-headline[data-v-e87f47ea] {
  font-family: var(--display);
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.56px;
  margin: 4px 0 8px;
}
.dash__eval-meta[data-v-e87f47ea] { font-size: 14px; color: var(--ink-60); line-height: 1.5;
}
.dash__models[data-v-e87f47ea] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
}
.dash__model[data-v-e87f47ea] { display: flex; flex-direction: column; gap: 6px;
}
.dash__model-label[data-v-e87f47ea] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}

.pc-pagination[data-v-039dc986] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  font-family: var(--display);
  font-size: 13px;
  color: var(--ink);
  letter-spacing: -0.13px;
}
.pc-pagination__summary[data-v-039dc986] { color: var(--ink-60); font-variant-numeric: tabular-nums;
}
.pc-pagination__sep[data-v-039dc986] { color: var(--ink-40);
}
.pc-pagination__size[data-v-039dc986] { display: flex; align-items: center; gap: 6px;
}
.pc-pagination__size-label[data-v-039dc986] { color: var(--ink-60); font-size: 12px;
}
.pc-pagination__pages[data-v-039dc986] { display: flex; align-items: center; gap: 2px; margin-left: auto;
}
.pc-pagination__page[data-v-039dc986],
.pc-pagination__nav[data-v-039dc986] {
  min-width: var(--control-h-sm);
  height: var(--control-h-sm);
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sharp);
  font-family: var(--display);
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-60);
  background: transparent;
  border: 0;
  outline: none;
  transition: background 120ms ease, color 120ms ease, box-shadow 120ms ease;
  font-variant-numeric: tabular-nums;
}
.pc-pagination__page[data-v-039dc986]:hover:not(:disabled):not(.pc-pagination__page--active),
.pc-pagination__nav[data-v-039dc986]:hover:not(:disabled) { background: var(--ink-04); color: var(--ink);
}
.pc-pagination__page[data-v-039dc986]:focus-visible,
.pc-pagination__nav[data-v-039dc986]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-pagination__page--active[data-v-039dc986] {
  background: var(--midnight);
  color: var(--paper-on-dark);
}
.pc-pagination__nav[data-v-039dc986] { font-size: 16px; color: var(--ink-60);
}
.pc-pagination__nav[data-v-039dc986]:disabled { opacity: 0.3; cursor: not-allowed;
}
.pc-pagination__ellipsis[data-v-039dc986] { color: var(--ink-40); padding: 0 4px;
}

.pc-panel[data-v-af819e34] {
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  overflow: hidden;
}
.pc-panel--elevated[data-v-af819e34] { box-shadow: var(--shadow-soft);
}
.pc-panel--accent-lavender[data-v-af819e34] { border-color: var(--lavender);
}
.pc-panel__header[data-v-af819e34] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px;
}
.pc-panel__header--gradient[data-v-af819e34] {
  background:
    radial-gradient(80% 120% at 0% 0%, rgba(189, 187, 255, 0.20), transparent 72%),
    radial-gradient(70% 110% at 100% 0%, rgba(255, 214, 245, 0.14), transparent 72%);
}
.pc-panel__header-main[data-v-af819e34] { display: flex; flex-direction: column; gap: 6px; min-width: 0;
}
.pc-panel__aside[data-v-af819e34] { flex-shrink: 0;
}
.pc-panel__title[data-v-af819e34] {
  margin: 0;
  font-family: var(--display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.15;
  color: var(--ink);
}
.pc-panel__description[data-v-af819e34] {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: -0.15px;
  color: var(--ink-60);
}

.pc-panel__section[data-v-9947c804] {
  padding: 18px 24px;
  border-top: 1px solid var(--ink-08);
  position: relative;
}
/* no divider above the first section when the panel has no header */
.pc-panel__section[data-v-9947c804]:first-child { border-top: 0;
}
.pc-panel__section--flush[data-v-9947c804] { padding: 0;
}
.pc-panel__section--tone-muted[data-v-9947c804] { background: var(--ink-04);
}
.pc-panel__section--gradient[data-v-9947c804] {
  background:
    radial-gradient(70% 130% at 0% 0%, rgba(189, 187, 255, 0.22), transparent 70%),
    radial-gradient(60% 120% at 100% 0%, rgba(255, 214, 245, 0.13), transparent 70%);
}
.pc-panel__section--gradient.pc-panel__section--tone-muted[data-v-9947c804] {
  background:
    radial-gradient(70% 130% at 0% 0%, rgba(189, 187, 255, 0.22), transparent 70%),
    var(--ink-04);
}
.pc-panel__section-head[data-v-9947c804] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.pc-panel__section-label[data-v-9947c804] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-panel__section-action[data-v-9947c804] { flex-shrink: 0;
}

.presets[data-v-103f7b41] {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px dashed var(--ink-08);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.presets__chips[data-v-103f7b41] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pc-preset[data-v-103f7b41] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px 4px 4px;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  background: var(--paper);
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  color: var(--ink);
  cursor: pointer;
  outline: none;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 60ms ease;
}
.pc-preset[data-v-103f7b41]:hover { border-color: var(--ink-20); background: var(--ink-04);
}
.pc-preset[data-v-103f7b41]:focus-visible { box-shadow: var(--focus-ring); border-color: var(--midnight);
}
.pc-preset[data-v-103f7b41]:active { transform: translateY(1px);
}
.pc-preset--active[data-v-103f7b41] { border-color: var(--midnight); background: var(--ink-04);
}
.pc-preset__city[data-v-103f7b41] { font-weight: 500;
}
.pc-preset__code[data-v-103f7b41] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-40);
}
.models-row[data-v-103f7b41] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.models-row__group[data-v-103f7b41] { display: flex; gap: 36px;
}
.models-row__cell[data-v-103f7b41] { display: flex; flex-direction: column; gap: 8px;
}

/* review / sign-off panel */
.rev-tagline[data-v-103f7b41] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.rev-tagline__who[data-v-103f7b41] {
  font-family: var(--mono);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--ink-40);
}
.rev-title[data-v-103f7b41] {
  margin: 14px 0 0;
  font-family: var(--display);
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.7px;
  line-height: 1.1;
  color: var(--ink);
}
.rev-desc[data-v-103f7b41] {
  margin: 10px 0 0;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: -0.18px;
  color: var(--ink);
  max-width: 760px;
}
.rev-rows[data-v-103f7b41] {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: baseline;
  row-gap: 10px;
  column-gap: 16px;
}
.rev-row[data-v-103f7b41] { display: contents;
}
.rev-row__label[data-v-103f7b41] {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
.rev-row__path[data-v-103f7b41] {
  min-width: 0;
  font-family: var(--mono);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--ink-40);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rev-actions[data-v-103f7b41] { display: flex; gap: 12px; flex-wrap: wrap;
}
@media (max-width: 640px) {
.rev-rows[data-v-103f7b41] { display: flex; flex-direction: column; gap: 16px;
}
.rev-row[data-v-103f7b41] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.rev-actions[data-v-103f7b41] { flex-direction: column; align-items: stretch;
}
}

/* intake summary panel */
.intake-title[data-v-103f7b41] {
  margin: 6px 0 0;
  font-family: var(--display);
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -0.6px;
  line-height: 1.1;
  color: var(--ink);
}
.intake-link[data-v-103f7b41] {
  color: var(--ink);
  border-bottom: 1px solid var(--ink-20);
  padding-bottom: 1px;
  cursor: pointer;
  transition: border-color 120ms ease;
}
.intake-link[data-v-103f7b41]:hover { border-bottom-color: var(--ink);
}
.intake-actions[data-v-103f7b41] { display: flex; gap: 10px;
}

.pc-pipeline__node[data-v-d063d52a] {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.pc-pipeline__node--done[data-v-d063d52a] { background: var(--status-active); color: var(--paper-on-dark);
}
.pc-pipeline__node--failed[data-v-d063d52a] { background: var(--status-failed); color: var(--paper-on-dark);
}
.pc-pipeline__node--running[data-v-d063d52a] { background: color-mix(in srgb, var(--lavender) 55%, var(--paper));
}
.pc-pipeline__node--queued[data-v-d063d52a] {
  background: var(--paper);
  box-shadow: inset 0 0 0 2px var(--ink-20);
}
.pc-pipeline__label[data-v-d063d52a] {
  font-family: var(--display);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.13px;
  color: var(--ink);
}
.pc-pipeline__label--dim[data-v-d063d52a] { color: var(--ink-40);
}
.pc-pipeline__detail[data-v-d063d52a] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.02em;
  color: var(--ink-60);
}

/* horizontal */
.pc-pipeline--h[data-v-d063d52a] {
  display: flex;
  align-items: flex-start;
}
.pc-pipeline__stage[data-v-d063d52a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  flex-shrink: 0;
}
.pc-pipeline__stage .pc-pipeline__detail[data-v-d063d52a] { margin-top: -4px;
}
.pc-pipeline__conn[data-v-d063d52a] {
  flex: 1;
  height: 2px;
  margin-top: 13px;
  background: var(--ink-08);
  min-width: 24px;
}
.pc-pipeline__conn--done[data-v-d063d52a] {
  background: color-mix(in srgb, var(--status-active) 45%, var(--ink-08));
}

/* vertical */
.pc-pipeline--v[data-v-d063d52a] {
  display: flex;
  flex-direction: column;
}
.pc-pipeline__row[data-v-d063d52a] {
  display: flex;
  gap: 14px;
  padding-bottom: 22px;
}
.pc-pipeline__row--last[data-v-d063d52a] { padding-bottom: 0;
}
.pc-pipeline__rail[data-v-d063d52a] {
  position: relative;
  width: 28px;
  flex-shrink: 0;
}
.pc-pipeline__rail[data-v-d063d52a]::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
  bottom: -22px;
  width: 2px;
  background: var(--ink-08);
}
.pc-pipeline__rail--done[data-v-d063d52a]::after {
  background: color-mix(in srgb, var(--status-active) 45%, var(--ink-08));
}
.pc-pipeline__row--last .pc-pipeline__rail[data-v-d063d52a]::after { display: none;
}
.pc-pipeline__text[data-v-d063d52a] {
  padding-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.pc-progress[data-v-84df1bb9] { width: 100%;
}
.pc-progress__head[data-v-84df1bb9] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 7px;
  min-height: 12px;
}
.pc-progress__label[data-v-84df1bb9] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-progress__value[data-v-84df1bb9] {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.03em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

/* variant accent - drives the fill / filled-cell color.
   status colors are softened toward white so they sit in the pastel system */
.pc-progress__track[data-v-84df1bb9],
.pc-progress__segments[data-v-84df1bb9] { --pc-progress-color: var(--midnight);
}
.pc-progress__track--lavender[data-v-84df1bb9] { --pc-progress-color: var(--lavender);
}
.pc-progress__track--success[data-v-84df1bb9] { --pc-progress-color: color-mix(in srgb, var(--status-active) 68%, white);
}
.pc-progress__track--warning[data-v-84df1bb9] { --pc-progress-color: color-mix(in srgb, var(--status-warning) 68%, white);
}
.pc-progress__track--danger[data-v-84df1bb9]  { --pc-progress-color: color-mix(in srgb, var(--status-failed) 68%, white);
}

/* continuous - a flat, sharp channel (no border, so the dark fill stays crisp) */
.pc-progress__track[data-v-84df1bb9] {
  position: relative;
  width: 100%;
  background: var(--ink-08);
  border-radius: var(--radius-sharp);
  overflow: hidden;
}
.pc-progress__track--sm[data-v-84df1bb9] { height: 8px;
}
.pc-progress__track--md[data-v-84df1bb9] { height: 10px;
}
.pc-progress__track--lg[data-v-84df1bb9] { height: 14px;
}
.pc-progress__fill[data-v-84df1bb9] {
  height: 100%;
  background: var(--pc-progress-color);
  transition: width 320ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pc-progress__fill--indeterminate[data-v-84df1bb9] {
  width: 38%;
  transition: none;
  animation: pc-progress-indet-84df1bb9 1.25s ease-in-out infinite;
}
@keyframes pc-progress-indet-84df1bb9 {
0% { transform: translateX(-110%);
}
100% { transform: translateX(275%);
}
}

/* segmented - discrete sharp cells */
.pc-progress__segments[data-v-84df1bb9] {
  display: flex;
  gap: 3px;
  width: 100%;
}
.pc-progress__seg[data-v-84df1bb9] {
  flex: 1;
  background: var(--ink-08);
  border-radius: 2px;
  transition: background 200ms ease;
}
.pc-progress__segments--sm .pc-progress__seg[data-v-84df1bb9] { height: 8px;
}
.pc-progress__segments--md .pc-progress__seg[data-v-84df1bb9] { height: 10px;
}
.pc-progress__segments--lg .pc-progress__seg[data-v-84df1bb9] { height: 14px;
}
.pc-progress__seg--filled[data-v-84df1bb9] { background: var(--pc-progress-color);
}
@media (prefers-reduced-motion: reduce) {
.pc-progress__fill--indeterminate[data-v-84df1bb9] { animation-duration: 2.4s;
}
}

.pc-rating[data-v-3c4fbe78] {
  display: inline-flex;
  gap: 2px;
  width: max-content;
}
.pc-rating__star[data-v-3c4fbe78] {
  position: relative;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink-20);
  outline: none;
  line-height: 0;
}
.pc-rating--interactive .pc-rating__star[data-v-3c4fbe78] { cursor: pointer;
}
.pc-rating__star[data-v-3c4fbe78]:focus-visible { box-shadow: var(--focus-ring); border-radius: 3px;
}
.pc-rating--sm .pc-rating__star[data-v-3c4fbe78] { width: 16px; height: 16px;
}
.pc-rating--md .pc-rating__star[data-v-3c4fbe78] { width: 22px; height: 22px;
}
.pc-rating--lg .pc-rating__star[data-v-3c4fbe78] { width: 30px; height: 30px;
}
.pc-rating__glyph[data-v-3c4fbe78] {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.pc-rating__glyph svg[data-v-3c4fbe78] { display: block;
}
/* the empty (outline) layer underneath sizes the star */
.pc-rating__glyph--empty[data-v-3c4fbe78] { position: static; color: var(--ink-20);
}
.pc-rating__glyph--empty svg[data-v-3c4fbe78] { width: 100%; height: 100%;
}
/* the filled layer is clipped by width to reveal a partial / half star -
   the svg stays full star-size so the clip shows the left portion of a
   real star, not a shrunken one */
.pc-rating__glyph--full[data-v-3c4fbe78] {
  color: var(--status-warning);
  transition: width 100ms ease;
}
.pc-rating__glyph--full svg[data-v-3c4fbe78] { height: 100%; width: auto; max-width: none;
}
.pc-rating--disabled[data-v-3c4fbe78] { opacity: 0.5;
}
.pc-rating--disabled .pc-rating__glyph--full[data-v-3c4fbe78] { color: var(--ink-40);
}

.pc-redactor[data-v-e782168f] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--display);
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: -0.15px;
  color: var(--ink);
}
.pc-redactor__text[data-v-e782168f] { color: var(--ink);
}

/* solid block - a redacted run with its text hidden */
.pc-redactor__mark[data-v-e782168f] {
  background: var(--midnight);
  color: transparent;
  border-radius: var(--radius-sharp);
  padding: 0 3px;
  user-select: none;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: box-shadow 120ms ease;
}
.pc-redactor__mark--interactive[data-v-e782168f] { cursor: pointer; outline: none;
}
.pc-redactor__mark--interactive[data-v-e782168f]:hover {
  box-shadow: 0 0 0 1.5px var(--lavender);
}
.pc-redactor__mark--interactive[data-v-e782168f]:focus-visible {
  box-shadow: var(--focus-ring);
}

/* revealed - text shown, marked as pending redaction */
.pc-redactor__mark--revealed[data-v-e782168f] {
  background: color-mix(in srgb, var(--status-paused) 15%, var(--paper));
  color: var(--ink);
  border-radius: 2px;
  padding: 0 2px;
  border-bottom: 1.5px dashed var(--status-paused);
  user-select: text;
}
.pc-redactor__mark--revealed.pc-redactor__mark--interactive[data-v-e782168f]:hover {
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--status-paused) 50%, transparent);
}

/* selection toolbar */
.pc-redactor__toolbar[data-v-e782168f] {
  position: fixed;
  z-index: 9000;
  transform: translate(-50%, calc(-100% - 8px));
  background: var(--midnight);
  border-radius: var(--radius-comfy);
  padding: 4px;
  box-shadow: var(--shadow-medium);
}
/* transform handles placement, so motion animates the translate property */
.pc-redactor-toolbar-enter-active[data-v-e782168f] { animation: pc-redactor-toolbar-in-e782168f 120ms ease-out;
}
.pc-redactor-toolbar-leave-active[data-v-e782168f] { animation: pc-redactor-toolbar-out-e782168f 110ms ease-in forwards;
}
@keyframes pc-redactor-toolbar-in-e782168f {
from { opacity: 0; translate: 0 4px;
}
to { opacity: 1; translate: 0 0;
}
}
@keyframes pc-redactor-toolbar-out-e782168f {
from { opacity: 1; translate: 0 0;
}
to { opacity: 0; translate: 0 4px;
}
}
.pc-redactor__redact-btn[data-v-e782168f] {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border-radius: var(--radius-sharp);
  background: transparent;
  color: var(--paper-on-dark);
  font-family: var(--display);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.13px;
  cursor: pointer;
  outline: none;
  transition: background 120ms ease;
}
.pc-redactor__redact-btn[data-v-e782168f]:hover { background: var(--paper-on-dark-12);
}
.pc-redactor__redact-btn[data-v-e782168f]:focus-visible { box-shadow: var(--focus-ring-on-dark);
}

/* redaction menu */
.pc-redactor__menu[data-v-e782168f] {
  position: absolute;
  z-index: 9000;
  min-width: 184px;
  background: var(--paper);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-comfy);
  box-shadow: var(--shadow-medium);
  padding: 4px;
  opacity: 0;
  visibility: hidden;
}
/* floating-ui drives position via transform, so the enter/exit motion animates
   the translate property to avoid clobbering it - matches DropdownMenu */
.pc-redactor__menu--ready[data-v-e782168f] {
  visibility: visible;
  animation: pc-redactor-menu-in-e782168f 120ms ease-out forwards;
}
.pc-redactor-menu-leave-active.pc-redactor__menu--ready[data-v-e782168f] {
  animation: pc-redactor-menu-out-e782168f 110ms ease-in forwards;
}
@keyframes pc-redactor-menu-in-e782168f {
from { opacity: 0; translate: 0 -4px;
}
to { opacity: 1; translate: 0 0;
}
}
@keyframes pc-redactor-menu-out-e782168f {
from { opacity: 1; translate: 0 0;
}
to { opacity: 0; translate: 0 -4px;
}
}
.pc-redactor__menu-label[data-v-e782168f] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 9px;
  font-weight: 500;
  color: var(--ink-40);
  padding: 6px 10px 4px;
}
.pc-redactor__menu-item[data-v-e782168f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 6px 10px;
  border-radius: var(--radius-sharp);
  background: transparent;
  font-family: var(--display);
  font-size: 13px;
  letter-spacing: -0.13px;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  outline: none;
  transition: background 120ms ease;
}
.pc-redactor__menu-item[data-v-e782168f]:hover { background: var(--ink-04);
}
.pc-redactor__menu-item[data-v-e782168f]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-redactor__menu-item--muted[data-v-e782168f] { color: var(--ink-60);
}
.pc-redactor__menu-item--danger[data-v-e782168f] { color: var(--status-failed);
}
.pc-redactor__menu-item--danger[data-v-e782168f]:hover { background: var(--status-failed-bg);
}
.pc-redactor__menu-item--danger[data-v-e782168f] { justify-content: flex-start;
}
.pc-redactor__menu-check[data-v-e782168f] { color: var(--ink-60); font-size: 14px;
}
.pc-redactor__menu-divider[data-v-e782168f] {
  height: 1px;
  background: var(--ink-08);
  margin: 4px 2px;
}

.pc-retrieved[data-v-ed64a738] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pc-retrieved__head[data-v-ed64a738] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}
.pc-retrieved__meta[data-v-ed64a738] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
.pc-retrieved__rank[data-v-ed64a738] {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--ink-40);
  flex-shrink: 0;
}
.pc-retrieved__source[data-v-ed64a738] {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.02em;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-retrieved__chunk[data-v-ed64a738] {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.02em;
  color: var(--ink-40);
  flex-shrink: 0;
}
.pc-retrieved__chunk[data-v-ed64a738]::before {
  content: "·";
  margin-right: 8px;
  color: var(--ink-20);
}
.pc-retrieved__text[data-v-ed64a738] {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: -0.14px;
  color: var(--ink-60);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pc-scrubber[data-v-1b46c092] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  height: var(--control-h);
  padding: 0 10px;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  background: var(--paper);
  cursor: ew-resize;
  user-select: none;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
  box-sizing: border-box;
}
.pc-scrubber--sm[data-v-1b46c092] { height: var(--control-h-sm); padding: 0 8px;
}
.pc-scrubber--lg[data-v-1b46c092] { height: var(--control-h-lg); padding: 0 12px;
}
.pc-scrubber[data-v-1b46c092]:hover:not(.pc-scrubber--disabled):not(:focus-within) { border-color: var(--ink-20);
}
.pc-scrubber[data-v-1b46c092]:focus-within { border-color: var(--midnight); box-shadow: var(--focus-ring); cursor: text;
}
.pc-scrubber--dragging[data-v-1b46c092] { border-color: var(--midnight); background: var(--ink-04);
}
.pc-scrubber--invalid[data-v-1b46c092] { border-color: var(--status-failed);
}
.pc-scrubber--invalid[data-v-1b46c092]:focus-within { box-shadow: var(--focus-ring-danger);
}
.pc-scrubber--disabled[data-v-1b46c092] { background: var(--ink-04); opacity: 0.6; cursor: not-allowed;
}
.pc-scrubber__label[data-v-1b46c092] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  pointer-events: none;
}
.pc-scrubber__input[data-v-1b46c092] {
  width: 56px;
  border: 0;
  outline: none;
  background: transparent;
  font-family: var(--display);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.14px;
  color: var(--ink);
  cursor: inherit;
  min-width: 0;
  /* no text selection while scrubbing; restored only while editing */
  user-select: none;
}
.pc-scrubber--editing .pc-scrubber__input[data-v-1b46c092] { user-select: text;
}
.pc-scrubber--sm .pc-scrubber__input[data-v-1b46c092] { font-size: 13px; width: 48px;
}
.pc-scrubber--lg .pc-scrubber__input[data-v-1b46c092] { font-size: 15px; width: 64px;
}

.pc-skel[data-v-38271e4e] {
  display: block;
  background-color: var(--ink-04);
  border-radius: var(--radius-sharp);
  position: relative;
  overflow: hidden;
}
.pc-skel--text[data-v-38271e4e] {
  height: 12px;
  width: 100%;
  border-radius: 3px;
  margin: 4px 0;
}
.pc-skel--circle[data-v-38271e4e] {
  border-radius: 999px;
  width: 32px;
  height: 32px;
}
.pc-skel--rect[data-v-38271e4e] {
  width: 100%;
  height: 80px;
}

/* shimmer - sweep a soft highlight across the surface */
.pc-skel--shimmer[data-v-38271e4e]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.55) 50%,
    transparent 100%
  );
  animation: pc-skel-shimmer-38271e4e 1400ms ease-in-out infinite;
  transform: translateX(-100%);
}
@keyframes pc-skel-shimmer-38271e4e {
to { transform: translateX(100%);
}
}
.pc-skel--pulse[data-v-38271e4e] { animation: pc-skel-pulse-38271e4e 1400ms ease-in-out infinite;
}
@keyframes pc-skel-pulse-38271e4e {
0%, 100% { opacity: 1;
}
50% { opacity: 0.55;
}
}
.pc-skel-stack[data-v-38271e4e] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.pc-spark[data-v-ec4b4419] { display: block;
}
.pc-spark--default[data-v-ec4b4419] { --pc-spark-color: var(--midnight);
}
.pc-spark--lavender[data-v-ec4b4419] { --pc-spark-color: var(--lavender);
}
.pc-spark--success[data-v-ec4b4419] { --pc-spark-color: color-mix(in srgb, var(--status-active) 70%, white);
}
.pc-spark--warning[data-v-ec4b4419] { --pc-spark-color: color-mix(in srgb, var(--status-warning) 70%, white);
}
.pc-spark--danger[data-v-ec4b4419]  { --pc-spark-color: color-mix(in srgb, var(--status-failed) 70%, white);
}
.pc-spark__line[data-v-ec4b4419] {
  stroke: var(--pc-spark-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pc-spark__area[data-v-ec4b4419] { stroke: none;
}
.pc-spark__stop-top[data-v-ec4b4419] { stop-color: var(--pc-spark-color); stop-opacity: 0.22;
}
.pc-spark__stop-bot[data-v-ec4b4419] { stop-color: var(--pc-spark-color); stop-opacity: 0;
}
.pc-spark__dot[data-v-ec4b4419] {
  fill: var(--pc-spark-color);
  stroke: var(--paper);
  stroke-width: 1.5;
}

.pc-table-wrap[data-v-83c58b0d] { width: 100%; overflow-x: auto;
}
.pc-table[data-v-83c58b0d] {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  letter-spacing: -0.14px;
  font-family: var(--display);
}

/* header */
.pc-table th[data-v-83c58b0d] {
  text-align: left;
  font-family: var(--mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: var(--ink-60);
  padding: 12px 18px;
  border-bottom: 1px solid var(--ink-08);
  white-space: nowrap;
}

/* cells - breathable by default */
.pc-table td[data-v-83c58b0d] {
  padding: 16px 18px;
  border-bottom: 1px solid var(--ink-08);
  color: var(--ink);
  vertical-align: middle;
}
.pc-table tbody tr[data-v-83c58b0d] { transition: background 120ms ease;
}
.pc-table tbody tr:hover td[data-v-83c58b0d] { background: var(--ink-04);
}
.pc-table tbody tr:last-child td[data-v-83c58b0d] { border-bottom: 0;
}

/* clickable rows */
.pc-table--clickable .pc-table__row--clickable[data-v-83c58b0d] { cursor: pointer;
}

/* column treatments */
.pc-table__td--primary[data-v-83c58b0d] {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--ink);
}
.pc-table__td--mono[data-v-83c58b0d] {
  font-family: var(--mono);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ink-60);
}

/* two-line title + subtitle cell */
.pc-table__stack[data-v-83c58b0d] { display: flex; flex-direction: column; gap: 3px;
}
.pc-table__stack-title[data-v-83c58b0d] {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--ink);
}
.pc-table__stack-sub[data-v-83c58b0d] {
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ink-40);
}

/* empty */
.pc-table__empty[data-v-83c58b0d] {
  text-align: center !important;
  color: var(--ink-40);
  padding: 36px 18px !important;
  font-size: 13px;
}

/* compact density */
.pc-table--compact th[data-v-83c58b0d] { padding: 8px 12px;
}
.pc-table--compact td[data-v-83c58b0d] { padding: 9px 12px;
}
.pc-table--compact .pc-table__stack-title[data-v-83c58b0d] { font-size: 14px;
}
.pc-table--compact .pc-table__td--primary[data-v-83c58b0d] { font-size: 14px;
}

.pc-tabs[data-v-a405df38] { display: inline-flex; align-items: center; gap: 4px; position: relative;
}
.pc-tabs--underline[data-v-a405df38] { border-bottom: 1px solid var(--ink-08); gap: 0;
}

/* the sliding active indicator */
.pc-tabs__indicator[data-v-a405df38] {
  position: absolute;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.pc-tabs__indicator--animate[data-v-a405df38] {
  transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1),
              width 260ms cubic-bezier(0.4, 0, 0.2, 1),
              opacity 160ms ease;
}
.pc-tabs--underline .pc-tabs__indicator[data-v-a405df38] {
  bottom: -1px;
  height: 2px;
  background: var(--midnight);
}
.pc-tabs--pills .pc-tabs__indicator[data-v-a405df38] {
  top: 3px;
  bottom: 3px;
  background: var(--paper);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px var(--ink-08);
}
.pc-tab[data-v-a405df38] {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  font-weight: 500;
  color: var(--ink-60);
  border-radius: var(--radius-sharp);
  transition: color 140ms ease, background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
  line-height: 1.2;
  white-space: nowrap;
  outline: none;
}
.pc-tab[data-v-a405df38]:hover:not(:disabled) { color: var(--ink);
}
.pc-tab[data-v-a405df38]:focus-visible:not(:disabled) { box-shadow: var(--focus-ring);
}
.pc-tab--active[data-v-a405df38] { color: var(--ink);
}
.pc-tab--disabled[data-v-a405df38] { opacity: 0.5; cursor: not-allowed;
}

/* underline variant */
.pc-tabs--underline .pc-tab[data-v-a405df38] {
  border-radius: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding: 8px 12px 10px;
}
.pc-tabs--underline .pc-tab[data-v-a405df38]:hover:not(:disabled):not(.pc-tab--active) {
  border-bottom-color: var(--ink-20);
}

/* pills variant */
.pc-tabs--pills[data-v-a405df38] {
  background: var(--ink-08);
  padding: 3px;
  border-radius: var(--radius-sharp);
}
.pc-tabs--pills .pc-tab[data-v-a405df38] { padding: 5px 12px; color: var(--ink-60);
}
.pc-tabs--pills .pc-tab[data-v-a405df38]:hover:not(.pc-tab--active) { color: var(--ink);
}
.pc-tabs--pills .pc-tab--active[data-v-a405df38] { color: var(--ink);
}
.pc-tabs--sm .pc-tab[data-v-a405df38] { font-size: 13px; padding: 5px 10px;
}
.pc-tab__badge[data-v-a405df38] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  background: var(--ink-04);
  border: 1px solid var(--ink-08);
  border-radius: 3px;
  padding: 0 5px;
  color: var(--ink-60);
}
.pc-tabs--pills .pc-tab__badge[data-v-a405df38] {
  background: var(--paper);
  border-color: var(--ink-08);
}
.pc-tabs--underline .pc-tab--active .pc-tab__badge[data-v-a405df38] { color: var(--ink);
}
@media (prefers-reduced-motion: reduce) {
.pc-tabs__indicator--animate[data-v-a405df38] { transition: opacity 120ms ease;
}
}

.pc-taginput[data-v-d3f9ba31] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-height: var(--control-h);
  padding: 3px 4px 3px 6px;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  background: var(--paper);
  cursor: text;
  transition: border-color 140ms ease, box-shadow 140ms ease;
  font-family: var(--display);
  letter-spacing: -0.14px;
}
.pc-taginput[data-v-d3f9ba31]:hover:not(.pc-taginput--disabled):not(:focus-within) { border-color: var(--ink-20);
}
.pc-taginput[data-v-d3f9ba31]:focus-within { border-color: var(--midnight); box-shadow: var(--focus-ring);
}
.pc-taginput--disabled[data-v-d3f9ba31] { background: var(--ink-04); cursor: not-allowed; opacity: 0.6;
}
.pc-taginput--invalid[data-v-d3f9ba31] { border-color: var(--status-failed);
}
.pc-taginput--invalid[data-v-d3f9ba31]:focus-within { border-color: var(--status-failed); box-shadow: var(--focus-ring-danger);
}
.pc-taginput__tag[data-v-d3f9ba31] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 4px 2px 8px;
  background: var(--ink-04);
  border-radius: 3px;
  font-size: 12px;
  color: var(--ink);
  max-width: 220px;
  line-height: 1.4;
}
.pc-taginput__tag-label[data-v-d3f9ba31] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-taginput__tag-remove[data-v-d3f9ba31] {
  width: 16px; height: 16px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 3px;
  color: var(--ink-60);
  font-size: 13px;
  line-height: 1;
  transition: background 120ms ease, color 120ms ease;
}
.pc-taginput__tag-remove[data-v-d3f9ba31]:hover { background: var(--ink-08); color: var(--ink);
}
.pc-taginput__input[data-v-d3f9ba31] {
  flex: 1;
  min-width: 80px;
  border: 0;
  outline: none;
  background: transparent;
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  color: var(--ink);
  padding: 4px 6px;
  min-height: 24px;
}
.pc-taginput__input[data-v-d3f9ba31]::placeholder { color: var(--ink-40);
}
.pc-taginput__error[data-v-d3f9ba31] {
  margin-top: 4px;
  font-size: 12px;
  color: var(--status-failed);
}

.pc-tenant[data-v-3529bf1f] { width: 100%;
}
.pc-tenant__label[data-v-3529bf1f] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-60);
  margin-bottom: 6px;
  padding: 0 2px;
}
.pc-tenant__trigger[data-v-3529bf1f] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border-radius: var(--radius-sharp);
  background: transparent;
  border: 1px solid var(--ink-08);
  cursor: pointer;
  outline: none;
  text-align: left;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
.pc-tenant__trigger[data-v-3529bf1f]:hover:not(:disabled) { background: var(--ink-04); border-color: var(--ink-20);
}
.pc-tenant__trigger--open[data-v-3529bf1f] { background: var(--ink-04); border-color: var(--ink-20);
}
.pc-tenant__trigger[data-v-3529bf1f]:focus-visible { box-shadow: var(--focus-ring); border-color: var(--midnight);
}
.pc-tenant__trigger[data-v-3529bf1f]:disabled { opacity: 0.5; cursor: not-allowed;
}
.pc-tenant__text[data-v-3529bf1f] {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}
.pc-tenant__name[data-v-3529bf1f] {
  font-family: var(--display);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-tenant__sub[data-v-3529bf1f] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-60);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-tenant__chevron[data-v-3529bf1f] {
  display: inline-flex;
  color: var(--ink-40);
  flex-shrink: 0;
}

/* dropdown - offsets the Popover's default padding for a clean menu */
.pc-tenant__menu[data-v-3529bf1f] {
  margin: -12px;
  min-width: 220px;
}
.pc-tenant__list[data-v-3529bf1f] { padding: 4px; display: flex; flex-direction: column; gap: 2px;
}
.pc-tenant__item[data-v-3529bf1f] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 7px 8px;
  border-radius: var(--radius-sharp);
  background: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  text-align: left;
  transition: background 120ms ease;
}
.pc-tenant__item[data-v-3529bf1f]:hover { background: var(--ink-04);
}
.pc-tenant__item[data-v-3529bf1f]:focus-visible { background: var(--ink-04); box-shadow: var(--focus-ring);
}
.pc-tenant__item[data-v-3529bf1f]:active { background: var(--ink-08);
}
.pc-tenant__check[data-v-3529bf1f] { display: inline-flex; color: var(--ink); flex-shrink: 0;
}
.pc-tenant__footer[data-v-3529bf1f] {
  border-top: 1px solid var(--ink-08);
  padding: 6px;
}

.demo-action[data-v-0c08cb61] {
  display: block;
  width: 100%;
  text-align: left;
  padding: 7px 8px;
  border-radius: var(--radius-sharp);
  font-family: var(--display);
  font-size: 13px;
  letter-spacing: -0.13px;
  color: var(--ink);
  background: transparent;
  border: 0;
  cursor: pointer;
}
.demo-action[data-v-0c08cb61]:hover { background: var(--ink-04);
}

.pc-timeline[data-v-228c0a9d] {
  display: flex;
  flex-direction: column;
}
.pc-timeline__row[data-v-228c0a9d] {
  display: flex;
  gap: 14px;
  padding-bottom: 22px;
}
.pc-timeline__row--last[data-v-228c0a9d] { padding-bottom: 0;
}

/* rail - fixed gutter holding the marker and the connector line */
.pc-timeline__rail[data-v-228c0a9d] {
  position: relative;
  width: 24px;
  flex-shrink: 0;
}
.pc-timeline__rail[data-v-228c0a9d]::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6px;
  bottom: 0;
  width: 2px;
  background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--lavender) 60%, var(--paper)),
    var(--ink-08)
  );
}
.pc-timeline__row--last .pc-timeline__rail[data-v-228c0a9d]::before { display: none;
}

/* marker - always a 24px box so every row's center lines up */
.pc-timeline__marker[data-v-228c0a9d] {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* dot marker (no icon) */
.pc-timeline__marker[data-v-228c0a9d]:not(.pc-timeline__marker--icon)::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--paper);
  box-shadow: inset 0 0 0 2px var(--ink-20);
}
.pc-timeline__marker--active[data-v-228c0a9d]:not(.pc-timeline__marker--icon)::before {
  background: var(--lavender);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--lavender) 28%, transparent);
}
.pc-timeline__marker--done[data-v-228c0a9d]:not(.pc-timeline__marker--icon)::before {
  background: var(--status-active);
  box-shadow: 0 0 0 4px var(--status-active-bg);
}
.pc-timeline__marker--warning[data-v-228c0a9d]:not(.pc-timeline__marker--icon)::before {
  background: var(--status-warning);
  box-shadow: 0 0 0 4px var(--status-warning-bg);
}
.pc-timeline__marker--danger[data-v-228c0a9d]:not(.pc-timeline__marker--icon)::before {
  background: var(--status-failed);
  box-shadow: 0 0 0 4px var(--status-failed-bg);
}

/* icon marker - the box itself becomes a tinted circle */
.pc-timeline__marker--icon[data-v-228c0a9d] {
  border-radius: 50%;
  font-size: 13px;
  background: var(--ink-04);
  color: var(--ink-60);
  box-shadow: inset 0 0 0 1px var(--ink-08);
}
.pc-timeline__marker--icon.pc-timeline__marker--active[data-v-228c0a9d] {
  background: color-mix(in srgb, var(--lavender) 38%, var(--paper));
  color: var(--midnight);
  box-shadow: none;
}
.pc-timeline__marker--icon.pc-timeline__marker--done[data-v-228c0a9d] {
  background: var(--status-active-bg);
  color: var(--status-active);
  box-shadow: none;
}
.pc-timeline__marker--icon.pc-timeline__marker--warning[data-v-228c0a9d] {
  background: var(--status-warning-bg);
  color: var(--status-warning);
  box-shadow: none;
}
.pc-timeline__marker--icon.pc-timeline__marker--danger[data-v-228c0a9d] {
  background: var(--status-failed-bg);
  color: var(--status-failed);
  box-shadow: none;
}

/* content */
.pc-timeline__content[data-v-228c0a9d] {
  padding-top: 2px;
  min-width: 0;
  flex: 1;
}
.pc-timeline__main[data-v-228c0a9d] { min-width: 0; flex: 1;
}
.pc-timeline__body[data-v-228c0a9d] {
  display: flex;
  align-items: stretch;
  gap: 8px;
  color: inherit;
  text-decoration: none;
}
.pc-timeline__body--interactive[data-v-228c0a9d] {
  margin: -7px -10px;
  padding: 7px 10px;
  border-radius: var(--radius-sharp);
  cursor: pointer;
  outline: none;
  transition: background 140ms ease, box-shadow 140ms ease;
}
.pc-timeline__body--interactive[data-v-228c0a9d]:hover { background: var(--ink-04);
}
.pc-timeline__body--interactive[data-v-228c0a9d]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-timeline__head[data-v-228c0a9d] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.pc-timeline__title[data-v-228c0a9d] {
  font-family: var(--display);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.15px;
  color: var(--ink);
}
.pc-timeline__time[data-v-228c0a9d] {
  flex-shrink: 0;
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-40);
}
.pc-timeline__desc[data-v-228c0a9d] {
  margin-top: 3px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--ink-60);
  letter-spacing: -0.14px;
}
.pc-timeline__chevron[data-v-228c0a9d] {
  align-self: center;
  flex-shrink: 0;
  font-size: 16px;
  color: var(--ink-20);
  transition: color 140ms ease, transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.pc-timeline__body--interactive:hover .pc-timeline__chevron[data-v-228c0a9d] {
  color: var(--ink-60);
  transform: translateX(3px);
}
/* on press, the chevron snaps back toward its origin - confirms the action */
.pc-timeline__body--interactive:active .pc-timeline__chevron[data-v-228c0a9d] {
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
.pc-timeline__chevron[data-v-228c0a9d] { transition: color 140ms ease;
}
}

.pc-toggle-btn[data-v-0a4e9429] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  min-height: var(--control-h);
  border-radius: var(--radius-sharp);
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  font-weight: 500;
  background: var(--ink-04);
  color: var(--ink-60);
  border: 1px solid transparent;
  cursor: pointer;
  transition:
    background 140ms ease,
    color 140ms ease,
    border-color 140ms ease,
    box-shadow 140ms ease,
    transform 60ms ease;
  outline: none;
  user-select: none;
  white-space: nowrap;
  line-height: 1.2;
}
.pc-toggle-btn[data-v-0a4e9429]:hover:not(:disabled) { background: var(--ink-08); color: var(--ink);
}
.pc-toggle-btn[data-v-0a4e9429]:active:not(:disabled) { transform: translateY(1.5px);
}
.pc-toggle-btn[data-v-0a4e9429]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-toggle-btn[data-v-0a4e9429]:disabled { opacity: 0.5; cursor: not-allowed;
}

/* on - midnight accent fill, mirrors a primary button's weight */
.pc-toggle-btn--on[data-v-0a4e9429] {
  background: var(--midnight);
  color: var(--paper-on-dark);
}
.pc-toggle-btn--on[data-v-0a4e9429]:hover:not(:disabled) { background: var(--midnight-hover); color: var(--paper-on-dark);
}
.pc-toggle-btn--on[data-v-0a4e9429]:active:not(:disabled) { background: var(--midnight-active);
}

/* sizes */
.pc-toggle-btn--sm[data-v-0a4e9429] { padding: 0 10px; min-height: var(--control-h-sm); font-size: 13px;
}
.pc-toggle-btn--lg[data-v-0a4e9429] { padding: 0 18px; min-height: var(--control-h-lg); font-size: 15px;
}

/* icon-only: perfect square matched to each size's height */
.pc-toggle-btn--icon[data-v-0a4e9429] { width: var(--control-h); padding: 0;
}
.pc-toggle-btn--icon.pc-toggle-btn--sm[data-v-0a4e9429] { width: var(--control-h-sm);
}
.pc-toggle-btn--icon.pc-toggle-btn--lg[data-v-0a4e9429] { width: var(--control-h-lg);
}
.pc-toggle-btn__icon[data-v-0a4e9429] { font-size: 16px; flex-shrink: 0;
}
.pc-toggle-btn--sm .pc-toggle-btn__icon[data-v-0a4e9429] { font-size: 15px;
}
.pc-toggle-btn--lg .pc-toggle-btn__icon[data-v-0a4e9429] { font-size: 18px;
}
.pc-toggle-btn__label[data-v-0a4e9429] { display: inline-flex; align-items: center; gap: 8px;
}

.pc-tokenview[data-v-46c1ab2a] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pc-tokenview__head[data-v-46c1ab2a] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.pc-tokenview__count[data-v-46c1ab2a] {
  font-family: var(--display);
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.9px;
  line-height: 1;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.pc-tokenview__unit[data-v-46c1ab2a] {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink-60);
}
.pc-tokenview__sub[data-v-46c1ab2a] {
  margin-left: auto;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--ink-40);
}
.pc-tokenview__body[data-v-46c1ab2a] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--display);
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: -0.1px;
  color: var(--ink);
}
.pc-tokenview__tok[data-v-46c1ab2a] {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.pc-tokenview__empty[data-v-46c1ab2a] {
  font-size: 14px;
  color: var(--ink-40);
}

.pc-toolbar[data-v-d0da8fdb] {
  display: flex;
  flex-direction: column;
  background: var(--paper);
}
.pc-toolbar--sticky[data-v-d0da8fdb] { position: sticky; top: 0; z-index: 5;
}
.pc-toolbar--bordered[data-v-d0da8fdb] { border-bottom: 1px solid var(--ink-08);
}
.pc-toolbar__row[data-v-d0da8fdb] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  min-height: 56px;
  min-width: 0;
}
.pc-toolbar--sm .pc-toolbar__row[data-v-d0da8fdb] { padding: 6px 12px; min-height: 44px; gap: 8px;
}
/* tighten the gap between two stacked rows */
.pc-toolbar--two-row .pc-toolbar__row[data-v-d0da8fdb] { min-height: 50px; padding-top: 8px; padding-bottom: 8px;
}
.pc-toolbar--two-row .pc-toolbar__row + .pc-toolbar__row[data-v-d0da8fdb] { padding-top: 0;
}
.pc-toolbar--two-row.pc-toolbar--sm .pc-toolbar__row + .pc-toolbar__row[data-v-d0da8fdb] { padding-top: 0;
}
.pc-toolbar__row--filters[data-v-d0da8fdb] {
  /* secondary row: filter chips, multiselects, date ranges */
  padding-bottom: 12px;
}
.pc-toolbar--sm .pc-toolbar__row--filters[data-v-d0da8fdb] { padding-bottom: 8px;
}
.pc-toolbar__main[data-v-d0da8fdb] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  flex-wrap: nowrap;
}
/* filters row CAN wrap (chips and selects often multiply) */
.pc-toolbar__main--filters[data-v-d0da8fdb] { flex-wrap: wrap; row-gap: 8px;
}
.pc-toolbar__row--nowrap .pc-toolbar__main[data-v-d0da8fdb] { flex-wrap: nowrap; overflow-x: auto;
}
.pc-toolbar__group[data-v-d0da8fdb] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.pc-toolbar__leading[data-v-d0da8fdb] { margin-right: 4px;
}
.pc-toolbar__trailing[data-v-d0da8fdb] { margin-left: auto;
}
.pc-toolbar__divider[data-v-d0da8fdb] {
  border: 0;
  height: 1px;
  background: var(--ink-08);
  margin: 0 16px;
}
.pc-toolbar--sm .pc-toolbar__divider[data-v-d0da8fdb] { margin: 0 12px;
}

.pc-search[data-v-54e32457] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  padding: 0 10px;
  height: var(--control-h);
  background: var(--paper);
  transition: border-color 140ms ease, box-shadow 140ms ease;
  min-width: 220px;
  flex: 0 1 320px;
  box-sizing: border-box;
}
.pc-search[data-v-54e32457]:hover:not(.pc-search--disabled):not(:focus-within) { border-color: var(--ink-20);
}
.pc-search[data-v-54e32457]:focus-within { border-color: var(--midnight); box-shadow: var(--focus-ring);
}
.pc-search--sm[data-v-54e32457] { padding: 0 8px; height: var(--control-h-sm);
}
.pc-search--disabled[data-v-54e32457] { opacity: 0.5; cursor: not-allowed;
}
.pc-search__icon[data-v-54e32457] { display: inline-flex; color: var(--ink-40); flex-shrink: 0;
}
.pc-search__input[data-v-54e32457] {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  color: var(--ink);
  min-width: 0;
  padding: 0;
}
.pc-search--sm .pc-search__input[data-v-54e32457] { font-size: 13px;
}
.pc-search__input[data-v-54e32457]::placeholder { color: var(--ink-40);
}
.pc-search__clear[data-v-54e32457] {
  width: 18px; height: 18px;
  border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--ink-60);
  font-size: 14px;
  flex-shrink: 0;
  transition: background 120ms ease, color 120ms ease;
}
.pc-search__clear[data-v-54e32457]:hover { background: var(--ink-04); color: var(--ink);
}
.pc-search__shortcut[data-v-54e32457] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  color: var(--ink-40);
  background: var(--ink-04);
  border: 1px solid var(--ink-08);
  border-radius: var(--badge-radius);
  padding: 2px 5px;
  flex-shrink: 0;
  line-height: 1.2;
}

.pc-seg[data-v-dbf3cb5b] {
  position: relative;
  display: inline-flex;
  background: var(--ink-04);
  border: 1px solid var(--ink-08);
  border-radius: var(--radius-sharp);
  padding: 3px;
  gap: 2px;
  height: var(--control-h);
  box-sizing: border-box;
}

/* the sliding active indicator - mirrors the Tabs pills variant */
.pc-seg__indicator[data-v-dbf3cb5b] {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 0;
  background: var(--paper);
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(1, 1, 32, 0.08);
  opacity: 0;
  pointer-events: none;
}
.pc-seg__indicator--animate[data-v-dbf3cb5b] {
  transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1),
              width 260ms cubic-bezier(0.4, 0, 0.2, 1),
              opacity 160ms ease;
}
.pc-seg__btn[data-v-dbf3cb5b] {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border-radius: 3px;
  font-family: var(--display);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.13px;
  color: var(--ink-60);
  background: transparent;
  outline: none;
  transition: color 140ms ease, box-shadow 140ms ease;
  white-space: nowrap;
  line-height: 1;
}
.pc-seg__btn[data-v-dbf3cb5b]:hover:not(:disabled):not(.pc-seg__btn--active) { color: var(--ink);
}
.pc-seg__btn[data-v-dbf3cb5b]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-seg__btn[data-v-dbf3cb5b]:disabled { opacity: 0.5; cursor: not-allowed;
}
.pc-seg__btn--active[data-v-dbf3cb5b] { color: var(--ink);
}
.pc-seg--sm[data-v-dbf3cb5b] { height: var(--control-h-sm); padding: 2px;
}
.pc-seg--sm .pc-seg__indicator[data-v-dbf3cb5b] { top: 2px; bottom: 2px;
}
.pc-seg--sm .pc-seg__btn[data-v-dbf3cb5b] { padding: 0 8px; font-size: 12px;
}
.pc-seg__icon[data-v-dbf3cb5b] { font-size: 13px;
}
@media (prefers-reduced-motion: reduce) {
.pc-seg__indicator--animate[data-v-dbf3cb5b] { transition: opacity 120ms ease;
}
}

.pc-chip[data-v-5467c858] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  height: var(--control-h);
  border-radius: var(--radius-sharp);
  background: var(--paper);
  border: 1px solid var(--ink-08);
  font-family: var(--display);
  font-size: 13px;
  letter-spacing: -0.13px;
  color: var(--ink);
  outline: none;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
  white-space: nowrap;
  user-select: none;
  line-height: 1.2;
}
.pc-chip--clickable[data-v-5467c858] { cursor: pointer;
}
.pc-chip--clickable[data-v-5467c858]:hover { border-color: var(--ink-20); background: var(--ink-04);
}
.pc-chip[data-v-5467c858]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-chip--active[data-v-5467c858] {
  background: var(--midnight);
  color: var(--paper-on-dark);
  border-color: var(--midnight);
}
.pc-chip--active[data-v-5467c858]:hover { background: var(--midnight-hover); border-color: var(--midnight-hover);
}
.pc-chip--disabled[data-v-5467c858] { opacity: 0.5; cursor: not-allowed;
}
.pc-chip__label[data-v-5467c858] { font-weight: 500;
}
.pc-chip__value[data-v-5467c858] {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  background: var(--ink-04);
  padding: 2px 5px;
  border-radius: var(--badge-radius);
  color: var(--ink-60);
  line-height: 1.2;
}
.pc-chip--active .pc-chip__value[data-v-5467c858] {
  background: rgba(255, 255, 255, 0.15);
  color: var(--paper-on-dark-60);
}
.pc-chip__remove[data-v-5467c858] {
  width: 16px; height: 16px;
  border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  color: inherit;
  opacity: 0.6;
  font-size: 14px;
  line-height: 1;
  transition: background 120ms ease, opacity 120ms ease;
}
.pc-chip__remove[data-v-5467c858]:hover { background: var(--ink-08); opacity: 1;
}
.pc-chip--active .pc-chip__remove[data-v-5467c858]:hover { background: rgba(255, 255, 255, 0.18);
}

.pc-tree[data-v-4431b1db] { list-style: none; padding: 0; margin: 0;
}
.pc-tree--nested[data-v-4431b1db] { margin: 0;
}

/* nested rows fade+slide in with a subtle per-row stagger when expanding */
.pc-tree--nested > li[data-v-4431b1db] {
  opacity: 0;
  translate: -4px 0;
  animation: pc-tree-row-in-4431b1db 280ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: var(--pc-tree-stagger, 0ms);
}
@keyframes pc-tree-row-in-4431b1db {
to { opacity: 1; translate: 0 0;
}
}
@media (prefers-reduced-motion: reduce) {
.pc-tree--nested > li[data-v-4431b1db] {
    animation: none;
    opacity: 1;
    translate: 0 0;
}
}
.pc-tree__node[data-v-4431b1db] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px 6px 8px;
  border-radius: var(--radius-sharp);
  font-family: var(--display);
  font-size: 14px;
  letter-spacing: -0.14px;
  color: var(--ink);
  cursor: pointer;
  outline: none;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease;
  user-select: none;
}
.pc-tree__node[data-v-4431b1db]:hover:not(.pc-tree__node--selected):not(.pc-tree__node--disabled) { background: var(--ink-04);
}
.pc-tree__node[data-v-4431b1db]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-tree__node--selected[data-v-4431b1db] {
  background: var(--midnight);
  color: var(--paper-on-dark);
}
.pc-tree__node--selected[data-v-4431b1db]:hover { background: var(--midnight-hover);
}
.pc-tree__node--disabled[data-v-4431b1db] { color: var(--ink-40); cursor: not-allowed;
}
.pc-tree__node--leaf .pc-tree__toggle[data-v-4431b1db] { visibility: hidden;
}
.pc-tree__toggle[data-v-4431b1db] {
  width: 18px; height: 18px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: var(--ink-60);
  background: transparent;
  outline: none;
  transition: background 120ms ease, color 120ms ease;
}
.pc-tree__node--selected .pc-tree__toggle[data-v-4431b1db] { color: var(--paper-on-dark-60);
}
.pc-tree__toggle[data-v-4431b1db]:hover:not(.pc-tree__toggle--placeholder) { background: var(--ink-08); color: var(--ink);
}
.pc-tree__node--selected .pc-tree__toggle[data-v-4431b1db]:hover { background: rgba(255,255,255,0.15); color: var(--paper-on-dark);
}
.pc-tree__toggle--placeholder[data-v-4431b1db] { pointer-events: none;
}
.pc-tree__chevron[data-v-4431b1db] {
  transition: rotate 140ms ease;
}
.pc-tree__chevron--open[data-v-4431b1db] { rotate: 90deg;
}
.pc-tree__icon[data-v-4431b1db] {
  width: 16px; height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
  opacity: 0.7;
}
.pc-tree__node--selected .pc-tree__icon[data-v-4431b1db] { opacity: 1;
}
.pc-tree__label[data-v-4431b1db] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-tree__badge[data-v-4431b1db] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: var(--badge-radius);
  background: var(--ink-08);
  color: var(--ink-60);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 500;
}
.pc-tree__node--selected .pc-tree__badge[data-v-4431b1db] {
  background: rgba(255, 255, 255, 0.15);
  color: var(--paper-on-dark);
}

.pc-wizard[data-v-61a7952a] {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 32px;
  align-items: stretch;
  background: var(--paper);
  font-family: var(--display);
  letter-spacing: -0.14px;
  color: var(--ink);
  /* fill the parent so the footer can pin to the bottom */
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

/* rail */
.pc-wizard__rail[data-v-61a7952a] {
  padding: 20px 4px 20px 8px;
  border-right: 1px solid var(--ink-08);
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
.pc-wizard__steps[data-v-61a7952a] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pc-wizard__step[data-v-61a7952a] {
  position: relative;
}
.pc-wizard__step-btn[data-v-61a7952a] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 10px 10px 12px;
  border: 0;
  background: transparent;
  border-radius: var(--radius-sharp);
  text-align: left;
  cursor: default;
  outline: none;
  transition: background 140ms ease;
}
.pc-wizard__step--jumpable .pc-wizard__step-btn[data-v-61a7952a] { cursor: pointer;
}
.pc-wizard__step--jumpable .pc-wizard__step-btn[data-v-61a7952a]:hover { background: var(--ink-04);
}
.pc-wizard__step-btn[data-v-61a7952a]:focus-visible { box-shadow: var(--focus-ring);
}
.pc-wizard__step-btn[data-v-61a7952a]:disabled { cursor: default;
}

/* connector line - lives behind the markers */
.pc-wizard__step[data-v-61a7952a]:not(.pc-wizard__step--last)::after {
  content: "";
  position: absolute;
  left: calc(10px + 13px);
  top: 38px;
  bottom: -6px;
  width: 2px;
  background: var(--ink-08);
  border-radius: 1px;
  z-index: 0;
}
.pc-wizard__step--done[data-v-61a7952a]:not(.pc-wizard__step--last)::after {
  background: color-mix(in srgb, var(--status-active) 50%, var(--paper));
}
.pc-wizard__step--skipped[data-v-61a7952a]:not(.pc-wizard__step--last)::after {
  background: repeating-linear-gradient(
    to bottom,
    var(--ink-20) 0 4px,
    transparent 4px 8px
  );
}

/* marker */
.pc-wizard__marker[data-v-61a7952a] {
  position: relative;
  z-index: 1;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 500;
  background: var(--paper);
  color: var(--ink-60);
  box-shadow: inset 0 0 0 1.5px var(--ink-20);
  transition: background 200ms ease, color 200ms ease, box-shadow 200ms ease;
}
.pc-wizard__marker-layer[data-v-61a7952a] {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  opacity: 0;
  transition: opacity 160ms ease;
  pointer-events: none;
}
.pc-wizard__marker-layer--on[data-v-61a7952a] { opacity: 1;
}
.pc-wizard__marker-layer--icon[data-v-61a7952a] { font-size: 14px;
}
.pc-wizard__step--current .pc-wizard__marker[data-v-61a7952a] {
  background: var(--midnight);
  color: var(--paper-on-dark);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--lavender) 32%, transparent);
}
.pc-wizard__step--done .pc-wizard__marker[data-v-61a7952a] {
  background: var(--status-active);
  color: #fff;
  box-shadow: none;
  font-size: 14px;
}
.pc-wizard__step--error .pc-wizard__marker[data-v-61a7952a] {
  background: var(--status-failed-bg);
  color: var(--status-failed);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--status-failed) 50%, transparent);
}
.pc-wizard__step--skipped .pc-wizard__marker[data-v-61a7952a] {
  background: var(--paper);
  color: var(--ink-40);
  box-shadow: inset 0 0 0 1.5px var(--ink-08);
  font-size: 14px;
}
.pc-wizard__step-body[data-v-61a7952a] { display: flex; flex-direction: column; min-width: 0; padding-top: 3px;
}
.pc-wizard__step-head[data-v-61a7952a] { display: flex; align-items: baseline; gap: 8px;
}
.pc-wizard__step-label[data-v-61a7952a] {
  font-size: 14px;
  font-weight: 500;
  color: var(--ink-60);
  letter-spacing: -0.16px;
  transition: color 140ms ease;
}
.pc-wizard__step--current .pc-wizard__step-label[data-v-61a7952a],
.pc-wizard__step--done .pc-wizard__step-label[data-v-61a7952a],
.pc-wizard__step--error .pc-wizard__step-label[data-v-61a7952a] { color: var(--ink);
}
.pc-wizard__step--skipped .pc-wizard__step-label[data-v-61a7952a] {
  color: var(--ink-40);
  text-decoration: line-through;
  text-decoration-color: var(--ink-20);
  text-decoration-thickness: 1px;
}
.pc-wizard__step-optional[data-v-61a7952a],
.pc-wizard__step-skipped[data-v-61a7952a] {
  font-family: var(--mono);
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: var(--ink-40);
  padding: 2px 5px;
  border-radius: 3px;
  background: var(--ink-04);
}
.pc-wizard__step-skipped[data-v-61a7952a] {
  color: var(--ink-60);
  background: color-mix(in srgb, var(--lavender) 22%, var(--paper));
}
.pc-wizard__step-desc[data-v-61a7952a] {
  margin-top: 3px;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--ink-40);
  letter-spacing: -0.12px;
}
.pc-wizard__step--current .pc-wizard__step-desc[data-v-61a7952a] { color: var(--ink-60);
}

/* panel */
.pc-wizard__panel[data-v-61a7952a] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  /* required so the inner flex body can scroll instead of expanding the column */
  min-height: 0;
  height: 100%;
  padding: 24px 28px 24px 0;
}
.pc-wizard__panel-head[data-v-61a7952a] { margin-bottom: 18px;
}
.pc-wizard__panel-eyebrow[data-v-61a7952a] {
  font-family: var(--mono);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: var(--ink-40);
  margin-bottom: 8px;
}
.pc-wizard__panel-title[data-v-61a7952a] {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.15;
  margin: 0;
}
.pc-wizard__panel-desc[data-v-61a7952a] {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink-60);
  letter-spacing: -0.14px;
  max-width: 60ch;
}
.pc-wizard__panel-body[data-v-61a7952a] {
  flex: 1;
  min-height: 0;
  position: relative;
}
.pc-wizard__panel-clip[data-v-61a7952a] {
  /* contains the per-step slide translation so it never feeds horizontal overflow
     back to the ScrollArea viewport */
  overflow-x: clip;
  width: 100%;
  min-height: 100%;
}
.pc-wizard__panel-content[data-v-61a7952a] { min-height: 100%;
}

/* footer */
.pc-wizard__footer[data-v-61a7952a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--ink-08);
}
.pc-wizard__footer-spacer[data-v-61a7952a] { flex: 1;
}

/* panel content transitions - direction-aware slide+fade */
.pc-wizard-fwd-enter-active[data-v-61a7952a],
.pc-wizard-fwd-leave-active[data-v-61a7952a],
.pc-wizard-back-enter-active[data-v-61a7952a],
.pc-wizard-back-leave-active[data-v-61a7952a] {
  transition: opacity 220ms ease, translate 260ms cubic-bezier(0.22, 1, 0.36, 1);
}
.pc-wizard-fwd-enter-from[data-v-61a7952a] { opacity: 0; translate: 16px 0;
}
.pc-wizard-fwd-leave-to[data-v-61a7952a]   { opacity: 0; translate: -16px 0;
}
.pc-wizard-back-enter-from[data-v-61a7952a] { opacity: 0; translate: -16px 0;
}
.pc-wizard-back-leave-to[data-v-61a7952a]   { opacity: 0; translate: 16px 0;
}
@media (prefers-reduced-motion: reduce) {
.pc-wizard__marker-layer[data-v-61a7952a] { transition: none;
}
.pc-wizard-fwd-enter-active[data-v-61a7952a], .pc-wizard-fwd-leave-active[data-v-61a7952a],
  .pc-wizard-back-enter-active[data-v-61a7952a], .pc-wizard-back-leave-active[data-v-61a7952a] {
    transition: opacity 160ms ease;
}
.pc-wizard-fwd-enter-from[data-v-61a7952a], .pc-wizard-fwd-leave-to[data-v-61a7952a],
  .pc-wizard-back-enter-from[data-v-61a7952a], .pc-wizard-back-leave-to[data-v-61a7952a] { translate: 0 0;
}
}

/* upload step - a real drop-zone affordance */
.upload[data-v-b9345a56] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.upload__zone[data-v-b9345a56] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
  border: 1px dashed var(--ink-20);
  border-radius: var(--radius-comfy);
  background:
    radial-gradient(80% 140% at 0% 0%, rgba(189, 187, 255, 0.18), transparent 70%),
    radial-gradient(70% 140% at 100% 100%, rgba(214, 225, 255, 0.22), transparent 72%),
    var(--paper);
}
.upload__icon[data-v-b9345a56] {
  font-size: 32px;
  color: var(--ink-40);
  flex-shrink: 0;
}
.upload__file[data-v-b9345a56] { flex: 1; min-width: 0;
}
.upload__name[data-v-b9345a56] {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: var(--ink);
  margin-bottom: 4px;
}
.upload__meta[data-v-b9345a56] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--ink-60);
}
.upload__dot[data-v-b9345a56] { color: var(--ink-20);
}
.upload__footer[data-v-b9345a56] { padding: 0 2px;
}

/* form steps */
.form[data-v-b9345a56] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 520px;
}
.form__grid[data-v-b9345a56] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.form__footer[data-v-b9345a56] { padding-top: 2px;
}

/* review step */
.review[data-v-b9345a56] {
  display: grid;
  gap: 16px;
}
.review__summary[data-v-b9345a56] { padding: 6px 0;
}
.review__row[data-v-b9345a56] {
  display: grid;
  grid-template-columns: 140px 1fr;
  align-items: baseline;
  gap: 12px;
  padding: 10px 20px;
  border-bottom: 1px solid var(--ink-08);
}
.review__row[data-v-b9345a56]:last-child { border-bottom: 0;
}
.review__label[data-v-b9345a56] {
  font-family: var(--mono);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: var(--ink-40);
}
.review__value[data-v-b9345a56] {
  font-size: 14px;
  letter-spacing: -0.14px;
  color: var(--ink);
}
.review__section-label[data-v-b9345a56] {
  font-family: var(--mono);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: var(--ink-40);
  margin-bottom: 10px;
}