/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-neutral-950: oklch(14.5% 0 0);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto !important;
  }
  .pointer-events-none {
    pointer-events: none !important;
  }
  .visible {
    visibility: visible !important;
  }
  .absolute {
    position: absolute !important;
  }
  .fixed {
    position: fixed !important;
  }
  .relative {
    position: relative !important;
  }
  .static {
    position: static !important;
  }
  .sticky {
    position: sticky !important;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0) !important;
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0) !important;
  }
  .-top-2 {
    top: calc(var(--spacing) * -2) !important;
  }
  .top-0 {
    top: calc(var(--spacing) * 0) !important;
  }
  .top-1 {
    top: calc(var(--spacing) * 1) !important;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%) !important;
  }
  .top-2 {
    top: calc(var(--spacing) * 2) !important;
  }
  .top-3 {
    top: calc(var(--spacing) * 3) !important;
  }
  .top-4 {
    top: calc(var(--spacing) * 4) !important;
  }
  .top-5 {
    top: calc(var(--spacing) * 5) !important;
  }
  .top-12 {
    top: calc(var(--spacing) * 12) !important;
  }
  .top-20 {
    top: calc(var(--spacing) * 20) !important;
  }
  .top-\[58\%\] {
    top: 58% !important;
  }
  .top-\[var\(--sidebar-preview-top\)\] {
    top: var(--sidebar-preview-top) !important;
  }
  .top-full {
    top: 100% !important;
  }
  .-right-2\.5 {
    right: calc(var(--spacing) * -2.5) !important;
  }
  .-right-12 {
    right: calc(var(--spacing) * -12) !important;
  }
  .right-0 {
    right: calc(var(--spacing) * 0) !important;
  }
  .right-1 {
    right: calc(var(--spacing) * 1) !important;
  }
  .right-2 {
    right: calc(var(--spacing) * 2) !important;
  }
  .right-3 {
    right: calc(var(--spacing) * 3) !important;
  }
  .right-4 {
    right: calc(var(--spacing) * 4) !important;
  }
  .right-5 {
    right: calc(var(--spacing) * 5) !important;
  }
  .right-10 {
    right: calc(var(--spacing) * 10) !important;
  }
  .right-\[29\%\] {
    right: 29% !important;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0) !important;
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2) !important;
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3) !important;
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4) !important;
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5) !important;
  }
  .left-0 {
    left: calc(var(--spacing) * 0) !important;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%) !important;
  }
  .left-3 {
    left: calc(var(--spacing) * 3) !important;
  }
  .left-4 {
    left: calc(var(--spacing) * 4) !important;
  }
  .left-5 {
    left: calc(var(--spacing) * 5) !important;
  }
  .left-10 {
    left: calc(var(--spacing) * 10) !important;
  }
  .left-\[6\.125rem\] {
    left: 6.125rem !important;
  }
  .left-\[19\.625rem\] {
    left: 19.625rem !important;
  }
  .left-\[27\%\] {
    left: 27% !important;
  }
  .z-0 {
    z-index: 0 !important;
  }
  .z-10 {
    z-index: 10 !important;
  }
  .z-20 {
    z-index: 20 !important;
  }
  .z-40 {
    z-index: 40 !important;
  }
  .z-50 {
    z-index: 50 !important;
  }
  .z-100 {
    z-index: 100 !important;
  }
  .z-\[60\] {
    z-index: 60 !important;
  }
  .z-\[70\] {
    z-index: 70 !important;
  }
  .z-\[80\] {
    z-index: 80 !important;
  }
  .z-\[90\] {
    z-index: 90 !important;
  }
  .order-first {
    order: -9999 !important;
  }
  .col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  .col-span-3 {
    grid-column: span 3 / span 3 !important;
  }
  .col-span-full {
    grid-column: 1 / -1 !important;
  }
  .col-start-1 {
    grid-column-start: 1 !important;
  }
  .col-start-2 {
    grid-column-start: 2 !important;
  }
  .col-start-3 {
    grid-column-start: 3 !important;
  }
  .row-start-1 {
    grid-row-start: 1 !important;
  }
  .row-start-2 {
    grid-row-start: 2 !important;
  }
  .row-start-3 {
    grid-row-start: 3 !important;
  }
  .float-right {
    float: right !important;
  }
  .container {
    width: 100% !important;
    @media (width >= 40rem) {
      max-width: 40rem !important;
    }
    @media (width >= 48rem) {
      max-width: 48rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-3 {
    margin: calc(var(--spacing) * 3) !important;
  }
  .mx-0 {
    margin-inline: calc(var(--spacing) * 0) !important;
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2) !important;
  }
  .mx-auto {
    margin-inline: auto !important;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1) !important;
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5) !important;
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2) !important;
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5) !important;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1) !important;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3) !important;
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5) !important;
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6) !important;
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7) !important;
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8) !important;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2) !important;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1) !important;
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5) !important;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3) !important;
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5) !important;
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6) !important;
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8) !important;
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10) !important;
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1) !important;
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2) !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .line-clamp-2 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  .block {
    display: block !important;
  }
  .contents {
    display: contents !important;
  }
  .flex {
    display: flex !important;
  }
  .grid {
    display: grid !important;
  }
  .hidden {
    display: none !important;
  }
  .inline {
    display: inline !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  .table {
    display: table !important;
  }
  .aspect-\[1\.24\] {
    aspect-ratio: 1.24 !important;
  }
  .aspect-\[2\/3\] {
    aspect-ratio: 2/3 !important;
  }
  .aspect-\[4\/5\] {
    aspect-ratio: 4/5 !important;
  }
  .aspect-\[9\/16\] {
    aspect-ratio: 9/16 !important;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9 !important;
  }
  .aspect-square {
    aspect-ratio: 1 / 1 !important;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5) !important;
  }
  .h-1 {
    height: calc(var(--spacing) * 1) !important;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5) !important;
  }
  .h-2 {
    height: calc(var(--spacing) * 2) !important;
  }
  .h-3 {
    height: calc(var(--spacing) * 3) !important;
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5) !important;
  }
  .h-4 {
    height: calc(var(--spacing) * 4) !important;
  }
  .h-5 {
    height: calc(var(--spacing) * 5) !important;
  }
  .h-6 {
    height: calc(var(--spacing) * 6) !important;
  }
  .h-7 {
    height: calc(var(--spacing) * 7) !important;
  }
  .h-8 {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-9 {
    height: calc(var(--spacing) * 9) !important;
  }
  .h-10 {
    height: calc(var(--spacing) * 10) !important;
  }
  .h-11 {
    height: calc(var(--spacing) * 11) !important;
  }
  .h-12 {
    height: calc(var(--spacing) * 12) !important;
  }
  .h-14 {
    height: calc(var(--spacing) * 14) !important;
  }
  .h-16 {
    height: calc(var(--spacing) * 16) !important;
  }
  .h-20 {
    height: calc(var(--spacing) * 20) !important;
  }
  .h-32 {
    height: calc(var(--spacing) * 32) !important;
  }
  .h-36 {
    height: calc(var(--spacing) * 36) !important;
  }
  .h-40 {
    height: calc(var(--spacing) * 40) !important;
  }
  .h-60 {
    height: calc(var(--spacing) * 60) !important;
  }
  .h-64 {
    height: calc(var(--spacing) * 64) !important;
  }
  .h-72 {
    height: calc(var(--spacing) * 72) !important;
  }
  .h-80 {
    height: calc(var(--spacing) * 80) !important;
  }
  .h-96 {
    height: calc(var(--spacing) * 96) !important;
  }
  .h-\[19rem\] {
    height: 19rem !important;
  }
  .h-\[22rem\] {
    height: 22rem !important;
  }
  .h-\[75vh\] {
    height: 75vh !important;
  }
  .h-\[76\%\] {
    height: 76% !important;
  }
  .h-full {
    height: 100% !important;
  }
  .h-px {
    height: 1px !important;
  }
  .h-screen {
    height: 100vh !important;
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40) !important;
  }
  .max-h-44 {
    max-height: calc(var(--spacing) * 44) !important;
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64) !important;
  }
  .max-h-75 {
    max-height: calc(var(--spacing) * 75) !important;
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80) !important;
  }
  .max-h-\[82vh\] {
    max-height: 82vh !important;
  }
  .max-h-\[88vh\] {
    max-height: 88vh !important;
  }
  .max-h-\[90vh\] {
    max-height: 90vh !important;
  }
  .max-h-full {
    max-height: 100% !important;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0) !important;
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8) !important;
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9) !important;
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10) !important;
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11) !important;
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12) !important;
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24) !important;
  }
  .min-h-28 {
    min-height: calc(var(--spacing) * 28) !important;
  }
  .min-h-32 {
    min-height: calc(var(--spacing) * 32) !important;
  }
  .min-h-36 {
    min-height: calc(var(--spacing) * 36) !important;
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40) !important;
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48) !important;
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80) !important;
  }
  .min-h-120 {
    min-height: calc(var(--spacing) * 120) !important;
  }
  .min-h-\[18rem\] {
    min-height: 18rem !important;
  }
  .min-h-\[46rem\] {
    min-height: 46rem !important;
  }
  .min-h-\[48vh\] {
    min-height: 48vh !important;
  }
  .min-h-full {
    min-height: 100% !important;
  }
  .min-h-screen {
    min-height: 100vh !important;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5) !important;
  }
  .w-1 {
    width: calc(var(--spacing) * 1) !important;
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5) !important;
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%) !important;
  }
  .w-1\/3 {
    width: calc(1 / 3 * 100%) !important;
  }
  .w-2 {
    width: calc(var(--spacing) * 2) !important;
  }
  .w-2\/3 {
    width: calc(2 / 3 * 100%) !important;
  }
  .w-3 {
    width: calc(var(--spacing) * 3) !important;
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5) !important;
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%) !important;
  }
  .w-4 {
    width: calc(var(--spacing) * 4) !important;
  }
  .w-4\/5 {
    width: calc(4 / 5 * 100%) !important;
  }
  .w-5 {
    width: calc(var(--spacing) * 5) !important;
  }
  .w-5\/6 {
    width: calc(5 / 6 * 100%) !important;
  }
  .w-6 {
    width: calc(var(--spacing) * 6) !important;
  }
  .w-7 {
    width: calc(var(--spacing) * 7) !important;
  }
  .w-8 {
    width: calc(var(--spacing) * 8) !important;
  }
  .w-9 {
    width: calc(var(--spacing) * 9) !important;
  }
  .w-10 {
    width: calc(var(--spacing) * 10) !important;
  }
  .w-11 {
    width: calc(var(--spacing) * 11) !important;
  }
  .w-12 {
    width: calc(var(--spacing) * 12) !important;
  }
  .w-14 {
    width: calc(var(--spacing) * 14) !important;
  }
  .w-16 {
    width: calc(var(--spacing) * 16) !important;
  }
  .w-24 {
    width: calc(var(--spacing) * 24) !important;
  }
  .w-44 {
    width: calc(var(--spacing) * 44) !important;
  }
  .w-52 {
    width: calc(var(--spacing) * 52) !important;
  }
  .w-72 {
    width: calc(var(--spacing) * 72) !important;
  }
  .w-80 {
    width: calc(var(--spacing) * 80) !important;
  }
  .w-\[58\%\] {
    width: 58% !important;
  }
  .w-\[78\%\] {
    width: 78% !important;
  }
  .w-\[min\(92vw\,380px\)\] {
    width: min(92vw, 380px) !important;
  }
  .w-auto {
    width: auto !important;
  }
  .w-fit {
    width: fit-content !important;
  }
  .w-full {
    width: 100% !important;
  }
  .w-px {
    width: 1px !important;
  }
  .max-w-2xl {
    max-width: var(--container-2xl) !important;
  }
  .max-w-3xl {
    max-width: var(--container-3xl) !important;
  }
  .max-w-4xl {
    max-width: var(--container-4xl) !important;
  }
  .max-w-5xl {
    max-width: var(--container-5xl) !important;
  }
  .max-w-6xl {
    max-width: var(--container-6xl) !important;
  }
  .max-w-7xl {
    max-width: var(--container-7xl) !important;
  }
  .max-w-10 {
    max-width: calc(var(--spacing) * 10) !important;
  }
  .max-w-24 {
    max-width: calc(var(--spacing) * 24) !important;
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28) !important;
  }
  .max-w-295 {
    max-width: calc(var(--spacing) * 295) !important;
  }
  .max-w-\[55\%\] {
    max-width: 55% !important;
  }
  .max-w-\[220px\] {
    max-width: 220px !important;
  }
  .max-w-\[420px\] {
    max-width: 420px !important;
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem) !important;
  }
  .max-w-full {
    max-width: 100% !important;
  }
  .max-w-lg {
    max-width: var(--container-lg) !important;
  }
  .max-w-md {
    max-width: var(--container-md) !important;
  }
  .max-w-sm {
    max-width: var(--container-sm) !important;
  }
  .max-w-xl {
    max-width: var(--container-xl) !important;
  }
  .max-w-xs {
    max-width: var(--container-xs) !important;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0) !important;
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5) !important;
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9) !important;
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10) !important;
  }
  .min-w-11 {
    min-width: calc(var(--spacing) * 11) !important;
  }
  .min-w-max {
    min-width: max-content !important;
  }
  .flex-1 {
    flex: 1 !important;
  }
  .shrink {
    flex-shrink: 1 !important;
  }
  .shrink-0 {
    flex-shrink: 0 !important;
  }
  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-x-full {
    --tw-translate-x: -100% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .scale-110 {
    --tw-scale-x: 110% !important;
    --tw-scale-y: 110% !important;
    --tw-scale-z: 110% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .scale-\[1\.16\] {
    scale: 1.16 !important;
  }
  .rotate-0 {
    rotate: 0deg !important;
  }
  .rotate-180 {
    rotate: 180deg !important;
  }
  .animate-pulse {
    animation: var(--animate-pulse) !important;
  }
  .animate-spin {
    animation: var(--animate-spin) !important;
  }
  .cursor-default {
    cursor: default !important;
  }
  .cursor-not-allowed {
    cursor: not-allowed !important;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .resize {
    resize: both !important;
  }
  .resize-none {
    resize: none !important;
  }
  .columns-1 {
    columns: 1 !important;
  }
  .break-inside-avoid {
    break-inside: avoid !important;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-cols-\[minmax\(4\.75rem\,0\.72fr\)_minmax\(5\.75rem\,1fr\)_minmax\(8\.5rem\,1\.35fr\)\] {
    grid-template-columns: minmax(4.75rem,0.72fr) minmax(5.75rem,1fr) minmax(8.5rem,1.35fr) !important;
  }
  .flex-col {
    flex-direction: column !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .items-baseline {
    align-items: baseline !important;
  }
  .items-center {
    align-items: center !important;
  }
  .items-end {
    align-items: flex-end !important;
  }
  .items-start {
    align-items: flex-start !important;
  }
  .items-stretch {
    align-items: stretch !important;
  }
  .justify-between {
    justify-content: space-between !important;
  }
  .justify-center {
    justify-content: center !important;
  }
  .justify-end {
    justify-content: flex-end !important;
  }
  .justify-start {
    justify-content: flex-start !important;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1) !important;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5) !important;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5) !important;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3) !important;
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5) !important;
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }
  .gap-\[18px\] {
    gap: 18px !important;
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-\[18px\] {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(18px * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(18px * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0 !important;
      border-bottom-style: var(--tw-border-style) !important;
      border-top-style: var(--tw-border-style) !important;
      border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
    }
  }
  .divide-\[color\:var\(--site-color-border\)\] {
    :where(& > :not(:last-child)) {
      border-color: var(--site-color-border) !important;
    }
  }
  .self-center {
    align-self: center !important;
  }
  .self-start {
    align-self: flex-start !important;
  }
  .justify-self-end {
    justify-self: flex-end !important;
  }
  .truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .overflow-auto {
    overflow: auto !important;
  }
  .overflow-hidden {
    overflow: hidden !important;
  }
  .overflow-visible {
    overflow: visible !important;
  }
  .overflow-x-auto {
    overflow-x: auto !important;
  }
  .overflow-y-auto {
    overflow-y: auto !important;
  }
  .rounded {
    border-radius: 0.25rem !important;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl) !important;
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl) !important;
  }
  .rounded-\[24px\] {
    border-radius: 24px !important;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
  .rounded-md {
    border-radius: var(--radius-md) !important;
  }
  .rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-2 {
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
  }
  .border-\[2px\] {
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
  }
  .border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  .border-l {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 2px !important;
  }
  .border-dashed {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }
  .border-\(--line\) {
    border-color: var(--line) !important;
  }
  .border-\[color\:color-mix\(in_oklch\,var\(--site-color-on-primary\)_20\%\,transparent\)\] {
    border-color: var(--site-color-on-primary) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch,var(--site-color-on-primary) 20%,transparent) !important;
    }
  }
  .border-\[color\:var\(--brand\)\] {
    border-color: var(--brand) !important;
  }
  .border-\[color\:var\(--brand-line\)\] {
    border-color: var(--brand-line) !important;
  }
  .border-\[color\:var\(--line\)\] {
    border-color: var(--line) !important;
  }
  .border-\[color\:var\(--site-color-border\)\] {
    border-color: var(--site-color-border) !important;
  }
  .border-\[color\:var\(--site-color-primary-line\)\] {
    border-color: var(--site-color-primary-line) !important;
  }
  .border-\[color\:var\(--surface\)\] {
    border-color: var(--surface) !important;
  }
  .border-\[color\:var\(--workflow-color-border\)\] {
    border-color: var(--workflow-color-border) !important;
  }
  .border-\[color\:var\(--workflow-color-border-strong\)\] {
    border-color: var(--workflow-color-border-strong) !important;
  }
  .border-\[color\:var\(--workflow-color-danger\)\] {
    border-color: var(--workflow-color-danger) !important;
  }
  .border-\[color\:var\(--workflow-color-info\)\] {
    border-color: var(--workflow-color-info) !important;
  }
  .border-\[color\:var\(--workflow-color-primary\)\] {
    border-color: var(--workflow-color-primary) !important;
  }
  .border-\[color\:var\(--workflow-color-primary-line\)\] {
    border-color: var(--workflow-color-primary-line) !important;
  }
  .border-\[color\:var\(--workflow-color-success\)\] {
    border-color: var(--workflow-color-success) !important;
  }
  .border-\[color\:var\(--workflow-color-warning\)\] {
    border-color: var(--workflow-color-warning) !important;
  }
  .border-neutral-600 {
    border-color: var(--color-neutral-600) !important;
  }
  .border-neutral-700 {
    border-color: var(--color-neutral-700) !important;
  }
  .border-neutral-800 {
    border-color: var(--color-neutral-800) !important;
  }
  .border-neutral-900 {
    border-color: var(--color-neutral-900) !important;
  }
  .border-t-transparent {
    border-top-color: transparent !important;
  }
  .bg-\(--brand-soft\) {
    background-color: var(--brand-soft) !important;
  }
  .bg-\(--surface-glass-strong\) {
    background-color: var(--surface-glass-strong) !important;
  }
  .bg-\[color-mix\(in_oklch\,var\(--workflow-color-info\)_10\%\,transparent\)\] {
    background-color: var(--workflow-color-info) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--workflow-color-info) 10%,transparent) !important;
    }
  }
  .bg-\[color-mix\(in_oklch\,var\(--workflow-color-success\)_10\%\,transparent\)\] {
    background-color: var(--workflow-color-success) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--workflow-color-success) 10%,transparent) !important;
    }
  }
  .bg-\[color\:color-mix\(in_oklch\,var\(--site-color-text\)_38\%\,transparent\)\] {
    background-color: var(--site-color-text) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--site-color-text) 38%,transparent) !important;
    }
  }
  .bg-\[color\:color-mix\(in_oklch\,var\(--site-color-text\)_46\%\,transparent\)\] {
    background-color: var(--site-color-text) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--site-color-text) 46%,transparent) !important;
    }
  }
  .bg-\[color\:color-mix\(in_oklch\,var\(--site-color-text\)_78\%\,transparent\)\] {
    background-color: var(--site-color-text) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--site-color-text) 78%,transparent) !important;
    }
  }
  .bg-\[color\:color-mix\(in_oklch\,var\(--workflow-color-text\)_48\%\,transparent\)\] {
    background-color: var(--workflow-color-text) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--workflow-color-text) 48%,transparent) !important;
    }
  }
  .bg-\[color\:color-mix\(in_oklch\,var\(--workflow-color-text\)_52\%\,transparent\)\] {
    background-color: var(--workflow-color-text) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--workflow-color-text) 52%,transparent) !important;
    }
  }
  .bg-\[color\:color-mix\(in_oklch\,var\(--workflow-color-warning\)_12\%\,var\(--workflow-color-surface-glass\)\)\] {
    background-color: var(--workflow-color-warning) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--workflow-color-warning) 12%,var(--workflow-color-surface-glass)) !important;
    }
  }
  .bg-\[color\:var\(--brand\)\] {
    background-color: var(--brand) !important;
  }
  .bg-\[color\:var\(--brand-soft\)\] {
    background-color: var(--brand-soft) !important;
  }
  .bg-\[color\:var\(--glass-well\)\] {
    background-color: var(--glass-well) !important;
  }
  .bg-\[color\:var\(--line\)\] {
    background-color: var(--line) !important;
  }
  .bg-\[color\:var\(--site-color-info\)\] {
    background-color: var(--site-color-info) !important;
  }
  .bg-\[color\:var\(--site-color-page-bg\)\] {
    background-color: var(--site-color-page-bg) !important;
  }
  .bg-\[color\:var\(--site-color-page-bg\)\]\/95 {
    background-color: var(--site-color-page-bg) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--site-color-page-bg) 95%, transparent) !important;
    }
  }
  .bg-\[color\:var\(--site-color-primary\)\] {
    background-color: var(--site-color-primary) !important;
  }
  .bg-\[color\:var\(--site-color-primary-soft\)\] {
    background-color: var(--site-color-primary-soft) !important;
  }
  .bg-\[color\:var\(--site-color-success\)\] {
    background-color: var(--site-color-success) !important;
  }
  .bg-\[color\:var\(--site-color-surface\)\] {
    background-color: var(--site-color-surface) !important;
  }
  .bg-\[color\:var\(--site-color-surface-glass\)\] {
    background-color: var(--site-color-surface-glass) !important;
  }
  .bg-\[color\:var\(--site-color-surface-glass-strong\)\] {
    background-color: var(--site-color-surface-glass-strong) !important;
  }
  .bg-\[color\:var\(--site-color-surface-muted\)\] {
    background-color: var(--site-color-surface-muted) !important;
  }
  .bg-\[color\:var\(--site-color-surface-muted\)\]\/80 {
    background-color: var(--site-color-surface-muted) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--site-color-surface-muted) 80%, transparent) !important;
    }
  }
  .bg-\[color\:var\(--site-color-surface-well\)\] {
    background-color: var(--site-color-surface-well) !important;
  }
  .bg-\[color\:var\(--site-color-warning\)\] {
    background-color: var(--site-color-warning) !important;
  }
  .bg-\[color\:var\(--surface\)\] {
    background-color: var(--surface) !important;
  }
  .bg-\[color\:var\(--surface-glass\)\] {
    background-color: var(--surface-glass) !important;
  }
  .bg-\[color\:var\(--surface-glass-strong\)\] {
    background-color: var(--surface-glass-strong) !important;
  }
  .bg-\[color\:var\(--surface-muted\)\] {
    background-color: var(--surface-muted) !important;
  }
  .bg-\[color\:var\(--workflow-color-border\)\] {
    background-color: var(--workflow-color-border) !important;
  }
  .bg-\[color\:var\(--workflow-color-primary\)\] {
    background-color: var(--workflow-color-primary) !important;
  }
  .bg-\[color\:var\(--workflow-color-primary-glow\)\] {
    background-color: var(--workflow-color-primary-glow) !important;
  }
  .bg-\[color\:var\(--workflow-color-primary-soft\)\] {
    background-color: var(--workflow-color-primary-soft) !important;
  }
  .bg-\[color\:var\(--workflow-color-surface\)\] {
    background-color: var(--workflow-color-surface) !important;
  }
  .bg-\[color\:var\(--workflow-color-surface-glass\)\] {
    background-color: var(--workflow-color-surface-glass) !important;
  }
  .bg-\[color\:var\(--workflow-color-surface-glass-strong\)\] {
    background-color: var(--workflow-color-surface-glass-strong) !important;
  }
  .bg-\[color\:var\(--workflow-color-surface-muted\)\] {
    background-color: var(--workflow-color-surface-muted) !important;
  }
  .bg-\[color\:var\(--workflow-color-surface-well\)\] {
    background-color: var(--workflow-color-surface-well) !important;
  }
  .bg-neutral-900 {
    background-color: var(--color-neutral-900) !important;
  }
  .bg-neutral-950 {
    background-color: var(--color-neutral-950) !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-linear-to-t {
    --tw-gradient-position: to top !important;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top in oklab !important;
    }
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }
  .bg-\[radial-gradient\(circle_at_50\%_32\%\,color-mix\(in_oklch\,var\(--workflow-color-info\)_12\%\,transparent\)\,transparent_62\%\)\] {
    background-image: radial-gradient(circle at 50% 32%,var(--workflow-color-info),transparent 62%) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(circle at 50% 32%,color-mix(in oklch,var(--workflow-color-info) 12%,transparent),transparent 62%) !important;
    }
  }
  .bg-\[radial-gradient\(circle_at_50\%_35\%\,color-mix\(in_oklch\,var\(--workflow-color-surface\)_70\%\,transparent\)\,transparent_62\%\)\] {
    background-image: radial-gradient(circle at 50% 35%,var(--workflow-color-surface),transparent 62%) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(circle at 50% 35%,color-mix(in oklch,var(--workflow-color-surface) 70%,transparent),transparent 62%) !important;
    }
  }
  .from-\[color\:color-mix\(in_oklch\,var\(--site-color-text\)_78\%\,transparent\)\] {
    --tw-gradient-from: var(--site-color-text) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklch,var(--site-color-text) 78%,transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .via-\[color\:color-mix\(in_oklch\,var\(--site-color-text\)_15\%\,transparent\)\] {
    --tw-gradient-via: var(--site-color-text) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklch,var(--site-color-text) 15%,transparent) !important;
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }
  .to-transparent {
    --tw-gradient-to: transparent !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .object-contain {
    object-fit: contain !important;
  }
  .object-cover {
    object-fit: cover !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5) !important;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5) !important;
  }
  .p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }
  .p-5 {
    padding: calc(var(--spacing) * 5) !important;
  }
  .p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }
  .p-8 {
    padding: calc(var(--spacing) * 8) !important;
  }
  .p-10 {
    padding: calc(var(--spacing) * 10) !important;
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1) !important;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5) !important;
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5) !important;
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5) !important;
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5) !important;
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6) !important;
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8) !important;
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12) !important;
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16) !important;
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1) !important;
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2) !important;
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3) !important;
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4) !important;
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1) !important;
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5) !important;
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1) !important;
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4) !important;
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8) !important;
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32) !important;
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4) !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right !important;
  }
  .font-mono {
    font-family: var(--font-mono) !important;
  }
  .font-sans {
    font-family: var(--font-sans) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }
  .text-3xl {
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
  }
  .text-4xl {
    font-size: var(--text-4xl) !important;
    line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
  }
  .text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-lg {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-xl {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }
  .text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem !important;
  }
  .text-\[0\.6875rem\] {
    font-size: 0.6875rem !important;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4) !important;
    line-height: calc(var(--spacing) * 4) !important;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6) !important;
    line-height: calc(var(--spacing) * 6) !important;
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7) !important;
    line-height: calc(var(--spacing) * 7) !important;
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8) !important;
    line-height: calc(var(--spacing) * 8) !important;
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10) !important;
    line-height: calc(var(--spacing) * 10) !important;
  }
  .leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed) !important;
    line-height: var(--leading-relaxed) !important;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight) !important;
    line-height: var(--leading-tight) !important;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black) !important;
    font-weight: var(--font-weight-black) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em !important;
    letter-spacing: -0.01em !important;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em !important;
    letter-spacing: -0.02em !important;
  }
  .tracking-\[-0\.04em\] {
    --tw-tracking: -0.04em !important;
    letter-spacing: -0.04em !important;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight) !important;
    letter-spacing: var(--tracking-tight) !important;
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter) !important;
    letter-spacing: var(--tracking-tighter) !important;
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide) !important;
    letter-spacing: var(--tracking-wide) !important;
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest) !important;
    letter-spacing: var(--tracking-widest) !important;
  }
  .break-words {
    overflow-wrap: break-word !important;
  }
  .break-all {
    word-break: break-all !important;
  }
  .whitespace-nowrap {
    white-space: nowrap !important;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap !important;
  }
  .text-\(--brand\) {
    color: var(--brand) !important;
  }
  .text-\(--ink\) {
    color: var(--ink) !important;
  }
  .text-\(--ink-2\) {
    color: var(--ink-2) !important;
  }
  .text-\[color\:var\(--brand\)\] {
    color: var(--brand) !important;
  }
  .text-\[color\:var\(--ink\)\] {
    color: var(--ink) !important;
  }
  .text-\[color\:var\(--ink-2\)\] {
    color: var(--ink-2) !important;
  }
  .text-\[color\:var\(--ink-3\)\] {
    color: var(--ink-3) !important;
  }
  .text-\[color\:var\(--site-brand-text\)\] {
    color: var(--site-brand-text) !important;
  }
  .text-\[color\:var\(--site-color-info\)\] {
    color: var(--site-color-info) !important;
  }
  .text-\[color\:var\(--site-color-on-primary\)\] {
    color: var(--site-color-on-primary) !important;
  }
  .text-\[color\:var\(--site-color-primary\)\] {
    color: var(--site-color-primary) !important;
  }
  .text-\[color\:var\(--site-color-success\)\] {
    color: var(--site-color-success) !important;
  }
  .text-\[color\:var\(--site-color-text\)\] {
    color: var(--site-color-text) !important;
  }
  .text-\[color\:var\(--site-color-text-muted\)\] {
    color: var(--site-color-text-muted) !important;
  }
  .text-\[color\:var\(--site-color-text-secondary\)\] {
    color: var(--site-color-text-secondary) !important;
  }
  .text-\[color\:var\(--site-color-warning\)\] {
    color: var(--site-color-warning) !important;
  }
  .text-\[color\:var\(--workflow-color-danger\)\] {
    color: var(--workflow-color-danger) !important;
  }
  .text-\[color\:var\(--workflow-color-info\)\] {
    color: var(--workflow-color-info) !important;
  }
  .text-\[color\:var\(--workflow-color-on-primary\)\] {
    color: var(--workflow-color-on-primary) !important;
  }
  .text-\[color\:var\(--workflow-color-primary\)\] {
    color: var(--workflow-color-primary) !important;
  }
  .text-\[color\:var\(--workflow-color-success\)\] {
    color: var(--workflow-color-success) !important;
  }
  .text-\[color\:var\(--workflow-color-text\)\] {
    color: var(--workflow-color-text) !important;
  }
  .text-\[color\:var\(--workflow-color-text-muted\)\] {
    color: var(--workflow-color-text-muted) !important;
  }
  .text-\[color\:var\(--workflow-color-text-secondary\)\] {
    color: var(--workflow-color-text-secondary) !important;
  }
  .text-\[color\:var\(--workflow-color-warning\)\] {
    color: var(--workflow-color-warning) !important;
  }
  .text-neutral-100 {
    color: var(--color-neutral-100) !important;
  }
  .text-neutral-200 {
    color: var(--color-neutral-200) !important;
  }
  .text-neutral-300 {
    color: var(--color-neutral-300) !important;
  }
  .text-neutral-400 {
    color: var(--color-neutral-400) !important;
  }
  .text-neutral-500 {
    color: var(--color-neutral-500) !important;
  }
  .text-neutral-600 {
    color: var(--color-neutral-600) !important;
  }
  .text-white {
    color: var(--color-white) !important;
  }
  .uppercase {
    text-transform: uppercase !important;
  }
  .italic {
    font-style: italic !important;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }
  .opacity-0 {
    opacity: 0% !important;
  }
  .opacity-45 {
    opacity: 45% !important;
  }
  .opacity-50 {
    opacity: 50% !important;
  }
  .opacity-55 {
    opacity: 55% !important;
  }
  .opacity-60 {
    opacity: 60% !important;
  }
  .opacity-75 {
    opacity: 75% !important;
  }
  .opacity-80 {
    opacity: 80% !important;
  }
  .opacity-85 {
    opacity: 85% !important;
  }
  .opacity-100 {
    opacity: 100% !important;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[0_0_0_1px_var\(--site-color-primary-line\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--site-color-primary-line)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[inset_0_0_0_1px_var\(--line\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--line)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[inset_0_1px_0_var\(--site-color-border\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, var(--site-color-border)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[var\(--site-shadow-glass\)\] {
    --tw-shadow: var(--site-shadow-glass) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[var\(--workflow-shadow-float\)\] {
    --tw-shadow: var(--workflow-shadow-float) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[var\(--workflow-shadow-glass\)\] {
    --tw-shadow: var(--workflow-shadow-glass) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[var\(--workflow-shadow-soft\)\] {
    --tw-shadow: var(--workflow-shadow-soft) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring-\[color\:var\(--workflow-color-primary-line\)\] {
    --tw-ring-color: var(--workflow-color-primary-line) !important;
  }
  .blur-xl {
    --tw-blur: blur(var(--blur-xl)) !important;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md)) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm)) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl)) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-all {
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-opacity {
    transition-property: opacity !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .duration-200 {
    --tw-duration: 200ms !important;
    transition-duration: 200ms !important;
  }
  .duration-300 {
    --tw-duration: 300ms !important;
    transition-duration: 300ms !important;
  }
  .duration-500 {
    --tw-duration: 500ms !important;
    transition-duration: 500ms !important;
  }
  .duration-700 {
    --tw-duration: 700ms !important;
    transition-duration: 700ms !important;
  }
  .ease-out {
    --tw-ease: var(--ease-out) !important;
    transition-timing-function: var(--ease-out) !important;
  }
  .outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .group-hover\:translate-x-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important;
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105% !important;
        --tw-scale-y: 105% !important;
        --tw-scale-z: 105% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important;
      }
    }
  }
  .group-hover\:scale-\[1\.03\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.03 !important;
      }
    }
  }
  .group-hover\:bg-\[color\:var\(--surface-glass\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--surface-glass) !important;
      }
    }
  }
  .group-hover\:bg-\[color\:var\(--surface-glass-strong\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--surface-glass-strong) !important;
      }
    }
  }
  .group-hover\:text-\[color\:var\(--brand\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--brand) !important;
      }
    }
  }
  .group-hover\:text-\[color\:var\(--site-color-primary-pressed\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--site-color-primary-pressed) !important;
      }
    }
  }
  .group-hover\:text-\[color\:var\(--workflow-color-text\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--workflow-color-text) !important;
      }
    }
  }
  .group-hover\:opacity-60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 60% !important;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100% !important;
      }
    }
  }
  .group-hover\/sidebar\:opacity-100 {
    &:is(:where(.group\/sidebar):hover *) {
      @media (hover: hover) {
        opacity: 100% !important;
      }
    }
  }
  .selection\:bg-\[color\:var\(--brand-soft\)\] {
    & *::selection {
      background-color: var(--brand-soft) !important;
    }
    &::selection {
      background-color: var(--brand-soft) !important;
    }
  }
  .selection\:bg-\[color\:var\(--site-color-primary\)\] {
    & *::selection {
      background-color: var(--site-color-primary) !important;
    }
    &::selection {
      background-color: var(--site-color-primary) !important;
    }
  }
  .selection\:bg-\[color\:var\(--site-color-primary-soft\)\] {
    & *::selection {
      background-color: var(--site-color-primary-soft) !important;
    }
    &::selection {
      background-color: var(--site-color-primary-soft) !important;
    }
  }
  .placeholder\:text-\[color\:var\(--ink-3\)\] {
    &::placeholder {
      color: var(--ink-3) !important;
    }
  }
  .placeholder\:text-\[color\:var\(--workflow-color-text-muted\)\] {
    &::placeholder {
      color: var(--workflow-color-text-muted) !important;
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .focus-within\:border-\[color\:var\(--brand\)\] {
    &:focus-within {
      border-color: var(--brand) !important;
    }
  }
  .hover\:w-5 {
    &:hover {
      @media (hover: hover) {
        width: calc(var(--spacing) * 5) !important;
      }
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important;
      }
    }
  }
  .hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important;
      }
    }
  }
  .hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105% !important;
        --tw-scale-y: 105% !important;
        --tw-scale-z: 105% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important;
      }
    }
  }
  .hover\:rotate-90 {
    &:hover {
      @media (hover: hover) {
        rotate: 90deg !important;
      }
    }
  }
  .hover\:border-\[color\:var\(--brand\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--brand) !important;
      }
    }
  }
  .hover\:border-\[color\:var\(--site-color-primary-line\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--site-color-primary-line) !important;
      }
    }
  }
  .hover\:border-\[color\:var\(--workflow-color-border-strong\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--workflow-color-border-strong) !important;
      }
    }
  }
  .hover\:border-\[color\:var\(--workflow-color-primary\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--workflow-color-primary) !important;
      }
    }
  }
  .hover\:border-\[color\:var\(--workflow-color-primary-line\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--workflow-color-primary-line) !important;
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklch\,var\(--workflow-color-info\)_16\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--workflow-color-info) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklch,var(--workflow-color-info) 16%,transparent) !important;
        }
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklch\,var\(--workflow-color-success\)_16\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--workflow-color-success) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklch,var(--workflow-color-success) 16%,transparent) !important;
        }
      }
    }
  }
  .hover\:bg-\[color\:var\(--brand-soft\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--brand-soft) !important;
      }
    }
  }
  .hover\:bg-\[color\:var\(--site-color-primary-pressed\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--site-color-primary-pressed) !important;
      }
    }
  }
  .hover\:bg-\[color\:var\(--site-color-success\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--site-color-success) !important;
      }
    }
  }
  .hover\:bg-\[color\:var\(--site-color-surface-muted\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--site-color-surface-muted) !important;
      }
    }
  }
  .hover\:bg-\[color\:var\(--site-color-surface-muted\)\]\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--site-color-surface-muted) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--site-color-surface-muted) 70%, transparent) !important;
        }
      }
    }
  }
  .hover\:bg-\[color\:var\(--surface-glass-strong\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface-glass-strong) !important;
      }
    }
  }
  .hover\:bg-\[color\:var\(--surface-muted\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface-muted) !important;
      }
    }
  }
  .hover\:bg-\[color\:var\(--workflow-color-primary-pressed\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--workflow-color-primary-pressed) !important;
      }
    }
  }
  .hover\:bg-\[color\:var\(--workflow-color-primary-soft\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--workflow-color-primary-soft) !important;
      }
    }
  }
  .hover\:bg-\[color\:var\(--workflow-color-surface-glass-strong\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--workflow-color-surface-glass-strong) !important;
      }
    }
  }
  .hover\:bg-\[color\:var\(--workflow-color-surface-muted\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--workflow-color-surface-muted) !important;
      }
    }
  }
  .hover\:text-\[color\:var\(--brand\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--brand) !important;
      }
    }
  }
  .hover\:text-\[color\:var\(--brand-strong\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--brand-strong) !important;
      }
    }
  }
  .hover\:text-\[color\:var\(--ink\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ink) !important;
      }
    }
  }
  .hover\:text-\[color\:var\(--site-color-text\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--site-color-text) !important;
      }
    }
  }
  .hover\:text-\[color\:var\(--workflow-color-primary\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--workflow-color-primary) !important;
      }
    }
  }
  .hover\:text-\[color\:var\(--workflow-color-text\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--workflow-color-text) !important;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80% !important;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100% !important;
      }
    }
  }
  .hover\:shadow-\[var\(--workflow-shadow-halo\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: var(--workflow-shadow-halo) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
      }
    }
  }
  .focus\:border-\[color\:var\(--brand\)\] {
    &:focus {
      border-color: var(--brand) !important;
    }
  }
  .focus\:border-\[color\:var\(--site-color-primary-line\)\] {
    &:focus {
      border-color: var(--site-color-primary-line) !important;
    }
  }
  .focus\:border-\[color\:var\(--workflow-color-primary\)\] {
    &:focus {
      border-color: var(--workflow-color-primary) !important;
    }
  }
  .focus\:border-\[color\:var\(--workflow-color-primary-line\)\] {
    &:focus {
      border-color: var(--workflow-color-primary-line) !important;
    }
  }
  .focus-visible\:opacity-100 {
    &:focus-visible {
      opacity: 100% !important;
    }
  }
  .active\:scale-\[0\.98\] {
    &:active {
      scale: 0.98 !important;
    }
  }
  .active\:scale-\[0\.99\] {
    &:active {
      scale: 0.99 !important;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed !important;
    }
  }
  .disabled\:text-\[color\:var\(--ink-3\)\] {
    &:disabled {
      color: var(--ink-3) !important;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40% !important;
    }
  }
  .disabled\:opacity-45 {
    &:disabled {
      opacity: 45% !important;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50% !important;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60% !important;
    }
  }
  .disabled\:hover\:translate-y-0 {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          --tw-translate-y: calc(var(--spacing) * 0) !important;
          translate: var(--tw-translate-x) var(--tw-translate-y) !important;
        }
      }
    }
  }
  .disabled\:hover\:bg-transparent {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          background-color: transparent !important;
        }
      }
    }
  }
  .sm\:-right-2 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * -2) !important;
    }
  }
  .sm\:right-5 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 5) !important;
    }
  }
  .sm\:left-auto {
    @media (width >= 40rem) {
      left: auto !important;
    }
  }
  .sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0) !important;
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block !important;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex !important;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none !important;
    }
  }
  .sm\:w-84 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 84) !important;
    }
  }
  .sm\:min-w-\[112px\] {
    @media (width >= 40rem) {
      min-width: 112px !important;
    }
  }
  .sm\:shrink-0 {
    @media (width >= 40rem) {
      flex-shrink: 0 !important;
    }
  }
  .sm\:columns-2 {
    @media (width >= 40rem) {
      columns: 2 !important;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row !important;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center !important;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end !important;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start !important;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between !important;
    }
  }
  .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3) !important;
    }
  }
  .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4) !important;
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6) !important;
    }
  }
  .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4) !important;
    }
  }
  .sm\:px-5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5) !important;
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6) !important;
    }
  }
  .sm\:px-8 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8) !important;
    }
  }
  .sm\:py-10 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 10) !important;
    }
  }
  .sm\:pb-5 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 5) !important;
    }
  }
  .sm\:text-right {
    @media (width >= 40rem) {
      text-align: right !important;
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl) !important;
      line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl) !important;
      line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
    }
  }
  .sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl) !important;
      line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute !important;
    }
  }
  .md\:inset-0 {
    @media (width >= 48rem) {
      inset: calc(var(--spacing) * 0) !important;
    }
  }
  .md\:row-auto {
    @media (width >= 48rem) {
      grid-row: auto !important;
    }
  }
  .md\:m-0 {
    @media (width >= 48rem) {
      margin: calc(var(--spacing) * 0) !important;
    }
  }
  .md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6) !important;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex !important;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none !important;
    }
  }
  .md\:inline-block {
    @media (width >= 48rem) {
      display: inline-block !important;
    }
  }
  .md\:h-full {
    @media (width >= 48rem) {
      height: 100% !important;
    }
  }
  .md\:h-screen {
    @media (width >= 48rem) {
      height: 100vh !important;
    }
  }
  .md\:min-h-\[26\.25rem\] {
    @media (width >= 48rem) {
      min-height: 26.25rem !important;
    }
  }
  .md\:w-72 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 72) !important;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto !important;
    }
  }
  .md\:flex-1 {
    @media (width >= 48rem) {
      flex: 1 !important;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  .md\:grid-cols-\[1fr_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr auto !important;
    }
  }
  .md\:grid-cols-\[1fr_auto_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr auto auto !important;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row !important;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center !important;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between !important;
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4) !important;
    }
  }
  .md\:overflow-hidden {
    @media (width >= 48rem) {
      overflow: hidden !important;
    }
  }
  .md\:p-5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5) !important;
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6) !important;
    }
  }
  .md\:p-7 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 7) !important;
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8) !important;
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6) !important;
    }
  }
  .md\:px-7 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 7) !important;
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8) !important;
    }
  }
  .md\:py-6 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 6) !important;
    }
  }
  .md\:py-8 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 8) !important;
    }
  }
  .md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12) !important;
    }
  }
  .md\:pb-8 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 8) !important;
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl) !important;
      line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg) !important;
      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute !important;
    }
  }
  .lg\:static {
    @media (width >= 64rem) {
      position: static !important;
    }
  }
  .lg\:top-0 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:top-1\/2 {
    @media (width >= 64rem) {
      top: calc(1 / 2 * 100%) !important;
    }
  }
  .lg\:right-0 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:right-\[4\%\] {
    @media (width >= 64rem) {
      right: 4% !important;
    }
  }
  .lg\:right-\[5\%\] {
    @media (width >= 64rem) {
      right: 5% !important;
    }
  }
  .lg\:bottom-0 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:left-0 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:left-1\/2 {
    @media (width >= 64rem) {
      left: calc(1 / 2 * 100%) !important;
    }
  }
  .lg\:left-\[4\%\] {
    @media (width >= 64rem) {
      left: 4% !important;
    }
  }
  .lg\:left-\[5\%\] {
    @media (width >= 64rem) {
      left: 5% !important;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2 !important;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block !important;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex !important;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none !important;
    }
  }
  .lg\:h-12 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 12) !important;
    }
  }
  .lg\:h-full {
    @media (width >= 64rem) {
      height: 100% !important;
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100% !important;
    }
  }
  .lg\:min-w-70 {
    @media (width >= 64rem) {
      min-width: calc(var(--spacing) * 70) !important;
    }
  }
  .lg\:translate-x-0 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * 0) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
  .lg\:scale-95 {
    @media (width >= 64rem) {
      --tw-scale-x: 95% !important;
      --tw-scale-y: 95% !important;
      --tw-scale-z: 95% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
  .lg\:scale-105 {
    @media (width >= 64rem) {
      --tw-scale-x: 105% !important;
      --tw-scale-y: 105% !important;
      --tw-scale-z: 105% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .lg\:grid-cols-8 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    }
  }
  .lg\:grid-cols-\[0\.9fr_0\.8fr_0\.8fr_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.9fr 0.8fr 0.8fr 1fr !important;
    }
  }
  .lg\:grid-cols-\[1\.2fr_0\.9fr_0\.8fr_auto\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.2fr 0.9fr 0.8fr auto !important;
    }
  }
  .lg\:grid-cols-\[1\.3fr_0\.9fr_0\.9fr_auto\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.3fr 0.9fr 0.9fr auto !important;
    }
  }
  .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.15fr 0.85fr !important;
    }
  }
  .lg\:grid-cols-\[1fr_0\.8fr_0\.7fr_auto\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 0.8fr 0.7fr auto !important;
    }
  }
  .lg\:grid-cols-\[1fr_0\.8fr_0\.8fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 0.8fr 0.8fr !important;
    }
  }
  .lg\:grid-cols-\[1fr_0\.75fr_0\.9fr_auto\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 0.75fr 0.9fr auto !important;
    }
  }
  .lg\:grid-cols-\[auto_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: auto 1fr !important;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(0\,1\.05fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr) !important;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(320px\,0\.9fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.1fr) minmax(320px,0.9fr) !important;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(360px\,0\.95fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.05fr) minmax(360px,0.95fr) !important;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row !important;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center !important;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end !important;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start !important;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between !important;
    }
  }
  .lg\:justify-center {
    @media (width >= 64rem) {
      justify-content: center !important;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end !important;
    }
  }
  .lg\:gap-0 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:overflow-y-auto {
    @media (width >= 64rem) {
      overflow-y: auto !important;
    }
  }
  .lg\:border-r {
    @media (width >= 64rem) {
      border-right-style: var(--tw-border-style) !important;
      border-right-width: 1px !important;
    }
  }
  .lg\:border-b-0 {
    @media (width >= 64rem) {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0px !important;
    }
  }
  .lg\:p-3 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 3) !important;
    }
  }
  .lg\:px-0 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8) !important;
    }
  }
  .lg\:py-8 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 8) !important;
    }
  }
  .lg\:pr-2 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 2) !important;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex !important;
    }
  }
  .xl\:columns-3 {
    @media (width >= 80rem) {
      columns: 3 !important;
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
  }
  .xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
  }
  .xl\:grid-cols-\[0\.95fr_1\.25fr\] {
    @media (width >= 80rem) {
      grid-template-columns: 0.95fr 1.25fr !important;
    }
  }
  .xl\:grid-cols-\[1\.4fr_0\.9fr\] {
    @media (width >= 80rem) {
      grid-template-columns: 1.4fr 0.9fr !important;
    }
  }
}
:root {
  color-scheme: light;
  --app-bg: oklch(0.985 0.006 255);
  --app-bg-soft: oklch(0.945 0.012 255);
  --app-bg-deep: oklch(0.905 0.014 255);
  --surface: oklch(1 0 0);
  --surface-raised: oklch(0.996 0.004 255 / 0.74);
  --surface-glass: oklch(1 0 0 / 0.58);
  --surface-glass-strong: oklch(1 0 0 / 0.78);
  --surface-muted: oklch(0.955 0.008 255 / 0.74);
  --glass-panel: oklch(0.992 0.004 255 / 0.52);
  --glass-panel-strong: oklch(1 0 0 / 0.72);
  --glass-well: oklch(0.965 0.012 255 / 0.5);
  --glass-edge: oklch(1 0 0 / 0.78);
  --ink: oklch(0.17 0.014 255);
  --ink-2: oklch(0.34 0.018 255);
  --ink-3: oklch(0.47 0.016 255);
  --line: oklch(0.82 0.012 255 / 0.52);
  --line-strong: oklch(0.66 0.02 255 / 0.58);
  --brand: oklch(0.58 0.22 28);
  --brand-strong: oklch(0.51 0.24 28);
  --brand-soft: oklch(0.94 0.038 28 / 0.78);
  --brand-glow: oklch(0.68 0.22 28 / 0.3);
  --brand-glow-strong: oklch(0.62 0.24 28 / 0.46);
  --brand-line: oklch(0.63 0.22 28 / 0.42);
  --blue: oklch(0.56 0.17 250);
  --success: oklch(0.55 0.15 158);
  --danger: oklch(0.57 0.22 29);
  --shadow-soft: 0 10px 24px oklch(0.28 0.02 255 / 0.08);
  --shadow-float: 0 22px 56px oklch(0.26 0.024 255 / 0.13);
  --shadow-glass: inset 0 1px 0 var(--glass-edge), inset 0 -1px 0 oklch(0.7 0.012 255 / 0.12),
    0 18px 45px oklch(0.28 0.02 255 / 0.1);
  --shadow-halo: 0 0 0 1px var(--brand-line), 0 0 24px var(--brand-glow), 0 12px 32px oklch(0.58 0.22 28 / 0.14);
  --blur-bg: blur(26px) saturate(1.45);
  --noise-opacity: 0.035;
  --site-button-danger-bg: var(--site-color-danger);
  --site-button-danger-border: var(--site-color-danger-line);
  --site-button-danger-hover-bg: var(--site-color-danger);
  --site-button-danger-text: var(--site-color-text-inverse);
  --site-button-disabled-bg: var(--site-color-surface-muted);
  --site-button-disabled-border: var(--site-color-border);
  --site-button-disabled-text: var(--site-color-text-muted);
  --site-button-ghost-hover-bg: var(--site-color-primary-soft);
  --site-button-ghost-text: var(--site-color-text-secondary);
  --site-button-primary-bg: var(--site-color-primary);
  --site-button-primary-border: var(--site-color-primary-line);
  --site-button-primary-hover-bg: var(--site-color-primary-hover);
  --site-button-primary-pressed-bg: var(--site-color-primary-pressed);
  --site-button-primary-text: var(--site-color-on-primary);
  --site-button-secondary-bg: var(--site-color-surface-glass);
  --site-button-secondary-border: var(--site-color-border);
  --site-button-secondary-hover-bg: var(--site-color-surface-muted);
  --site-button-secondary-text: var(--site-color-text-secondary);
  --site-color-border: var(--line);
  --site-color-border-strong: var(--line-strong);
  --site-color-card-bg: var(--surface-glass);
  --site-color-danger: var(--danger);
  --site-color-danger-line: var(--site-color-danger);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-danger-line: color-mix(in srgb, var(--site-color-danger) 42%, transparent);
  }
  --site-color-danger-soft: var(--site-color-danger);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-danger-soft: color-mix(in srgb, var(--site-color-danger) 12%, transparent);
  }
  --site-color-error: var(--site-color-danger, var(--danger));
  --site-color-info: var(--blue);
  --site-color-info-line: var(--site-color-info);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-info-line: color-mix(in srgb, var(--site-color-info) 42%, transparent);
  }
  --site-color-info-soft: var(--site-color-info);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-info-soft: color-mix(in srgb, var(--site-color-info) 12%, transparent);
  }
  --site-color-page-bg: var(--app-bg);
  --site-color-page-bg-deep: var(--app-bg-deep);
  --site-color-page-bg-soft: var(--app-bg-soft);
  --site-color-primary: var(--brand);
  --site-color-primary-glow: var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-primary-glow: color-mix(in srgb, var(--site-color-primary) 34%, transparent);
  }
  --site-color-primary-hover: var(--site-color-primary);
  --site-color-primary-line: var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-primary-line: color-mix(in srgb, var(--site-color-primary) 52%, transparent);
  }
  --site-color-primary-pressed: var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-primary-pressed: color-mix(in srgb, var(--site-color-primary) 86%, black);
  }
  --site-color-primary-soft: var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-primary-soft: color-mix(in srgb, var(--site-color-primary) 14%, transparent);
  }
  --site-color-on-primary: white;
  --site-color-secondary: var(--surface-muted);
  --site-color-success: var(--success);
  --site-color-success-line: var(--site-color-success);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-success-line: color-mix(in srgb, var(--site-color-success) 42%, transparent);
  }
  --site-color-success-soft: var(--site-color-success);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-success-soft: color-mix(in srgb, var(--site-color-success) 12%, transparent);
  }
  --site-color-surface: var(--surface);
  --site-color-surface-glass: var(--surface-glass);
  --site-color-surface-glass-strong: var(--surface-glass-strong);
  --site-color-surface-muted: var(--surface-muted);
  --site-color-surface-raised: var(--surface-raised);
  --site-color-surface-well: var(--glass-well);
  --site-color-text: var(--ink);
  --site-color-text-inverse: white;
  --site-color-text-secondary: var(--ink-2);
  --site-color-text-muted: var(--ink-3);
  --site-color-warning: #f59e0b;
  --site-color-warning-line: var(--site-color-warning);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-warning-line: color-mix(in srgb, var(--site-color-warning) 42%, transparent);
  }
  --site-color-warning-soft: var(--site-color-warning);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-warning-soft: color-mix(in srgb, var(--site-color-warning) 12%, transparent);
  }
  --site-empty-color: var(--site-color-text-muted);
  --site-error-bg: var(--site-color-danger-soft);
  --site-error-color: var(--site-color-danger);
  --site-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --site-brand-text: var(--site-color-primary);
  --site-icon-danger-bg: var(--site-color-danger-soft);
  --site-icon-danger-border: var(--site-color-danger-line);
  --site-icon-danger-text: var(--site-color-danger);
  --site-icon-info-bg: var(--site-color-info-soft);
  --site-icon-info-border: var(--site-color-info-line);
  --site-icon-info-text: var(--site-color-info);
  --site-icon-primary-bg: var(--site-color-primary-soft);
  --site-icon-primary-border: var(--site-color-primary-line);
  --site-icon-primary-text: var(--site-color-primary);
  --site-icon-secondary-bg: var(--site-color-surface-muted);
  --site-icon-secondary-border: var(--site-color-border);
  --site-icon-secondary-text: var(--site-color-text-secondary);
  --site-icon-success-bg: var(--site-color-success-soft);
  --site-icon-success-border: var(--site-color-success-line);
  --site-icon-success-text: var(--site-color-success);
  --site-icon-warning-bg: var(--site-color-warning-soft);
  --site-icon-warning-border: var(--site-color-warning-line);
  --site-icon-warning-text: var(--site-color-warning);
  --site-input-bg: var(--site-color-surface);
  --site-input-border: var(--site-color-border);
  --site-input-disabled-bg: var(--site-color-surface-muted);
  --site-input-focus-border: var(--site-color-primary-line);
  --site-input-placeholder: var(--site-color-text-muted);
  --site-input-text: var(--site-color-text);
  --site-nav-active-bg: var(--site-color-primary);
  --site-nav-active-text: var(--site-color-on-primary);
  --site-nav-badge-bg: var(--site-color-primary);
  --site-nav-badge-text: var(--site-color-on-primary);
  --site-nav-bg: var(--site-color-surface-glass-strong);
  --site-nav-hover-bg: var(--site-color-primary-soft);
  --site-nav-text: var(--site-color-text-secondary);
  --site-overlay-backdrop: var(--site-color-text);
  @supports (color: color-mix(in lab, red, red)) {
    --site-overlay-backdrop: color-mix(in srgb, var(--site-color-text) 46%, transparent);
  }
  --site-radius-button: 8px;
  --site-radius-card: 8px;
  --site-radius-dialog: var(--site-radius-modal, 16px);
  --site-radius-input: 10px;
  --site-radius-modal: 16px;
  --site-shadow-glass: var(--shadow-glass);
  --site-shadow-halo: 0 0 0 1px var(--site-color-primary-line), 0 0 24px var(--site-color-primary-glow),
    0 12px 32px var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --site-shadow-halo: 0 0 0 1px var(--site-color-primary-line), 0 0 24px var(--site-color-primary-glow),
    0 12px 32px color-mix(in srgb, var(--site-color-primary) 14%, transparent);
  }
  --site-shadow-soft: var(--shadow-soft);
  --site-space-component: 16px;
  --site-space-page: 24px;
  --site-tabbar-active-bg: var(--site-color-primary-soft);
  --site-tabbar-active-text: var(--site-color-primary);
  --site-tabbar-bg: var(--site-color-surface-glass-strong);
  --site-tabbar-text: var(--site-color-text-secondary);
  --site-task-button-bg: var(--site-color-surface-glass);
  --site-task-button-border: var(--site-color-border);
  --site-task-button-hover-text: var(--site-color-primary);
  --site-task-button-progress: var(--site-color-primary);
  --site-task-button-shadow: var(--site-shadow-halo);
  --site-task-button-text: var(--site-color-text-secondary);
  --site-tag-bg: var(--site-color-surface-muted);
  --site-tag-border: var(--site-color-border);
  --site-tag-text: var(--site-color-text-secondary);
  color: var(--ink);
  background: var(--app-bg);
  font-family: var(--site-font-family);
}
[data-theme="dark"], :root[data-theme="dark"] {
  color-scheme: dark;
  --app-bg: oklch(0.15 0.014 255);
  --app-bg-soft: oklch(0.2 0.018 255);
  --app-bg-deep: oklch(0.105 0.016 255);
  --surface: oklch(0.22 0.016 255);
  --surface-raised: oklch(0.26 0.018 255 / 0.74);
  --surface-glass: oklch(0.24 0.018 255 / 0.5);
  --surface-glass-strong: oklch(0.29 0.018 255 / 0.68);
  --surface-muted: oklch(0.3 0.018 255 / 0.58);
  --glass-panel: oklch(0.25 0.018 255 / 0.46);
  --glass-panel-strong: oklch(0.3 0.018 255 / 0.66);
  --glass-well: oklch(0.18 0.018 255 / 0.54);
  --glass-edge: oklch(0.92 0.004 255 / 0.16);
  --ink: oklch(0.96 0.004 255);
  --ink-2: oklch(0.78 0.008 255);
  --ink-3: oklch(0.63 0.01 255);
  --line: oklch(0.46 0.018 255 / 0.38);
  --line-strong: oklch(0.58 0.02 255 / 0.5);
  --brand: oklch(0.66 0.23 28);
  --brand-strong: oklch(0.73 0.21 28);
  --brand-soft: oklch(0.31 0.07 28 / 0.72);
  --brand-glow: oklch(0.65 0.24 28 / 0.34);
  --brand-glow-strong: oklch(0.67 0.24 28 / 0.54);
  --brand-line: oklch(0.68 0.23 28 / 0.52);
  --blue: oklch(0.72 0.14 250);
  --success: oklch(0.72 0.13 158);
  --danger: oklch(0.68 0.2 29);
  --shadow-soft: 0 10px 28px oklch(0 0 0 / 0.28);
  --shadow-float: 0 28px 72px oklch(0 0 0 / 0.42);
  --shadow-glass: inset 0 1px 0 var(--glass-edge), inset 0 -1px 0 oklch(0 0 0 / 0.24),
    0 24px 66px oklch(0 0 0 / 0.34);
  --shadow-halo: 0 0 0 1px var(--brand-line), 0 0 30px var(--brand-glow), 0 16px 42px oklch(0.28 0.16 28 / 0.26);
  --noise-opacity: 0.055;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background: var(--app-bg);
}
.site-theme-provider {
  --workflow-button-danger-bg: var(--site-button-danger-bg);
  --workflow-button-danger-border: var(--site-button-danger-border);
  --workflow-button-danger-hover-bg: var(--site-button-danger-hover-bg);
  --workflow-button-danger-text: var(--site-button-danger-text);
  --workflow-button-disabled-bg: var(--site-button-disabled-bg);
  --workflow-button-disabled-border: var(--site-button-disabled-border);
  --workflow-button-disabled-text: var(--site-button-disabled-text);
  --workflow-button-primary-bg: var(--site-button-primary-bg);
  --workflow-button-primary-border: var(--site-button-primary-border);
  --workflow-button-primary-hover-bg: var(--site-button-primary-hover-bg);
  --workflow-button-primary-pressed-bg: var(--site-button-primary-pressed-bg);
  --workflow-button-primary-text: var(--site-button-primary-text);
  --workflow-button-secondary-bg: var(--site-button-secondary-bg);
  --workflow-button-secondary-border: var(--site-button-secondary-border);
  --workflow-button-secondary-hover-bg: var(--site-button-secondary-hover-bg);
  --workflow-button-secondary-text: var(--site-button-secondary-text);
  --workflow-color-glass-well: var(--site-color-surface-well, var(--glass-well));
  --workflow-color-page-bg: var(--site-color-page-bg, var(--app-bg));
  --workflow-color-page-deep: var(--site-color-page-bg-deep, var(--app-bg-deep));
  --workflow-color-surface: var(--site-color-surface, var(--surface));
  --workflow-color-surface-glass: var(--site-color-surface-glass, var(--surface-glass));
  --workflow-color-surface-glass-strong: var(
    --site-color-surface-glass-strong,
    var(--surface-glass-strong)
  );
  --workflow-color-surface-muted: var(--site-color-surface-muted, var(--surface-muted));
  --workflow-color-surface-well: var(--site-color-surface-well, var(--glass-well));
  --workflow-color-border: var(--site-color-border, var(--line));
  --workflow-color-border-strong: var(--site-color-border-strong, var(--line-strong));
  --workflow-color-primary: var(--site-color-primary, var(--brand));
  --workflow-color-primary-pressed: var(--site-color-primary-pressed, var(--brand-strong));
  --workflow-color-primary-soft: var(--site-color-primary-soft, var(--brand-soft));
  --workflow-color-primary-line: var(--site-color-primary-line, var(--brand-line));
  --workflow-color-primary-glow: var(--site-color-primary-glow, var(--brand-glow));
  --workflow-color-text: var(--site-color-text, var(--ink));
  --workflow-color-text-secondary: var(--site-color-text-secondary, var(--ink-2));
  --workflow-color-text-muted: var(--site-color-text-muted, var(--ink-3));
  --workflow-color-info: var(--site-color-info, var(--blue));
  --workflow-color-success: var(--site-color-success, var(--success));
  --workflow-color-danger: var(--site-color-error, var(--danger));
  --workflow-color-warning: var(--site-color-warning, var(--brand));
  --workflow-color-on-primary: var(--site-color-on-primary, white);
  --workflow-icon-danger-bg: var(--site-icon-danger-bg);
  --workflow-icon-danger-border: var(--site-icon-danger-border);
  --workflow-icon-danger-text: var(--site-icon-danger-text);
  --workflow-icon-info-bg: var(--site-icon-info-bg);
  --workflow-icon-info-border: var(--site-icon-info-border);
  --workflow-icon-info-text: var(--site-icon-info-text);
  --workflow-icon-primary-bg: var(--site-icon-primary-bg);
  --workflow-icon-primary-border: var(--site-icon-primary-border);
  --workflow-icon-primary-text: var(--site-icon-primary-text);
  --workflow-icon-secondary-bg: var(--site-icon-secondary-bg);
  --workflow-icon-secondary-border: var(--site-icon-secondary-border);
  --workflow-icon-secondary-text: var(--site-icon-secondary-text);
  --workflow-icon-success-bg: var(--site-icon-success-bg);
  --workflow-icon-success-border: var(--site-icon-success-border);
  --workflow-icon-success-text: var(--site-icon-success-text);
  --workflow-icon-warning-bg: var(--site-icon-warning-bg);
  --workflow-icon-warning-border: var(--site-icon-warning-border);
  --workflow-icon-warning-text: var(--site-icon-warning-text);
  --workflow-input-bg: var(--site-input-bg);
  --workflow-input-border: var(--site-input-border);
  --workflow-input-disabled-bg: var(--site-input-disabled-bg);
  --workflow-input-focus-border: var(--site-input-focus-border);
  --workflow-input-placeholder: var(--site-input-placeholder);
  --workflow-input-text: var(--site-input-text);
  --workflow-shadow-glass: var(--site-shadow-glass, var(--shadow-glass));
  --workflow-shadow-halo: var(--site-shadow-halo, var(--shadow-halo));
  --workflow-shadow-soft: var(--site-shadow-soft, var(--shadow-soft));
}
taro-button-core, button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  min-height: 0;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
}
taro-view-core, taro-text-core, text {
  box-sizing: border-box;
}
taro-text-core, text {
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  writing-mode: horizontal-tb;
}
taro-button-core text, taro-button-core taro-text-core, button text, button taro-text-core {
  white-space: inherit;
  word-break: inherit;
  overflow-wrap: inherit;
  writing-mode: horizontal-tb;
}
taro-button-core::after, taro-button-core::before, button::before, button::after {
  display: none;
}
taro-button-core + taro-button-core, button + button {
  margin-top: 0;
}
.auth-segment-tab, .auth-segment-tab.taro-button-core, .line-segment-tab, .line-segment-tab.taro-button-core, button.auth-segment-tab, button.line-segment-tab {
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.auth-segment-tab::after, .auth-segment-tab::before, .line-segment-tab::after, .line-segment-tab::before {
  display: none !important;
  border: 0 !important;
}
.auth-segment-tab-active, .auth-segment-tab-active.taro-button-core, .line-segment-tab-active, .line-segment-tab-active.taro-button-core, button.auth-segment-tab-active, button.line-segment-tab-active {
  border-bottom-color: var(--site-tabbar-active-text) !important;
}
.auth-input-action, .auth-input-action.taro-button-core, taro-button-core.auth-input-action, button.auth-input-action {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.auth-input-action::after, .auth-input-action::before {
  display: none !important;
  border: 0 !important;
}
.app-brand-button, .app-brand-button.taro-button-core, taro-button-core.app-brand-button, button.app-brand-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1;
  overflow: visible !important;
}
.app-brand-button::after, .app-brand-button::before {
  display: none !important;
  border: 0 !important;
  background: transparent !important;
}
.auth-text-input, .auth-text-input.weui-input, taro-input-core.auth-text-input, input.auth-text-input {
  display: flex !important;
  align-items: center !important;
  height: 44px !important;
  min-height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 44px !important;
}
.auth-text-input .weui-input, .auth-text-input input, taro-input-core.auth-text-input .weui-input {
  height: 44px !important;
  min-height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 44px !important;
}
.auth-input-shell .auth-text-input, .auth-input-shell .weui-input, .auth-input-shell input {
  height: 42px !important;
  min-height: 42px !important;
  line-height: 42px !important;
}
taro-textarea-core textarea, taro-textarea-core .taro-textarea, textarea.taro-textarea {
  min-height: 96px !important;
  height: 100% !important;
  line-height: 1.5 !important;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
taro-textarea-core.glass-field, .glass-field.taro-textarea-core {
  display: block !important;
  min-height: 7.5rem !important;
  padding: 0 !important;
  overflow: hidden;
}
taro-textarea-core.glass-field textarea, taro-textarea-core.glass-field .taro-textarea, .glass-field.taro-textarea-core textarea, .glass-field.taro-textarea-core .taro-textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 7.5rem !important;
  padding: 0.75rem !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  font-family: var(--site-font-family) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.5rem !important;
  resize: none;
}
taro-textarea-core.glass-field textarea::placeholder, taro-textarea-core.glass-field .taro-textarea::placeholder, .glass-field.taro-textarea-core textarea::placeholder, .glass-field.taro-textarea-core .taro-textarea::placeholder {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
input::placeholder, textarea::placeholder {
  color: var(--ink-3);
}
.site-app-root {
  position: relative;
  min-height: 100vh;
  color: var(--ink);
  background: var(--app-bg);
}
.app-shell {
  position: relative;
  isolation: isolate;
  color: var(--ink);
  background: radial-gradient(circle at 12% 10%, var(--brand-glow) 0, transparent 26rem), radial-gradient(circle at 88% 18%, oklch(0.72 0.12 250 / 0.15) 0, transparent 28rem), linear-gradient(145deg, var(--app-bg), var(--app-bg-soft) 48%, var(--app-bg-deep));
}
[data-theme="dark"] .app-shell, .app-shell[data-theme="dark"] {
  background: radial-gradient(circle at 15% 8%, var(--brand-glow) 0, transparent 24rem), radial-gradient(circle at 86% 12%, oklch(0.54 0.12 250 / 0.16) 0, transparent 26rem), linear-gradient(150deg, var(--app-bg-soft), var(--app-bg-deep) 55%, oklch(0.08 0.014 255));
}
.app-shell::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  opacity: var(--noise-opacity);
  background-image: linear-gradient(120deg, transparent 0 34%, oklch(1 0 0 / 0.5) 35%, transparent 36% 100%), radial-gradient(circle at 30% 20%, oklch(1 0 0 / 0.5) 0 1px, transparent 1px 100%);
  background-size: 240px 240px, 18px 18px;
}
.app-header {
  padding-top: env(safe-area-inset-top, 0px);
}
.app-header-nav, .app-header-nav.halo-glass {
  min-height: 54px;
}
.app-header-nav-logo, .app-header-nav-logo.taro-button-core, taro-button-core.app-header-nav-logo, button.app-header-nav-logo, .app-header-nav-item, .app-header-nav-item.taro-button-core, taro-button-core.app-header-nav-item, button.app-header-nav-item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px !important;
  margin: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.app-header-nav-logo, .app-header-nav-logo.taro-button-core, taro-button-core.app-header-nav-logo, button.app-header-nav-logo {
  gap: 8px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.app-header-nav-item, .app-header-nav-item.taro-button-core, taro-button-core.app-header-nav-item, button.app-header-nav-item {
  border: 0 !important;
  background: transparent;
  box-shadow: none;
}
.app-header-nav-item:not(.app-header-nav-item-active), .app-header-nav-item.taro-button-core:not(.app-header-nav-item-active), taro-button-core.app-header-nav-item:not(.app-header-nav-item-active), button.app-header-nav-item:not(.app-header-nav-item-active) {
  background: transparent !important;
  box-shadow: none !important;
}
.app-header-nav-item-active, .app-header-nav-item-active.taro-button-core, taro-button-core.app-header-nav-item-active, button.app-header-nav-item-active {
  color: var(--site-nav-active-text) !important;
  background: var(--site-nav-active-bg) !important;
  box-shadow: var(--site-shadow-halo) !important;
}
.app-header-task-button, .app-header-task-button.taro-button-core, taro-button-core.app-header-task-button, button.app-header-task-button {
  border: 1px solid var(--site-task-button-border) !important;
  color: var(--site-task-button-text) !important;
  background: var(--site-task-button-bg) !important;
  box-shadow: var(--site-task-button-shadow) !important;
}
.app-header-task-button:hover {
  color: var(--site-task-button-hover-text) !important;
}
.app-header-task-button text, .app-header-task-button taro-text-core {
  color: inherit !important;
}
.app-header-task-button-progress {
  border-color: var(--site-task-button-progress) !important;
  border-top-color: transparent !important;
}
.app-search-popover, .app-search-popover.taro-view-core, taro-view-core.app-search-popover {
  width: min(26rem, calc(100vw - 2rem)) !important;
  gap: 0.5rem !important;
  padding: 0.625rem !important;
}
.app-search-input, .app-search-input.taro-input-core, taro-input-core.app-search-input, input.app-search-input {
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  padding: 0 1rem !important;
  line-height: 2.75rem !important;
}
.app-search-input input, taro-input-core.app-search-input input {
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  line-height: 2.75rem !important;
}
.app-search-submit-button, .app-search-submit-button.taro-button-core, taro-button-core.app-search-submit-button, button.app-search-submit-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 5rem !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 1.125rem !important;
  border: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.app-search-submit-button text, .app-search-submit-button taro-text-core, .app-search-submit-button .taro-text-core, taro-button-core.app-search-submit-button text, taro-button-core.app-search-submit-button taro-text-core, taro-button-core.app-search-submit-button .taro-text-core {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
}
.app-user-menu-item, .app-user-menu-item.taro-button-core, taro-button-core.app-user-menu-item, button.app-user-menu-item {
  min-height: 44px !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.875rem !important;
  line-height: 1.25 !important;
}
.app-user-menu-item:hover, .app-user-menu-item.taro-button-core:hover, taro-button-core.app-user-menu-item:hover, button.app-user-menu-item:hover {
  background: var(--surface-muted) !important;
}
.app-user-menu-item-danger:hover, .app-user-menu-item-danger.taro-button-core:hover, taro-button-core.app-user-menu-item-danger:hover, button.app-user-menu-item-danger:hover {
  background: var(--brand-soft) !important;
}
.app-user-menu-item text, .app-user-menu-item taro-text-core, .app-user-menu-item .taro-text-core, taro-button-core.app-user-menu-item text, taro-button-core.app-user-menu-item taro-text-core, taro-button-core.app-user-menu-item .taro-text-core {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.app-user-menu-item svg, taro-button-core.app-user-menu-item svg, button.app-user-menu-item svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  flex: 0 0 auto !important;
}
.app-user-menu-item taro-image-core, .app-user-menu-item img, taro-button-core.app-user-menu-item taro-image-core, taro-button-core.app-user-menu-item img {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}
.app-notification-menu, .app-notification-menu.taro-view-core, taro-view-core.app-notification-menu {
  width: min(26rem, calc(100vw - 2rem)) !important;
  min-width: 20rem !important;
}
.app-notification-header, .app-notification-header.taro-view-core, taro-view-core.app-notification-header {
  gap: 0.75rem !important;
}
.app-notification-title, .app-notification-title.taro-text-core, taro-text-core.app-notification-title {
  display: block !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  white-space: nowrap !important;
}
.app-notification-mark-read-button, .app-notification-mark-read-button.taro-button-core, taro-button-core.app-notification-mark-read-button, button.app-notification-mark-read-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 1.75rem !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 0.5rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.75rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.app-notification-item, .app-notification-item.taro-button-core, taro-button-core.app-notification-item, button.app-notification-item {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1.4 !important;
}
.app-notification-item text, .app-notification-item taro-text-core, .app-notification-item .taro-text-core, taro-button-core.app-notification-item text, taro-button-core.app-notification-item taro-text-core, taro-button-core.app-notification-item .taro-text-core {
  line-height: inherit !important;
}
.messages-pager, .messages-pager.taro-view-core, taro-view-core.messages-pager {
  display: flex !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 0.5rem 1rem !important;
}
.messages-pager-button, .messages-pager-button.taro-button-core, taro-button-core.messages-pager-button, button.messages-pager-button {
  display: inline-flex !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
.messages-pager-button svg, taro-button-core.messages-pager-button svg, button.messages-pager-button svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  flex: 0 0 auto !important;
}
.messages-mark-all-button, .messages-mark-all-button.taro-button-core, taro-button-core.messages-mark-all-button, button.messages-mark-all-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: max-content !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.messages-mark-all-button text, .messages-mark-all-button taro-text-core, .messages-mark-all-button .taro-text-core, taro-button-core.messages-mark-all-button text, taro-button-core.messages-mark-all-button taro-text-core, taro-button-core.messages-mark-all-button .taro-text-core {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.messages-mark-all-button svg, taro-button-core.messages-mark-all-button svg, button.messages-mark-all-button svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  flex: 0 0 auto !important;
}
.messages-badge, .messages-badge.taro-text-core, taro-text-core.messages-badge {
  display: inline-flex !important;
  min-width: max-content !important;
  min-height: 1.375rem !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0.5rem !important;
  font-size: 0.75rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.messages-count-badge, .messages-count-badge.taro-text-core, taro-text-core.messages-count-badge {
  display: inline-flex !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0.375rem !important;
  font-size: 0.75rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.point-inline-badge, .point-inline-badge.taro-text-core, taro-text-core.point-inline-badge {
  display: inline-flex !important;
  min-width: max-content !important;
  min-height: 1.375rem !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0.5rem !important;
  font-size: 0.75rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.showcase-header {
  padding-top: env(safe-area-inset-top, 0px);
}
.mini-program-safe-header {
  min-height: var(--mini-program-header-min-height) !important;
  padding-top: var(--mini-program-header-padding-top) !important;
  padding-right: var(--mini-program-header-padding-right) !important;
}
.showcase-brand-button, .showcase-brand-button.taro-button-core, taro-button-core.showcase-brand-button, button.showcase-brand-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1;
  overflow: visible !important;
}
.showcase-brand-button::after, .showcase-brand-button::before {
  display: none !important;
  border: 0 !important;
  background: transparent !important;
}
.showcase-primary-cta, .showcase-primary-cta.taro-button-core, taro-button-core.showcase-primary-cta, button.showcase-primary-cta {
  border: 1px solid var(--site-button-primary-border) !important;
  color: var(--site-button-primary-text) !important;
  background: radial-gradient(circle at 50% -30%, var(--site-color-primary-glow), transparent 54%), linear-gradient(180deg, var(--site-button-primary-pressed-bg), var(--site-button-primary-bg));
  box-shadow: var(--site-shadow-halo);
  line-height: 1;
}
.showcase-header-action, .showcase-header-action.taro-button-core, taro-button-core.showcase-header-action, button.showcase-header-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden;
}
.showcase-header-action svg {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0;
}
.showcase-header-action + .showcase-header-action, taro-button-core.showcase-header-action + taro-button-core.showcase-header-action {
  margin-top: 0 !important;
}
.showcase-header-login-action, .showcase-header-login-action.taro-button-core, taro-button-core.showcase-header-login-action, button.showcase-header-login-action, .showcase-header-user-primary-action, .showcase-header-user-primary-action.taro-button-core, taro-button-core.showcase-header-user-primary-action, button.showcase-header-user-primary-action {
  display: inline-flex !important;
  min-width: 0 !important;
}
.showcase-header-secondary-action, .showcase-header-secondary-action.taro-button-core, taro-button-core.showcase-header-secondary-action, button.showcase-header-secondary-action, .showcase-header-user-secondary-action, .showcase-header-user-secondary-action.taro-button-core, taro-button-core.showcase-header-user-secondary-action, button.showcase-header-user-secondary-action {
  display: none !important;
  min-width: 0 !important;
}
@media (min-width: 640px) {
  .showcase-header-secondary-action, .showcase-header-secondary-action.taro-button-core, taro-button-core.showcase-header-secondary-action, button.showcase-header-secondary-action, .showcase-header-user-secondary-action, .showcase-header-user-secondary-action.taro-button-core, taro-button-core.showcase-header-user-secondary-action, button.showcase-header-user-secondary-action {
    display: inline-flex !important;
  }
}
.showcase-header-secondary-action, .showcase-header-secondary-action.taro-button-core, taro-button-core.showcase-header-secondary-action, button.showcase-header-secondary-action, .showcase-header-user-secondary-action, .showcase-header-user-secondary-action.taro-button-core, taro-button-core.showcase-header-user-secondary-action, button.showcase-header-user-secondary-action {
  border: 1px solid var(--line) !important;
  color: var(--ink-2) !important;
  background: var(--surface-glass) !important;
  box-shadow: inset 0 1px 0 var(--glass-edge);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.showcase-header-secondary-action:hover, .showcase-header-user-secondary-action:hover {
  color: var(--ink) !important;
  box-shadow: var(--shadow-halo);
}
.glass-surface {
  background: var(--surface-glass);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-glass);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.raised-surface {
  background: var(--surface-raised);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-glass), var(--shadow-float);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.halo-glass {
  background: linear-gradient(135deg, var(--surface-glass-strong), var(--glass-panel)), radial-gradient(circle at 12% 0%, var(--brand-glow) 0, transparent 18rem);
  background-blend-mode: screen, normal;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-glass);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.red-halo, .hover\:red-halo:hover {
  box-shadow: var(--workflow-shadow-halo, var(--shadow-halo));
}
.task-drawer-open .version-refresh-prompt {
  display: none !important;
}
.glass-button {
  background: var(--workflow-color-surface-glass, var(--surface-glass));
  border: 1px solid var(--workflow-color-border, var(--line));
  box-shadow: inset 0 1px 0 var(--glass-edge);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.primary-action {
  border-color: var(--site-button-primary-border);
  color: var(--site-button-primary-text);
  background: radial-gradient( circle at 50% -30%, var(--workflow-color-primary-glow, var(--site-color-primary-glow)), transparent 54% ), linear-gradient( 180deg, var(--workflow-button-primary-pressed-bg, var(--site-button-primary-pressed-bg)), var(--workflow-button-primary-bg, var(--site-button-primary-bg)) );
  box-shadow: var(--workflow-shadow-halo, var(--site-shadow-halo));
}
.primary-action:hover {
  background: var(--site-button-primary-hover-bg);
}
.app-close-button, .app-close-button.taro-button-core, taro-button-core.app-close-button, button.app-close-button {
  overflow: hidden;
  line-height: 1;
}
.workflow-shell-frame {
  color: var(--workflow-color-text, var(--ink));
  background: linear-gradient( 135deg, var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)), var(--glass-panel) ), radial-gradient( circle at 12% 0%, var(--workflow-color-primary-glow, var(--brand-glow)) 0, transparent 18rem );
  background-blend-mode: screen, normal;
}
.workflow-shell-body, .workflow-shell-main {
  background: transparent;
}
.workflow-step-sidebar {
  border-left: 1px solid var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass, var(--surface-glass));
  box-shadow: -12px 0 32px var(--site-color-text);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: -12px 0 32px color-mix(in srgb, var(--site-color-text) 8%, transparent);
  }
}
.workflow-step-sidebar .bg-red-600, .workflow-step-sidebar [class~="bg-red-600"] {
  background-color: var(--brand) !important;
  background-color: var(--workflow-color-primary, var(--brand)) !important;
}
.workflow-step-sidebar .border-red-600, .workflow-step-sidebar [class~="border-red-600"] {
  border-color: var(--brand) !important;
  border-color: var(--workflow-color-primary, var(--brand)) !important;
}
.workflow-step-sidebar .text-red-400, .workflow-step-sidebar .text-red-500, .workflow-step-sidebar [class~="text-red-400"], .workflow-step-sidebar [class~="text-red-500"] {
  color: var(--workflow-color-primary, var(--brand)) !important;
}
.workflow-step-sidebar .text-white {
  color: var(--workflow-color-text, var(--ink)) !important;
}
.workflow-step-sidebar .text-neutral-300, .workflow-step-sidebar .text-neutral-400, .workflow-step-sidebar .text-neutral-500 {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.workflow-step-sidebar .bg-neutral-800, .workflow-step-sidebar .bg-neutral-900 {
  background-color: var(--workflow-color-surface-muted, var(--surface-muted)) !important;
}
.workflow-step-sidebar .border-neutral-800, .workflow-step-sidebar .border-neutral-700 {
  border-color: var(--workflow-color-border, var(--line)) !important;
}
.workflow-wizard-header {
  border-bottom: 1px solid var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong));
}
.workflow-header-icon {
  display: inline-flex;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--workflow-color-primary-line, var(--brand-line));
  border-radius: 12px;
  background: var(--workflow-color-primary-soft, var(--brand-soft));
}
.workflow-header-icon-glyph, .workflow-header-icon-glyph.taro-image-core, taro-image-core.workflow-header-icon-glyph, .workflow-header-icon > taro-image-core, .workflow-header-icon > img, .workflow-header-icon-glyph img, taro-image-core.workflow-header-icon-glyph img {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  opacity: 1 !important;
}
.workflow-header-summary, .workflow-header-summary.taro-text-core, taro-text-core.workflow-header-summary {
  color: var(--workflow-color-primary, var(--brand)) !important;
  white-space: nowrap;
}
.workflow-step-pill {
  border: 1px solid var(--workflow-color-primary-line, var(--brand-line));
  color: var(--workflow-color-primary, var(--brand));
  background: var(--workflow-color-primary-soft, var(--brand-soft));
}
.workflow-step-heading, .workflow-step-heading.taro-view-core, taro-view-core.workflow-step-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
  width: 100%;
  min-width: 0;
}
.workflow-step-heading-copy, .workflow-step-heading-copy.taro-view-core, taro-view-core.workflow-step-heading-copy {
  min-width: 0;
}
.workflow-step-heading-title, .workflow-step-heading-title.taro-text-core, taro-text-core.workflow-step-heading-title {
  display: block;
  color: var(--workflow-color-text, var(--ink)) !important;
  font-size: 1.375rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.workflow-step-heading-description, .workflow-step-heading-description.taro-text-core, taro-text-core.workflow-step-heading-description {
  display: block;
  max-width: 54rem;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
}
.workflow-step-heading-meta, .workflow-step-heading-meta.taro-text-core, taro-text-core.workflow-step-heading-meta {
  display: block;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
  font-size: 0.8125rem !important;
  line-height: 1.25rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.workflow-step-heading-actions, .workflow-step-heading-actions.taro-view-core, taro-view-core.workflow-step-heading-actions {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  min-width: 0;
  max-width: 26rem;
}
.workflow-step-heading-badge, .workflow-step-heading-badge.taro-text-core, taro-text-core.workflow-step-heading-badge {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  height: 2rem;
  white-space: nowrap;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.workflow-step-heading-badge-amber, .workflow-step-heading-badge-amber.taro-text-core, taro-text-core.workflow-step-heading-badge-amber {
  border-color: var(--workflow-color-warning, var(--site-color-warning)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-warning, var(--site-color-warning)) 34%, transparent ) !important;
  }
  color: var(--workflow-color-warning, var(--site-color-warning)) !important;
  background: var(--workflow-color-warning, var(--site-color-warning)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-warning, var(--site-color-warning)) 12%, var(--workflow-color-surface-glass, var(--surface-glass)) ) !important;
  }
}
.workflow-step-heading-badge-sky, .workflow-step-heading-badge-sky.taro-text-core, taro-text-core.workflow-step-heading-badge-sky {
  border-color: var(--workflow-color-info, var(--blue)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-info, var(--blue)) 38%, transparent ) !important;
  }
  color: var(--workflow-color-info, var(--blue)) !important;
  background: var(--workflow-color-info, var(--blue)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-info, var(--blue)) 12%, var(--workflow-color-surface-glass, var(--surface-glass)) ) !important;
  }
}
.workflow-heading-action-button, .workflow-heading-action-button.taro-button-core, taro-button-core.workflow-heading-action-button, button.workflow-heading-action-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 6rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0.375rem 0.875rem !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  font-size: 0.75rem !important;
}
.workflow-heading-action-icon, .workflow-heading-action-icon.taro-image-core, taro-image-core.workflow-heading-action-icon, .workflow-heading-action-icon img, taro-image-core.workflow-heading-action-icon img {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  opacity: 1 !important;
}
.workflow-step-notice, .workflow-step-notice.taro-view-core, taro-view-core.workflow-step-notice {
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  box-shadow: inset 0 1px 0 var(--glass-edge);
}
.workflow-step-notice-warning, .workflow-step-notice-warning.taro-view-core, taro-view-core.workflow-step-notice-warning {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 28%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 9%, var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) ) !important;
  }
}
.workflow-step-notice-info, .workflow-step-notice-info.taro-view-core, taro-view-core.workflow-step-notice-info {
  border-color: var(--workflow-color-info, var(--blue)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-info, var(--blue)) 30%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-info, var(--blue)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-info, var(--blue)) 9%, var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) ) !important;
  }
}
.workflow-step-notice-error, .workflow-step-notice-error.taro-view-core, taro-view-core.workflow-step-notice-error {
  border-color: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 34%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 10%, var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) ) !important;
  }
  color: var(--workflow-color-danger, var(--danger)) !important;
}
.site-status-success, .site-status-success.taro-text-core, .site-status-success.taro-view-core, taro-text-core.site-status-success, taro-view-core.site-status-success {
  border-color: var(--site-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--site-color-success, var(--success)) 34%, transparent ) !important;
  }
  background: var(--site-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--site-color-success, var(--success)) 12%, var(--site-color-surface-glass, var(--surface-glass)) ) !important;
  }
  color: var(--site-color-success, var(--success)) !important;
}
.site-status-info, .site-status-info.taro-text-core, .site-status-info.taro-view-core, taro-text-core.site-status-info, taro-view-core.site-status-info {
  border-color: var(--site-color-info, var(--blue)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--site-color-info, var(--blue)) 34%, transparent ) !important;
  }
  background: var(--site-color-info, var(--blue)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--site-color-info, var(--blue)) 12%, var(--site-color-surface-glass, var(--surface-glass)) ) !important;
  }
  color: var(--site-color-info, var(--blue)) !important;
}
.site-status-warning, .site-status-warning.taro-text-core, .site-status-warning.taro-view-core, taro-text-core.site-status-warning, taro-view-core.site-status-warning {
  border-color: var(--site-color-warning, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--site-color-warning, var(--brand)) 36%, transparent ) !important;
  }
  background: var(--site-color-warning, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--site-color-warning, var(--brand)) 12%, var(--site-color-surface-glass, var(--surface-glass)) ) !important;
  }
  color: var(--site-color-warning, var(--brand)) !important;
}
.site-status-danger, .site-status-danger.taro-text-core, .site-status-danger.taro-view-core, taro-text-core.site-status-danger, taro-view-core.site-status-danger {
  border-color: var(--site-color-error, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--site-color-error, var(--danger)) 36%, transparent ) !important;
  }
  background: var(--site-color-error, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--site-color-error, var(--danger)) 12%, var(--site-color-surface-glass, var(--surface-glass)) ) !important;
  }
  color: var(--site-color-error, var(--danger)) !important;
}
.site-status-primary, .site-status-primary.taro-text-core, .site-status-primary.taro-view-core, taro-text-core.site-status-primary, taro-view-core.site-status-primary {
  border-color: var(--site-color-primary-line, var(--brand-line)) !important;
  background: var(--site-color-primary-soft, var(--brand-soft)) !important;
  color: var(--site-color-primary, var(--brand)) !important;
}
.site-status-muted, .site-status-muted.taro-text-core, .site-status-muted.taro-view-core, taro-text-core.site-status-muted, taro-view-core.site-status-muted {
  border-color: var(--site-color-border, var(--line)) !important;
  background: var(--site-color-surface-muted, var(--surface-muted)) !important;
  color: var(--site-color-text-muted, var(--ink-3)) !important;
}
.point-section-action-button, .point-section-action-button.taro-button-core, taro-button-core.point-section-action-button, button.point-section-action-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: max-content !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0.625rem 1rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
}
.point-primary-action-button, .point-primary-action-button.taro-button-core, taro-button-core.point-primary-action-button, button.point-primary-action-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: max-content !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0.75rem 1.25rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-secondary-action-button, .point-secondary-action-button.taro-button-core, taro-button-core.point-secondary-action-button, button.point-secondary-action-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: max-content !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0.625rem 1rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-share-action-button, .point-share-action-button.taro-button-core, taro-button-core.point-share-action-button, button.point-share-action-button {
  display: inline-flex !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0 0.75rem !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-share-action-button text, .point-share-action-button taro-text-core, .point-share-action-button .taro-text-core, taro-button-core.point-share-action-button text, taro-button-core.point-share-action-button taro-text-core, taro-button-core.point-share-action-button .taro-text-core {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
}
.point-share-action-button svg, taro-button-core.point-share-action-button svg {
  flex: 0 0 auto !important;
}
.point-card-refresh-button, .point-card-refresh-button.taro-button-core, taro-button-core.point-card-refresh-button, button.point-card-refresh-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: max-content !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  margin: 0 !important;
  padding: 0 0.625rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-card-refresh-button text, .point-card-refresh-button taro-text-core, .point-card-refresh-button .taro-text-core, taro-button-core.point-card-refresh-button text, taro-button-core.point-card-refresh-button taro-text-core, taro-button-core.point-card-refresh-button .taro-text-core {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
.point-submit-row, .point-submit-row.taro-view-core, taro-view-core.point-submit-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}
.point-submit-hint, .point-submit-hint.taro-text-core, taro-text-core.point-submit-hint {
  min-width: 0 !important;
  flex: 1 1 0 !important;
  line-height: 1.25rem !important;
}
.point-payment-channel-button, .point-payment-channel-button.taro-button-core, taro-button-core.point-payment-channel-button, button.point-payment-channel-button {
  display: flex !important;
  width: 100% !important;
  min-height: 76px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  padding: 0.75rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
}
.point-referral-link-button, .point-referral-link-button.taro-button-core, taro-button-core.point-referral-link-button, button.point-referral-link-button {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
  margin: 0.5rem 0 0 !important;
  padding: 0.5rem 0.625rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
  white-space: normal !important;
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
}
.point-referral-upgrade-row, .point-referral-upgrade-row.taro-view-core, taro-view-core.point-referral-upgrade-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
}
.point-referral-upgrade-button, .point-referral-upgrade-button.taro-button-core, taro-button-core.point-referral-upgrade-button, button.point-referral-upgrade-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 5.5rem !important;
  min-height: 36px !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0.5rem 0.75rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-transactions-table-row, .point-transactions-table-row.taro-view-core, taro-view-core.point-transactions-table-row {
  display: grid !important;
  grid-template-columns: minmax(13rem, 1.55fr) minmax(12rem, 1.25fr) minmax(7rem, 0.85fr) minmax(6.5rem, 0.8fr) minmax(10.5rem, 1.05fr) minmax(6rem, 0.65fr) !important;
  align-items: stretch !important;
}
.point-pagination-button, .point-pagination-button.taro-button-core, taro-button-core.point-pagination-button, button.point-pagination-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 4.75rem !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0.5rem 0.875rem !important;
  font-size: 0.8125rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-pagination-button text, .point-pagination-button taro-text-core, .point-pagination-button .taro-text-core, taro-button-core.point-pagination-button text, taro-button-core.point-pagination-button taro-text-core, taro-button-core.point-pagination-button .taro-text-core {
  font-size: 0.8125rem !important;
  line-height: 1.25rem !important;
}
@media (max-width: 639px) {
  .point-section-action-button, .point-section-action-button.taro-button-core, taro-button-core.point-section-action-button, button.point-section-action-button, .point-primary-action-button, .point-primary-action-button.taro-button-core, taro-button-core.point-primary-action-button, button.point-primary-action-button, .point-secondary-action-button, .point-secondary-action-button.taro-button-core, taro-button-core.point-secondary-action-button, button.point-secondary-action-button {
    width: 100% !important;
  }
  .point-submit-row, .point-submit-row.taro-view-core, taro-view-core.point-submit-row, .point-referral-upgrade-row, .point-referral-upgrade-row.taro-view-core, taro-view-core.point-referral-upgrade-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .point-referral-upgrade-button, .point-referral-upgrade-button.taro-button-core, taro-button-core.point-referral-upgrade-button, button.point-referral-upgrade-button {
    width: 100% !important;
  }
}
.workflow-secondary-button, .workflow-secondary-button.taro-button-core, taro-button-core.workflow-secondary-button, button.workflow-secondary-button {
  min-height: 44px;
  border: 1px solid var(--workflow-button-secondary-border) !important;
  color: var(--workflow-button-secondary-text);
  background: var(--workflow-button-secondary-bg);
  box-shadow: inset 0 1px 0 var(--glass-edge);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.workflow-secondary-button:hover {
  color: var(--workflow-color-text, var(--site-color-text));
  background: var(--workflow-button-secondary-hover-bg);
  box-shadow: var(--workflow-shadow-halo, var(--shadow-halo));
}
.workflow-secondary-button:disabled, .workflow-secondary-button.taro-button-core:disabled, taro-button-core.workflow-secondary-button[disabled], button.workflow-secondary-button:disabled {
  border-color: var(--workflow-button-disabled-border) !important;
  color: var(--workflow-button-disabled-text) !important;
  background: var(--workflow-button-disabled-bg) !important;
}
.workflow-secondary-button text, .workflow-secondary-button taro-text-core, .workflow-secondary-button[disabled] text, .workflow-secondary-button[disabled] taro-text-core {
  color: inherit !important;
}
.workflow-primary-button, .workflow-primary-button.taro-button-core, taro-button-core.workflow-primary-button, button.workflow-primary-button {
  min-height: 44px;
  border: 1px solid var(--workflow-button-primary-border) !important;
  color: var(--workflow-button-primary-text) !important;
  background: radial-gradient( circle at 50% -30%, var(--workflow-color-primary-glow, var(--site-color-primary-glow)), transparent 54% ), linear-gradient( 180deg, var(--workflow-button-primary-pressed-bg), var(--workflow-button-primary-bg) );
  box-shadow: var(--workflow-shadow-halo, var(--site-shadow-halo));
}
.workflow-primary-button text, .workflow-primary-button taro-text-core, taro-button-core.workflow-primary-button text, taro-button-core.workflow-primary-button taro-text-core, button.workflow-primary-button text, button.workflow-primary-button taro-text-core {
  color: var(--workflow-button-primary-text) !important;
}
.workflow-primary-button:hover {
  background: var(--workflow-button-primary-hover-bg);
  transform: translateY(-0.125rem);
}
.workflow-primary-button:active {
  background: var(--workflow-button-primary-pressed-bg);
}
.workflow-primary-button:disabled, .workflow-primary-button.taro-button-core:disabled, taro-button-core.workflow-primary-button[disabled], button.workflow-primary-button:disabled {
  border-color: var(--workflow-button-disabled-border) !important;
  color: var(--workflow-button-disabled-text) !important;
  background: var(--workflow-button-disabled-bg) !important;
  box-shadow: none !important;
}
.cost-confirm-backdrop, .cost-confirm-backdrop.taro-button-core, taro-button-core.cost-confirm-backdrop, button.cost-confirm-backdrop {
  background: var(--workflow-color-text, var(--ink)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--workflow-color-text, var(--ink)) 72%, transparent ) !important;
  }
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.cost-confirm-panel, .cost-confirm-panel.taro-view-core, taro-view-core.cost-confirm-panel {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: linear-gradient( 180deg, var(--workflow-color-primary, var(--brand)), var(--workflow-color-surface, var(--surface)) 62% ) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 7%, var(--workflow-color-surface, var(--surface)) ), var(--workflow-color-surface, var(--surface)) 62% ) !important;
  }
  color: var(--workflow-color-text, var(--ink)) !important;
  box-shadow: 0 24px 64px var(--workflow-color-text, var(--ink)), 0 0 0 1px var(--workflow-color-border, var(--line)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 24px 64px color-mix(in srgb, var(--workflow-color-text, var(--ink)) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--workflow-color-border, var(--line)) 70%, transparent) !important;
  }
}
.cost-confirm-icon, .cost-confirm-icon.taro-view-core, taro-view-core.cost-confirm-icon {
  border-color: var(--workflow-icon-primary-border) !important;
  background: var(--workflow-icon-primary-bg) !important;
}
.cost-confirm-title, .cost-confirm-title.taro-text-core, taro-text-core.cost-confirm-title {
  color: var(--workflow-color-text, var(--ink)) !important;
  line-height: 1.5rem !important;
}
.cost-confirm-copy, .cost-confirm-copy.taro-text-core, taro-text-core.cost-confirm-copy {
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
}
.cost-confirm-estimate, .cost-confirm-estimate.taro-view-core, taro-view-core.cost-confirm-estimate {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  background: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 9%, var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) ) !important;
  }
}
.cost-confirm-estimate-label, .cost-confirm-estimate-label.taro-text-core, taro-text-core.cost-confirm-estimate-label, .cost-confirm-balance, .cost-confirm-balance.taro-text-core, taro-text-core.cost-confirm-balance {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.cost-confirm-estimate-value, .cost-confirm-estimate-value.taro-text-core, taro-text-core.cost-confirm-estimate-value {
  color: var(--workflow-color-text, var(--ink)) !important;
}
.cost-confirm-detail-list, .cost-confirm-detail-list.taro-view-core, taro-view-core.cost-confirm-detail-list {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
}
.cost-confirm-detail-row, .cost-confirm-detail-row.taro-view-core, taro-view-core.cost-confirm-detail-row {
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
}
.cost-confirm-detail-points, .cost-confirm-detail-points.taro-text-core, taro-text-core.cost-confirm-detail-points {
  color: var(--workflow-color-text, var(--ink)) !important;
}
.cost-confirm-risk, .cost-confirm-risk.taro-text-core, taro-text-core.cost-confirm-risk {
  border-color: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 35%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-danger, var(--danger)) !important;
}
.cost-confirm-warning, .cost-confirm-warning.taro-text-core, taro-text-core.cost-confirm-warning {
  border-color: var(--workflow-color-warning, var(--site-color-warning)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-warning, var(--site-color-warning)) 35%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-warning, var(--site-color-warning)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-warning, var(--site-color-warning)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-warning, var(--site-color-warning)) !important;
}
.cost-confirm-footnote, .cost-confirm-footnote.taro-text-core, taro-text-core.cost-confirm-footnote {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.cost-confirm-actions, .cost-confirm-actions.taro-view-core, taro-view-core.cost-confirm-actions {
  align-items: stretch !important;
}
.cost-confirm-button, .cost-confirm-button.taro-button-core, taro-button-core.cost-confirm-button, button.cost-confirm-button {
  display: inline-flex !important;
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 0.875rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 0.75rem !important;
  font-size: 0.875rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: none !important;
  vertical-align: top !important;
}
.cost-confirm-button::after, .cost-confirm-button.taro-button-core::after, taro-button-core.cost-confirm-button::after, button.cost-confirm-button::after {
  border: 0 !important;
}
.cost-confirm-button text, .cost-confirm-button taro-text-core, taro-button-core.cost-confirm-button text, taro-button-core.cost-confirm-button taro-text-core, button.cost-confirm-button text, button.cost-confirm-button taro-text-core {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.cost-confirm-secondary, .cost-confirm-secondary.taro-button-core, taro-button-core.cost-confirm-secondary, button.cost-confirm-secondary {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  box-shadow: inset 0 1px 0 var(--glass-edge) !important;
}
.cost-confirm-primary, .cost-confirm-primary.taro-button-core, taro-button-core.cost-confirm-primary, button.cost-confirm-primary {
  border-color: var(--workflow-color-primary-pressed, var(--brand-strong)) !important;
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
  background: radial-gradient( circle at 50% -30%, var(--workflow-color-primary-glow, var(--brand-glow)), transparent 54% ), linear-gradient( 180deg, var(--workflow-color-primary-pressed, var(--brand-strong)), var(--workflow-color-primary, var(--brand)) ) !important;
  box-shadow: var(--workflow-shadow-halo, var(--shadow-halo)) !important;
}
.cost-confirm-primary:hover, taro-button-core.cost-confirm-primary:hover, button.cost-confirm-primary:hover {
  transform: none !important;
}
.workflow-plain-button, .workflow-plain-button.taro-button-core, taro-button-core.workflow-plain-button, button.workflow-plain-button {
  min-height: 40px;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.workflow-plain-button:disabled, .workflow-plain-button.taro-button-core:disabled, taro-button-core.workflow-plain-button[disabled], button.workflow-plain-button:disabled {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix( in srgb, var(--workflow-color-text-muted, var(--ink-3)) 58%, transparent ) !important;
  }
}
.workflow-action-bar {
  border-top: 1px solid var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong));
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.workflow-action-reset-slot {
  flex: 0 0 auto;
  min-width: 0;
}
.workflow-action-controls {
  display: contents;
  min-width: 0;
  flex: 0 1 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}
.workflow-billing-points {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 2.5rem;
  white-space: nowrap;
  word-break: keep-all;
  writing-mode: horizontal-tb;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}
.workflow-copy, .workflow-copy.taro-text-core, taro-text-core.workflow-copy {
  display: block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  writing-mode: horizontal-tb;
}
.workflow-action-primary, .workflow-action-secondary, .workflow-action-reset {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;
  align-self: center;
  min-height: 2.5rem;
  white-space: nowrap;
  word-break: keep-all;
  writing-mode: horizontal-tb;
  line-height: 1.1;
}
.workflow-action-bar .taro-button-core, .workflow-action-bar button, taro-view-core.workflow-action-bar taro-button-core, taro-view-core.workflow-action-bar button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;
  align-self: center;
}
.workflow-action-primary {
  grid-column: 3;
  grid-row: 2;
  min-width: 7rem;
}
.workflow-primary-button.workflow-action-primary, .workflow-primary-button.workflow-action-primary.taro-button-core, taro-button-core.workflow-primary-button.workflow-action-primary, button.workflow-primary-button.workflow-action-primary {
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
}
.workflow-primary-button.workflow-action-primary text, .workflow-primary-button.workflow-action-primary taro-text-core, taro-button-core.workflow-primary-button.workflow-action-primary text, taro-button-core.workflow-primary-button.workflow-action-primary taro-text-core {
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
}
.workflow-action-secondary {
  grid-column: 2;
  grid-row: 2;
  min-width: 5rem;
}
.workflow-action-cancel {
  grid-column: 1 / -1;
  grid-row: 3;
  width: 100%;
}
.workflow-action-reset-label-desktop {
  display: none;
}
.workflow-action-reset-label-mobile {
  display: inline;
}
@media (min-width: 768px) {
  .workflow-action-controls {
    display: flex;
  }
  .workflow-action-reset, .workflow-action-primary, .workflow-action-secondary, .workflow-action-cancel {
    grid-column: auto;
    grid-row: auto;
    width: auto;
  }
  .workflow-action-reset-label-desktop {
    display: inline;
  }
  .workflow-action-reset-label-mobile {
    display: none;
  }
}
.showcase-result-shell, .showcase-readonly-section {
  background: var(--surface-glass-strong);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-glass);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.showcase-hero-scrim {
  background: linear-gradient( 180deg, var(--site-color-text, var(--ink)) 0%, var(--site-color-text, var(--ink)) 38%, var(--site-color-text, var(--ink)) 100% ), linear-gradient( 90deg, var(--site-color-text, var(--ink)), transparent 42%, var(--site-color-text, var(--ink)) );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, color-mix(in srgb, var(--site-color-text, var(--ink)) 10%, transparent) 0%, color-mix(in srgb, var(--site-color-text, var(--ink)) 20%, transparent) 38%, color-mix(in srgb, var(--site-color-text, var(--ink)) 82%, transparent) 100% ), linear-gradient( 90deg, color-mix(in srgb, var(--site-color-text, var(--ink)) 26%, transparent), transparent 42%, color-mix(in srgb, var(--site-color-text, var(--ink)) 20%, transparent) );
  }
}
.showcase-hero-copy {
  max-width: min(48rem, calc(100% - 1rem));
  padding: 1rem 1.125rem;
  border: 1px solid var(--site-color-on-primary, white);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--site-color-on-primary, white) 16%, transparent);
  }
  border-radius: 1rem;
  background: linear-gradient( 135deg, var(--site-color-text, var(--ink)), var(--site-color-text, var(--ink)) ), var(--site-color-page-bg, var(--app-bg));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 135deg, color-mix(in srgb, var(--site-color-text, var(--ink)) 72%, transparent), color-mix(in srgb, var(--site-color-text, var(--ink)) 38%, transparent) ), color-mix(in srgb, var(--site-color-page-bg, var(--app-bg)) 46%, transparent);
  }
  box-shadow: inset 0 1px 0 var(--site-color-on-primary, white), 0 18px 48px var(--site-color-text, var(--ink));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--site-color-on-primary, white) 12%, transparent), 0 18px 48px color-mix(in srgb, var(--site-color-text, var(--ink)) 34%, transparent);
  }
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.showcase-hero-title, .showcase-hero-title.taro-text-core, taro-text-core.showcase-hero-title {
  color: var(--site-color-on-primary, white) !important;
  text-shadow: 0 1px 2px var(--site-color-text, var(--ink)), 0 8px 24px var(--site-color-text, var(--ink));
  @supports (color: color-mix(in lab, red, red)) {
    text-shadow: 0 1px 2px color-mix(in srgb, var(--site-color-text, var(--ink)) 95%, transparent), 0 8px 24px color-mix(in srgb, var(--site-color-text, var(--ink)) 70%, transparent);
  }
}
.showcase-hero-summary, .showcase-hero-summary.taro-text-core, taro-text-core.showcase-hero-summary {
  color: var(--site-color-on-primary, white) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--site-color-on-primary, white) 90%, transparent) !important;
  }
  text-shadow: 0 1px 2px var(--site-color-text, var(--ink)), 0 6px 18px var(--site-color-text, var(--ink));
  @supports (color: color-mix(in lab, red, red)) {
    text-shadow: 0 1px 2px color-mix(in srgb, var(--site-color-text, var(--ink)) 90%, transparent), 0 6px 18px color-mix(in srgb, var(--site-color-text, var(--ink)) 62%, transparent);
  }
}
.showcase-detail-back-button, .showcase-detail-back-button.taro-button-core, taro-button-core.showcase-detail-back-button, button.showcase-detail-back-button, .showcase-result-refresh-button, .showcase-result-refresh-button.taro-button-core, taro-button-core.showcase-result-refresh-button, button.showcase-result-refresh-button {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.showcase-detail-back-button, .showcase-detail-back-button.taro-button-core, taro-button-core.showcase-detail-back-button, button.showcase-detail-back-button {
  margin-bottom: 1.5rem !important;
}
.showcase-result-title, .showcase-result-title.taro-text-core, taro-text-core.showcase-result-title {
  display: block;
  width: max-content;
  min-width: 8rem;
  max-width: 100%;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  line-height: 1.25;
}
.showcase-readonly-action-bar {
  border-top: 1px solid var(--line);
  background: var(--surface-glass-strong);
}
.showcase-file-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, 10rem);
  gap: 1rem;
  justify-content: start;
}
.showcase-file-card, .showcase-file-card.taro-button-core, taro-button-core.showcase-file-card, button.showcase-file-card {
  display: flex !important;
  width: 10rem !important;
  height: 12.875rem !important;
  min-width: 0;
  max-width: 10rem !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  border-radius: 0.875rem;
  background: var(--surface-glass);
  box-shadow: inset 0 1px 0 var(--glass-edge);
  line-height: 1.35 !important;
}
.showcase-file-card > taro-view-core:last-child, .showcase-file-card > view:last-child, taro-button-core.showcase-file-card > taro-view-core:last-child, button.showcase-file-card > view:last-child {
  min-height: 4.75rem;
  flex: 1 0 4.75rem;
}
.showcase-file-preview {
  width: 100%;
  height: 8rem;
  min-height: 8rem;
  overflow: hidden;
  background: var(--surface-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--surface-muted) 78%, transparent);
  }
}
.showcase-file-preview-image, .showcase-file-preview-image.taro-image-core, taro-image-core.showcase-file-preview-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.showcase-file-preview-image img, taro-image-core.showcase-file-preview-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
.showcase-file-name, .showcase-file-name.taro-text-core, taro-text-core.showcase-file-name {
  display: block;
  min-height: 1.225rem;
  color: var(--ink);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.showcase-file-meta, .showcase-file-meta.taro-text-core, taro-text-core.showcase-file-meta {
  display: block;
  min-height: 1.0125rem;
  margin-top: 0.25rem;
  color: var(--ink-3);
  font-size: 0.75rem;
  line-height: 1.35;
  white-space: nowrap;
}
.showcase-lightbox-panel {
  height: min(90vh, 56rem);
}
.showcase-lightbox-title {
  min-height: 3.5rem;
  padding-right: 4.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.showcase-lightbox-scroll {
  min-height: 0;
}
.showcase-lightbox-image, .showcase-lightbox-image.taro-image-core, taro-image-core.showcase-lightbox-image {
  display: block !important;
  width: min(100%, 68rem) !important;
  height: auto !important;
  max-width: 100% !important;
}
.showcase-lightbox-image img, taro-image-core.showcase-lightbox-image img {
  width: 100% !important;
  height: auto !important;
}
.showcase-lightbox-close, .showcase-lightbox-close.taro-button-core, taro-button-core.showcase-lightbox-close, button.showcase-lightbox-close {
  top: 1.8rem !important;
  transform: translateY(-50%);
}
.showcase-output-panel {
  color: var(--ink);
}
.showcase-output-title, .showcase-output-title.taro-text-core, taro-text-core.showcase-output-title {
  white-space: nowrap;
}
.showcase-output-image-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.5rem), 1fr));
  align-items: start;
  gap: 1.25rem;
}
.showcase-output-image-item {
  min-width: 0;
}
.showcase-output-image-title, .showcase-output-image-title.taro-text-core, taro-text-core.showcase-output-image-title {
  font-size: 1rem !important;
  line-height: 1.4 !important;
}
.showcase-output-image-index, .showcase-output-image-index.taro-text-core, taro-text-core.showcase-output-image-index {
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
}
.showcase-output-image-button, .showcase-output-image-button.taro-button-core, taro-button-core.showcase-output-image-button, button.showcase-output-image-button {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  border-radius: 0.875rem;
  background: var(--surface-glass);
  box-shadow: var(--shadow-soft);
}
.showcase-output-image, .showcase-output-image.taro-image-core, taro-image-core.showcase-output-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}
.showcase-output-image img, taro-image-core.showcase-output-image img {
  width: 100% !important;
  height: auto !important;
}
.showcase-output-view-button, .showcase-output-view-button.taro-button-core, taro-button-core.showcase-output-view-button, button.showcase-output-view-button {
  width: auto !important;
  min-width: 0 !important;
  color: var(--ink) !important;
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
.showcase-output-view-button taro-image-core, .showcase-output-view-button img {
  display: block !important;
  opacity: 1 !important;
}
.asset-format-grid {
  align-items: stretch;
}
.asset-format-option, .asset-format-option.taro-button-core, taro-button-core.asset-format-option, button.asset-format-option {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  margin: 0 !important;
  padding: 0 0.75rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.asset-format-option-active, .asset-format-option-active.taro-button-core, taro-button-core.asset-format-option-active, button.asset-format-option-active {
  border-color: var(--site-button-primary-border) !important;
  color: var(--site-icon-primary-text) !important;
  background: var(--site-icon-primary-bg) !important;
}
.upload-package-summary, .upload-package-row {
  color: var(--ink);
}
.upload-package-title, .upload-package-title.taro-text-core, taro-text-core.upload-package-title, .upload-package-file-name, .upload-package-file-name.taro-text-core, taro-text-core.upload-package-file-name {
  display: block;
  color: var(--workflow-color-text, var(--ink)) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload-package-copy, .upload-package-copy.taro-text-core, taro-text-core.upload-package-copy {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
  white-space: normal;
  word-break: break-word;
}
.upload-package-action, .upload-package-action.taro-button-core, taro-button-core.upload-package-action {
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.asset-summary-video-grid, .asset-summary-video-grid.taro-view-core, taro-view-core.asset-summary-video-grid {
  display: flex !important;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem;
}
.asset-summary-video-item, .asset-summary-video-item.taro-view-core, taro-view-core.asset-summary-video-item {
  flex: 0 1 var(--workflow-video-frame-max-width, 14.75rem);
  border-radius: 0.5rem;
  background: var(--workflow-color-surface-well, var(--glass-well));
}
.workflow-adaptive-video-frame, .workflow-adaptive-video-frame.taro-view-core, taro-view-core.workflow-adaptive-video-frame {
  position: relative;
  width: min(100%, var(--workflow-video-frame-max-width, 14.75rem));
  max-width: 100%;
  max-height: 26.25rem;
  aspect-ratio: var(--workflow-video-aspect-ratio, 9 / 16);
  overflow: hidden;
}
.asset-summary-video, .asset-summary-video.taro-video-core, taro-video-core.asset-summary-video, video.asset-summary-video, .workflow-output-video, .workflow-output-video.taro-video-core, taro-video-core.workflow-output-video, video.workflow-output-video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  border-radius: inherit;
  background: var(--workflow-color-surface-well, var(--glass-well));
  object-fit: contain;
}
.workflow-output-video-frame, .workflow-output-video-frame.taro-view-core, taro-view-core.workflow-output-video-frame {
  margin: 0 auto;
  border-radius: 0.75rem;
  background: var(--workflow-color-surface, var(--surface));
}
.workflow-result-panel, .workflow-result-panel.taro-view-core, taro-view-core.workflow-result-panel {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.workflow-result-panel-header, .workflow-result-panel-header.taro-view-core, taro-view-core.workflow-result-panel-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  min-width: 0;
}
.workflow-result-panel-title-row, .workflow-result-panel-title-row.taro-view-core, taro-view-core.workflow-result-panel-title-row {
  display: flex !important;
  min-width: 0;
  align-items: center;
  gap: 0.75rem;
  color: var(--workflow-color-text, var(--ink));
}
.workflow-result-panel-title, .workflow-result-panel-title.taro-text-core, taro-text-core.workflow-result-panel-title {
  display: block;
  color: var(--workflow-color-text, var(--ink)) !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.workflow-result-panel-copy, .workflow-result-panel-copy.taro-text-core, taro-text-core.workflow-result-panel-copy {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  white-space: nowrap;
}
.workflow-result-count-badge, .workflow-result-count-badge.taro-text-core, taro-text-core.workflow-result-count-badge {
  display: inline-flex !important;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-height: 1.75rem;
  border: 1px solid var(--workflow-color-border, var(--line));
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: var(--workflow-color-surface-well, var(--glass-well));
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  line-height: 1rem !important;
  white-space: nowrap;
}
.workflow-result-grid, .workflow-result-grid.taro-view-core, taro-view-core.workflow-result-grid {
  align-items: start;
}
.workflow-result-card, .workflow-result-card.taro-view-core, taro-view-core.workflow-result-card {
  display: flex !important;
  min-width: 0;
  flex-direction: column;
  gap: 1rem;
}
.workflow-result-card-title-row, .workflow-result-card-title-row.taro-view-core, taro-view-core.workflow-result-card-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  min-width: 0;
}
.workflow-result-card-title-copy, .workflow-result-card-title-copy.taro-view-core, taro-view-core.workflow-result-card-title-copy {
  min-width: 0;
}
.workflow-result-card-title, .workflow-result-card-title.taro-text-core, taro-text-core.workflow-result-card-title {
  display: block;
  color: var(--workflow-color-text, var(--ink)) !important;
  font-size: 0.9375rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.workflow-result-card-index, .workflow-result-card-index.taro-text-core, taro-text-core.workflow-result-card-index {
  display: block;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
  font-size: 0.8125rem !important;
  line-height: 1.2rem !important;
}
.workflow-generation-status-badge, .workflow-generation-status-badge.taro-text-core, taro-text-core.workflow-generation-status-badge {
  display: inline-flex !important;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-height: 1.75rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  line-height: 1.15rem !important;
  white-space: nowrap;
}
.workflow-generation-status-badge-success, .workflow-generation-status-badge-success.taro-text-core, taro-text-core.workflow-generation-status-badge-success {
  border-color: var(--workflow-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-success, var(--success)) 30%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-success, var(--success)) 12%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-success, var(--success)) !important;
}
.workflow-generation-status-badge-danger, .workflow-generation-status-badge-danger.taro-text-core, taro-text-core.workflow-generation-status-badge-danger {
  border-color: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 30%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-danger, var(--danger)) !important;
}
.workflow-generation-status-badge-info, .workflow-generation-status-badge-info.taro-text-core, taro-text-core.workflow-generation-status-badge-info {
  border-color: var(--workflow-color-info, var(--blue)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-info, var(--blue)) 30%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-info, var(--blue)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-info, var(--blue)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-info, var(--blue)) !important;
}
.workflow-status-badge-success, .workflow-status-badge-success.taro-text-core, taro-text-core.workflow-status-badge-success {
  border-color: var(--workflow-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-success, var(--success)) 30%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-success, var(--success)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-success, var(--success)) !important;
}
.workflow-status-badge-danger, .workflow-status-badge-danger.taro-text-core, taro-text-core.workflow-status-badge-danger {
  border-color: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 30%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-danger, var(--danger)) !important;
}
.workflow-status-badge-info, .workflow-status-badge-info.taro-text-core, taro-text-core.workflow-status-badge-info {
  border-color: var(--workflow-color-info, var(--blue)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-info, var(--blue)) 30%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-info, var(--blue)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-info, var(--blue)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-info, var(--blue)) !important;
}
.workflow-status-badge-warning, .workflow-status-badge-warning.taro-text-core, taro-text-core.workflow-status-badge-warning {
  border-color: var(--workflow-color-warning, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-warning, var(--brand)) 30%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-warning, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-warning, var(--brand)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-warning, var(--brand)) !important;
}
.workflow-status-badge-muted, .workflow-status-badge-muted.taro-text-core, taro-text-core.workflow-status-badge-muted {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.workflow-edit-record-status, .workflow-edit-record-status.taro-view-core, taro-view-core.workflow-edit-record-status {
  min-width: 0;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-primary-soft, var(--brand-soft)) !important;
}
.workflow-edit-record-copy, .workflow-edit-record-copy.taro-view-core, taro-view-core.workflow-edit-record-copy {
  min-width: 0;
}
.workflow-edit-record-title, .workflow-edit-record-title.taro-text-core, taro-text-core.workflow-edit-record-title {
  display: block;
  font-size: 0.8125rem !important;
  line-height: 1.25rem !important;
  white-space: normal;
}
.workflow-edit-record-title-success, .workflow-edit-record-title-success.taro-text-core, taro-text-core.workflow-edit-record-title-success {
  color: var(--workflow-color-success, var(--success)) !important;
}
.workflow-edit-record-title-danger, .workflow-edit-record-title-danger.taro-text-core, taro-text-core.workflow-edit-record-title-danger {
  color: var(--workflow-color-danger, var(--danger)) !important;
}
.workflow-edit-record-title-running, .workflow-edit-record-title-running.taro-text-core, taro-text-core.workflow-edit-record-title-running {
  color: var(--workflow-color-info, var(--blue)) !important;
}
.workflow-edit-record-error, .workflow-edit-record-error.taro-text-core, taro-text-core.workflow-edit-record-error {
  display: block;
  color: var(--workflow-color-danger, var(--danger)) !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.workflow-result-orientation-badge, .workflow-result-orientation-badge.taro-text-core, taro-text-core.workflow-result-orientation-badge {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 28%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 8%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-primary, var(--brand)) !important;
}
.workflow-edit-record-view-button, .workflow-edit-record-view-button.taro-button-core, taro-button-core.workflow-edit-record-view-button, button.workflow-edit-record-view-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 4.25rem !important;
  min-height: 2rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0.25rem 0.625rem !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) !important;
  font-size: 0.8125rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.workflow-result-media-button, .workflow-result-media-button.taro-button-core, taro-button-core.workflow-result-media-button, button.workflow-result-media-button {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-muted, var(--surface-muted)) !important;
  box-shadow: var(--workflow-shadow-soft, var(--shadow-soft));
  line-height: 1 !important;
}
.workflow-result-media-image, .workflow-result-media-image.taro-image-core, taro-image-core.workflow-result-media-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: auto !important;
}
.workflow-result-media-image img, taro-image-core.workflow-result-media-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
.workflow-lightbox-backdrop, .workflow-lightbox-backdrop.taro-button-core, taro-button-core.workflow-lightbox-backdrop, button.workflow-lightbox-backdrop {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--workflow-color-page-deep, var(--app-bg-deep)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-page-deep, var(--app-bg-deep)) 78%, transparent ) !important;
  }
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.workflow-lightbox-panel, .workflow-lightbox-panel.taro-view-core, taro-view-core.workflow-lightbox-panel {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) !important;
  box-shadow: var(--workflow-shadow-float, var(--shadow-float)) !important;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}
.workflow-lightbox-floating-close, .workflow-lightbox-floating-close.taro-button-core, taro-button-core.workflow-lightbox-floating-close, .workflow-lightbox-panel-close, .workflow-lightbox-panel-close.taro-button-core, taro-button-core.workflow-lightbox-panel-close {
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  box-shadow: var(--workflow-shadow-soft, var(--shadow-soft)) !important;
}
.workflow-lightbox-floating-close:hover, taro-button-core.workflow-lightbox-floating-close:hover, .workflow-lightbox-panel-close:hover, taro-button-core.workflow-lightbox-panel-close:hover {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
}
.workflow-lightbox-image, .workflow-lightbox-image.taro-image-core, taro-image-core.workflow-lightbox-image {
  display: block !important;
  width: 100% !important;
  height: min(82vh, 52rem) !important;
  min-height: 18rem !important;
  max-width: 100% !important;
  max-height: 82vh !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.workflow-lightbox-image img, taro-image-core.workflow-lightbox-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 82vh !important;
  object-fit: contain !important;
  object-position: center center !important;
}
.workflow-image-edit-dialog, .workflow-image-edit-dialog.taro-view-core, taro-view-core.workflow-image-edit-dialog {
  box-sizing: border-box;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  box-shadow: var(--workflow-shadow-float, var(--shadow-float)) !important;
}
.workflow-image-edit-dialog-expanded, .workflow-image-edit-dialog-expanded.taro-view-core, taro-view-core.workflow-image-edit-dialog-expanded {
  width: min(72rem, calc(100vw - 2rem)) !important;
  max-width: min(72rem, calc(100vw - 2rem)) !important;
}
.workflow-image-edit-dialog-header, .workflow-image-edit-dialog-header.taro-view-core, taro-view-core.workflow-image-edit-dialog-header {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box;
  gap: 1rem;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
}
.workflow-image-edit-dialog-header-expanded, .workflow-image-edit-dialog-header-expanded.taro-view-core, taro-view-core.workflow-image-edit-dialog-header-expanded {
  width: 100% !important;
  max-width: none !important;
}
.workflow-image-edit-dialog-title, .workflow-image-edit-dialog-title.taro-text-core, taro-text-core.workflow-image-edit-dialog-title {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0;
  color: var(--workflow-color-text, var(--ink)) !important;
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.workflow-image-edit-close, .workflow-image-edit-close.taro-button-core, taro-button-core.workflow-image-edit-close {
  margin-left: auto !important;
  flex: 0 0 2.25rem !important;
  width: 2.25rem !important;
  min-width: 2.25rem !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.workflow-image-edit-close:hover, taro-button-core.workflow-image-edit-close:hover {
  color: var(--workflow-color-text, var(--ink)) !important;
}
.workflow-image-edit-dialog-body, .workflow-image-edit-dialog-body.taro-view-core, taro-view-core.workflow-image-edit-dialog-body {
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.image-edit-section-label, .image-edit-section-label.taro-text-core, taro-text-core.image-edit-section-label {
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
}
.image-edit-muted-text, .image-edit-muted-text.taro-text-core, taro-text-core.image-edit-muted-text {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.image-edit-preview-frame, .image-edit-preview-frame.taro-view-core, taro-view-core.image-edit-preview-frame, .image-edit-model-selector, .image-edit-model-selector.taro-view-core, taro-view-core.image-edit-model-selector, .image-edit-reference-picker, .image-edit-reference-picker.taro-view-core, taro-view-core.image-edit-reference-picker {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-glass-well, var(--glass-well)) !important;
}
.image-edit-form-layout-expanded, .image-edit-form-layout-expanded.taro-view-core, taro-view-core.image-edit-form-layout-expanded {
  min-width: 0;
}
.image-edit-clickable-preview, .image-edit-clickable-preview.taro-button-core, taro-button-core.image-edit-clickable-preview, .image-edit-main-preview, .image-edit-main-preview.taro-button-core, taro-button-core.image-edit-main-preview {
  margin: 0 !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-glass-well, var(--glass-well)) !important;
}
.image-edit-form-layout-expanded .image-edit-main-preview, taro-view-core.image-edit-form-layout-expanded taro-button-core.image-edit-main-preview {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
.image-edit-main-preview-compact, .image-edit-main-preview-compact.taro-button-core, taro-button-core.image-edit-main-preview-compact {
  height: 20rem !important;
  min-height: 20rem !important;
  max-height: 20rem !important;
}
.image-edit-main-preview-expanded, .image-edit-main-preview-expanded.taro-button-core, taro-button-core.image-edit-main-preview-expanded {
  height: 100% !important;
  min-height: 48vh !important;
}
.image-edit-main-image, .image-edit-main-image.taro-image-core, taro-image-core.image-edit-main-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}
.image-edit-main-image img, taro-image-core.image-edit-main-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
.image-edit-form-controls, .image-edit-form-controls.taro-view-core, taro-view-core.image-edit-form-controls {
  min-width: 0;
}
.image-edit-form-controls-expanded, .image-edit-form-controls-expanded.taro-view-core, taro-view-core.image-edit-form-controls-expanded {
  width: 25rem !important;
  min-width: 25rem !important;
  max-width: 25rem !important;
  flex: 0 0 25rem !important;
}
.image-edit-clickable-preview taro-image-core, .image-edit-main-preview taro-image-core, taro-button-core.image-edit-clickable-preview taro-image-core, taro-button-core.image-edit-main-preview taro-image-core {
  display: block !important;
}
.image-edit-clickable-preview img, .image-edit-main-preview img, taro-button-core.image-edit-clickable-preview img, taro-button-core.image-edit-main-preview img {
  object-fit: contain !important;
  object-position: center center !important;
}
.image-edit-preview-overlay, .image-edit-preview-overlay.taro-text-core, taro-text-core.image-edit-preview-overlay {
  background: var(--workflow-color-text, var(--ink)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--workflow-color-text, var(--ink)) 45%, transparent ) !important;
  }
}
@media (hover: none), (pointer: coarse) {
  .image-edit-preview-overlay, .image-edit-preview-overlay.taro-text-core, taro-text-core.image-edit-preview-overlay {
    top: auto !important;
    min-height: 2.75rem;
    padding: 0.75rem 1rem;
    opacity: 1 !important;
  }
}
.image-edit-preview-result, .image-edit-preview-result.taro-image-core, taro-image-core.image-edit-preview-result, .image-edit-preview-empty, .image-edit-preview-empty.taro-view-core, taro-view-core.image-edit-preview-empty {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
}
.image-edit-preview-result img, taro-image-core.image-edit-preview-result img {
  object-fit: contain !important;
  object-position: center center !important;
}
.image-edit-empty-title, .image-edit-empty-title.taro-text-core, taro-text-core.image-edit-empty-title {
  color: var(--workflow-color-text, var(--ink)) !important;
}
.image-edit-empty-copy, .image-edit-empty-copy.taro-text-core, taro-text-core.image-edit-empty-copy {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.image-edit-upload-action, .image-edit-upload-action.taro-button-core, taro-button-core.image-edit-upload-action, .image-edit-secondary-action, .image-edit-secondary-action.taro-button-core, taro-button-core.image-edit-secondary-action, .image-edit-confirm-action, .image-edit-confirm-action.taro-button-core, taro-button-core.image-edit-confirm-action {
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  margin: 0 !important;
  min-height: 2.75rem !important;
  line-height: 1.2 !important;
}
.image-edit-action-row, .image-edit-action-row.taro-view-core, taro-view-core.image-edit-action-row {
  display: flex !important;
  align-items: stretch;
  width: 100%;
}
.image-edit-action-row .taro-button-core, .image-edit-action-row taro-button-core, taro-view-core.image-edit-action-row taro-button-core {
  min-width: 0 !important;
  flex: 1 1 0 !important;
  white-space: nowrap !important;
}
.image-edit-action-row taro-text-core, .image-edit-action-row text, taro-view-core.image-edit-action-row taro-text-core, taro-view-core.image-edit-action-row text {
  white-space: nowrap !important;
  word-break: keep-all;
}
.image-edit-confirm-action, .image-edit-confirm-action.taro-button-core, taro-button-core.image-edit-confirm-action {
  background: var(--workflow-color-glass-well, var(--glass-well)) !important;
  color: var(--workflow-color-text, var(--ink)) !important;
}
.image-edit-upload-action:hover, taro-button-core.image-edit-upload-action:hover, .image-edit-secondary-action:hover, taro-button-core.image-edit-secondary-action:hover, .image-edit-confirm-action:hover, taro-button-core.image-edit-confirm-action:hover {
  color: var(--workflow-color-text, var(--ink)) !important;
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) !important;
}
.image-edit-primary-action, .image-edit-primary-action.taro-button-core, taro-button-core.image-edit-primary-action {
  margin: 0 !important;
  min-height: 2.75rem !important;
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
  line-height: 1.2 !important;
}
.image-edit-primary-action text, .image-edit-primary-action taro-text-core, taro-button-core.image-edit-primary-action text, taro-button-core.image-edit-primary-action taro-text-core {
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
}
.image-edit-success-note, .image-edit-success-note.taro-view-core, taro-view-core.image-edit-success-note {
  border-color: var(--workflow-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-success, var(--success)) 28%, transparent ) !important;
  }
  background: var(--workflow-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-success, var(--success)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-success, var(--success)) !important;
}
.image-edit-textarea, .image-edit-textarea.taro-textarea-core, taro-textarea-core.image-edit-textarea {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  line-height: 1.75rem !important;
}
.image-edit-textarea textarea, taro-textarea-core.image-edit-textarea textarea {
  min-height: 8rem !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  line-height: 1.75rem !important;
  font-size: 0.875rem !important;
}
.image-edit-model-label, .image-edit-model-label.taro-text-core, taro-text-core.image-edit-model-label {
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
}
.image-edit-model-meta, .image-edit-model-meta.taro-text-core, taro-text-core.image-edit-model-meta, .image-edit-model-loading, .image-edit-model-loading.taro-view-core, taro-view-core.image-edit-model-loading {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.image-edit-model-option, .image-edit-model-option.taro-button-core, taro-button-core.image-edit-model-option, button.image-edit-model-option {
  display: flex !important;
  width: 100% !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0.5rem 0.75rem !important;
  overflow: hidden !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  line-height: 1.2 !important;
  text-align: left !important;
  white-space: normal !important;
}
.image-edit-model-option text, .image-edit-model-option taro-text-core, taro-button-core.image-edit-model-option text, taro-button-core.image-edit-model-option taro-text-core, button.image-edit-model-option text, button.image-edit-model-option taro-text-core {
  display: -webkit-box !important;
  max-width: 100%;
  overflow: hidden !important;
  color: inherit !important;
  line-height: 1.2 !important;
  text-align: left !important;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.image-edit-model-option-active, .image-edit-model-option-active.taro-button-core, taro-button-core.image-edit-model-option-active {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  background: var(--workflow-color-primary-soft, var(--brand-soft)) !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
}
.image-edit-reference-upload, .image-edit-reference-upload.taro-button-core, taro-button-core.image-edit-reference-upload, .image-edit-reference-group-trigger, .image-edit-reference-group-trigger.taro-button-core, taro-button-core.image-edit-reference-group-trigger {
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
  margin: 0 !important;
}
.image-edit-reference-group-trigger:hover, taro-button-core.image-edit-reference-group-trigger:hover {
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) !important;
}
.image-edit-reference-tile, .image-edit-reference-tile.taro-button-core, taro-button-core.image-edit-reference-tile {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
  margin: 0 !important;
}
.image-edit-reference-tile-selected, .image-edit-reference-tile-selected.taro-button-core, taro-button-core.image-edit-reference-tile-selected {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  background: var(--workflow-color-primary-soft, var(--brand-soft)) !important;
}
.image-edit-reference-check, .image-edit-reference-check.taro-text-core, taro-text-core.image-edit-reference-check {
  border-color: var(--workflow-color-on-primary, white) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in srgb, var(--workflow-color-on-primary, white) 30%, transparent ) !important;
  }
  background: var(--workflow-color-text, var(--ink)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--workflow-color-text, var(--ink)) 45%, transparent ) !important;
  }
  color: transparent !important;
}
.image-edit-reference-check-selected, .image-edit-reference-check-selected.taro-text-core, taro-text-core.image-edit-reference-check-selected {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  background: var(--workflow-color-primary, var(--brand)) !important;
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
}
.image-edit-reference-caption, .image-edit-reference-caption.taro-text-core, taro-text-core.image-edit-reference-caption {
  background: var(--workflow-color-text, var(--ink)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--workflow-color-text, var(--ink)) 55%, transparent ) !important;
  }
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
}
.markdown-editor-shell, .markdown-editor-shell.taro-view-core, taro-view-core.markdown-editor-shell, .markdown-editor-shell.taro-text-core, taro-text-core.markdown-editor-shell {
  position: relative;
  z-index: 1;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  box-shadow: var(--workflow-shadow-soft, var(--shadow-soft));
  pointer-events: auto;
}
.markdown-editor-toolbar, .markdown-editor-toolbar.taro-view-core, taro-view-core.markdown-editor-toolbar {
  display: flex !important;
  align-items: center;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 3%, var(--workflow-color-surface-glass, var(--surface-glass)) ) !important;
  }
}
.markdown-editor-topbar, .markdown-editor-topbar.taro-view-core, taro-view-core.markdown-editor-topbar {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) !important;
}
.markdown-editor-mode-pill, .markdown-editor-mode-pill.taro-text-core, taro-text-core.markdown-editor-mode-pill {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  background: var(--workflow-color-primary-soft, var(--brand-soft)) !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
  letter-spacing: 0 !important;
}
.markdown-editor-topbar-title, .markdown-editor-topbar-title.taro-text-core, taro-text-core.markdown-editor-topbar-title {
  color: var(--workflow-color-text, var(--ink)) !important;
}
.markdown-editor-topbar-hint, .markdown-editor-topbar-hint.taro-text-core, taro-text-core.markdown-editor-topbar-hint {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.markdown-toolbar-button, .markdown-toolbar-button.taro-button-core, taro-button-core.markdown-toolbar-button, button.markdown-toolbar-button {
  display: inline-flex !important;
  width: 2.25rem !important;
  min-width: 2.25rem !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) !important;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  line-height: 1 !important;
}
.markdown-toolbar-button:hover, taro-button-core.markdown-toolbar-button:hover, .markdown-toolbar-button-active, .markdown-toolbar-button-active.taro-button-core, taro-button-core.markdown-toolbar-button-active {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  background: var(--workflow-color-primary-soft, var(--brand-soft)) !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
}
.markdown-toolbar-button taro-image-core, taro-button-core.markdown-toolbar-button taro-image-core, .markdown-toolbar-button img, taro-button-core.markdown-toolbar-button img {
  display: block !important;
  width: 1rem !important;
  min-width: 1rem !important;
  height: 1rem !important;
  min-height: 1rem !important;
  max-width: 1rem !important;
  max-height: 1rem !important;
  flex: 0 0 1rem !important;
  overflow: visible !important;
  opacity: 1 !important;
}
.markdown-editor-input, .markdown-editor-input.taro-textarea-core, taro-textarea-core.markdown-editor-input {
  display: block !important;
  flex: 1 1 auto !important;
  position: relative;
  z-index: 2;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 18rem !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 2%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
  color: var(--workflow-color-text, var(--ink)) !important;
  pointer-events: auto !important;
}
.markdown-editor-input textarea, .markdown-editor-input .taro-textarea, taro-textarea-core.markdown-editor-input textarea, taro-textarea-core.markdown-editor-input .taro-textarea {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 18rem !important;
  padding: 1.25rem 1.5rem !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  caret-color: var(--workflow-color-primary, var(--brand)) !important;
  font-family: "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.75rem !important;
  resize: vertical;
  pointer-events: auto !important;
}
.markdown-editor-input textarea::placeholder, .markdown-editor-input .taro-textarea::placeholder, taro-textarea-core.markdown-editor-input textarea::placeholder, taro-textarea-core.markdown-editor-input .taro-textarea::placeholder {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.markdown-editor-input:focus-within, taro-textarea-core.markdown-editor-input:focus-within {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  box-shadow: inset 0 0 0 1px var(--workflow-color-primary-line, var(--brand-line));
}
.markdown-editor-preview, .markdown-editor-preview.taro-view-core, taro-view-core.markdown-editor-preview {
  flex: 1 1 auto;
  height: 100%;
  min-height: 18rem;
  overflow: auto;
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.markdown-editor-workbench, .markdown-editor-workbench.taro-view-core, taro-view-core.markdown-editor-workbench {
  min-height: 32rem;
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.markdown-editor-pane, .markdown-editor-pane.taro-view-core, taro-view-core.markdown-editor-pane {
  display: flex !important;
  min-height: 32rem;
  flex-direction: column !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.markdown-editor-pane-header, .markdown-editor-pane-header.taro-view-core, taro-view-core.markdown-editor-pane-header {
  min-height: 2.25rem;
  border-bottom: 1px solid var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.markdown-editor-pane-header taro-text-core, .markdown-editor-pane-header text, .markdown-editor-pane-header .taro-text-core {
  color: inherit !important;
}
.markdown-editor-shell taro-text-core, .markdown-editor-shell text, .markdown-editor-shell .taro-text-core {
  color: var(--workflow-color-text, var(--ink)) !important;
}
.markdown-editor-shell [data-markdown-heading-level] {
  color: var(--workflow-color-text, var(--ink)) !important;
}
.markdown-editor-shell [data-markdown-heading-level="1"], .markdown-editor-shell [data-markdown-heading-level="2"] {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.markdown-editor-shell [data-markdown-heading-level="3"], .markdown-editor-shell [data-markdown-heading-level="4"], .markdown-editor-shell [data-markdown-heading-level="5"], .markdown-editor-shell [data-markdown-heading-level="6"] {
  font-size: 1rem !important;
  line-height: 1.625rem !important;
}
.markdown-editor-shell .text-neutral-500, .markdown-editor-shell taro-text-core.text-neutral-500 {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.markdown-editor-shell .text-neutral-200, .markdown-editor-shell .text-neutral-300, .markdown-editor-shell .text-neutral-100, .markdown-editor-shell .text-white, .markdown-editor-shell taro-text-core.text-neutral-200, .markdown-editor-shell taro-text-core.text-neutral-300, .markdown-editor-shell taro-text-core.text-neutral-100, .markdown-editor-shell taro-text-core.text-white {
  color: var(--workflow-color-text, var(--ink)) !important;
}
.markdown-editor-shell .border-neutral-800, .markdown-editor-shell .border-neutral-900 {
  border-color: var(--workflow-color-border, var(--line)) !important;
}
.markdown-editor-shell .bg-neutral-950, .markdown-editor-shell .bg-neutral-900 {
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
}
.markdown-editor-shell .bg-red-950\/10 {
  background: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 8%, transparent ) !important;
  }
}
.markdown-editor-shell .border-red-500\/70 {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
}
.workflow-result-action-button, .workflow-result-action-button.taro-button-core, taro-button-core.workflow-result-action-button, button.workflow-result-action-button {
  display: inline-flex !important;
  width: 100% !important;
  position: relative;
  z-index: 1;
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;
  padding: 0.5rem 1rem !important;
  line-height: 1.2 !important;
  word-break: keep-all;
  writing-mode: horizontal-tb;
  pointer-events: auto;
}
.workflow-result-action-button text, .workflow-result-action-button taro-text-core, taro-button-core.workflow-result-action-button text, taro-button-core.workflow-result-action-button taro-text-core {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  line-height: 1.2 !important;
  word-break: keep-all;
  writing-mode: horizontal-tb;
}
.workflow-result-actions {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.workflow-danger-soft-button, .workflow-danger-soft-button.taro-button-core, taro-button-core.workflow-danger-soft-button, button.workflow-danger-soft-button {
  border: 1px solid var(--workflow-button-danger-border) !important;
  color: var(--workflow-icon-danger-text);
  background: var(--workflow-icon-danger-bg);
}
.workflow-danger-soft-button:hover {
  color: var(--workflow-button-danger-text);
  background: var(--workflow-button-danger-hover-bg);
}
.workflow-generation-status {
  border-color: var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass, var(--surface-glass));
}
.workflow-generation-status-failed, .workflow-generation-status-failed.taro-view-core, taro-view-core.workflow-generation-status-failed {
  border-color: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 38%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 8%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
}
.workflow-generation-status-pending, .workflow-generation-status-pending.taro-view-core, taro-view-core.workflow-generation-status-pending {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.workflow-status-card, .workflow-status-card.taro-view-core, taro-view-core.workflow-status-card, .workflow-processing-card, .workflow-processing-card.taro-view-core, taro-view-core.workflow-processing-card {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.workflow-status-card-icon, .workflow-status-card-icon.taro-view-core, taro-view-core.workflow-status-card-icon {
  border-color: var(--workflow-icon-info-border) !important;
  background: var(--workflow-icon-info-bg) !important;
}
.workflow-processing-card, .workflow-processing-card.taro-view-core, taro-view-core.workflow-processing-card {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 26%, var(--workflow-color-border, var(--line)) ) !important;
  }
  box-shadow: 0 0 28px var(--workflow-color-primary, var(--brand));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 28px color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 12%, transparent);
  }
}
.workflow-processing-progress-shell, .workflow-processing-progress-shell.taro-view-core, taro-view-core.workflow-processing-progress-shell {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-well, var(--glass-well)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--workflow-color-surface-well, var(--glass-well)) 72%, transparent ) !important;
  }
}
.workflow-transition-overlay, .workflow-transition-overlay.taro-view-core, taro-view-core.workflow-transition-overlay {
  background: var(--workflow-color-page-bg, var(--app-bg)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--workflow-color-page-bg, var(--app-bg)) 78%, transparent ) !important;
  }
}
.workflow-transition-panel, .workflow-transition-panel.taro-view-core, taro-view-core.workflow-transition-panel {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--workflow-color-surface, var(--surface)) 96%, transparent ) !important;
  }
}
.workflow-transition-icon, .workflow-transition-icon.taro-view-core, taro-view-core.workflow-transition-icon {
  border-color: var(--workflow-icon-primary-border) !important;
  background: var(--workflow-icon-primary-bg) !important;
}
.workflow-progress-mobile-header, .workflow-progress-mobile-header.taro-view-core, taro-view-core.workflow-progress-mobile-header {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.workflow-progress-line-active, .workflow-progress-line-active.taro-view-core, taro-view-core.workflow-progress-line-active {
  background: var(--workflow-color-primary, var(--brand)) !important;
  box-shadow: 0 0 10px var(--workflow-color-primary, var(--brand));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 10px color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 72%, transparent);
  }
}
.workflow-progress-marker, .workflow-progress-marker.taro-view-core, taro-view-core.workflow-progress-marker {
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.workflow-progress-marker-active, .workflow-progress-marker-active.taro-view-core, taro-view-core.workflow-progress-marker-active {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
  box-shadow: 0 0 15px var(--workflow-color-primary, var(--brand));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 15px color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 48%, transparent);
  }
}
.workflow-progress-marker-highlighted, .workflow-progress-marker-highlighted.taro-view-core, taro-view-core.workflow-progress-marker-highlighted {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
}
.workflow-progress-marker-muted, .workflow-progress-marker-muted.taro-view-core, taro-view-core.workflow-progress-marker-muted {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.workflow-progress-mobile-step, .workflow-progress-mobile-step.taro-button-core, taro-button-core.workflow-progress-mobile-step, button.workflow-progress-mobile-step {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.workflow-progress-mobile-step-active, .workflow-progress-mobile-step-active.taro-button-core, taro-button-core.workflow-progress-mobile-step-active, button.workflow-progress-mobile-step-active {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  background: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
}
.workflow-progress-mobile-step-selectable:hover {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
}
.workspace-page-body {
  align-items: stretch;
}
.workspace-task-fab {
  transform: none;
}
.workspace-sidebar-mobile-backdrop, .workspace-sidebar-mobile-backdrop.taro-button-core, taro-button-core.workspace-sidebar-mobile-backdrop, button.workspace-sidebar-mobile-backdrop {
  background: var(--site-color-page-bg, var(--app-bg)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--site-color-page-bg, var(--app-bg)) 35%, transparent ) !important;
  }
}
.workspace-sidebar-preview-gradient, .workspace-sidebar-preview-gradient.taro-view-core, taro-view-core.workspace-sidebar-preview-gradient {
  background: linear-gradient( to top, var(--site-color-text, var(--ink)), transparent ) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( to top, color-mix(in srgb, var(--site-color-text, var(--ink)) 86%, transparent), transparent ) !important;
  }
}
.workspace-sidebar-preview-play, .workspace-sidebar-preview-play.taro-view-core, taro-view-core.workspace-sidebar-preview-play {
  border-color: var(--site-color-on-primary, white) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--site-color-on-primary, white) 20%, transparent) !important;
  }
  background: var(--site-color-text, var(--ink)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--site-color-text, var(--ink)) 44%, transparent) !important;
  }
  color: var(--site-color-on-primary, white) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--site-color-on-primary, white) 82%, transparent) !important;
  }
}
.showcase-lightbox-close-button, .showcase-lightbox-close-button.taro-button-core, taro-button-core.showcase-lightbox-close-button, button.showcase-lightbox-close-button {
  background: var(--site-color-surface-well, var(--glass-well)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--site-color-surface-well, var(--glass-well)) 74%, transparent ) !important;
  }
  color: var(--site-color-text, var(--ink)) !important;
}
@media (max-width: 767px) {
  .workflow-lightbox-image, .workflow-lightbox-image.taro-image-core, taro-image-core.workflow-lightbox-image {
    height: 72vh !important;
    min-height: 14rem !important;
    max-height: 72vh !important;
  }
  .workflow-lightbox-image img, taro-image-core.workflow-lightbox-image img {
    max-height: 72vh !important;
  }
  .workspace-page-root {
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }
  .workspace-page-body {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden !important;
  }
  .workspace-content-area {
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 0;
    overflow: hidden !important;
  }
  .workflow-shell-frame {
    position: relative !important;
    inset: auto !important;
    height: 100% !important;
    min-height: 0;
    overflow: hidden !important;
    border-radius: 24px;
  }
  .workflow-shell-body, .workflow-shell-main {
    display: flex;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .workflow-shell-scroll {
    display: block;
    height: auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .workflow-shell-content {
    min-height: 100%;
    padding-bottom: 7rem;
  }
  .workflow-header-actions {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
  }
  .workflow-header-actions .workflow-secondary-button, .workflow-header-actions .workflow-primary-button {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
  }
  .workflow-action-bar {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(4.75rem, 0.72fr) minmax(5.75rem, 1fr) minmax(8.5rem, 1.35fr);
    align-items: stretch;
    gap: 0.75rem;
    border-radius: 0 0 24px 24px;
    background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong));
  }
  .workflow-action-reset-slot {
    display: flex;
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
    justify-content: stretch;
  }
  .workflow-action-controls {
    display: contents;
  }
  .workflow-billing-points {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: end;
    min-height: 1.25rem;
    font-size: 0.75rem;
  }
  .workflow-action-primary, .workflow-action-secondary {
    width: 100%;
    min-width: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-size: 0.8125rem;
  }
  .workflow-action-secondary {
    grid-column: 2;
    grid-row: 2;
  }
  .workflow-action-primary {
    grid-column: 3;
    grid-row: 2;
  }
  .workflow-action-reset {
    width: 100%;
    min-width: 5rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-size: 0.8125rem;
  }
  .workspace-task-fab {
    right: 1rem !important;
    bottom: calc(7rem + env(safe-area-inset-bottom, 0px)) !important;
  }
  .workflow-result-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media (max-width: 1023px) {
  .workflow-image-edit-dialog-expanded, .workflow-image-edit-dialog-expanded.taro-view-core, taro-view-core.workflow-image-edit-dialog-expanded {
    width: min(40rem, calc(100vw - 2rem)) !important;
    max-width: min(40rem, calc(100vw - 2rem)) !important;
  }
  .image-edit-form-controls-expanded, .image-edit-form-controls-expanded.taro-view-core, taro-view-core.image-edit-form-controls-expanded {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
}
@media (max-width: 767px) {
  .workflow-step-heading, .workflow-step-heading.taro-view-core, taro-view-core.workflow-step-heading, .workflow-result-panel-header, .workflow-result-panel-header.taro-view-core, taro-view-core.workflow-result-panel-header {
    grid-template-columns: 1fr;
  }
  .workflow-step-heading-actions, .workflow-step-heading-actions.taro-view-core, taro-view-core.workflow-step-heading-actions {
    justify-content: flex-start;
    max-width: none;
  }
  .workflow-step-heading-title, .workflow-step-heading-title.taro-text-core, taro-text-core.workflow-step-heading-title {
    white-space: normal;
  }
  .workflow-step-heading-meta, .workflow-step-heading-meta.taro-text-core, taro-text-core.workflow-step-heading-meta {
    white-space: normal;
  }
  .workflow-result-panel-copy, .workflow-result-panel-copy.taro-text-core, taro-text-core.workflow-result-panel-copy {
    white-space: normal;
  }
  .workflow-action-bar {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(4.75rem, 0.72fr) minmax(5.75rem, 1fr) minmax(8.5rem, 1.35fr);
    align-items: stretch;
    gap: 0.75rem;
    border-radius: 0 0 24px 24px;
    background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong));
  }
  .workflow-action-reset-slot {
    display: flex;
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
    justify-content: stretch;
  }
  .workflow-action-controls {
    display: contents;
  }
  .workflow-billing-points {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: end;
    min-height: 1.25rem;
    font-size: 0.75rem;
  }
  .workflow-action-primary, .workflow-action-secondary {
    width: 100%;
    min-width: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-size: 0.8125rem;
  }
  .workflow-action-secondary {
    grid-column: 2;
    grid-row: 2;
  }
  .workflow-action-primary {
    grid-column: 3;
    grid-row: 2;
  }
  .workflow-action-reset {
    width: 100%;
    min-width: 5rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-size: 0.8125rem;
  }
}
@media (max-width: 420px) {
  .workflow-result-actions {
    grid-template-columns: 1fr !important;
  }
  .workflow-result-actions .col-span-2 {
    grid-column: auto / auto;
  }
}
.glass-field {
  background: var(--workflow-color-surface-well, var(--glass-well)) !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  box-shadow: inset 0 1px 0 var(--glass-edge);
}
.workflow-form-control {
  min-height: 2.75rem !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
  color: var(--workflow-color-text, var(--ink)) !important;
}
.workflow-form-input, .workflow-form-input.taro-input-core, taro-input-core.workflow-form-input, .workflow-form-input input, .workflow-form-input .weui-input, taro-input-core.workflow-form-input input, taro-input-core.workflow-form-input .weui-input {
  min-height: 2.75rem !important;
}
.workflow-form-textarea, .workflow-form-textarea.taro-textarea-core, taro-textarea-core.workflow-form-textarea, .workflow-form-textarea textarea, .workflow-form-textarea .taro-textarea, taro-textarea-core.workflow-form-textarea textarea, taro-textarea-core.workflow-form-textarea .taro-textarea {
  min-height: 9rem !important;
}
.workflow-form-control-disabled, .workflow-form-control[disabled], .workflow-form-control.taro-input-core[disabled], .workflow-form-control.taro-textarea-core[disabled] {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-muted, var(--surface-muted)) !important;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
  opacity: 1 !important;
}
.workflow-form-control[disabled] input, .workflow-form-control[disabled] textarea, .workflow-form-control-disabled text, .workflow-form-control-disabled taro-text-core {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.media-frame {
  background: var(--workflow-color-surface-well, var(--glass-well));
  border: 1px solid var(--workflow-color-border, var(--line));
  box-shadow: inset 0 1px 0 var(--glass-edge), var(--workflow-shadow-soft, 0 10px 24px oklch(0 0 0 / 0.08));
}
.sidebar-scrollbar-hidden {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sidebar-scrollbar-hidden::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.workspace-sidebar-shell {
  height: calc(100vh - 1.5rem);
}
.workspace-sidebar-panel {
  width: 100% !important;
  min-width: 0 !important;
  border-radius: 1.5rem;
}
.workspace-sidebar-shell taro-button-core, .workspace-sidebar-shell button {
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.workspace-sidebar-item, .workspace-sidebar-item.taro-button-core, taro-button-core.workspace-sidebar-item, button.workspace-sidebar-item {
  min-height: 48px !important;
}
.workspace-sidebar-item-collapsed, .workspace-sidebar-item-collapsed.taro-button-core, taro-button-core.workspace-sidebar-item-collapsed, button.workspace-sidebar-item-collapsed {
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.workspace-sidebar-item-icon, .workspace-sidebar-item-icon taro-image-core, .workspace-sidebar-item-icon img {
  width: 2rem !important;
  height: 2rem !important;
}
.workspace-sidebar-item-icon taro-image-core, .workspace-sidebar-item-icon img {
  width: 1.125rem !important;
  height: 1.125rem !important;
  max-width: 1.125rem !important;
  max-height: 1.125rem !important;
}
.upload-slot-trigger, .upload-slot-trigger.taro-button-core, taro-button-core.upload-slot-trigger, button.upload-slot-trigger {
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  line-height: 1.2 !important;
}
.multi-face-upload-button, .multi-face-upload-button.taro-button-core, taro-button-core.multi-face-upload-button, button.multi-face-upload-button, .multi-face-icon-button, .multi-face-icon-button.taro-button-core, taro-button-core.multi-face-icon-button, button.multi-face-icon-button {
  margin: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  line-height: 1.2 !important;
}
.upload-slot-trigger::before, .upload-slot-trigger::after, .multi-face-upload-button::before, .multi-face-upload-button::after, .multi-face-icon-button::before, .multi-face-icon-button::after {
  display: none !important;
}
.upload-remove-icon-button, .upload-remove-icon-button.taro-button-core, taro-button-core.upload-remove-icon-button, button.upload-remove-icon-button {
  padding: 0 !important;
}
.upload-remove-icon, .upload-remove-icon.taro-image-core, taro-image-core.upload-remove-icon, .upload-remove-icon img, taro-image-core.upload-remove-icon img {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  opacity: 1 !important;
}
.upload-slot-trigger, .upload-slot-trigger.taro-button-core, taro-button-core.upload-slot-trigger, button.upload-slot-trigger {
  background: transparent !important;
}
.multi-face-guide {
  position: relative;
  z-index: 0;
  isolation: isolate;
  overflow: hidden !important;
}
.multi-face-stage {
  position: relative;
  z-index: 0;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box !important;
}
.multi-face-card {
  width: 100%;
  box-sizing: border-box !important;
}
.multi-face-preview-image, .multi-face-preview-image.taro-image-core, taro-image-core.multi-face-preview-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0.25rem !important;
  box-sizing: border-box !important;
}
.multi-face-preview-image img, taro-image-core.multi-face-preview-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
.multi-face-remove-button, .multi-face-remove-button.taro-button-core, taro-button-core.multi-face-remove-button, button.multi-face-remove-button {
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 0 !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
}
.multi-face-remove-icon, .multi-face-remove-icon.taro-image-core, taro-image-core.multi-face-remove-icon, .multi-face-remove-icon img, taro-image-core.multi-face-remove-icon img {
  display: block !important;
  width: 1rem !important;
  min-width: 1rem !important;
  height: 1rem !important;
  min-height: 1rem !important;
  max-width: 1rem !important;
  max-height: 1rem !important;
  opacity: 1 !important;
}
.multi-face-center-wrap {
  display: none !important;
  max-width: 20.625rem !important;
}
.multi-face-upload-button, .multi-face-upload-button.taro-button-core, taro-button-core.multi-face-upload-button, button.multi-face-upload-button {
  display: flex !important;
  height: 2rem !important;
  min-height: 2rem !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}
.multi-face-upload-button text, .multi-face-upload-button taro-text-core, taro-button-core.multi-face-upload-button text, taro-button-core.multi-face-upload-button taro-text-core, button.multi-face-upload-button text, button.multi-face-upload-button taro-text-core {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
@media (min-width: 64rem) {
  .multi-face-stage {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 72rem !important;
    min-height: 47.5rem !important;
    height: 47.5rem !important;
  }
  .multi-face-center-wrap {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 20.625rem !important;
    max-width: 20.625rem !important;
    transform: translate(-50%, -50%) !important;
  }
  .multi-face-card {
    position: absolute !important;
    width: 11rem !important;
    min-width: 11rem !important;
    max-width: 11rem !important;
  }
  .multi-face-card-front {
    top: 0 !important;
    left: 4% !important;
    transform: none !important;
  }
  .multi-face-card-top {
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .multi-face-card-right {
    top: 0 !important;
    right: 4% !important;
    transform: none !important;
  }
  .multi-face-card-inside {
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
  }
  .multi-face-card-detail {
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
  }
  .multi-face-card-left {
    left: 5% !important;
    bottom: 0 !important;
    transform: none !important;
  }
  .multi-face-card-bottom {
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
  }
  .multi-face-card-back {
    right: 5% !important;
    bottom: 0 !important;
    transform: none !important;
  }
}
.next-model-selection-trigger, .next-model-selection-trigger.taro-button-core, taro-button-core.next-model-selection-trigger, button.next-model-selection-trigger, .next-model-option, .next-model-option.taro-button-core, taro-button-core.next-model-option, button.next-model-option {
  margin: 0 !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}
.next-model-selection-trigger, .next-model-selection-trigger.taro-button-core, taro-button-core.next-model-selection-trigger, button.next-model-selection-trigger {
  border: 0 !important;
  background: transparent !important;
}
.workflow-progress-step-button, .workflow-progress-step-button.taro-button-core, taro-button-core.workflow-progress-step-button, button.workflow-progress-step-button, .workflow-choice-button, .workflow-choice-button.taro-button-core, taro-button-core.workflow-choice-button, button.workflow-choice-button {
  margin: 0 !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}
.workflow-checkbox-button, .workflow-checkbox-button.taro-button-core, taro-button-core.workflow-checkbox-button, button.workflow-checkbox-button, .workflow-stepper-button, .workflow-stepper-button.taro-button-core, taro-button-core.workflow-stepper-button, button.workflow-stepper-button {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}
.workflow-checkbox-mark {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.workflow-checklist-list {
  display: block !important;
}
.workflow-checklist-card {
  overflow: hidden !important;
}
.workflow-stepper-input, .workflow-stepper-input.taro-input-core, taro-input-core.workflow-stepper-input {
  width: 2.25rem !important;
  min-height: 2.75rem !important;
  height: 2.75rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
}
.workflow-stepper-input input, .workflow-stepper-input .weui-input, taro-input-core.workflow-stepper-input input, taro-input-core.workflow-stepper-input .weui-input {
  width: 100% !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
  font-size: 0.875rem !important;
  font-weight: 900 !important;
  color: var(--workflow-color-text, var(--ink)) !important;
}
.workflow-checklist-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
}
.workflow-checklist-row-with-slot {
  grid-template-columns: minmax(0, 1fr) auto;
}
.workflow-checklist-trigger, .workflow-checklist-trigger.taro-button-core, taro-button-core.workflow-checklist-trigger, button.workflow-checklist-trigger {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.75rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  color: inherit !important;
  text-align: left !important;
}
.workflow-stepper-button, .workflow-stepper-button.taro-button-core, taro-button-core.workflow-stepper-button, button.workflow-stepper-button {
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
}
.workflow-checklist-trigger::after, .workflow-checklist-trigger.taro-button-core::after, taro-button-core.workflow-checklist-trigger::after, button.workflow-checklist-trigger::after {
  border: 0 !important;
}
.workflow-checklist-slot {
  min-width: 6.75rem !important;
}
.workflow-stepper {
  min-height: 2.5rem !important;
}
.workflow-stepper-button, .workflow-stepper-button.taro-button-core, taro-button-core.workflow-stepper-button, button.workflow-stepper-button {
  width: 2rem !important;
  height: 2rem !important;
}
.workflow-stepper-button::after, .workflow-stepper-button.taro-button-core::after, taro-button-core.workflow-stepper-button::after, button.workflow-stepper-button::after {
  border: 0 !important;
}
@media (max-width: 640px) {
  .workflow-checklist-row-with-slot {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .workflow-checklist-slot {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }
  .workflow-checklist-slot.invisible {
    display: none !important;
  }
}
.workflow-progress-step-button, .workflow-progress-step-button.taro-button-core, taro-button-core.workflow-progress-step-button, button.workflow-progress-step-button {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  column-gap: 1rem !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
}
.workflow-progress-step-segment, .workflow-progress-step-segment.taro-view-core, taro-view-core.workflow-progress-step-segment {
  top: 2rem;
  bottom: -2rem;
  left: calc(1rem - 0.0625rem);
  z-index: 0;
  width: 0.125rem;
  border-radius: 999px;
  pointer-events: none;
  background: var(--workflow-color-border, var(--line));
}
.workflow-progress-step-segment-completed, .workflow-progress-step-segment-completed.taro-view-core, taro-view-core.workflow-progress-step-segment-completed {
  background: var(--workflow-color-primary, var(--brand));
  box-shadow: 0 0 10px var(--workflow-color-primary-glow, var(--brand-glow));
}
.progress-step-marker {
  position: relative;
  z-index: 1;
  background: var(--workflow-color-surface, var(--surface));
  box-shadow: 0 0 0 4px var(--workflow-color-surface, var(--surface));
}
.progress-step-marker-active {
  border: 2px solid var(--workflow-color-primary, var(--brand)) !important;
  outline: 1px solid var(--workflow-color-primary, var(--brand));
  @supports (color: color-mix(in lab, red, red)) {
    outline: 1px solid color-mix(in oklch, var(--workflow-color-primary, var(--brand)) 18%, transparent);
  }
  outline-offset: 0;
  scale: 1.16 !important;
  box-shadow: 0 0 0 4px var(--workflow-color-surface, var(--surface)), 0 0 0 1px var(--workflow-color-primary-line, var(--brand-line)), 0 0 12px var(--workflow-color-primary-glow, var(--brand-glow));
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.task-drawer-panel {
  width: min(26.25rem, calc(100vw - 1.5rem));
}
.task-drawer-task-card, .task-drawer-task-card.taro-view-core, taro-view-core.task-drawer-task-card {
  min-width: 0;
}
.task-drawer-item-inner, .task-drawer-item-inner.taro-view-core, taro-view-core.task-drawer-item-inner {
  display: grid !important;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  min-width: 0;
}
.task-drawer-thumb, .task-drawer-thumb.taro-view-core, taro-view-core.task-drawer-thumb {
  grid-column: 1;
  width: 4rem !important;
  height: 4rem !important;
}
.task-drawer-content, .task-drawer-content.taro-view-core, taro-view-core.task-drawer-content {
  grid-column: 2;
  min-width: 0;
  overflow: hidden;
}
.task-drawer-title-row, .task-drawer-title-row.taro-view-core, taro-view-core.task-drawer-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 2rem;
  gap: 0.5rem;
  align-items: center;
  min-width: 0;
}
.task-drawer-title, .task-drawer-title.taro-text-core, taro-text-core.task-drawer-title {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-drawer-editing-row, .task-drawer-editing-row.taro-view-core, taro-view-core.task-drawer-editing-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 2rem 2rem;
  gap: 0.5rem;
  align-items: center;
  min-width: 0;
}
.task-drawer-name-input, .task-drawer-name-input.taro-input-core, taro-input-core.task-drawer-name-input {
  min-width: 0 !important;
  border-color: var(--line) !important;
  background: var(--surface-glass-strong) !important;
  color: var(--ink) !important;
  line-height: 1.25 !important;
}
.task-drawer-name-action-button, .task-drawer-name-action-button.taro-button-core, taro-button-core.task-drawer-name-action-button, button.task-drawer-name-action-button {
  display: flex !important;
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--line) !important;
  background: var(--surface-glass-strong) !important;
  box-shadow: inset 0 1px 0 var(--glass-edge);
  line-height: 1 !important;
  opacity: 1 !important;
}
.task-drawer-name-save-button, .task-drawer-name-save-button.taro-button-core, taro-button-core.task-drawer-name-save-button, button.task-drawer-name-save-button {
  border-color: var(--site-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--site-color-success, var(--success)) 32%, var(--line) ) !important;
  }
  background: var(--site-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--site-color-success, var(--success)) 12%, var(--surface-glass-strong) ) !important;
  }
}
.task-drawer-name-cancel-button, .task-drawer-name-cancel-button.taro-button-core, taro-button-core.task-drawer-name-cancel-button, button.task-drawer-name-cancel-button {
  border-color: var(--line) !important;
}
.task-drawer-name-action-icon, .task-drawer-name-action-icon.taro-image-core, taro-image-core.task-drawer-name-action-icon, .task-drawer-name-action-icon img, taro-image-core.task-drawer-name-action-icon img {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  opacity: 1 !important;
}
.task-drawer-header, .task-drawer-header.taro-view-core, taro-view-core.task-drawer-header {
  gap: 0.75rem;
}
.task-drawer-close-button, .task-drawer-close-button.taro-button-core, taro-button-core.task-drawer-close-button, button.task-drawer-close-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 2.25rem !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.task-drawer-edit-button, .task-drawer-edit-button.taro-button-core, taro-button-core.task-drawer-edit-button, button.task-drawer-edit-button {
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  line-height: 1 !important;
}
.task-drawer-edit-icon, .task-drawer-edit-icon.taro-image-core, taro-image-core.task-drawer-edit-icon, .task-drawer-edit-icon img, taro-image-core.task-drawer-edit-icon img {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  opacity: 1 !important;
}
.task-drawer-progress-block, .task-drawer-progress-block.taro-view-core, taro-view-core.task-drawer-progress-block {
  min-width: 0;
  overflow: hidden;
}
.task-drawer-progress-row, .task-drawer-progress-row.taro-view-core, taro-view-core.task-drawer-progress-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.5rem;
  align-items: center;
  min-width: 0;
}
.task-drawer-progress-label, .task-drawer-progress-label.taro-view-core, taro-view-core.task-drawer-progress-label {
  min-width: 0;
  overflow: hidden;
}
.task-drawer-progress-status, .task-drawer-progress-status.taro-text-core, taro-text-core.task-drawer-progress-status, .task-drawer-progress-percent, .task-drawer-progress-percent.taro-text-core, taro-text-core.task-drawer-progress-percent {
  display: block;
  font-size: 0.8125rem !important;
  line-height: 1.25rem !important;
  white-space: nowrap;
}
.task-drawer-meta-row, .task-drawer-meta-row.taro-view-core, taro-view-core.task-drawer-meta-row {
  display: grid !important;
  grid-template-columns: minmax(4.25rem, auto) minmax(0, 1fr);
  gap: 0.5rem;
  align-items: center;
  font-size: 0.78125rem !important;
  line-height: 1.25rem !important;
  min-width: 0;
}
.task-drawer-meta-text, .task-drawer-meta-text.taro-text-core, taro-text-core.task-drawer-meta-text, .task-drawer-time, .task-drawer-time.taro-text-core, taro-text-core.task-drawer-time {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.8125rem !important;
  line-height: 1.25rem !important;
  white-space: nowrap;
}
.task-drawer-time, .task-drawer-time.taro-text-core, taro-text-core.task-drawer-time {
  text-align: right;
}
.task-drawer-complete-row, .task-drawer-complete-row.taro-view-core, taro-view-core.task-drawer-complete-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.5rem;
  align-items: center;
  min-width: 0;
  font-size: 0.8125rem !important;
  line-height: 1.25rem !important;
}
.task-drawer-status-pill, .task-drawer-status-pill.taro-text-core, taro-text-core.task-drawer-status-pill {
  min-width: 2.5rem;
  text-align: center;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  padding: 0.125rem 0.5rem !important;
}
.task-drawer-footer {
  box-shadow: 0 -18px 36px var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 -18px 36px color-mix(in oklch, var(--surface) 72%, transparent);
  }
}
.task-drawer-return-button, .task-drawer-return-button.taro-button-core, taro-button-core.task-drawer-return-button, button.task-drawer-return-button {
  display: flex !important;
  min-height: 3.5rem !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.showcase-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 24.5rem));
  justify-content: start;
  gap: 1.25rem;
}
.site-hidden-page-host {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.site-state-page {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: clamp(2rem, 8vw, 6rem);
  color: var(--site-color-text);
  background: radial-gradient( circle at 50% 0, var(--site-color-primary), transparent 40rem ), var(--site-color-page-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient( circle at 50% 0, color-mix(in srgb, var(--site-color-primary) 18%, transparent), transparent 40rem ), var(--site-color-page-bg);
  }
}
.site-state-panel {
  display: flex;
  width: min(45rem, 100%);
  min-height: 20rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(2.75rem, 8vw, 4.5rem);
  border: 1px solid var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--site-color-primary) 32%, transparent);
  }
  border-radius: var(--site-radius-dialog);
  background: var(--site-color-card-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--site-color-card-bg) 92%, transparent);
  }
  text-align: center;
  box-shadow: 0 36px 96px var(--site-color-text, var(--ink));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 36px 96px color-mix(in srgb, var(--site-color-text, var(--ink)) 32%, transparent);
  }
}
.site-state-mark {
  width: clamp(4rem, 9vw, 5.5rem);
  height: clamp(4rem, 9vw, 5.5rem);
  margin: 0 auto 1.5rem;
  border-radius: 999px;
  background: var(--site-color-primary);
  box-shadow: 0 0 48px var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 48px color-mix(in srgb, var(--site-color-primary) 42%, transparent);
  }
}
.site-state-title {
  display: block;
  margin: 0;
  font-size: clamp(1.875rem, 5vw, 2.75rem);
  font-weight: 800;
  line-height: 1.16;
}
.site-state-description {
  display: block;
  max-width: 32.5rem;
  margin: 1.125rem auto 0;
  color: var(--site-color-text-muted);
  font-size: clamp(0.9375rem, 2.4vw, 1.125rem);
  line-height: 1.75;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: var(--line-strong);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--ink-3);
  border: 2px solid transparent;
  background-clip: content-box;
}
.arco-modal-content, .arco-drawer-content {
  color: var(--site-color-text, var(--ink));
}
.arco-input-wrapper, .arco-textarea-wrapper, .arco-select-view, .arco-picker {
  border: 1px solid var(--site-input-border);
  border-radius: 0.75rem;
  background: var(--site-input-bg);
  box-shadow: none;
  color: var(--site-input-text);
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.arco-input-wrapper:hover, .arco-textarea-wrapper:hover, .arco-select-view:hover, .arco-picker:hover {
  border-color: var(--site-color-border-strong, var(--line-strong));
  background: var(--site-button-secondary-hover-bg);
}
.arco-input-wrapper:focus-within, .arco-textarea-wrapper:focus-within, .arco-select-view:focus-within, .arco-picker:focus-within {
  border-color: var(--site-input-focus-border);
  background: var(--site-input-bg);
  box-shadow: 0 0 0 1px var(--site-color-primary, var(--brand));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--site-color-primary, var(--brand)) 12%, transparent);
  }
}
.arco-input-wrapper-disabled, .arco-textarea-wrapper-disabled, .arco-select-view-disabled, .arco-input-disabled, .arco-picker-disabled {
  background: var(--site-input-disabled-bg);
  border-color: var(--site-input-border);
  color: var(--site-button-disabled-text);
  opacity: 1;
}
.arco-input-wrapper-disabled .arco-input, .arco-textarea-wrapper-disabled .arco-textarea, .arco-select-view-disabled, .arco-picker-disabled .arco-picker-input {
  background: var(--site-input-disabled-bg);
  color: var(--site-button-disabled-text);
  -webkit-text-fill-color: var(--site-button-disabled-text);
}
.arco-textarea-wrapper-disabled .arco-textarea, .arco-textarea-wrapper-disabled .arco-textarea:hover, .arco-textarea-disabled, .arco-textarea-disabled:hover {
  background: var(--site-input-disabled-bg);
  border-color: var(--site-input-border);
  color: var(--site-button-disabled-text);
  -webkit-text-fill-color: var(--site-button-disabled-text);
}
.arco-input-wrapper .arco-input, .arco-textarea-wrapper .arco-textarea, .arco-select-view, .arco-picker-input {
  background: transparent;
  color: inherit;
}
.arco-input-wrapper .arco-input::placeholder, .arco-textarea-wrapper .arco-textarea::placeholder, .arco-picker-input::placeholder {
  color: var(--site-input-placeholder);
}
.arco-input-wrapper .arco-input-suffix, .arco-input-wrapper .arco-input-prefix, .arco-textarea-wrapper .arco-textarea-suffix {
  color: var(--site-color-text-secondary, var(--ink-2));
}
.animate-in {
  animation-duration: 180ms;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
.fade-in {
  animation-name: workflow-fade-in;
}
.zoom-in-95 {
  animation-name: workflow-fade-in, workflow-zoom-in-95;
}
.slide-in-from-right, .slide-in-from-right-8 {
  animation-name: workflow-fade-in, workflow-slide-in-from-right;
}
.slide-in-from-top-1 {
  animation-name: workflow-fade-in, workflow-slide-in-from-top;
}
.workflow-fade-in {
  animation: workflow-fade-in 180ms ease-out both;
}
@keyframes workflow-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes workflow-zoom-in-95 {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes workflow-slide-in-from-right {
  from {
    transform: translateX(2rem);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes workflow-slide-in-from-top {
  from {
    transform: translateY(-0.25rem);
  }
  to {
    transform: translateY(0);
  }
}
.workflow-ai-loading-card {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
}
.workflow-ai-chip {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 30%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--workflow-color-primary, var(--brand)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
}
.workflow-ai-progress {
  background: var(--workflow-color-border, var(--line)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--workflow-color-border, var(--line)) 68%, transparent ) !important;
  }
}
.workflow-ai-progress span {
  display: block;
  width: 66.666%;
  height: 100%;
  border-radius: inherit;
  background: var(--workflow-color-primary, var(--brand));
}
.workflow-generation-placeholder-failed, .workflow-generation-placeholder-failed.taro-view-core, taro-view-core.workflow-generation-placeholder-failed {
  border-color: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 42%, var(--workflow-color-border, var(--line)) ) !important;
  }
  background: var(--workflow-color-danger, var(--danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-danger, var(--danger)) 8%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
}
.workflow-generation-placeholder-failed-icon, .workflow-generation-placeholder-failed-icon.taro-view-core, taro-view-core.workflow-generation-placeholder-failed-icon {
  border-color: var(--workflow-icon-danger-border) !important;
  background: var(--workflow-icon-danger-bg) !important;
}
taro-button-core + taro-button-core {
  margin-top: 0 !important;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}
:root {
  color-scheme: light;
  --app-bg: oklch(0.985 0.006 255);
  --app-bg-soft: oklch(0.945 0.012 255);
  --app-bg-deep: oklch(0.905 0.014 255);
  --surface: oklch(1 0 0);
  --surface-raised: oklch(0.996 0.004 255 / 0.74);
  --surface-glass: oklch(1 0 0 / 0.58);
  --surface-glass-strong: oklch(1 0 0 / 0.78);
  --surface-muted: oklch(0.955 0.008 255 / 0.74);
  --glass-panel: oklch(0.992 0.004 255 / 0.52);
  --glass-panel-strong: oklch(1 0 0 / 0.72);
  --glass-well: oklch(0.965 0.012 255 / 0.5);
  --glass-edge: oklch(1 0 0 / 0.78);
  --ink: oklch(0.17 0.014 255);
  --ink-2: oklch(0.34 0.018 255);
  --ink-3: oklch(0.47 0.016 255);
  --line: oklch(0.82 0.012 255 / 0.52);
  --line-strong: oklch(0.66 0.02 255 / 0.58);
  --brand: oklch(0.58 0.22 28);
  --brand-strong: oklch(0.51 0.24 28);
  --brand-soft: oklch(0.94 0.038 28 / 0.78);
  --brand-glow: oklch(0.68 0.22 28 / 0.3);
  --brand-glow-strong: oklch(0.62 0.24 28 / 0.46);
  --brand-line: oklch(0.63 0.22 28 / 0.42);
  --blue: oklch(0.56 0.17 250);
  --success: oklch(0.55 0.15 158);
  --danger: oklch(0.57 0.22 29);
  --shadow-soft: 0 10px 24px oklch(0.28 0.02 255 / 0.08);
  --shadow-float: 0 22px 56px oklch(0.26 0.024 255 / 0.13);
  --shadow-glass:
    inset 0 1px 0 var(--glass-edge), inset 0 -1px 0 oklch(0.7 0.012 255 / 0.12),
    0 18px 45px oklch(0.28 0.02 255 / 0.1);
  --shadow-halo:
    0 0 0 1px var(--brand-line), 0 0 24px var(--brand-glow), 0 12px 32px oklch(0.58 0.22 28 / 0.14);
  --blur-bg: blur(26px) saturate(1.45);
  --noise-opacity: 0.035;
  --site-button-danger-bg: var(--site-color-danger);
  --site-button-danger-border: var(--site-color-danger-line);
  --site-button-danger-hover-bg: var(--site-color-danger);
  --site-button-danger-text: var(--site-color-text-inverse);
  --site-button-disabled-bg: var(--site-color-surface-muted);
  --site-button-disabled-border: var(--site-color-border);
  --site-button-disabled-text: var(--site-color-text-muted);
  --site-button-ghost-hover-bg: var(--site-color-primary-soft);
  --site-button-ghost-text: var(--site-color-text-secondary);
  --site-button-primary-bg: var(--site-color-primary);
  --site-button-primary-border: var(--site-color-primary-line);
  --site-button-primary-hover-bg: var(--site-color-primary-hover);
  --site-button-primary-pressed-bg: var(--site-color-primary-pressed);
  --site-button-primary-text: var(--site-color-on-primary);
  --site-button-secondary-bg: var(--site-color-surface-glass);
  --site-button-secondary-border: var(--site-color-border);
  --site-button-secondary-hover-bg: var(--site-color-surface-muted);
  --site-button-secondary-text: var(--site-color-text-secondary);
  --site-color-border: var(--line);
  --site-color-border-strong: var(--line-strong);
  --site-color-card-bg: var(--surface-glass);
  --site-color-danger: var(--danger);
  --site-color-danger-line: color-mix(in srgb, var(--site-color-danger) 42%, transparent);
  --site-color-danger-soft: color-mix(in srgb, var(--site-color-danger) 12%, transparent);
  --site-color-error: var(--site-color-danger, var(--danger));
  --site-color-info: var(--blue);
  --site-color-info-line: color-mix(in srgb, var(--site-color-info) 42%, transparent);
  --site-color-info-soft: color-mix(in srgb, var(--site-color-info) 12%, transparent);
  --site-color-page-bg: var(--app-bg);
  --site-color-page-bg-deep: var(--app-bg-deep);
  --site-color-page-bg-soft: var(--app-bg-soft);
  --site-color-primary: var(--brand);
  --site-color-primary-glow: color-mix(in srgb, var(--site-color-primary) 34%, transparent);
  --site-color-primary-hover: var(--site-color-primary);
  --site-color-primary-line: color-mix(in srgb, var(--site-color-primary) 52%, transparent);
  --site-color-primary-pressed: color-mix(in srgb, var(--site-color-primary) 86%, black);
  --site-color-primary-soft: color-mix(in srgb, var(--site-color-primary) 14%, transparent);
  --site-color-on-primary: white;
  --site-color-secondary: var(--surface-muted);
  --site-color-success: var(--success);
  --site-color-success-line: color-mix(in srgb, var(--site-color-success) 42%, transparent);
  --site-color-success-soft: color-mix(in srgb, var(--site-color-success) 12%, transparent);
  --site-color-surface: var(--surface);
  --site-color-surface-glass: var(--surface-glass);
  --site-color-surface-glass-strong: var(--surface-glass-strong);
  --site-color-surface-muted: var(--surface-muted);
  --site-color-surface-raised: var(--surface-raised);
  --site-color-surface-well: var(--glass-well);
  --site-color-text: var(--ink);
  --site-color-text-inverse: white;
  --site-color-text-secondary: var(--ink-2);
  --site-color-text-muted: var(--ink-3);
  --site-color-warning: #f59e0b;
  --site-color-warning-line: color-mix(in srgb, var(--site-color-warning) 42%, transparent);
  --site-color-warning-soft: color-mix(in srgb, var(--site-color-warning) 12%, transparent);
  --site-empty-color: var(--site-color-text-muted);
  --site-error-bg: var(--site-color-danger-soft);
  --site-error-color: var(--site-color-danger);
  --site-font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --site-brand-text: var(--site-color-primary);
  --site-icon-danger-bg: var(--site-color-danger-soft);
  --site-icon-danger-border: var(--site-color-danger-line);
  --site-icon-danger-text: var(--site-color-danger);
  --site-icon-info-bg: var(--site-color-info-soft);
  --site-icon-info-border: var(--site-color-info-line);
  --site-icon-info-text: var(--site-color-info);
  --site-icon-primary-bg: var(--site-color-primary-soft);
  --site-icon-primary-border: var(--site-color-primary-line);
  --site-icon-primary-text: var(--site-color-primary);
  --site-icon-secondary-bg: var(--site-color-surface-muted);
  --site-icon-secondary-border: var(--site-color-border);
  --site-icon-secondary-text: var(--site-color-text-secondary);
  --site-icon-success-bg: var(--site-color-success-soft);
  --site-icon-success-border: var(--site-color-success-line);
  --site-icon-success-text: var(--site-color-success);
  --site-icon-warning-bg: var(--site-color-warning-soft);
  --site-icon-warning-border: var(--site-color-warning-line);
  --site-icon-warning-text: var(--site-color-warning);
  --site-input-bg: var(--site-color-surface);
  --site-input-border: var(--site-color-border);
  --site-input-disabled-bg: var(--site-color-surface-muted);
  --site-input-focus-border: var(--site-color-primary-line);
  --site-input-placeholder: var(--site-color-text-muted);
  --site-input-text: var(--site-color-text);
  --site-nav-active-bg: var(--site-color-primary);
  --site-nav-active-text: var(--site-color-on-primary);
  --site-nav-badge-bg: var(--site-color-primary);
  --site-nav-badge-text: var(--site-color-on-primary);
  --site-nav-bg: var(--site-color-surface-glass-strong);
  --site-nav-hover-bg: var(--site-color-primary-soft);
  --site-nav-text: var(--site-color-text-secondary);
  --site-overlay-backdrop: color-mix(in srgb, var(--site-color-text) 46%, transparent);
  --site-radius-button: 8px;
  --site-radius-card: 8px;
  --site-radius-dialog: var(--site-radius-modal, 16px);
  --site-radius-input: 10px;
  --site-radius-modal: 16px;
  --site-shadow-glass: var(--shadow-glass);
  --site-shadow-halo:
    0 0 0 1px var(--site-color-primary-line), 0 0 24px var(--site-color-primary-glow),
    0 12px 32px color-mix(in srgb, var(--site-color-primary) 14%, transparent);
  --site-shadow-soft: var(--shadow-soft);
  --site-space-component: 16px;
  --site-space-page: 24px;
  --site-tabbar-active-bg: var(--site-color-primary-soft);
  --site-tabbar-active-text: var(--site-color-primary);
  --site-tabbar-bg: var(--site-color-surface-glass-strong);
  --site-tabbar-text: var(--site-color-text-secondary);
  --site-task-button-bg: var(--site-color-surface-glass);
  --site-task-button-border: var(--site-color-border);
  --site-task-button-hover-text: var(--site-color-primary);
  --site-task-button-progress: var(--site-color-primary);
  --site-task-button-shadow: var(--site-shadow-halo);
  --site-task-button-text: var(--site-color-text-secondary);
  --site-tag-bg: var(--site-color-surface-muted);
  --site-tag-border: var(--site-color-border);
  --site-tag-text: var(--site-color-text-secondary);
  color: var(--ink);
  background: var(--app-bg);
  font-family: var(--site-font-family);
}

.workflow-step-sidebar {
  border-left: 1px solid var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass, var(--surface-glass));
  box-shadow: -12px 0 32px color-mix(in srgb, var(--site-color-text) 8%, transparent);
}

.workflow-step-heading-badge-amber,
.workflow-step-heading-badge-amber.taro-text-core,
taro-text-core.workflow-step-heading-badge-amber {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-warning, var(--site-color-warning)) 34%,
    transparent
  ) !important;
  color: var(--workflow-color-warning, var(--site-color-warning)) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-warning, var(--site-color-warning)) 12%,
    var(--workflow-color-surface-glass, var(--surface-glass))
  ) !important;
}

.workflow-step-heading-badge-sky,
.workflow-step-heading-badge-sky.taro-text-core,
taro-text-core.workflow-step-heading-badge-sky {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-info, var(--blue)) 38%,
    transparent
  ) !important;
  color: var(--workflow-color-info, var(--blue)) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-info, var(--blue)) 12%,
    var(--workflow-color-surface-glass, var(--surface-glass))
  ) !important;
}

.workflow-step-notice-warning,
.workflow-step-notice-warning.taro-view-core,
taro-view-core.workflow-step-notice-warning {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 28%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 9%,
    var(--workflow-color-surface-glass-strong, var(--surface-glass-strong))
  ) !important;
}

.workflow-step-notice-info,
.workflow-step-notice-info.taro-view-core,
taro-view-core.workflow-step-notice-info {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-info, var(--blue)) 30%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-info, var(--blue)) 9%,
    var(--workflow-color-surface-glass-strong, var(--surface-glass-strong))
  ) !important;
}

.workflow-step-notice-error,
.workflow-step-notice-error.taro-view-core,
taro-view-core.workflow-step-notice-error {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 34%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 10%,
    var(--workflow-color-surface-glass-strong, var(--surface-glass-strong))
  ) !important;
  color: var(--workflow-color-danger, var(--danger)) !important;
}

.site-status-success,
.site-status-success.taro-text-core,
.site-status-success.taro-view-core,
taro-text-core.site-status-success,
taro-view-core.site-status-success {
  border-color: color-mix(
    in oklch,
    var(--site-color-success, var(--success)) 34%,
    transparent
  ) !important;
  background: color-mix(
    in oklch,
    var(--site-color-success, var(--success)) 12%,
    var(--site-color-surface-glass, var(--surface-glass))
  ) !important;
  color: var(--site-color-success, var(--success)) !important;
}

.site-status-info,
.site-status-info.taro-text-core,
.site-status-info.taro-view-core,
taro-text-core.site-status-info,
taro-view-core.site-status-info {
  border-color: color-mix(
    in oklch,
    var(--site-color-info, var(--blue)) 34%,
    transparent
  ) !important;
  background: color-mix(
    in oklch,
    var(--site-color-info, var(--blue)) 12%,
    var(--site-color-surface-glass, var(--surface-glass))
  ) !important;
  color: var(--site-color-info, var(--blue)) !important;
}

.site-status-warning,
.site-status-warning.taro-text-core,
.site-status-warning.taro-view-core,
taro-text-core.site-status-warning,
taro-view-core.site-status-warning {
  border-color: color-mix(
    in oklch,
    var(--site-color-warning, var(--brand)) 36%,
    transparent
  ) !important;
  background: color-mix(
    in oklch,
    var(--site-color-warning, var(--brand)) 12%,
    var(--site-color-surface-glass, var(--surface-glass))
  ) !important;
  color: var(--site-color-warning, var(--brand)) !important;
}

.site-status-danger,
.site-status-danger.taro-text-core,
.site-status-danger.taro-view-core,
taro-text-core.site-status-danger,
taro-view-core.site-status-danger {
  border-color: color-mix(
    in oklch,
    var(--site-color-error, var(--danger)) 36%,
    transparent
  ) !important;
  background: color-mix(
    in oklch,
    var(--site-color-error, var(--danger)) 12%,
    var(--site-color-surface-glass, var(--surface-glass))
  ) !important;
  color: var(--site-color-error, var(--danger)) !important;
}

.cost-confirm-backdrop,
.cost-confirm-backdrop.taro-button-core,
taro-button-core.cost-confirm-backdrop,
button.cost-confirm-backdrop {
  background: color-mix(
    in srgb,
    var(--workflow-color-text, var(--ink)) 72%,
    transparent
  ) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.cost-confirm-panel,
.cost-confirm-panel.taro-view-core,
taro-view-core.cost-confirm-panel {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: linear-gradient(
    180deg,
    color-mix(
      in oklch,
      var(--workflow-color-primary, var(--brand)) 7%,
      var(--workflow-color-surface, var(--surface))
    ),
    var(--workflow-color-surface, var(--surface)) 62%
  ) !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  box-shadow:
    0 24px 64px color-mix(in srgb, var(--workflow-color-text, var(--ink)) 20%, transparent),
    0 0 0 1px color-mix(in srgb, var(--workflow-color-border, var(--line)) 70%, transparent) !important;
}

.cost-confirm-estimate,
.cost-confirm-estimate.taro-view-core,
taro-view-core.cost-confirm-estimate {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 9%,
    var(--workflow-color-surface-glass-strong, var(--surface-glass-strong))
  ) !important;
}

.cost-confirm-risk,
.cost-confirm-risk.taro-text-core,
taro-text-core.cost-confirm-risk {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 35%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-danger, var(--danger)) !important;
}

.cost-confirm-warning,
.cost-confirm-warning.taro-text-core,
taro-text-core.cost-confirm-warning {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-warning, var(--site-color-warning)) 35%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-warning, var(--site-color-warning)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-warning, var(--site-color-warning)) !important;
}

.workflow-plain-button:disabled,
.workflow-plain-button.taro-button-core:disabled,
taro-button-core.workflow-plain-button[disabled],
button.workflow-plain-button:disabled {
  color: color-mix(
    in srgb,
    var(--workflow-color-text-muted, var(--ink-3)) 58%,
    transparent
  ) !important;
}

.showcase-hero-scrim {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-color-text, var(--ink)) 10%, transparent) 0%,
      color-mix(in srgb, var(--site-color-text, var(--ink)) 20%, transparent) 38%,
      color-mix(in srgb, var(--site-color-text, var(--ink)) 82%, transparent) 100%
    ),
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--site-color-text, var(--ink)) 26%, transparent),
      transparent 42%,
      color-mix(in srgb, var(--site-color-text, var(--ink)) 20%, transparent)
    );
}

.showcase-hero-copy {
  max-width: min(48rem, calc(100% - 1rem));
  padding: 1rem 1.125rem;
  border: 1px solid color-mix(in srgb, var(--site-color-on-primary, white) 16%, transparent);
  border-radius: 1rem;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--site-color-text, var(--ink)) 72%, transparent),
      color-mix(in srgb, var(--site-color-text, var(--ink)) 38%, transparent)
    ),
    color-mix(in srgb, var(--site-color-page-bg, var(--app-bg)) 46%, transparent);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--site-color-on-primary, white) 12%, transparent),
    0 18px 48px color-mix(in srgb, var(--site-color-text, var(--ink)) 34%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.showcase-hero-title,
.showcase-hero-title.taro-text-core,
taro-text-core.showcase-hero-title {
  color: var(--site-color-on-primary, white) !important;
  text-shadow:
    0 1px 2px color-mix(in srgb, var(--site-color-text, var(--ink)) 95%, transparent),
    0 8px 24px color-mix(in srgb, var(--site-color-text, var(--ink)) 70%, transparent);
}

.showcase-hero-summary,
.showcase-hero-summary.taro-text-core,
taro-text-core.showcase-hero-summary {
  color: color-mix(in srgb, var(--site-color-on-primary, white) 90%, transparent) !important;
  text-shadow:
    0 1px 2px color-mix(in srgb, var(--site-color-text, var(--ink)) 90%, transparent),
    0 6px 18px color-mix(in srgb, var(--site-color-text, var(--ink)) 62%, transparent);
}

.showcase-file-preview {
  width: 100%;
  height: 8rem;
  min-height: 8rem;
  overflow: hidden;
  background: color-mix(in oklch, var(--surface-muted) 78%, transparent);
}

.workflow-generation-status-badge-success,
.workflow-generation-status-badge-success.taro-text-core,
taro-text-core.workflow-generation-status-badge-success {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-success, var(--success)) 30%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-success, var(--success)) 12%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-success, var(--success)) !important;
}

.workflow-generation-status-badge-danger,
.workflow-generation-status-badge-danger.taro-text-core,
taro-text-core.workflow-generation-status-badge-danger {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 30%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-danger, var(--danger)) !important;
}

.workflow-generation-status-badge-info,
.workflow-generation-status-badge-info.taro-text-core,
taro-text-core.workflow-generation-status-badge-info {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-info, var(--blue)) 30%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-info, var(--blue)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-info, var(--blue)) !important;
}

.workflow-status-badge-success,
.workflow-status-badge-success.taro-text-core,
taro-text-core.workflow-status-badge-success {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-success, var(--success)) 30%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-success, var(--success)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-success, var(--success)) !important;
}

.workflow-status-badge-danger,
.workflow-status-badge-danger.taro-text-core,
taro-text-core.workflow-status-badge-danger {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 30%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-danger, var(--danger)) !important;
}

.workflow-status-badge-info,
.workflow-status-badge-info.taro-text-core,
taro-text-core.workflow-status-badge-info {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-info, var(--blue)) 30%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-info, var(--blue)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-info, var(--blue)) !important;
}

.workflow-status-badge-warning,
.workflow-status-badge-warning.taro-text-core,
taro-text-core.workflow-status-badge-warning {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-warning, var(--brand)) 30%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-warning, var(--brand)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-warning, var(--brand)) !important;
}

.workflow-result-orientation-badge,
.workflow-result-orientation-badge.taro-text-core,
taro-text-core.workflow-result-orientation-badge {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 28%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 8%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
}

.workflow-lightbox-backdrop,
.workflow-lightbox-backdrop.taro-button-core,
taro-button-core.workflow-lightbox-backdrop,
button.workflow-lightbox-backdrop {
  margin: 0 !important;
  padding: 0 !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-page-deep, var(--app-bg-deep)) 78%,
    transparent
  ) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.image-edit-preview-overlay,
.image-edit-preview-overlay.taro-text-core,
taro-text-core.image-edit-preview-overlay {
  background: color-mix(
    in srgb,
    var(--workflow-color-text, var(--ink)) 45%,
    transparent
  ) !important;
}

.image-edit-success-note,
.image-edit-success-note.taro-view-core,
taro-view-core.image-edit-success-note {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-success, var(--success)) 28%,
    transparent
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-success, var(--success)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-success, var(--success)) !important;
}

.image-edit-reference-check,
.image-edit-reference-check.taro-text-core,
taro-text-core.image-edit-reference-check {
  border-color: color-mix(
    in srgb,
    var(--workflow-color-on-primary, white) 30%,
    transparent
  ) !important;
  background: color-mix(
    in srgb,
    var(--workflow-color-text, var(--ink)) 45%,
    transparent
  ) !important;
  color: transparent !important;
}

.image-edit-reference-caption,
.image-edit-reference-caption.taro-text-core,
taro-text-core.image-edit-reference-caption {
  background: color-mix(
    in srgb,
    var(--workflow-color-text, var(--ink)) 55%,
    transparent
  ) !important;
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
}

.markdown-editor-toolbar,
.markdown-editor-toolbar.taro-view-core,
taro-view-core.markdown-editor-toolbar {
  display: flex !important;
  align-items: center;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 3%,
    var(--workflow-color-surface-glass, var(--surface-glass))
  ) !important;
}

.markdown-editor-input,
.markdown-editor-input.taro-textarea-core,
taro-textarea-core.markdown-editor-input {
  display: block !important;
  flex: 1 1 auto !important;
  position: relative;
  z-index: 2;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 18rem !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 2%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  pointer-events: auto !important;
}

.markdown-editor-shell .bg-red-950\/10 {
  background: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 8%,
    transparent
  ) !important;
}

.workflow-generation-status-failed,
.workflow-generation-status-failed.taro-view-core,
taro-view-core.workflow-generation-status-failed {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 38%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 8%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
}

.workflow-processing-card,
.workflow-processing-card.taro-view-core,
taro-view-core.workflow-processing-card {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 26%,
    var(--workflow-color-border, var(--line))
  ) !important;
  box-shadow: 0 0 28px
    color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 12%, transparent);
}

.workflow-processing-progress-shell,
.workflow-processing-progress-shell.taro-view-core,
taro-view-core.workflow-processing-progress-shell {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: color-mix(
    in srgb,
    var(--workflow-color-surface-well, var(--glass-well)) 72%,
    transparent
  ) !important;
}

.workflow-transition-overlay,
.workflow-transition-overlay.taro-view-core,
taro-view-core.workflow-transition-overlay {
  background: color-mix(
    in srgb,
    var(--workflow-color-page-bg, var(--app-bg)) 78%,
    transparent
  ) !important;
}

.workflow-transition-panel,
.workflow-transition-panel.taro-view-core,
taro-view-core.workflow-transition-panel {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: color-mix(
    in srgb,
    var(--workflow-color-surface, var(--surface)) 96%,
    transparent
  ) !important;
}

.workflow-progress-line-active,
.workflow-progress-line-active.taro-view-core,
taro-view-core.workflow-progress-line-active {
  background: var(--workflow-color-primary, var(--brand)) !important;
  box-shadow: 0 0 10px
    color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 72%, transparent);
}

.workflow-progress-marker-active,
.workflow-progress-marker-active.taro-view-core,
taro-view-core.workflow-progress-marker-active {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
  box-shadow: 0 0 15px
    color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 48%, transparent);
}

.workflow-progress-mobile-step-active,
.workflow-progress-mobile-step-active.taro-button-core,
taro-button-core.workflow-progress-mobile-step-active,
button.workflow-progress-mobile-step-active {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
}

.workspace-sidebar-mobile-backdrop,
.workspace-sidebar-mobile-backdrop.taro-button-core,
taro-button-core.workspace-sidebar-mobile-backdrop,
button.workspace-sidebar-mobile-backdrop {
  background: color-mix(
    in srgb,
    var(--site-color-page-bg, var(--app-bg)) 35%,
    transparent
  ) !important;
}

.workspace-sidebar-preview-gradient,
.workspace-sidebar-preview-gradient.taro-view-core,
taro-view-core.workspace-sidebar-preview-gradient {
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--site-color-text, var(--ink)) 86%, transparent),
    transparent
  ) !important;
}

.workspace-sidebar-preview-play,
.workspace-sidebar-preview-play.taro-view-core,
taro-view-core.workspace-sidebar-preview-play {
  border-color: color-mix(in srgb, var(--site-color-on-primary, white) 20%, transparent) !important;
  background: color-mix(in srgb, var(--site-color-text, var(--ink)) 44%, transparent) !important;
  color: color-mix(in srgb, var(--site-color-on-primary, white) 82%, transparent) !important;
}

.showcase-lightbox-close-button,
.showcase-lightbox-close-button.taro-button-core,
taro-button-core.showcase-lightbox-close-button,
button.showcase-lightbox-close-button {
  background: color-mix(
    in srgb,
    var(--site-color-surface-well, var(--glass-well)) 74%,
    transparent
  ) !important;
  color: var(--site-color-text, var(--ink)) !important;
}

.progress-step-marker-active {
  border: 2px solid var(--workflow-color-primary, var(--brand)) !important;
  outline: 1px solid
    color-mix(in oklch, var(--workflow-color-primary, var(--brand)) 18%, transparent);
  outline-offset: 0;
  scale: 1.16 !important;
  box-shadow:
    0 0 0 4px var(--workflow-color-surface, var(--surface)),
    0 0 0 1px var(--workflow-color-primary-line, var(--brand-line)),
    0 0 12px var(--workflow-color-primary-glow, var(--brand-glow));
}

.task-drawer-name-save-button,
.task-drawer-name-save-button.taro-button-core,
taro-button-core.task-drawer-name-save-button,
button.task-drawer-name-save-button {
  border-color: color-mix(
    in oklch,
    var(--site-color-success, var(--success)) 32%,
    var(--line)
  ) !important;
  background: color-mix(
    in oklch,
    var(--site-color-success, var(--success)) 12%,
    var(--surface-glass-strong)
  ) !important;
}

.task-drawer-footer {
  box-shadow: 0 -18px 36px color-mix(in oklch, var(--surface) 72%, transparent);
}

.site-state-page {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: clamp(2rem, 8vw, 6rem);
  color: var(--site-color-text);
  background:
    radial-gradient(
      circle at 50% 0,
      color-mix(in srgb, var(--site-color-primary) 18%, transparent),
      transparent 40rem
    ),
    var(--site-color-page-bg);
}

.site-state-panel {
  display: flex;
  width: min(45rem, 100%);
  min-height: 20rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(2.75rem, 8vw, 4.5rem);
  border: 1px solid color-mix(in srgb, var(--site-color-primary) 32%, transparent);
  border-radius: var(--site-radius-dialog);
  background: color-mix(in srgb, var(--site-color-card-bg) 92%, transparent);
  text-align: center;
  box-shadow: 0 36px 96px color-mix(in srgb, var(--site-color-text, var(--ink)) 32%, transparent);
}

.site-state-mark {
  width: clamp(4rem, 9vw, 5.5rem);
  height: clamp(4rem, 9vw, 5.5rem);
  margin: 0 auto 1.5rem;
  border-radius: 999px;
  background: var(--site-color-primary);
  box-shadow: 0 0 48px color-mix(in srgb, var(--site-color-primary) 42%, transparent);
}

.arco-input-wrapper:focus-within,
.arco-textarea-wrapper:focus-within,
.arco-select-view:focus-within,
.arco-picker:focus-within {
  border-color: var(--site-input-focus-border);
  background: var(--site-input-bg);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--site-color-primary, var(--brand)) 12%, transparent);
}

.workflow-ai-chip {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 30%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in srgb,
    var(--workflow-color-primary, var(--brand)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
}

.workflow-ai-progress {
  background: color-mix(
    in srgb,
    var(--workflow-color-border, var(--line)) 68%,
    transparent
  ) !important;
}

.workflow-generation-placeholder-failed,
.workflow-generation-placeholder-failed.taro-view-core,
taro-view-core.workflow-generation-placeholder-failed {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 42%,
    var(--workflow-color-border, var(--line))
  ) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-danger, var(--danger)) 8%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
}
:root {
  color-scheme: light;
  --app-bg: oklch(0.985 0.006 255);
  --app-bg-soft: oklch(0.945 0.012 255);
  --app-bg-deep: oklch(0.905 0.014 255);
  --surface: oklch(1 0 0);
  --surface-raised: oklch(0.996 0.004 255 / 0.74);
  --surface-glass: oklch(1 0 0 / 0.58);
  --surface-glass-strong: oklch(1 0 0 / 0.78);
  --surface-muted: oklch(0.955 0.008 255 / 0.74);
  --glass-panel: oklch(0.992 0.004 255 / 0.52);
  --glass-panel-strong: oklch(1 0 0 / 0.72);
  --glass-well: oklch(0.965 0.012 255 / 0.5);
  --glass-edge: oklch(1 0 0 / 0.78);
  --ink: oklch(0.17 0.014 255);
  --ink-2: oklch(0.34 0.018 255);
  --ink-3: oklch(0.47 0.016 255);
  --line: oklch(0.82 0.012 255 / 0.52);
  --line-strong: oklch(0.66 0.02 255 / 0.58);
  --brand: oklch(0.58 0.22 28);
  --brand-strong: oklch(0.51 0.24 28);
  --brand-soft: oklch(0.94 0.038 28 / 0.78);
  --brand-glow: oklch(0.68 0.22 28 / 0.3);
  --brand-glow-strong: oklch(0.62 0.24 28 / 0.46);
  --brand-line: oklch(0.63 0.22 28 / 0.42);
  --blue: oklch(0.56 0.17 250);
  --success: oklch(0.55 0.15 158);
  --danger: oklch(0.57 0.22 29);
  --shadow-soft: 0 0.25rem 0.6rem oklch(0.28 0.02 255 / 0.08);
  --shadow-float: 0 0.55rem 1.4rem oklch(0.26 0.024 255 / 0.13);
  --shadow-glass: inset 0 0.025rem 0 var(--glass-edge), inset 0 -0.025rem 0 oklch(0.7 0.012 255 / 0.12),
    0 0.45rem 1.125rem oklch(0.28 0.02 255 / 0.1);
  --shadow-halo: 0 0 0 0.025rem var(--brand-line), 0 0 0.6rem var(--brand-glow), 0 0.3rem 0.8rem oklch(0.58 0.22 28 / 0.14);
  --blur-bg: blur(0.65rem) saturate(1.45);
  --noise-opacity: 0.035;
  --site-button-danger-bg: var(--site-color-danger);
  --site-button-danger-border: var(--site-color-danger-line);
  --site-button-danger-hover-bg: var(--site-color-danger);
  --site-button-danger-text: var(--site-color-text-inverse);
  --site-button-disabled-bg: var(--site-color-surface-muted);
  --site-button-disabled-border: var(--site-color-border);
  --site-button-disabled-text: var(--site-color-text-muted);
  --site-button-ghost-hover-bg: var(--site-color-primary-soft);
  --site-button-ghost-text: var(--site-color-text-secondary);
  --site-button-primary-bg: var(--site-color-primary);
  --site-button-primary-border: var(--site-color-primary-line);
  --site-button-primary-hover-bg: var(--site-color-primary-hover);
  --site-button-primary-pressed-bg: var(--site-color-primary-pressed);
  --site-button-primary-text: var(--site-color-on-primary);
  --site-button-secondary-bg: var(--site-color-surface-glass);
  --site-button-secondary-border: var(--site-color-border);
  --site-button-secondary-hover-bg: var(--site-color-surface-muted);
  --site-button-secondary-text: var(--site-color-text-secondary);
  --site-color-border: var(--line);
  --site-color-border-strong: var(--line-strong);
  --site-color-card-bg: var(--surface-glass);
  --site-color-danger: var(--danger);
  --site-color-danger-line: var(--site-color-danger);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-danger-line: color-mix(in srgb, var(--site-color-danger) 42%, transparent);
  }
  --site-color-danger-soft: var(--site-color-danger);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-danger-soft: color-mix(in srgb, var(--site-color-danger) 12%, transparent);
  }
  --site-color-error: var(--site-color-danger, var(--danger));
  --site-color-info: var(--blue);
  --site-color-info-line: var(--site-color-info);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-info-line: color-mix(in srgb, var(--site-color-info) 42%, transparent);
  }
  --site-color-info-soft: var(--site-color-info);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-info-soft: color-mix(in srgb, var(--site-color-info) 12%, transparent);
  }
  --site-color-page-bg: var(--app-bg);
  --site-color-page-bg-deep: var(--app-bg-deep);
  --site-color-page-bg-soft: var(--app-bg-soft);
  --site-color-primary: var(--brand);
  --site-color-primary-glow: var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-primary-glow: color-mix(in srgb, var(--site-color-primary) 34%, transparent);
  }
  --site-color-primary-hover: var(--site-color-primary);
  --site-color-primary-line: var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-primary-line: color-mix(in srgb, var(--site-color-primary) 52%, transparent);
  }
  --site-color-primary-pressed: var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-primary-pressed: color-mix(in srgb, var(--site-color-primary) 86%, black);
  }
  --site-color-primary-soft: var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-primary-soft: color-mix(in srgb, var(--site-color-primary) 14%, transparent);
  }
  --site-color-on-primary: white;
  --site-color-secondary: var(--surface-muted);
  --site-color-success: var(--success);
  --site-color-success-line: var(--site-color-success);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-success-line: color-mix(in srgb, var(--site-color-success) 42%, transparent);
  }
  --site-color-success-soft: var(--site-color-success);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-success-soft: color-mix(in srgb, var(--site-color-success) 12%, transparent);
  }
  --site-color-surface: var(--surface);
  --site-color-surface-glass: var(--surface-glass);
  --site-color-surface-glass-strong: var(--surface-glass-strong);
  --site-color-surface-muted: var(--surface-muted);
  --site-color-surface-raised: var(--surface-raised);
  --site-color-surface-well: var(--glass-well);
  --site-color-text: var(--ink);
  --site-color-text-inverse: white;
  --site-color-text-secondary: var(--ink-2);
  --site-color-text-muted: var(--ink-3);
  --site-color-warning: #f59e0b;
  --site-color-warning-line: var(--site-color-warning);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-warning-line: color-mix(in srgb, var(--site-color-warning) 42%, transparent);
  }
  --site-color-warning-soft: var(--site-color-warning);
  @supports (color: color-mix(in lab, red, red)) {
    --site-color-warning-soft: color-mix(in srgb, var(--site-color-warning) 12%, transparent);
  }
  --site-empty-color: var(--site-color-text-muted);
  --site-error-bg: var(--site-color-danger-soft);
  --site-error-color: var(--site-color-danger);
  --site-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --site-brand-text: var(--site-color-primary);
  --site-icon-danger-bg: var(--site-color-danger-soft);
  --site-icon-danger-border: var(--site-color-danger-line);
  --site-icon-danger-text: var(--site-color-danger);
  --site-icon-info-bg: var(--site-color-info-soft);
  --site-icon-info-border: var(--site-color-info-line);
  --site-icon-info-text: var(--site-color-info);
  --site-icon-primary-bg: var(--site-color-primary-soft);
  --site-icon-primary-border: var(--site-color-primary-line);
  --site-icon-primary-text: var(--site-color-primary);
  --site-icon-secondary-bg: var(--site-color-surface-muted);
  --site-icon-secondary-border: var(--site-color-border);
  --site-icon-secondary-text: var(--site-color-text-secondary);
  --site-icon-success-bg: var(--site-color-success-soft);
  --site-icon-success-border: var(--site-color-success-line);
  --site-icon-success-text: var(--site-color-success);
  --site-icon-warning-bg: var(--site-color-warning-soft);
  --site-icon-warning-border: var(--site-color-warning-line);
  --site-icon-warning-text: var(--site-color-warning);
  --site-input-bg: var(--site-color-surface);
  --site-input-border: var(--site-color-border);
  --site-input-disabled-bg: var(--site-color-surface-muted);
  --site-input-focus-border: var(--site-color-primary-line);
  --site-input-placeholder: var(--site-color-text-muted);
  --site-input-text: var(--site-color-text);
  --site-nav-active-bg: var(--site-color-primary);
  --site-nav-active-text: var(--site-color-on-primary);
  --site-nav-badge-bg: var(--site-color-primary);
  --site-nav-badge-text: var(--site-color-on-primary);
  --site-nav-bg: var(--site-color-surface-glass-strong);
  --site-nav-hover-bg: var(--site-color-primary-soft);
  --site-nav-text: var(--site-color-text-secondary);
  --site-overlay-backdrop: var(--site-color-text);
  @supports (color: color-mix(in lab, red, red)) {
    --site-overlay-backdrop: color-mix(in srgb, var(--site-color-text) 46%, transparent);
  }
  --site-radius-button: 0.2rem;
  --site-radius-card: 0.2rem;
  --site-radius-dialog: var(--site-radius-modal, 0.4rem);
  --site-radius-input: 0.25rem;
  --site-radius-modal: 0.4rem;
  --site-shadow-glass: var(--shadow-glass);
  --site-shadow-halo: 0 0 0 0.025rem var(--site-color-primary-line), 0 0 0.6rem var(--site-color-primary-glow),
    0 0.3rem 0.8rem var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --site-shadow-halo: 0 0 0 0.025rem var(--site-color-primary-line), 0 0 0.6rem var(--site-color-primary-glow),
    0 0.3rem 0.8rem color-mix(in srgb, var(--site-color-primary) 14%, transparent);
  }
  --site-shadow-soft: var(--shadow-soft);
  --site-space-component: 0.4rem;
  --site-space-page: 0.6rem;
  --site-tabbar-active-bg: var(--site-color-primary-soft);
  --site-tabbar-active-text: var(--site-color-primary);
  --site-tabbar-bg: var(--site-color-surface-glass-strong);
  --site-tabbar-text: var(--site-color-text-secondary);
  --site-task-button-bg: var(--site-color-surface-glass);
  --site-task-button-border: var(--site-color-border);
  --site-task-button-hover-text: var(--site-color-primary);
  --site-task-button-progress: var(--site-color-primary);
  --site-task-button-shadow: var(--site-shadow-halo);
  --site-task-button-text: var(--site-color-text-secondary);
  --site-tag-bg: var(--site-color-surface-muted);
  --site-tag-border: var(--site-color-border);
  --site-tag-text: var(--site-color-text-secondary);
  color: var(--ink);
  background: var(--app-bg);
  font-family: var(--site-font-family);
}
[data-theme="dark"], :root[data-theme="dark"] {
  color-scheme: dark;
  --app-bg: oklch(0.15 0.014 255);
  --app-bg-soft: oklch(0.2 0.018 255);
  --app-bg-deep: oklch(0.105 0.016 255);
  --surface: oklch(0.22 0.016 255);
  --surface-raised: oklch(0.26 0.018 255 / 0.74);
  --surface-glass: oklch(0.24 0.018 255 / 0.5);
  --surface-glass-strong: oklch(0.29 0.018 255 / 0.68);
  --surface-muted: oklch(0.3 0.018 255 / 0.58);
  --glass-panel: oklch(0.25 0.018 255 / 0.46);
  --glass-panel-strong: oklch(0.3 0.018 255 / 0.66);
  --glass-well: oklch(0.18 0.018 255 / 0.54);
  --glass-edge: oklch(0.92 0.004 255 / 0.16);
  --ink: oklch(0.96 0.004 255);
  --ink-2: oklch(0.78 0.008 255);
  --ink-3: oklch(0.63 0.01 255);
  --line: oklch(0.46 0.018 255 / 0.38);
  --line-strong: oklch(0.58 0.02 255 / 0.5);
  --brand: oklch(0.66 0.23 28);
  --brand-strong: oklch(0.73 0.21 28);
  --brand-soft: oklch(0.31 0.07 28 / 0.72);
  --brand-glow: oklch(0.65 0.24 28 / 0.34);
  --brand-glow-strong: oklch(0.67 0.24 28 / 0.54);
  --brand-line: oklch(0.68 0.23 28 / 0.52);
  --blue: oklch(0.72 0.14 250);
  --success: oklch(0.72 0.13 158);
  --danger: oklch(0.68 0.2 29);
  --shadow-soft: 0 0.25rem 0.7rem oklch(0 0 0 / 0.28);
  --shadow-float: 0 0.7rem 1.8rem oklch(0 0 0 / 0.42);
  --shadow-glass: inset 0 0.025rem 0 var(--glass-edge), inset 0 -0.025rem 0 oklch(0 0 0 / 0.24),
    0 0.6rem 1.65rem oklch(0 0 0 / 0.34);
  --shadow-halo: 0 0 0 0.025rem var(--brand-line), 0 0 0.75rem var(--brand-glow), 0 0.4rem 1.05rem oklch(0.28 0.16 28 / 0.26);
  --noise-opacity: 0.055;
}
body {
  margin: 0;
  min-width: 8rem;
  min-height: 100vh;
  background: var(--app-bg);
}
taro-button-core, taro-button-core {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  min-height: 0;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  text-decoration: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
taro-view-core, taro-text-core, taro-text-core {
  box-sizing: border-box;
}
taro-text-core, taro-text-core {
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  writing-mode: horizontal-tb;
}
taro-button-core taro-text-core, taro-button-core taro-text-core, taro-button-core taro-text-core, taro-button-core taro-text-core {
  white-space: inherit;
  word-break: inherit;
  overflow-wrap: inherit;
  writing-mode: horizontal-tb;
}
taro-button-core::after, taro-button-core::before, taro-button-core::before, taro-button-core::after {
  display: none;
}
taro-button-core + taro-button-core, taro-button-core + taro-button-core {
  margin-top: 0;
}
.auth-segment-tab, .auth-segment-tab.taro-button-core, .line-segment-tab, .line-segment-tab.taro-button-core, taro-button-core.auth-segment-tab, taro-button-core.line-segment-tab {
  border: 0 !important;
  border-bottom: 0.05rem solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.auth-segment-tab-active, .auth-segment-tab-active.taro-button-core, .line-segment-tab-active, .line-segment-tab-active.taro-button-core, taro-button-core.auth-segment-tab-active, taro-button-core.line-segment-tab-active {
  border-bottom-color: var(--site-tabbar-active-text) !important;
}
.auth-input-action, .auth-input-action.taro-button-core, taro-button-core.auth-input-action, taro-button-core.auth-input-action {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.app-brand-button, .app-brand-button.taro-button-core, taro-button-core.app-brand-button, taro-button-core.app-brand-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1;
  overflow: visible !important;
}
.auth-text-input, .auth-text-input.weui-input, taro-input-core.auth-text-input, taro-input-core.auth-text-input {
  display: flex !important;
  align-items: center !important;
  height: 1.1rem !important;
  min-height: 1.1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.1rem !important;
}
.auth-text-input .weui-input, .auth-text-input taro-input-core, taro-input-core.auth-text-input .weui-input {
  height: 1.1rem !important;
  min-height: 1.1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.1rem !important;
}
.auth-input-shell .auth-text-input, .auth-input-shell .weui-input, .auth-input-shell taro-input-core {
  height: 1.05rem !important;
  min-height: 1.05rem !important;
  line-height: 1.05rem !important;
}
taro-textarea-core taro-textarea-core, taro-textarea-core .taro-textarea, taro-textarea-core.taro-textarea {
  min-height: 2.4rem !important;
  height: 100% !important;
  line-height: 1.5 !important;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
taro-textarea-core.glass-field taro-textarea-core, taro-textarea-core.glass-field .taro-textarea, .glass-field.taro-textarea-core taro-textarea-core, .glass-field.taro-textarea-core .taro-textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 7.5rem !important;
  padding: 0.75rem !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  font-family: var(--site-font-family) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.5rem !important;
  resize: none;
}
taro-textarea-core.glass-field taro-textarea-core::-moz-placeholder, taro-textarea-core.glass-field .taro-textarea::-moz-placeholder, .glass-field.taro-textarea-core taro-textarea-core::-moz-placeholder, .glass-field.taro-textarea-core .taro-textarea::-moz-placeholder {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
taro-textarea-core.glass-field taro-textarea-core::placeholder, taro-textarea-core.glass-field .taro-textarea::placeholder, .glass-field.taro-textarea-core taro-textarea-core::placeholder, .glass-field.taro-textarea-core .taro-textarea::placeholder {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
taro-input-core::-moz-placeholder, taro-textarea-core::-moz-placeholder {
  color: var(--ink-3);
}
taro-input-core::placeholder, taro-textarea-core::placeholder {
  color: var(--ink-3);
}
.app-shell::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  opacity: var(--noise-opacity);
  background-image: linear-gradient(120deg, transparent 0 34%, oklch(1 0 0 / 0.5) 35%, transparent 36% 100%), radial-gradient(circle at 30% 20%, oklch(1 0 0 / 0.5) 0 0.025rem, transparent 0.025rem 100%);
  background-size: 6rem 6rem, 0.45rem 0.45rem;
}
.app-header {
  padding-top: env(safe-area-inset-top, 0rem);
}
.app-header-nav, .app-header-nav.halo-glass {
  min-height: 1.35rem;
}
.app-header-nav-logo, .app-header-nav-logo.taro-button-core, taro-button-core.app-header-nav-logo, taro-button-core.app-header-nav-logo, .app-header-nav-item, .app-header-nav-item.taro-button-core, taro-button-core.app-header-nav-item, taro-button-core.app-header-nav-item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 1rem !important;
  margin: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.app-header-nav-logo, .app-header-nav-logo.taro-button-core, taro-button-core.app-header-nav-logo, taro-button-core.app-header-nav-logo {
  gap: 0.2rem;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.app-header-nav-item, .app-header-nav-item.taro-button-core, taro-button-core.app-header-nav-item, taro-button-core.app-header-nav-item {
  border: 0 !important;
  background: transparent;
  box-shadow: none;
}
.app-header-nav-item:not(.app-header-nav-item-active), .app-header-nav-item.taro-button-core:not(.app-header-nav-item-active), taro-button-core.app-header-nav-item:not(.app-header-nav-item-active), taro-button-core.app-header-nav-item:not(.app-header-nav-item-active) {
  background: transparent !important;
  box-shadow: none !important;
}
.app-header-nav-item-active, .app-header-nav-item-active.taro-button-core, taro-button-core.app-header-nav-item-active, taro-button-core.app-header-nav-item-active {
  color: var(--site-nav-active-text) !important;
  background: var(--site-nav-active-bg) !important;
  box-shadow: var(--site-shadow-halo) !important;
}
.app-header-task-button, .app-header-task-button.taro-button-core, taro-button-core.app-header-task-button, taro-button-core.app-header-task-button {
  border: 0.025rem solid var(--site-task-button-border) !important;
  color: var(--site-task-button-text) !important;
  background: var(--site-task-button-bg) !important;
  box-shadow: var(--site-task-button-shadow) !important;
}
.app-header-task-button taro-text-core, .app-header-task-button taro-text-core {
  color: inherit !important;
}
.app-search-input, .app-search-input.taro-input-core, taro-input-core.app-search-input, taro-input-core.app-search-input {
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  padding: 0 1rem !important;
  line-height: 2.75rem !important;
}
.app-search-input taro-input-core, taro-input-core.app-search-input taro-input-core {
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  line-height: 2.75rem !important;
}
.app-search-submit-button, .app-search-submit-button.taro-button-core, taro-button-core.app-search-submit-button, taro-button-core.app-search-submit-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 5rem !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 1.125rem !important;
  border: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.app-search-submit-button taro-text-core, .app-search-submit-button taro-text-core, .app-search-submit-button .taro-text-core, taro-button-core.app-search-submit-button taro-text-core, taro-button-core.app-search-submit-button taro-text-core, taro-button-core.app-search-submit-button .taro-text-core {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
}
.app-user-menu-item, .app-user-menu-item.taro-button-core, taro-button-core.app-user-menu-item, taro-button-core.app-user-menu-item {
  min-height: 1.1rem !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.875rem !important;
  line-height: 1.25 !important;
}
.app-user-menu-item:hover, .app-user-menu-item.taro-button-core:hover, taro-button-core.app-user-menu-item:hover, taro-button-core.app-user-menu-item:hover {
  background: var(--surface-muted) !important;
}
.app-user-menu-item-danger:hover, .app-user-menu-item-danger.taro-button-core:hover, taro-button-core.app-user-menu-item-danger:hover, taro-button-core.app-user-menu-item-danger:hover {
  background: var(--brand-soft) !important;
}
.app-user-menu-item taro-text-core, .app-user-menu-item taro-text-core, .app-user-menu-item .taro-text-core, taro-button-core.app-user-menu-item taro-text-core, taro-button-core.app-user-menu-item taro-text-core, taro-button-core.app-user-menu-item .taro-text-core {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.app-user-menu-item svg, taro-button-core.app-user-menu-item svg, taro-button-core.app-user-menu-item svg {
  width: 0.5rem !important;
  height: 0.5rem !important;
  min-width: 0.5rem !important;
  min-height: 0.5rem !important;
  flex: 0 0 auto !important;
}
.app-user-menu-item taro-image-core, .app-user-menu-item img, taro-button-core.app-user-menu-item taro-image-core, taro-button-core.app-user-menu-item img {
  width: 0.5rem !important;
  height: 0.5rem !important;
  min-width: 0.5rem !important;
  min-height: 0.5rem !important;
}
.app-notification-mark-read-button, .app-notification-mark-read-button.taro-button-core, taro-button-core.app-notification-mark-read-button, taro-button-core.app-notification-mark-read-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 1.75rem !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 0.5rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.75rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.app-notification-item, .app-notification-item.taro-button-core, taro-button-core.app-notification-item, taro-button-core.app-notification-item {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1.4 !important;
}
.app-notification-item taro-text-core, .app-notification-item taro-text-core, .app-notification-item .taro-text-core, taro-button-core.app-notification-item taro-text-core, taro-button-core.app-notification-item taro-text-core, taro-button-core.app-notification-item .taro-text-core {
  line-height: inherit !important;
}
.messages-pager, .messages-pager.taro-view-core, taro-view-core.messages-pager {
  display: flex !important;
  min-height: 1.2rem !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 0.5rem 1rem !important;
}
.messages-pager-button, .messages-pager-button.taro-button-core, taro-button-core.messages-pager-button, taro-button-core.messages-pager-button {
  display: inline-flex !important;
  width: 0.8rem !important;
  min-width: 0.8rem !important;
  max-width: 0.8rem !important;
  height: 0.8rem !important;
  min-height: 0.8rem !important;
  max-height: 0.8rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
.messages-pager-button svg, taro-button-core.messages-pager-button svg, taro-button-core.messages-pager-button svg {
  display: block !important;
  width: 0.4rem !important;
  height: 0.4rem !important;
  min-width: 0.4rem !important;
  min-height: 0.4rem !important;
  flex: 0 0 auto !important;
}
.messages-mark-all-button, .messages-mark-all-button.taro-button-core, taro-button-core.messages-mark-all-button, taro-button-core.messages-mark-all-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  height: 1rem !important;
  min-height: 1rem !important;
  max-height: 1rem !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.messages-mark-all-button taro-text-core, .messages-mark-all-button taro-text-core, .messages-mark-all-button .taro-text-core, taro-button-core.messages-mark-all-button taro-text-core, taro-button-core.messages-mark-all-button taro-text-core, taro-button-core.messages-mark-all-button .taro-text-core {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.messages-mark-all-button svg, taro-button-core.messages-mark-all-button svg, taro-button-core.messages-mark-all-button svg {
  display: block !important;
  width: 0.4rem !important;
  height: 0.4rem !important;
  min-width: 0.4rem !important;
  min-height: 0.4rem !important;
  flex: 0 0 auto !important;
}
.messages-badge, .messages-badge.taro-text-core, taro-text-core.messages-badge {
  display: inline-flex !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  min-height: 1.375rem !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0.5rem !important;
  font-size: 0.75rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.point-inline-badge, .point-inline-badge.taro-text-core, taro-text-core.point-inline-badge {
  display: inline-flex !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  min-height: 1.375rem !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0.5rem !important;
  font-size: 0.75rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.showcase-header {
  padding-top: env(safe-area-inset-top, 0rem);
}
.showcase-brand-button, .showcase-brand-button.taro-button-core, taro-button-core.showcase-brand-button, taro-button-core.showcase-brand-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  width: auto !important;
  min-width: 0 !important;
  min-height: 1rem;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1;
  overflow: visible !important;
}
.showcase-primary-cta, .showcase-primary-cta.taro-button-core, taro-button-core.showcase-primary-cta, taro-button-core.showcase-primary-cta {
  border: 0.025rem solid var(--site-button-primary-border) !important;
  color: var(--site-button-primary-text) !important;
  background: radial-gradient(circle at 50% -30%, var(--site-color-primary-glow), transparent 54%), linear-gradient(180deg, var(--site-button-primary-pressed-bg), var(--site-button-primary-bg));
  box-shadow: var(--site-shadow-halo);
  line-height: 1;
}
.showcase-header-action, .showcase-header-action.taro-button-core, taro-button-core.showcase-header-action, taro-button-core.showcase-header-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto !important;
  height: 1rem !important;
  min-height: 1rem !important;
  margin: 0 !important;
  padding: 0 0.4rem !important;
  font-size: 0.35rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden;
}
.showcase-header-action svg {
  width: 0.5rem !important;
  height: 0.5rem !important;
  flex-shrink: 0;
}
.showcase-header-login-action, .showcase-header-login-action.taro-button-core, taro-button-core.showcase-header-login-action, taro-button-core.showcase-header-login-action, .showcase-header-user-primary-action, .showcase-header-user-primary-action.taro-button-core, taro-button-core.showcase-header-user-primary-action, taro-button-core.showcase-header-user-primary-action {
  display: inline-flex !important;
  min-width: 0 !important;
}
.showcase-header-secondary-action, .showcase-header-secondary-action.taro-button-core, taro-button-core.showcase-header-secondary-action, taro-button-core.showcase-header-secondary-action, .showcase-header-user-secondary-action, .showcase-header-user-secondary-action.taro-button-core, taro-button-core.showcase-header-user-secondary-action, taro-button-core.showcase-header-user-secondary-action {
  display: none !important;
  min-width: 0 !important;
}
@media (min-width: 640px) {
  .showcase-header-secondary-action, .showcase-header-secondary-action.taro-button-core, taro-button-core.showcase-header-secondary-action, taro-button-core.showcase-header-secondary-action, .showcase-header-user-secondary-action, .showcase-header-user-secondary-action.taro-button-core, taro-button-core.showcase-header-user-secondary-action, taro-button-core.showcase-header-user-secondary-action {
    display: inline-flex !important;
  }
}
.showcase-header-secondary-action, .showcase-header-secondary-action.taro-button-core, taro-button-core.showcase-header-secondary-action, taro-button-core.showcase-header-secondary-action, .showcase-header-user-secondary-action, .showcase-header-user-secondary-action.taro-button-core, taro-button-core.showcase-header-user-secondary-action, taro-button-core.showcase-header-user-secondary-action {
  border: 0.025rem solid var(--line) !important;
  color: var(--ink-2) !important;
  background: var(--surface-glass) !important;
  box-shadow: inset 0 0.025rem 0 var(--glass-edge);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.glass-surface {
  background: var(--surface-glass);
  border: 0.025rem solid var(--line);
  box-shadow: var(--shadow-glass);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.raised-surface {
  background: var(--surface-raised);
  border: 0.025rem solid var(--line);
  box-shadow: var(--shadow-glass), var(--shadow-float);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.halo-glass {
  background: linear-gradient(135deg, var(--surface-glass-strong), var(--glass-panel)), radial-gradient(circle at 12% 0%, var(--brand-glow) 0, transparent 18rem);
  background-blend-mode: screen, normal;
  border: 0.025rem solid var(--line);
  box-shadow: var(--shadow-glass);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.glass-button {
  background: var(--workflow-color-surface-glass, var(--surface-glass));
  border: 0.025rem solid var(--workflow-color-border, var(--line));
  box-shadow: inset 0 0.025rem 0 var(--glass-edge);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.app-close-button, .app-close-button.taro-button-core, taro-button-core.app-close-button, taro-button-core.app-close-button {
  overflow: hidden;
  line-height: 1;
}
.workflow-step-sidebar {
  border-left: 0.025rem solid var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass, var(--surface-glass));
  box-shadow: -0.3rem 0 0.8rem var(--site-color-text);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: -0.3rem 0 0.8rem color-mix(in srgb, var(--site-color-text) 8%, transparent);
  }
}
.workflow-wizard-header {
  border-bottom: 0.025rem solid var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong));
}
.workflow-header-icon {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
  align-items: center;
  justify-content: center;
  border: 0.025rem solid var(--workflow-color-primary-line, var(--brand-line));
  border-radius: 0.3rem;
  background: var(--workflow-color-primary-soft, var(--brand-soft));
}
.workflow-header-icon-glyph, .workflow-header-icon-glyph.taro-image-core, taro-image-core.workflow-header-icon-glyph, .workflow-header-icon > taro-image-core, .workflow-header-icon > img, .workflow-header-icon-glyph img, taro-image-core.workflow-header-icon-glyph img {
  display: block !important;
  width: 0.7rem !important;
  height: 0.7rem !important;
  min-width: 0.7rem !important;
  min-height: 0.7rem !important;
  opacity: 1 !important;
}
.workflow-step-pill {
  border: 0.025rem solid var(--workflow-color-primary-line, var(--brand-line));
  color: var(--workflow-color-primary, var(--brand));
  background: var(--workflow-color-primary-soft, var(--brand-soft));
}
.workflow-heading-action-button, .workflow-heading-action-button.taro-button-core, taro-button-core.workflow-heading-action-button, taro-button-core.workflow-heading-action-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 6rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0.375rem 0.875rem !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  font-size: 0.75rem !important;
}
.workflow-heading-action-icon, .workflow-heading-action-icon.taro-image-core, taro-image-core.workflow-heading-action-icon, .workflow-heading-action-icon img, taro-image-core.workflow-heading-action-icon img {
  display: block !important;
  width: 0.45rem !important;
  height: 0.45rem !important;
  min-width: 0.45rem !important;
  min-height: 0.45rem !important;
  opacity: 1 !important;
}
.workflow-step-notice, .workflow-step-notice.taro-view-core, taro-view-core.workflow-step-notice {
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  box-shadow: inset 0 0.025rem 0 var(--glass-edge);
}
.point-section-action-button, .point-section-action-button.taro-button-core, taro-button-core.point-section-action-button, taro-button-core.point-section-action-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  min-height: 1rem !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0.625rem 1rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
}
.point-primary-action-button, .point-primary-action-button.taro-button-core, taro-button-core.point-primary-action-button, taro-button-core.point-primary-action-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  min-height: 1.1rem !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0.75rem 1.25rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-secondary-action-button, .point-secondary-action-button.taro-button-core, taro-button-core.point-secondary-action-button, taro-button-core.point-secondary-action-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  min-height: 1rem !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0.625rem 1rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-share-action-button, .point-share-action-button.taro-button-core, taro-button-core.point-share-action-button, taro-button-core.point-share-action-button {
  display: inline-flex !important;
  width: 100% !important;
  height: 1rem !important;
  min-height: 1rem !important;
  max-height: 1rem !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0 0.75rem !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-share-action-button taro-text-core, .point-share-action-button taro-text-core, .point-share-action-button .taro-text-core, taro-button-core.point-share-action-button taro-text-core, taro-button-core.point-share-action-button taro-text-core, taro-button-core.point-share-action-button .taro-text-core {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
}
.point-card-refresh-button, .point-card-refresh-button.taro-button-core, taro-button-core.point-card-refresh-button, taro-button-core.point-card-refresh-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  height: 0.75rem !important;
  min-height: 0.75rem !important;
  max-height: 0.75rem !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  margin: 0 !important;
  padding: 0 0.625rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-card-refresh-button taro-text-core, .point-card-refresh-button taro-text-core, .point-card-refresh-button .taro-text-core, taro-button-core.point-card-refresh-button taro-text-core, taro-button-core.point-card-refresh-button taro-text-core, taro-button-core.point-card-refresh-button .taro-text-core {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
.point-payment-channel-button, .point-payment-channel-button.taro-button-core, taro-button-core.point-payment-channel-button, taro-button-core.point-payment-channel-button {
  display: flex !important;
  width: 100% !important;
  min-height: 1.9rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  padding: 0.75rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
}
.point-referral-link-button, .point-referral-link-button.taro-button-core, taro-button-core.point-referral-link-button, taro-button-core.point-referral-link-button {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
  margin: 0.5rem 0 0 !important;
  padding: 0.5rem 0.625rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
  white-space: normal !important;
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
}
.point-referral-upgrade-button, .point-referral-upgrade-button.taro-button-core, taro-button-core.point-referral-upgrade-button, taro-button-core.point-referral-upgrade-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 5.5rem !important;
  min-height: 0.9rem !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0.5rem 0.75rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-pagination-button, .point-pagination-button.taro-button-core, taro-button-core.point-pagination-button, taro-button-core.point-pagination-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 4.75rem !important;
  min-height: 1rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0.5rem 0.875rem !important;
  font-size: 0.8125rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.point-pagination-button taro-text-core, .point-pagination-button taro-text-core, .point-pagination-button .taro-text-core, taro-button-core.point-pagination-button taro-text-core, taro-button-core.point-pagination-button taro-text-core, taro-button-core.point-pagination-button .taro-text-core {
  font-size: 0.8125rem !important;
  line-height: 1.25rem !important;
}
@media (max-width: 639px) {
  .point-section-action-button, .point-section-action-button.taro-button-core, taro-button-core.point-section-action-button, taro-button-core.point-section-action-button, .point-primary-action-button, .point-primary-action-button.taro-button-core, taro-button-core.point-primary-action-button, taro-button-core.point-primary-action-button, .point-secondary-action-button, .point-secondary-action-button.taro-button-core, taro-button-core.point-secondary-action-button, taro-button-core.point-secondary-action-button {
    width: 100% !important;
  }
  .point-referral-upgrade-button, .point-referral-upgrade-button.taro-button-core, taro-button-core.point-referral-upgrade-button, taro-button-core.point-referral-upgrade-button {
    width: 100% !important;
  }
}
.workflow-secondary-button, .workflow-secondary-button.taro-button-core, taro-button-core.workflow-secondary-button, taro-button-core.workflow-secondary-button {
  min-height: 1.1rem;
  border: 0.025rem solid var(--workflow-button-secondary-border) !important;
  color: var(--workflow-button-secondary-text);
  background: var(--workflow-button-secondary-bg);
  box-shadow: inset 0 0.025rem 0 var(--glass-edge);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.workflow-secondary-button:disabled, .workflow-secondary-button.taro-button-core:disabled, taro-button-core.workflow-secondary-button[disabled], taro-button-core.workflow-secondary-button:disabled {
  border-color: var(--workflow-button-disabled-border) !important;
  color: var(--workflow-button-disabled-text) !important;
  background: var(--workflow-button-disabled-bg) !important;
}
.workflow-secondary-button taro-text-core, .workflow-secondary-button taro-text-core, .workflow-secondary-button[disabled] taro-text-core, .workflow-secondary-button[disabled] taro-text-core {
  color: inherit !important;
}
.workflow-primary-button, .workflow-primary-button.taro-button-core, taro-button-core.workflow-primary-button, taro-button-core.workflow-primary-button {
  min-height: 1.1rem;
  border: 0.025rem solid var(--workflow-button-primary-border) !important;
  color: var(--workflow-button-primary-text) !important;
  background: radial-gradient( circle at 50% -30%, var(--workflow-color-primary-glow, var(--site-color-primary-glow)), transparent 54% ), linear-gradient( 180deg, var(--workflow-button-primary-pressed-bg), var(--workflow-button-primary-bg) );
  box-shadow: var(--workflow-shadow-halo, var(--site-shadow-halo));
}
.workflow-primary-button taro-text-core, .workflow-primary-button taro-text-core, taro-button-core.workflow-primary-button taro-text-core, taro-button-core.workflow-primary-button taro-text-core, taro-button-core.workflow-primary-button taro-text-core, taro-button-core.workflow-primary-button taro-text-core {
  color: var(--workflow-button-primary-text) !important;
}
.workflow-primary-button:disabled, .workflow-primary-button.taro-button-core:disabled, taro-button-core.workflow-primary-button[disabled], taro-button-core.workflow-primary-button:disabled {
  border-color: var(--workflow-button-disabled-border) !important;
  color: var(--workflow-button-disabled-text) !important;
  background: var(--workflow-button-disabled-bg) !important;
  box-shadow: none !important;
}
.cost-confirm-backdrop, .cost-confirm-backdrop.taro-button-core, taro-button-core.cost-confirm-backdrop, taro-button-core.cost-confirm-backdrop {
  background: var(--workflow-color-text, var(--ink)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--workflow-color-text, var(--ink)) 72%, transparent ) !important;
  }
  backdrop-filter: blur(0.25rem);
  -webkit-backdrop-filter: blur(0.25rem);
}
.cost-confirm-panel, .cost-confirm-panel.taro-view-core, taro-view-core.cost-confirm-panel {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: linear-gradient( 180deg, var(--workflow-color-primary, var(--brand)), var(--workflow-color-surface, var(--surface)) 62% ) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 7%, var(--workflow-color-surface, var(--surface)) ), var(--workflow-color-surface, var(--surface)) 62% ) !important;
  }
  color: var(--workflow-color-text, var(--ink)) !important;
  box-shadow: 0 0.6rem 1.6rem var(--workflow-color-text, var(--ink)), 0 0 0 0.025rem var(--workflow-color-border, var(--line)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0.6rem 1.6rem color-mix(in srgb, var(--workflow-color-text, var(--ink)) 20%, transparent), 0 0 0 0.025rem color-mix(in srgb, var(--workflow-color-border, var(--line)) 70%, transparent) !important;
  }
}
.cost-confirm-button, .cost-confirm-button.taro-button-core, taro-button-core.cost-confirm-button, taro-button-core.cost-confirm-button {
  display: inline-flex !important;
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 0.875rem !important;
  border-width: 0.025rem !important;
  border-style: solid !important;
  border-radius: 0.75rem !important;
  font-size: 0.875rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: none !important;
  vertical-align: top !important;
}
.cost-confirm-button::after, .cost-confirm-button.taro-button-core::after, taro-button-core.cost-confirm-button::after, taro-button-core.cost-confirm-button::after {
  border: 0 !important;
}
.cost-confirm-button taro-text-core, .cost-confirm-button taro-text-core, taro-button-core.cost-confirm-button taro-text-core, taro-button-core.cost-confirm-button taro-text-core, taro-button-core.cost-confirm-button taro-text-core, taro-button-core.cost-confirm-button taro-text-core {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.cost-confirm-secondary, .cost-confirm-secondary.taro-button-core, taro-button-core.cost-confirm-secondary, taro-button-core.cost-confirm-secondary {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  box-shadow: inset 0 0.025rem 0 var(--glass-edge) !important;
}
.cost-confirm-primary, .cost-confirm-primary.taro-button-core, taro-button-core.cost-confirm-primary, taro-button-core.cost-confirm-primary {
  border-color: var(--workflow-color-primary-pressed, var(--brand-strong)) !important;
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
  background: radial-gradient( circle at 50% -30%, var(--workflow-color-primary-glow, var(--brand-glow)), transparent 54% ), linear-gradient( 180deg, var(--workflow-color-primary-pressed, var(--brand-strong)), var(--workflow-color-primary, var(--brand)) ) !important;
  box-shadow: var(--workflow-shadow-halo, var(--shadow-halo)) !important;
}
.cost-confirm-primary:hover, taro-button-core.cost-confirm-primary:hover, taro-button-core.cost-confirm-primary:hover {
  transform: none !important;
}
.workflow-plain-button, .workflow-plain-button.taro-button-core, taro-button-core.workflow-plain-button, taro-button-core.workflow-plain-button {
  min-height: 1rem;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.workflow-plain-button:disabled, .workflow-plain-button.taro-button-core:disabled, taro-button-core.workflow-plain-button[disabled], taro-button-core.workflow-plain-button:disabled {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix( in srgb, var(--workflow-color-text-muted, var(--ink-3)) 58%, transparent ) !important;
  }
}
.workflow-action-bar {
  border-top: 0.025rem solid var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong));
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.workflow-action-bar .taro-button-core, .workflow-action-bar taro-button-core, taro-view-core.workflow-action-bar taro-button-core, taro-view-core.workflow-action-bar taro-button-core {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;
  align-self: center;
}
.workflow-primary-button.workflow-action-primary, .workflow-primary-button.workflow-action-primary.taro-button-core, taro-button-core.workflow-primary-button.workflow-action-primary, taro-button-core.workflow-primary-button.workflow-action-primary {
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
}
.workflow-primary-button.workflow-action-primary taro-text-core, .workflow-primary-button.workflow-action-primary taro-text-core, taro-button-core.workflow-primary-button.workflow-action-primary taro-text-core, taro-button-core.workflow-primary-button.workflow-action-primary taro-text-core {
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
}
.showcase-result-shell, .showcase-readonly-section {
  background: var(--surface-glass-strong);
  border: 0.025rem solid var(--line);
  box-shadow: var(--shadow-glass);
  backdrop-filter: var(--blur-bg);
  -webkit-backdrop-filter: var(--blur-bg);
}
.showcase-hero-copy {
  max-width: min(48rem, calc(100% - 1rem));
  padding: 1rem 1.125rem;
  border: 0.025rem solid var(--site-color-on-primary, white);
  @supports (color: color-mix(in lab, red, red)) {
    border: 0.025rem solid color-mix(in srgb, var(--site-color-on-primary, white) 16%, transparent);
  }
  border-radius: 1rem;
  background: linear-gradient( 135deg, var(--site-color-text, var(--ink)), var(--site-color-text, var(--ink)) ), var(--site-color-page-bg, var(--app-bg));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 135deg, color-mix(in srgb, var(--site-color-text, var(--ink)) 72%, transparent), color-mix(in srgb, var(--site-color-text, var(--ink)) 38%, transparent) ), color-mix(in srgb, var(--site-color-page-bg, var(--app-bg)) 46%, transparent);
  }
  box-shadow: inset 0 0.025rem 0 var(--site-color-on-primary, white), 0 0.45rem 1.2rem var(--site-color-text, var(--ink));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0.025rem 0 color-mix(in srgb, var(--site-color-on-primary, white) 12%, transparent), 0 0.45rem 1.2rem color-mix(in srgb, var(--site-color-text, var(--ink)) 34%, transparent);
  }
  backdrop-filter: blur(0.25rem);
  -webkit-backdrop-filter: blur(0.25rem);
}
.showcase-hero-title, .showcase-hero-title.taro-text-core, taro-text-core.showcase-hero-title {
  color: var(--site-color-on-primary, white) !important;
  text-shadow: 0 0.025rem 0.05rem var(--site-color-text, var(--ink)), 0 0.2rem 0.6rem var(--site-color-text, var(--ink));
  @supports (color: color-mix(in lab, red, red)) {
    text-shadow: 0 0.025rem 0.05rem color-mix(in srgb, var(--site-color-text, var(--ink)) 95%, transparent), 0 0.2rem 0.6rem color-mix(in srgb, var(--site-color-text, var(--ink)) 70%, transparent);
  }
}
.showcase-hero-summary, .showcase-hero-summary.taro-text-core, taro-text-core.showcase-hero-summary {
  color: var(--site-color-on-primary, white) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--site-color-on-primary, white) 90%, transparent) !important;
  }
  text-shadow: 0 0.025rem 0.05rem var(--site-color-text, var(--ink)), 0 0.15rem 0.45rem var(--site-color-text, var(--ink));
  @supports (color: color-mix(in lab, red, red)) {
    text-shadow: 0 0.025rem 0.05rem color-mix(in srgb, var(--site-color-text, var(--ink)) 90%, transparent), 0 0.15rem 0.45rem color-mix(in srgb, var(--site-color-text, var(--ink)) 62%, transparent);
  }
}
.showcase-detail-back-button, .showcase-detail-back-button.taro-button-core, taro-button-core.showcase-detail-back-button, taro-button-core.showcase-detail-back-button, .showcase-result-refresh-button, .showcase-result-refresh-button.taro-button-core, taro-button-core.showcase-result-refresh-button, taro-button-core.showcase-result-refresh-button {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.showcase-detail-back-button, .showcase-detail-back-button.taro-button-core, taro-button-core.showcase-detail-back-button, taro-button-core.showcase-detail-back-button {
  margin-bottom: 1.5rem !important;
}
.showcase-result-title, .showcase-result-title.taro-text-core, taro-text-core.showcase-result-title {
  display: block;
  width: -moz-max-content;
  width: max-content;
  min-width: 8rem;
  max-width: 100%;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  line-height: 1.25;
}
.showcase-readonly-action-bar {
  border-top: 0.025rem solid var(--line);
  background: var(--surface-glass-strong);
}
.showcase-file-card, .showcase-file-card.taro-button-core, taro-button-core.showcase-file-card, taro-button-core.showcase-file-card {
  display: flex !important;
  width: 10rem !important;
  height: 12.875rem !important;
  min-width: 0;
  max-width: 10rem !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
  border: 0.025rem solid var(--line) !important;
  border-radius: 0.875rem;
  background: var(--surface-glass);
  box-shadow: inset 0 0.025rem 0 var(--glass-edge);
  line-height: 1.35 !important;
}
.showcase-file-card > taro-view-core:last-child, .showcase-file-card > taro-view-core:last-child, taro-button-core.showcase-file-card > taro-view-core:last-child, taro-button-core.showcase-file-card > taro-view-core:last-child {
  min-height: 4.75rem;
  flex: 1 0 4.75rem;
}
.showcase-file-preview-image img, taro-image-core.showcase-file-preview-image img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.showcase-lightbox-close, .showcase-lightbox-close.taro-button-core, taro-button-core.showcase-lightbox-close, taro-button-core.showcase-lightbox-close {
  top: 1.8rem !important;
  transform: translateY(-50%);
}
.showcase-output-image-button, .showcase-output-image-button.taro-button-core, taro-button-core.showcase-output-image-button, taro-button-core.showcase-output-image-button {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0.025rem solid var(--line) !important;
  border-radius: 0.875rem;
  background: var(--surface-glass);
  box-shadow: var(--shadow-soft);
}
.showcase-output-view-button, .showcase-output-view-button.taro-button-core, taro-button-core.showcase-output-view-button, taro-button-core.showcase-output-view-button {
  width: auto !important;
  min-width: 0 !important;
  color: var(--ink) !important;
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
.asset-format-option, .asset-format-option.taro-button-core, taro-button-core.asset-format-option, taro-button-core.asset-format-option {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  margin: 0 !important;
  padding: 0 0.75rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.asset-format-option-active, .asset-format-option-active.taro-button-core, taro-button-core.asset-format-option-active, taro-button-core.asset-format-option-active {
  border-color: var(--site-button-primary-border) !important;
  color: var(--site-icon-primary-text) !important;
  background: var(--site-icon-primary-bg) !important;
}
.asset-summary-video, .asset-summary-video.taro-video-core, taro-video-core.asset-summary-video, taro-video-core.asset-summary-video, .workflow-output-video, .workflow-output-video.taro-video-core, taro-video-core.workflow-output-video, taro-video-core.workflow-output-video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  border-radius: inherit;
  background: var(--workflow-color-surface-well, var(--glass-well));
  -o-object-fit: contain;
     object-fit: contain;
}
.workflow-result-count-badge, .workflow-result-count-badge.taro-text-core, taro-text-core.workflow-result-count-badge {
  display: inline-flex !important;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-height: 1.75rem;
  border: 0.025rem solid var(--workflow-color-border, var(--line));
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: var(--workflow-color-surface-well, var(--glass-well));
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  line-height: 1rem !important;
  white-space: nowrap;
}
.workflow-generation-status-badge, .workflow-generation-status-badge.taro-text-core, taro-text-core.workflow-generation-status-badge {
  display: inline-flex !important;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-height: 1.75rem;
  border-width: 0.025rem;
  border-style: solid;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  line-height: 1.15rem !important;
  white-space: nowrap;
}
.workflow-edit-record-view-button, .workflow-edit-record-view-button.taro-button-core, taro-button-core.workflow-edit-record-view-button, taro-button-core.workflow-edit-record-view-button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 4.25rem !important;
  min-height: 2rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0.25rem 0.625rem !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) !important;
  font-size: 0.8125rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.workflow-result-media-button, .workflow-result-media-button.taro-button-core, taro-button-core.workflow-result-media-button, taro-button-core.workflow-result-media-button {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-muted, var(--surface-muted)) !important;
  box-shadow: var(--workflow-shadow-soft, var(--shadow-soft));
  line-height: 1 !important;
}
.workflow-result-media-image img, taro-image-core.workflow-result-media-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center center !important;
     object-position: center center !important;
}
.workflow-lightbox-backdrop, .workflow-lightbox-backdrop.taro-button-core, taro-button-core.workflow-lightbox-backdrop, taro-button-core.workflow-lightbox-backdrop {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--workflow-color-page-deep, var(--app-bg-deep)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-page-deep, var(--app-bg-deep)) 78%, transparent ) !important;
  }
  backdrop-filter: blur(0.4rem);
  -webkit-backdrop-filter: blur(0.4rem);
}
.workflow-lightbox-panel, .workflow-lightbox-panel.taro-view-core, taro-view-core.workflow-lightbox-panel {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) !important;
  box-shadow: var(--workflow-shadow-float, var(--shadow-float)) !important;
  backdrop-filter: blur(0.6rem);
  -webkit-backdrop-filter: blur(0.6rem);
}
.workflow-lightbox-image img, taro-image-core.workflow-lightbox-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 82vh !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center center !important;
     object-position: center center !important;
}
.image-edit-main-image img, taro-image-core.image-edit-main-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center center !important;
     object-position: center center !important;
}
.image-edit-clickable-preview img, .image-edit-main-preview img, taro-button-core.image-edit-clickable-preview img, taro-button-core.image-edit-main-preview img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center center !important;
     object-position: center center !important;
}
.image-edit-preview-result img, taro-image-core.image-edit-preview-result img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center center !important;
     object-position: center center !important;
}
.image-edit-action-row taro-text-core, .image-edit-action-row taro-text-core, taro-view-core.image-edit-action-row taro-text-core, taro-view-core.image-edit-action-row taro-text-core {
  white-space: nowrap !important;
  word-break: keep-all;
}
.image-edit-primary-action taro-text-core, .image-edit-primary-action taro-text-core, taro-button-core.image-edit-primary-action taro-text-core, taro-button-core.image-edit-primary-action taro-text-core {
  color: var(--workflow-color-on-primary, var(--site-color-on-primary)) !important;
}
.image-edit-textarea taro-textarea-core, taro-textarea-core.image-edit-textarea taro-textarea-core {
  min-height: 8rem !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  line-height: 1.75rem !important;
  font-size: 0.875rem !important;
}
.image-edit-model-option, .image-edit-model-option.taro-button-core, taro-button-core.image-edit-model-option, taro-button-core.image-edit-model-option {
  display: flex !important;
  width: 100% !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0.5rem 0.75rem !important;
  overflow: hidden !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  line-height: 1.2 !important;
  text-align: left !important;
  white-space: normal !important;
}
.image-edit-model-option taro-text-core, .image-edit-model-option taro-text-core, taro-button-core.image-edit-model-option taro-text-core, taro-button-core.image-edit-model-option taro-text-core, taro-button-core.image-edit-model-option taro-text-core, taro-button-core.image-edit-model-option taro-text-core {
  display: -webkit-box !important;
  max-width: 100%;
  overflow: hidden !important;
  color: inherit !important;
  line-height: 1.2 !important;
  text-align: left !important;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.markdown-toolbar-button, .markdown-toolbar-button.taro-button-core, taro-button-core.markdown-toolbar-button, taro-button-core.markdown-toolbar-button {
  display: inline-flex !important;
  width: 2.25rem !important;
  min-width: 2.25rem !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong)) !important;
  color: var(--workflow-color-text-secondary, var(--ink-2)) !important;
  line-height: 1 !important;
}
.markdown-editor-input taro-textarea-core, .markdown-editor-input .taro-textarea, taro-textarea-core.markdown-editor-input taro-textarea-core, taro-textarea-core.markdown-editor-input .taro-textarea {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 18rem !important;
  padding: 1.25rem 1.5rem !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  caret-color: var(--workflow-color-primary, var(--brand)) !important;
  font-family: "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.75rem !important;
  resize: vertical;
  pointer-events: auto !important;
}
.markdown-editor-input taro-textarea-core::-moz-placeholder, .markdown-editor-input .taro-textarea::-moz-placeholder, taro-textarea-core.markdown-editor-input taro-textarea-core::-moz-placeholder, taro-textarea-core.markdown-editor-input .taro-textarea::-moz-placeholder {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.markdown-editor-input taro-textarea-core::placeholder, .markdown-editor-input .taro-textarea::placeholder, taro-textarea-core.markdown-editor-input taro-textarea-core::placeholder, taro-textarea-core.markdown-editor-input .taro-textarea::placeholder {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.markdown-editor-input:focus-within, taro-textarea-core.markdown-editor-input:focus-within {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  box-shadow: inset 0 0 0 0.025rem var(--workflow-color-primary-line, var(--brand-line));
}
.markdown-editor-pane-header, .markdown-editor-pane-header.taro-view-core, taro-view-core.markdown-editor-pane-header {
  min-height: 2.25rem;
  border-bottom: 0.025rem solid var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass, var(--surface-glass)) !important;
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.markdown-editor-pane-header taro-text-core, .markdown-editor-pane-header taro-text-core, .markdown-editor-pane-header .taro-text-core {
  color: inherit !important;
}
.markdown-editor-shell taro-text-core, .markdown-editor-shell taro-text-core, .markdown-editor-shell .taro-text-core {
  color: var(--workflow-color-text, var(--ink)) !important;
}
.workflow-result-action-button, .workflow-result-action-button.taro-button-core, taro-button-core.workflow-result-action-button, taro-button-core.workflow-result-action-button {
  display: inline-flex !important;
  width: 100% !important;
  position: relative;
  z-index: 1;
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;
  padding: 0.5rem 1rem !important;
  line-height: 1.2 !important;
  word-break: keep-all;
  writing-mode: horizontal-tb;
  pointer-events: auto;
}
.workflow-result-action-button taro-text-core, .workflow-result-action-button taro-text-core, taro-button-core.workflow-result-action-button taro-text-core, taro-button-core.workflow-result-action-button taro-text-core {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  line-height: 1.2 !important;
  word-break: keep-all;
  writing-mode: horizontal-tb;
}
.workflow-danger-soft-button, .workflow-danger-soft-button.taro-button-core, taro-button-core.workflow-danger-soft-button, taro-button-core.workflow-danger-soft-button {
  border: 0.025rem solid var(--workflow-button-danger-border) !important;
  color: var(--workflow-icon-danger-text);
  background: var(--workflow-icon-danger-bg);
}
.workflow-processing-card, .workflow-processing-card.taro-view-core, taro-view-core.workflow-processing-card {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 26%, var(--workflow-color-border, var(--line)) ) !important;
  }
  box-shadow: 0 0 0.7rem var(--workflow-color-primary, var(--brand));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0.7rem color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 12%, transparent);
  }
}
.workflow-progress-line-active, .workflow-progress-line-active.taro-view-core, taro-view-core.workflow-progress-line-active {
  background: var(--workflow-color-primary, var(--brand)) !important;
  box-shadow: 0 0 0.25rem var(--workflow-color-primary, var(--brand));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0.25rem color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 72%, transparent);
  }
}
.workflow-progress-marker-active, .workflow-progress-marker-active.taro-view-core, taro-view-core.workflow-progress-marker-active {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
  box-shadow: 0 0 0.375rem var(--workflow-color-primary, var(--brand));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0.375rem color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 48%, transparent);
  }
}
.workflow-progress-mobile-step, .workflow-progress-mobile-step.taro-button-core, taro-button-core.workflow-progress-mobile-step, taro-button-core.workflow-progress-mobile-step {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: var(--workflow-color-surface, var(--surface)) !important;
}
.workflow-progress-mobile-step-active, .workflow-progress-mobile-step-active.taro-button-core, taro-button-core.workflow-progress-mobile-step-active, taro-button-core.workflow-progress-mobile-step-active {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  background: var(--workflow-color-primary, var(--brand)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--workflow-color-primary, var(--brand)) 10%, var(--workflow-color-surface, var(--surface)) ) !important;
  }
}
.workspace-sidebar-mobile-backdrop, .workspace-sidebar-mobile-backdrop.taro-button-core, taro-button-core.workspace-sidebar-mobile-backdrop, taro-button-core.workspace-sidebar-mobile-backdrop {
  background: var(--site-color-page-bg, var(--app-bg)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--site-color-page-bg, var(--app-bg)) 35%, transparent ) !important;
  }
}
.showcase-lightbox-close-button, .showcase-lightbox-close-button.taro-button-core, taro-button-core.showcase-lightbox-close-button, taro-button-core.showcase-lightbox-close-button {
  background: var(--site-color-surface-well, var(--glass-well)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--site-color-surface-well, var(--glass-well)) 74%, transparent ) !important;
  }
  color: var(--site-color-text, var(--ink)) !important;
}
@media (max-width: 767px) {
  .workflow-shell-frame {
    position: relative !important;
    inset: auto !important;
    height: 100% !important;
    min-height: 0;
    overflow: hidden !important;
    border-radius: 0.6rem;
  }
  .workflow-header-actions .workflow-secondary-button, .workflow-header-actions .workflow-primary-button {
    width: 100%;
    padding-right: 0.3rem;
    padding-left: 0.3rem;
  }
  .workflow-action-bar {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(4.75rem, 0.72fr) minmax(5.75rem, 1fr) minmax(8.5rem, 1.35fr);
    align-items: stretch;
    gap: 0.75rem;
    border-radius: 0 0 0.6rem 0.6rem;
    background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong));
  }
  .workspace-task-fab {
    right: 1rem !important;
    bottom: calc(7rem + env(safe-area-inset-bottom, 0rem)) !important;
  }
}
@media (max-width: 767px) {
  .workflow-action-bar {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(4.75rem, 0.72fr) minmax(5.75rem, 1fr) minmax(8.5rem, 1.35fr);
    align-items: stretch;
    gap: 0.75rem;
    border-radius: 0 0 0.6rem 0.6rem;
    background: var(--workflow-color-surface-glass-strong, var(--surface-glass-strong));
  }
}
.glass-field {
  background: var(--workflow-color-surface-well, var(--glass-well)) !important;
  border-color: var(--workflow-color-border, var(--line)) !important;
  box-shadow: inset 0 0.025rem 0 var(--glass-edge);
}
.workflow-form-input, .workflow-form-input.taro-input-core, taro-input-core.workflow-form-input, .workflow-form-input taro-input-core, .workflow-form-input .weui-input, taro-input-core.workflow-form-input taro-input-core, taro-input-core.workflow-form-input .weui-input {
  min-height: 2.75rem !important;
}
.workflow-form-textarea, .workflow-form-textarea.taro-textarea-core, taro-textarea-core.workflow-form-textarea, .workflow-form-textarea taro-textarea-core, .workflow-form-textarea .taro-textarea, taro-textarea-core.workflow-form-textarea taro-textarea-core, taro-textarea-core.workflow-form-textarea .taro-textarea {
  min-height: 9rem !important;
}
.workflow-form-control[disabled] taro-input-core, .workflow-form-control[disabled] taro-textarea-core, .workflow-form-control-disabled taro-text-core, .workflow-form-control-disabled taro-text-core {
  color: var(--workflow-color-text-muted, var(--ink-3)) !important;
}
.media-frame {
  background: var(--workflow-color-surface-well, var(--glass-well));
  border: 0.025rem solid var(--workflow-color-border, var(--line));
  box-shadow: inset 0 0.025rem 0 var(--glass-edge), var(--workflow-shadow-soft, 0 0.25rem 0.6rem oklch(0 0 0 / 0.08));
}
.workspace-sidebar-shell taro-button-core, .workspace-sidebar-shell taro-button-core {
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.workspace-sidebar-item, .workspace-sidebar-item.taro-button-core, taro-button-core.workspace-sidebar-item, taro-button-core.workspace-sidebar-item {
  min-height: 1.2rem !important;
}
.workspace-sidebar-item-collapsed, .workspace-sidebar-item-collapsed.taro-button-core, taro-button-core.workspace-sidebar-item-collapsed, taro-button-core.workspace-sidebar-item-collapsed {
  width: 100% !important;
  min-width: 0 !important;
  height: 1.2rem !important;
  min-height: 1.2rem !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.upload-slot-trigger, .upload-slot-trigger.taro-button-core, taro-button-core.upload-slot-trigger, taro-button-core.upload-slot-trigger {
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  line-height: 1.2 !important;
}
.multi-face-upload-button, .multi-face-upload-button.taro-button-core, taro-button-core.multi-face-upload-button, taro-button-core.multi-face-upload-button, .multi-face-icon-button, .multi-face-icon-button.taro-button-core, taro-button-core.multi-face-icon-button, taro-button-core.multi-face-icon-button {
  margin: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  line-height: 1.2 !important;
}
.upload-remove-icon-button, .upload-remove-icon-button.taro-button-core, taro-button-core.upload-remove-icon-button, taro-button-core.upload-remove-icon-button {
  padding: 0 !important;
}
.upload-slot-trigger, .upload-slot-trigger.taro-button-core, taro-button-core.upload-slot-trigger, taro-button-core.upload-slot-trigger {
  background: transparent !important;
}
.multi-face-preview-image img, taro-image-core.multi-face-preview-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center center !important;
     object-position: center center !important;
}
.multi-face-remove-button, .multi-face-remove-button.taro-button-core, taro-button-core.multi-face-remove-button, taro-button-core.multi-face-remove-button {
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 0 !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
}
.multi-face-upload-button, .multi-face-upload-button.taro-button-core, taro-button-core.multi-face-upload-button, taro-button-core.multi-face-upload-button {
  display: flex !important;
  height: 2rem !important;
  min-height: 2rem !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}
.multi-face-upload-button taro-text-core, .multi-face-upload-button taro-text-core, taro-button-core.multi-face-upload-button taro-text-core, taro-button-core.multi-face-upload-button taro-text-core, taro-button-core.multi-face-upload-button taro-text-core, taro-button-core.multi-face-upload-button taro-text-core {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
.next-model-selection-trigger, .next-model-selection-trigger.taro-button-core, taro-button-core.next-model-selection-trigger, taro-button-core.next-model-selection-trigger, .next-model-option, .next-model-option.taro-button-core, taro-button-core.next-model-option, taro-button-core.next-model-option {
  margin: 0 !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}
.next-model-selection-trigger, .next-model-selection-trigger.taro-button-core, taro-button-core.next-model-selection-trigger, taro-button-core.next-model-selection-trigger {
  border: 0 !important;
  background: transparent !important;
}
.workflow-progress-step-button, .workflow-progress-step-button.taro-button-core, taro-button-core.workflow-progress-step-button, taro-button-core.workflow-progress-step-button, .workflow-choice-button, .workflow-choice-button.taro-button-core, taro-button-core.workflow-choice-button, taro-button-core.workflow-choice-button {
  margin: 0 !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}
.workflow-checkbox-button, .workflow-checkbox-button.taro-button-core, taro-button-core.workflow-checkbox-button, taro-button-core.workflow-checkbox-button, .workflow-stepper-button, .workflow-stepper-button.taro-button-core, taro-button-core.workflow-stepper-button, taro-button-core.workflow-stepper-button {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}
.workflow-stepper-input taro-input-core, .workflow-stepper-input .weui-input, taro-input-core.workflow-stepper-input taro-input-core, taro-input-core.workflow-stepper-input .weui-input {
  width: 100% !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
  font-size: 0.875rem !important;
  font-weight: 900 !important;
  color: var(--workflow-color-text, var(--ink)) !important;
}
.workflow-checklist-trigger, .workflow-checklist-trigger.taro-button-core, taro-button-core.workflow-checklist-trigger, taro-button-core.workflow-checklist-trigger {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.75rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  color: inherit !important;
  text-align: left !important;
}
.workflow-stepper-button, .workflow-stepper-button.taro-button-core, taro-button-core.workflow-stepper-button, taro-button-core.workflow-stepper-button {
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
}
.workflow-checklist-trigger::after, .workflow-checklist-trigger.taro-button-core::after, taro-button-core.workflow-checklist-trigger::after, taro-button-core.workflow-checklist-trigger::after {
  border: 0 !important;
}
.workflow-stepper-button, .workflow-stepper-button.taro-button-core, taro-button-core.workflow-stepper-button, taro-button-core.workflow-stepper-button {
  width: 2rem !important;
  height: 2rem !important;
}
.workflow-stepper-button::after, .workflow-stepper-button.taro-button-core::after, taro-button-core.workflow-stepper-button::after, taro-button-core.workflow-stepper-button::after {
  border: 0 !important;
}
.workflow-progress-step-button, .workflow-progress-step-button.taro-button-core, taro-button-core.workflow-progress-step-button, taro-button-core.workflow-progress-step-button {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
}
.workflow-progress-step-segment, .workflow-progress-step-segment.taro-view-core, taro-view-core.workflow-progress-step-segment {
  top: 2rem;
  bottom: -2rem;
  left: calc(1rem - 0.0625rem);
  z-index: 0;
  width: 0.125rem;
  border-radius: 24.975rem;
  pointer-events: none;
  background: var(--workflow-color-border, var(--line));
}
.workflow-progress-step-segment-completed, .workflow-progress-step-segment-completed.taro-view-core, taro-view-core.workflow-progress-step-segment-completed {
  background: var(--workflow-color-primary, var(--brand));
  box-shadow: 0 0 0.25rem var(--workflow-color-primary-glow, var(--brand-glow));
}
.progress-step-marker {
  position: relative;
  z-index: 1;
  background: var(--workflow-color-surface, var(--surface));
  box-shadow: 0 0 0 0.1rem var(--workflow-color-surface, var(--surface));
}
.progress-step-marker-active {
  border: 0.05rem solid var(--workflow-color-primary, var(--brand)) !important;
  outline: 0.025rem solid var(--workflow-color-primary, var(--brand));
  @supports (color: color-mix(in lab, red, red)) {
    outline: 0.025rem solid color-mix(in oklch, var(--workflow-color-primary, var(--brand)) 18%, transparent);
  }
  outline-offset: 0;
  scale: 1.16 !important;
  box-shadow: 0 0 0 0.1rem var(--workflow-color-surface, var(--surface)), 0 0 0 0.025rem var(--workflow-color-primary-line, var(--brand-line)), 0 0 0.3rem var(--workflow-color-primary-glow, var(--brand-glow));
}
.task-drawer-name-action-button, .task-drawer-name-action-button.taro-button-core, taro-button-core.task-drawer-name-action-button, taro-button-core.task-drawer-name-action-button {
  display: flex !important;
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0.025rem solid var(--line) !important;
  background: var(--surface-glass-strong) !important;
  box-shadow: inset 0 0.025rem 0 var(--glass-edge);
  line-height: 1 !important;
  opacity: 1 !important;
}
.task-drawer-name-save-button, .task-drawer-name-save-button.taro-button-core, taro-button-core.task-drawer-name-save-button, taro-button-core.task-drawer-name-save-button {
  border-color: var(--site-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--site-color-success, var(--success)) 32%, var(--line) ) !important;
  }
  background: var(--site-color-success, var(--success)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--site-color-success, var(--success)) 12%, var(--surface-glass-strong) ) !important;
  }
}
.task-drawer-name-cancel-button, .task-drawer-name-cancel-button.taro-button-core, taro-button-core.task-drawer-name-cancel-button, taro-button-core.task-drawer-name-cancel-button {
  border-color: var(--line) !important;
}
.task-drawer-name-action-icon, .task-drawer-name-action-icon.taro-image-core, taro-image-core.task-drawer-name-action-icon, .task-drawer-name-action-icon img, taro-image-core.task-drawer-name-action-icon img {
  display: block !important;
  width: 0.45rem !important;
  height: 0.45rem !important;
  min-width: 0.45rem !important;
  min-height: 0.45rem !important;
  opacity: 1 !important;
}
.task-drawer-close-button, .task-drawer-close-button.taro-button-core, taro-button-core.task-drawer-close-button, taro-button-core.task-drawer-close-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 2.25rem !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.task-drawer-edit-button, .task-drawer-edit-button.taro-button-core, taro-button-core.task-drawer-edit-button, taro-button-core.task-drawer-edit-button {
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  line-height: 1 !important;
}
.task-drawer-edit-icon, .task-drawer-edit-icon.taro-image-core, taro-image-core.task-drawer-edit-icon, .task-drawer-edit-icon img, taro-image-core.task-drawer-edit-icon img {
  display: block !important;
  width: 0.45rem !important;
  height: 0.45rem !important;
  min-width: 0.45rem !important;
  min-height: 0.45rem !important;
  opacity: 1 !important;
}
.task-drawer-footer {
  box-shadow: 0 -0.45rem 0.9rem var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 -0.45rem 0.9rem color-mix(in oklch, var(--surface) 72%, transparent);
  }
}
.task-drawer-return-button, .task-drawer-return-button.taro-button-core, taro-button-core.task-drawer-return-button, taro-button-core.task-drawer-return-button {
  display: flex !important;
  min-height: 3.5rem !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.site-hidden-page-host {
  position: absolute;
  width: 0.025rem;
  height: 0.025rem;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.site-state-panel {
  display: flex;
  width: min(45rem, 100%);
  min-height: 20rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(2.75rem, 8vw, 4.5rem);
  border: 0.025rem solid var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border: 0.025rem solid color-mix(in srgb, var(--site-color-primary) 32%, transparent);
  }
  border-radius: var(--site-radius-dialog);
  background: var(--site-color-card-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--site-color-card-bg) 92%, transparent);
  }
  text-align: center;
  box-shadow: 0 0.9rem 2.4rem var(--site-color-text, var(--ink));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0.9rem 2.4rem color-mix(in srgb, var(--site-color-text, var(--ink)) 32%, transparent);
  }
}
.site-state-mark {
  width: clamp(4rem, 9vw, 5.5rem);
  height: clamp(4rem, 9vw, 5.5rem);
  margin: 0 auto 1.5rem;
  border-radius: 24.975rem;
  background: var(--site-color-primary);
  box-shadow: 0 0 1.2rem var(--site-color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 1.2rem color-mix(in srgb, var(--site-color-primary) 42%, transparent);
  }
}
.custom-scrollbar::-webkit-scrollbar {
  width: 0.2rem;
  height: 0.2rem;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: var(--line-strong);
  border: 0.05rem solid transparent;
  border-radius: 24.975rem;
  background-clip: content-box;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--ink-3);
  border: 0.05rem solid transparent;
  background-clip: content-box;
}
.arco-input-wrapper, .arco-textarea-wrapper, .arco-select-view, .arco-picker {
  border: 0.025rem solid var(--site-input-border);
  border-radius: 0.75rem;
  background: var(--site-input-bg);
  box-shadow: none;
  color: var(--site-input-text);
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.arco-input-wrapper:focus-within, .arco-textarea-wrapper:focus-within, .arco-select-view:focus-within, .arco-picker:focus-within {
  border-color: var(--site-input-focus-border);
  background: var(--site-input-bg);
  box-shadow: 0 0 0 0.025rem var(--site-color-primary, var(--brand));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 0.025rem color-mix(in srgb, var(--site-color-primary, var(--brand)) 12%, transparent);
  }
}
.arco-input-wrapper .arco-input::-moz-placeholder, .arco-textarea-wrapper .arco-textarea::-moz-placeholder, .arco-picker-input::-moz-placeholder {
  color: var(--site-input-placeholder);
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0rem;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0rem;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}
:root {
  color-scheme: light;
  --app-bg: oklch(0.985 0.006 255);
  --app-bg-soft: oklch(0.945 0.012 255);
  --app-bg-deep: oklch(0.905 0.014 255);
  --surface: oklch(1 0 0);
  --surface-raised: oklch(0.996 0.004 255 / 0.74);
  --surface-glass: oklch(1 0 0 / 0.58);
  --surface-glass-strong: oklch(1 0 0 / 0.78);
  --surface-muted: oklch(0.955 0.008 255 / 0.74);
  --glass-panel: oklch(0.992 0.004 255 / 0.52);
  --glass-panel-strong: oklch(1 0 0 / 0.72);
  --glass-well: oklch(0.965 0.012 255 / 0.5);
  --glass-edge: oklch(1 0 0 / 0.78);
  --ink: oklch(0.17 0.014 255);
  --ink-2: oklch(0.34 0.018 255);
  --ink-3: oklch(0.47 0.016 255);
  --line: oklch(0.82 0.012 255 / 0.52);
  --line-strong: oklch(0.66 0.02 255 / 0.58);
  --brand: oklch(0.58 0.22 28);
  --brand-strong: oklch(0.51 0.24 28);
  --brand-soft: oklch(0.94 0.038 28 / 0.78);
  --brand-glow: oklch(0.68 0.22 28 / 0.3);
  --brand-glow-strong: oklch(0.62 0.24 28 / 0.46);
  --brand-line: oklch(0.63 0.22 28 / 0.42);
  --blue: oklch(0.56 0.17 250);
  --success: oklch(0.55 0.15 158);
  --danger: oklch(0.57 0.22 29);
  --shadow-soft: 0 0.25rem 0.6rem oklch(0.28 0.02 255 / 0.08);
  --shadow-float: 0 0.55rem 1.4rem oklch(0.26 0.024 255 / 0.13);
  --shadow-glass:
    inset 0 0.025rem 0 var(--glass-edge), inset 0 -0.025rem 0 oklch(0.7 0.012 255 / 0.12),
    0 0.45rem 1.125rem oklch(0.28 0.02 255 / 0.1);
  --shadow-halo:
    0 0 0 0.025rem var(--brand-line), 0 0 0.6rem var(--brand-glow), 0 0.3rem 0.8rem oklch(0.58 0.22 28 / 0.14);
  --blur-bg: blur(0.65rem) saturate(1.45);
  --noise-opacity: 0.035;
  --site-button-danger-bg: var(--site-color-danger);
  --site-button-danger-border: var(--site-color-danger-line);
  --site-button-danger-hover-bg: var(--site-color-danger);
  --site-button-danger-text: var(--site-color-text-inverse);
  --site-button-disabled-bg: var(--site-color-surface-muted);
  --site-button-disabled-border: var(--site-color-border);
  --site-button-disabled-text: var(--site-color-text-muted);
  --site-button-ghost-hover-bg: var(--site-color-primary-soft);
  --site-button-ghost-text: var(--site-color-text-secondary);
  --site-button-primary-bg: var(--site-color-primary);
  --site-button-primary-border: var(--site-color-primary-line);
  --site-button-primary-hover-bg: var(--site-color-primary-hover);
  --site-button-primary-pressed-bg: var(--site-color-primary-pressed);
  --site-button-primary-text: var(--site-color-on-primary);
  --site-button-secondary-bg: var(--site-color-surface-glass);
  --site-button-secondary-border: var(--site-color-border);
  --site-button-secondary-hover-bg: var(--site-color-surface-muted);
  --site-button-secondary-text: var(--site-color-text-secondary);
  --site-color-border: var(--line);
  --site-color-border-strong: var(--line-strong);
  --site-color-card-bg: var(--surface-glass);
  --site-color-danger: var(--danger);
  --site-color-danger-line: color-mix(in srgb, var(--site-color-danger) 42%, transparent);
  --site-color-danger-soft: color-mix(in srgb, var(--site-color-danger) 12%, transparent);
  --site-color-error: var(--site-color-danger, var(--danger));
  --site-color-info: var(--blue);
  --site-color-info-line: color-mix(in srgb, var(--site-color-info) 42%, transparent);
  --site-color-info-soft: color-mix(in srgb, var(--site-color-info) 12%, transparent);
  --site-color-page-bg: var(--app-bg);
  --site-color-page-bg-deep: var(--app-bg-deep);
  --site-color-page-bg-soft: var(--app-bg-soft);
  --site-color-primary: var(--brand);
  --site-color-primary-glow: color-mix(in srgb, var(--site-color-primary) 34%, transparent);
  --site-color-primary-hover: var(--site-color-primary);
  --site-color-primary-line: color-mix(in srgb, var(--site-color-primary) 52%, transparent);
  --site-color-primary-pressed: color-mix(in srgb, var(--site-color-primary) 86%, black);
  --site-color-primary-soft: color-mix(in srgb, var(--site-color-primary) 14%, transparent);
  --site-color-on-primary: white;
  --site-color-secondary: var(--surface-muted);
  --site-color-success: var(--success);
  --site-color-success-line: color-mix(in srgb, var(--site-color-success) 42%, transparent);
  --site-color-success-soft: color-mix(in srgb, var(--site-color-success) 12%, transparent);
  --site-color-surface: var(--surface);
  --site-color-surface-glass: var(--surface-glass);
  --site-color-surface-glass-strong: var(--surface-glass-strong);
  --site-color-surface-muted: var(--surface-muted);
  --site-color-surface-raised: var(--surface-raised);
  --site-color-surface-well: var(--glass-well);
  --site-color-text: var(--ink);
  --site-color-text-inverse: white;
  --site-color-text-secondary: var(--ink-2);
  --site-color-text-muted: var(--ink-3);
  --site-color-warning: #f59e0b;
  --site-color-warning-line: color-mix(in srgb, var(--site-color-warning) 42%, transparent);
  --site-color-warning-soft: color-mix(in srgb, var(--site-color-warning) 12%, transparent);
  --site-empty-color: var(--site-color-text-muted);
  --site-error-bg: var(--site-color-danger-soft);
  --site-error-color: var(--site-color-danger);
  --site-font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --site-brand-text: var(--site-color-primary);
  --site-icon-danger-bg: var(--site-color-danger-soft);
  --site-icon-danger-border: var(--site-color-danger-line);
  --site-icon-danger-text: var(--site-color-danger);
  --site-icon-info-bg: var(--site-color-info-soft);
  --site-icon-info-border: var(--site-color-info-line);
  --site-icon-info-text: var(--site-color-info);
  --site-icon-primary-bg: var(--site-color-primary-soft);
  --site-icon-primary-border: var(--site-color-primary-line);
  --site-icon-primary-text: var(--site-color-primary);
  --site-icon-secondary-bg: var(--site-color-surface-muted);
  --site-icon-secondary-border: var(--site-color-border);
  --site-icon-secondary-text: var(--site-color-text-secondary);
  --site-icon-success-bg: var(--site-color-success-soft);
  --site-icon-success-border: var(--site-color-success-line);
  --site-icon-success-text: var(--site-color-success);
  --site-icon-warning-bg: var(--site-color-warning-soft);
  --site-icon-warning-border: var(--site-color-warning-line);
  --site-icon-warning-text: var(--site-color-warning);
  --site-input-bg: var(--site-color-surface);
  --site-input-border: var(--site-color-border);
  --site-input-disabled-bg: var(--site-color-surface-muted);
  --site-input-focus-border: var(--site-color-primary-line);
  --site-input-placeholder: var(--site-color-text-muted);
  --site-input-text: var(--site-color-text);
  --site-nav-active-bg: var(--site-color-primary);
  --site-nav-active-text: var(--site-color-on-primary);
  --site-nav-badge-bg: var(--site-color-primary);
  --site-nav-badge-text: var(--site-color-on-primary);
  --site-nav-bg: var(--site-color-surface-glass-strong);
  --site-nav-hover-bg: var(--site-color-primary-soft);
  --site-nav-text: var(--site-color-text-secondary);
  --site-overlay-backdrop: color-mix(in srgb, var(--site-color-text) 46%, transparent);
  --site-radius-button: 0.2rem;
  --site-radius-card: 0.2rem;
  --site-radius-dialog: var(--site-radius-modal, 0.4rem);
  --site-radius-input: 0.25rem;
  --site-radius-modal: 0.4rem;
  --site-shadow-glass: var(--shadow-glass);
  --site-shadow-halo:
    0 0 0 0.025rem var(--site-color-primary-line), 0 0 0.6rem var(--site-color-primary-glow),
    0 0.3rem 0.8rem color-mix(in srgb, var(--site-color-primary) 14%, transparent);
  --site-shadow-soft: var(--shadow-soft);
  --site-space-component: 0.4rem;
  --site-space-page: 0.6rem;
  --site-tabbar-active-bg: var(--site-color-primary-soft);
  --site-tabbar-active-text: var(--site-color-primary);
  --site-tabbar-bg: var(--site-color-surface-glass-strong);
  --site-tabbar-text: var(--site-color-text-secondary);
  --site-task-button-bg: var(--site-color-surface-glass);
  --site-task-button-border: var(--site-color-border);
  --site-task-button-hover-text: var(--site-color-primary);
  --site-task-button-progress: var(--site-color-primary);
  --site-task-button-shadow: var(--site-shadow-halo);
  --site-task-button-text: var(--site-color-text-secondary);
  --site-tag-bg: var(--site-color-surface-muted);
  --site-tag-border: var(--site-color-border);
  --site-tag-text: var(--site-color-text-secondary);
  color: var(--ink);
  background: var(--app-bg);
  font-family: var(--site-font-family);
}
.workflow-step-sidebar {
  border-left: 0.025rem solid var(--workflow-color-border, var(--line));
  background: var(--workflow-color-surface-glass, var(--surface-glass));
  box-shadow: -0.3rem 0 0.8rem color-mix(in srgb, var(--site-color-text) 8%, transparent);
}
.cost-confirm-backdrop,
.cost-confirm-backdrop.taro-button-core,
taro-button-core.cost-confirm-backdrop,
taro-button-core.cost-confirm-backdrop {
  background: color-mix(
    in srgb,
    var(--workflow-color-text, var(--ink)) 72%,
    transparent
  ) !important;
  backdrop-filter: blur(0.25rem);
  -webkit-backdrop-filter: blur(0.25rem);
}
.cost-confirm-panel,
.cost-confirm-panel.taro-view-core,
taro-view-core.cost-confirm-panel {
  border-color: var(--workflow-color-border, var(--line)) !important;
  background: linear-gradient(
    180deg,
    color-mix(
      in oklch,
      var(--workflow-color-primary, var(--brand)) 7%,
      var(--workflow-color-surface, var(--surface))
    ),
    var(--workflow-color-surface, var(--surface)) 62%
  ) !important;
  color: var(--workflow-color-text, var(--ink)) !important;
  box-shadow:
    0 0.6rem 1.6rem color-mix(in srgb, var(--workflow-color-text, var(--ink)) 20%, transparent),
    0 0 0 0.025rem color-mix(in srgb, var(--workflow-color-border, var(--line)) 70%, transparent) !important;
}
.workflow-plain-button:disabled,
.workflow-plain-button.taro-button-core:disabled,
taro-button-core.workflow-plain-button[disabled],
taro-button-core.workflow-plain-button:disabled {
  color: color-mix(
    in srgb,
    var(--workflow-color-text-muted, var(--ink-3)) 58%,
    transparent
  ) !important;
}
.showcase-hero-copy {
  max-width: min(48rem, calc(100% - 1rem));
  padding: 1rem 1.125rem;
  border: 0.025rem solid color-mix(in srgb, var(--site-color-on-primary, white) 16%, transparent);
  border-radius: 1rem;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--site-color-text, var(--ink)) 72%, transparent),
      color-mix(in srgb, var(--site-color-text, var(--ink)) 38%, transparent)
    ),
    color-mix(in srgb, var(--site-color-page-bg, var(--app-bg)) 46%, transparent);
  box-shadow:
    inset 0 0.025rem 0 color-mix(in srgb, var(--site-color-on-primary, white) 12%, transparent),
    0 0.45rem 1.2rem color-mix(in srgb, var(--site-color-text, var(--ink)) 34%, transparent);
  backdrop-filter: blur(0.25rem);
  -webkit-backdrop-filter: blur(0.25rem);
}
.showcase-hero-title,
.showcase-hero-title.taro-text-core,
taro-text-core.showcase-hero-title {
  color: var(--site-color-on-primary, white) !important;
  text-shadow:
    0 0.025rem 0.05rem color-mix(in srgb, var(--site-color-text, var(--ink)) 95%, transparent),
    0 0.2rem 0.6rem color-mix(in srgb, var(--site-color-text, var(--ink)) 70%, transparent);
}
.showcase-hero-summary,
.showcase-hero-summary.taro-text-core,
taro-text-core.showcase-hero-summary {
  color: color-mix(in srgb, var(--site-color-on-primary, white) 90%, transparent) !important;
  text-shadow:
    0 0.025rem 0.05rem color-mix(in srgb, var(--site-color-text, var(--ink)) 90%, transparent),
    0 0.15rem 0.45rem color-mix(in srgb, var(--site-color-text, var(--ink)) 62%, transparent);
}
.workflow-lightbox-backdrop,
.workflow-lightbox-backdrop.taro-button-core,
taro-button-core.workflow-lightbox-backdrop,
taro-button-core.workflow-lightbox-backdrop {
  margin: 0 !important;
  padding: 0 !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-page-deep, var(--app-bg-deep)) 78%,
    transparent
  ) !important;
  backdrop-filter: blur(0.4rem);
  -webkit-backdrop-filter: blur(0.4rem);
}
.workflow-processing-card,
.workflow-processing-card.taro-view-core,
taro-view-core.workflow-processing-card {
  border-color: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 26%,
    var(--workflow-color-border, var(--line))
  ) !important;
  box-shadow: 0 0 0.7rem
    color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 12%, transparent);
}
.workflow-progress-line-active,
.workflow-progress-line-active.taro-view-core,
taro-view-core.workflow-progress-line-active {
  background: var(--workflow-color-primary, var(--brand)) !important;
  box-shadow: 0 0 0.25rem
    color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 72%, transparent);
}
.workflow-progress-marker-active,
.workflow-progress-marker-active.taro-view-core,
taro-view-core.workflow-progress-marker-active {
  border-color: var(--workflow-color-primary, var(--brand)) !important;
  color: var(--workflow-color-primary, var(--brand)) !important;
  box-shadow: 0 0 0.375rem
    color-mix(in srgb, var(--workflow-color-primary, var(--brand)) 48%, transparent);
}
.workflow-progress-mobile-step-active,
.workflow-progress-mobile-step-active.taro-button-core,
taro-button-core.workflow-progress-mobile-step-active,
taro-button-core.workflow-progress-mobile-step-active {
  border-color: var(--workflow-color-primary-line, var(--brand-line)) !important;
  background: color-mix(
    in oklch,
    var(--workflow-color-primary, var(--brand)) 10%,
    var(--workflow-color-surface, var(--surface))
  ) !important;
}
.workspace-sidebar-mobile-backdrop,
.workspace-sidebar-mobile-backdrop.taro-button-core,
taro-button-core.workspace-sidebar-mobile-backdrop,
taro-button-core.workspace-sidebar-mobile-backdrop {
  background: color-mix(
    in srgb,
    var(--site-color-page-bg, var(--app-bg)) 35%,
    transparent
  ) !important;
}
.showcase-lightbox-close-button,
.showcase-lightbox-close-button.taro-button-core,
taro-button-core.showcase-lightbox-close-button,
taro-button-core.showcase-lightbox-close-button {
  background: color-mix(
    in srgb,
    var(--site-color-surface-well, var(--glass-well)) 74%,
    transparent
  ) !important;
  color: var(--site-color-text, var(--ink)) !important;
}
.progress-step-marker-active {
  border: 0.05rem solid var(--workflow-color-primary, var(--brand)) !important;
  outline: 0.025rem solid
    color-mix(in oklch, var(--workflow-color-primary, var(--brand)) 18%, transparent);
  outline-offset: 0;
  scale: 1.16 !important;
  box-shadow:
    0 0 0 0.1rem var(--workflow-color-surface, var(--surface)),
    0 0 0 0.025rem var(--workflow-color-primary-line, var(--brand-line)),
    0 0 0.3rem var(--workflow-color-primary-glow, var(--brand-glow));
}
.task-drawer-name-save-button,
.task-drawer-name-save-button.taro-button-core,
taro-button-core.task-drawer-name-save-button,
taro-button-core.task-drawer-name-save-button {
  border-color: color-mix(
    in oklch,
    var(--site-color-success, var(--success)) 32%,
    var(--line)
  ) !important;
  background: color-mix(
    in oklch,
    var(--site-color-success, var(--success)) 12%,
    var(--surface-glass-strong)
  ) !important;
}
.task-drawer-footer {
  box-shadow: 0 -0.45rem 0.9rem color-mix(in oklch, var(--surface) 72%, transparent);
}
.site-state-panel {
  display: flex;
  width: min(45rem, 100%);
  min-height: 20rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(2.75rem, 8vw, 4.5rem);
  border: 0.025rem solid color-mix(in srgb, var(--site-color-primary) 32%, transparent);
  border-radius: var(--site-radius-dialog);
  background: color-mix(in srgb, var(--site-color-card-bg) 92%, transparent);
  text-align: center;
  box-shadow: 0 0.9rem 2.4rem color-mix(in srgb, var(--site-color-text, var(--ink)) 32%, transparent);
}
.site-state-mark {
  width: clamp(4rem, 9vw, 5.5rem);
  height: clamp(4rem, 9vw, 5.5rem);
  margin: 0 auto 1.5rem;
  border-radius: 24.975rem;
  background: var(--site-color-primary);
  box-shadow: 0 0 1.2rem color-mix(in srgb, var(--site-color-primary) 42%, transparent);
}
.arco-input-wrapper:focus-within,
.arco-textarea-wrapper:focus-within,
.arco-select-view:focus-within,
.arco-picker:focus-within {
  border-color: var(--site-input-focus-border);
  background: var(--site-input-bg);
  box-shadow: 0 0 0 0.025rem color-mix(in srgb, var(--site-color-primary, var(--brand)) 12%, transparent);
}