/*! tailwindcss v4.2.1 | 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;
    --spacing: 0.25rem;
    --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 {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .isolate {
    isolation: isolate;
  }
  .col-2 {
    grid-column: 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .box-content {
    box-sizing: content-box;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .h-15 {
    height: calc(var(--spacing) * 15);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-17 {
    height: calc(var(--spacing) * 17);
  }
  .h-18 {
    height: calc(var(--spacing) * 18);
  }
  .h-19 {
    height: calc(var(--spacing) * 19);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-21 {
    height: calc(var(--spacing) * 21);
  }
  .h-22 {
    height: calc(var(--spacing) * 22);
  }
  .h-23 {
    height: calc(var(--spacing) * 23);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-26 {
    height: calc(var(--spacing) * 26);
  }
  .h-29 {
    height: calc(var(--spacing) * 29);
  }
  .h-31 {
    height: calc(var(--spacing) * 31);
  }
  .h-33 {
    height: calc(var(--spacing) * 33);
  }
  .h-34 {
    height: calc(var(--spacing) * 34);
  }
  .h-35 {
    height: calc(var(--spacing) * 35);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-37 {
    height: calc(var(--spacing) * 37);
  }
  .h-38 {
    height: calc(var(--spacing) * 38);
  }
  .h-39 {
    height: calc(var(--spacing) * 39);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-41 {
    height: calc(var(--spacing) * 41);
  }
  .h-42 {
    height: calc(var(--spacing) * 42);
  }
  .h-43 {
    height: calc(var(--spacing) * 43);
  }
  .h-45 {
    height: calc(var(--spacing) * 45);
  }
  .h-53 {
    height: calc(var(--spacing) * 53);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-63 {
    height: calc(var(--spacing) * 63);
  }
  .h-65 {
    height: calc(var(--spacing) * 65);
  }
  .h-67 {
    height: calc(var(--spacing) * 67);
  }
  .h-69 {
    height: calc(var(--spacing) * 69);
  }
  .h-71 {
    height: calc(var(--spacing) * 71);
  }
  .h-73 {
    height: calc(var(--spacing) * 73);
  }
  .h-74 {
    height: calc(var(--spacing) * 74);
  }
  .h-75 {
    height: calc(var(--spacing) * 75);
  }
  .h-76 {
    height: calc(var(--spacing) * 76);
  }
  .h-77 {
    height: calc(var(--spacing) * 77);
  }
  .h-79 {
    height: calc(var(--spacing) * 79);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-82 {
    height: calc(var(--spacing) * 82);
  }
  .h-83 {
    height: calc(var(--spacing) * 83);
  }
  .h-85 {
    height: calc(var(--spacing) * 85);
  }
  .h-87 {
    height: calc(var(--spacing) * 87);
  }
  .h-88 {
    height: calc(var(--spacing) * 88);
  }
  .h-89 {
    height: calc(var(--spacing) * 89);
  }
  .h-90 {
    height: calc(var(--spacing) * 90);
  }
  .h-92 {
    height: calc(var(--spacing) * 92);
  }
  .h-93 {
    height: calc(var(--spacing) * 93);
  }
  .h-94 {
    height: calc(var(--spacing) * 94);
  }
  .h-95 {
    height: calc(var(--spacing) * 95);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-97 {
    height: calc(var(--spacing) * 97);
  }
  .h-98 {
    height: calc(var(--spacing) * 98);
  }
  .h-99 {
    height: calc(var(--spacing) * 99);
  }
  .h-109 {
    height: calc(var(--spacing) * 109);
  }
  .h-113 {
    height: calc(var(--spacing) * 113);
  }
  .h-187 {
    height: calc(var(--spacing) * 187);
  }
  .h-189 {
    height: calc(var(--spacing) * 189);
  }
  .h-195 {
    height: calc(var(--spacing) * 195);
  }
  .h-199 {
    height: calc(var(--spacing) * 199);
  }
  .h-201 {
    height: calc(var(--spacing) * 201);
  }
  .h-203 {
    height: calc(var(--spacing) * 203);
  }
  .h-207 {
    height: calc(var(--spacing) * 207);
  }
  .h-209 {
    height: calc(var(--spacing) * 209);
  }
  .h-211 {
    height: calc(var(--spacing) * 211);
  }
  .h-213 {
    height: calc(var(--spacing) * 213);
  }
  .h-215 {
    height: calc(var(--spacing) * 215);
  }
  .h-217 {
    height: calc(var(--spacing) * 217);
  }
  .h-219 {
    height: calc(var(--spacing) * 219);
  }
  .h-221 {
    height: calc(var(--spacing) * 221);
  }
  .h-223 {
    height: calc(var(--spacing) * 223);
  }
  .h-225 {
    height: calc(var(--spacing) * 225);
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .shadow {
    --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));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline\! {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .filter {
    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,);
  }
  .backdrop-filter {
    -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,);
    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,);
  }
  .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;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
:root {
  --navy: #ffffff;
  --navy-soft: #f5f5f7;
  --ink: #1d1d1f;
  --muted: #6e6e73;
  --line: #e5e5e7;
  --panel: #ffffff;
  --canvas: #f5f5f7;
  --blue: #ff6b2c;
  --cyan: #ff9b63;
  --orange: #ff6b2c;
  --green: #20a66a;
}
.supplier-license-upload {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 18px 0;
  padding: 18px;
  border: 1px dashed #b8aae9;
  border-radius: 18px;
  background: #faf8ff;
  cursor: pointer;
}
.supplier-license-upload input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.supplier-license-upload svg {
  width: 30px;
  height: 30px;
}
.supplier-license-upload span {
  display: grid;
  gap: 4px;
}
.supplier-license-upload strong {
  font-size: 14px;
  color: #29213e;
}
.supplier-license-upload small {
  color: #827895;
}
.supplier-catalog-form {
  display: grid;
  gap: 16px;
  padding: 22px;
  margin: 20px 0;
  border: 1px solid #ebe5fa;
  border-radius: 22px;
  background: #fcfbff;
}
.real-catalog {
  margin-top: 20px;
}
.real-catalog>div {
  grid-template-columns: 38px minmax(220px,1fr) auto auto auto auto;
}
.real-catalog button.approve {
  background: #2b9865;
  color: #fff;
  border-color: #2b9865;
}
.projects-live-page {
  padding: 30px;
  max-width: 1500px;
  margin: 0 auto;
}
.projects-live-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 30px 34px;
  border-radius: 28px;
  background: linear-gradient(135deg,#272047,#694ee8 68%,#42c8ea);
  color: #fff;
  box-shadow: 0 22px 50px rgba(73,52,150,.18);
}
.projects-live-hero h1 {
  font-size: 34px;
  margin: 7px 0;
}
.projects-live-hero p {
  max-width: 760px;
  color: #e7e1ff;
}
.projects-live-hero>span {
  display: grid;
  text-align: right;
}
.projects-live-hero>span strong {
  font-size: 34px;
}
.projects-live-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 22px;
  margin-top: 22px;
}
.projects-create-card,.projects-live-list {
  background: #fff;
  border: 1px solid #eee9f8;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 12px 34px rgba(57,45,93,.06);
}
.projects-create-card {
  display: grid;
  gap: 13px;
  align-self: start;
  position: sticky;
  top: 18px;
}
.projects-create-card h2 {
  margin: 0;
}
.projects-create-card p {
  margin: 0 0 4px;
  color: #81788f;
}
.projects-create-card label,.support-form label,.operations-form-grid label {
  display: grid;
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
  color: #61576e;
}
.projects-create-card input,.projects-create-card select,.projects-create-card textarea,.support-form input,.support-form select,.support-form textarea,.operations-form-grid input {
  width: 100%;
  border: 1px solid #ddd5ee;
  border-radius: 12px;
  padding: 11px 12px;
  background: #fff;
  color: #2c2638;
}
.projects-create-card textarea,.support-form textarea {
  min-height: 110px;
  resize: vertical;
}
.projects-create-card>button,.support-form>button {
  border: 0;
  border-radius: 13px;
  padding: 13px 16px;
  background: #6854e8;
  color: #fff;
  font-weight: 800;
}
.projects-live-list>header,.support-history>header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.projects-live-list>header h2,.support-history>header h2 {
  margin: 0;
}
.projects-live-list>article {
  display: grid;
  grid-template-columns: 48px minmax(240px,1fr) auto auto auto;
  align-items: center;
  gap: 13px;
  padding: 17px 0;
  border-bottom: 1px solid #f0edf6;
}
.project-live-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: #f0ecff;
}
.project-live-icon svg {
  width: 27px;
  height: 27px;
}
.projects-live-list article p,.projects-live-list article small {
  margin: 4px 0;
  color: #82798e;
}
.projects-live-list article>em {
  font-style: normal;
  padding: 5px 9px;
  border-radius: 999px;
  background: #f2effa;
  color: #665e73;
}
.projects-live-list article>button {
  border: 1px solid #ddd5ef;
  border-radius: 10px;
  padding: 9px 12px;
  background: #fff;
  color: #5b4bb1;
}
.projects-live-list article>button.primary {
  background: #6955e8;
  color: #fff;
  border-color: #6955e8;
}
.project-detail-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: grid;
  place-items: center;
  background: rgba(24,18,41,.55);
  backdrop-filter: blur(9px);
  padding: 24px;
}
.project-version-dialog {
  width: min(680px,95vw);
  max-height: 82vh;
  overflow: auto;
  background: #fff;
  border-radius: 25px;
  padding: 26px;
  box-shadow: 0 32px 90px rgba(20,13,44,.28);
}
.project-version-dialog>header {
  display: flex;
  justify-content: space-between;
}
.project-version-dialog header h2 {
  margin: 5px 0;
}
.project-version-dialog header button {
  border: 0;
  background: #f1edf8;
  border-radius: 50%;
  width: 38px;
  height: 38px;
}
.project-version-list {
  display: grid;
  gap: 10px;
  margin: 20px 0;
}
.project-version-list article {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px solid #ece7f4;
  border-radius: 15px;
}
.project-version-list article>span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 38px;
  border-radius: 11px;
  background: #6b56e8;
  color: #fff;
  font-weight: 800;
}
.project-version-list small {
  display: block;
  margin-top: 4px;
  color: #81798c;
}
.support-page {
  padding: 30px;
  max-width: 1400px;
  margin: 0 auto;
}
.support-hero {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 30px;
  border-radius: 27px;
  background: linear-gradient(135deg,#f3efff,#e7f8ff);
  border: 1px solid #e6def8;
}
.support-hero h1 {
  margin: 6px 0;
  font-size: 32px;
}
.support-hero>div:last-child {
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 240px;
  padding: 17px;
  border-radius: 18px;
  background: rgba(255,255,255,.75);
}
.support-hero a {
  color: #624bd4;
}
.support-grid {
  display: grid;
  grid-template-columns: 390px minmax(0,1fr);
  gap: 22px;
  margin-top: 22px;
}
.support-form,.support-history {
  padding: 24px;
  background: #fff;
  border: 1px solid #ece7f5;
  border-radius: 23px;
  box-shadow: 0 12px 30px rgba(50,37,85,.05);
}
.support-form {
  display: grid;
  gap: 14px;
}
.support-form>p {
  font-size: 12px;
  line-height: 1.6;
  color: #837b8d;
}
.support-form>p a {
  margin: 0 3px;
  color: #634fd2;
}
.support-history article,.support-ticket-list article {
  display: grid;
  grid-template-columns: auto minmax(220px,1fr) auto auto;
  align-items: center;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid #f0edf5;
}
.support-history article>span,.ticket-type {
  padding: 6px 10px;
  border-radius: 999px;
  background: #eeeaff;
  color: #654fd4;
  font-size: 12px;
  font-weight: 800;
}
.support-history article p,.support-ticket-list article p {
  margin: 5px 0;
  color: #625a6c;
}
.support-history article small,.support-ticket-list article small {
  color: #918a99;
}
.support-history article>em,.support-ticket-list article>em {
  font-style: normal;
  color: #675c76;
}
.support-ticket-list article>div:last-child {
  display: flex;
  gap: 6px;
}
.support-ticket-list button {
  border: 1px solid #ded7ed;
  border-radius: 9px;
  padding: 7px 9px;
  background: #fff;
}
.support-ticket-list button.approve {
  background: #2b9865;
  border-color: #2b9865;
  color: #fff;
}
.operations-form-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin: 18px 0;
}
.admin-user-status-actions a {
  display: inline-flex;
  align-items: center;
  border: 1px solid #cfc3ef;
  border-radius: 8px;
  padding: 5px 7px;
  color: #5d47c8;
  font-size: 11px;
  text-decoration: none;
}
@media (max-width:1050px) {
  .projects-live-layout,.support-grid {
    grid-template-columns: 1fr;
  }
  .projects-create-card {
    position: static;
  }
  .operations-form-grid {
    grid-template-columns: 1fr 1fr;
  }
  .projects-live-list>article {
    grid-template-columns: 48px 1fr auto;
  }
  .projects-live-list article>button {
    grid-column: 2;
  }
  .real-catalog>div {
    grid-template-columns: 38px 1fr auto;
  }
  .real-catalog>div button {
    grid-column: auto;
  }
}
@media (max-width:700px) {
  .projects-live-page,.support-page {
    padding: 16px;
  }
  .projects-live-hero,.support-hero {
    display: grid;
    padding: 22px;
  }
  .support-hero>div:last-child {
    min-width: 0;
  }
  .projects-live-list>article {
    grid-template-columns: 42px 1fr;
  }
  .projects-live-list article>em,.projects-live-list article>button {
    grid-column: 2;
  }
  .operations-form-grid {
    grid-template-columns: 1fr;
  }
  .support-history article,.support-ticket-list article {
    grid-template-columns: 1fr;
  }
  .support-ticket-list article>div:last-child {
    flex-wrap: wrap;
  }
  .supplier-catalog-form {
    padding: 16px;
  }
  .real-catalog>div {
    grid-template-columns: 34px 1fr;
  }
  .real-catalog>div>*:not(svg) {
    grid-column: 2;
  }
}
.marketplace-page {
  padding: 30px;
  max-width: 1500px;
  margin: 0 auto;
}
.marketplace-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 32px;
  border-radius: 28px;
  background: linear-gradient(135deg,#f1edff,#e6fbff);
  border: 1px solid #e5def7;
}
.marketplace-hero h1 {
  font-size: 33px;
  margin: 6px 0;
}
.marketplace-hero p {
  max-width: 850px;
  color: #6f6879;
}
.marketplace-hero>strong {
  font-size: 18px;
  color: #624bd4;
}
.marketplace-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
}
.marketplace-toolbar>label {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1;
  padding: 11px 14px;
  border: 1px solid #e2dced;
  border-radius: 14px;
  background: #fff;
}
.marketplace-toolbar svg {
  width: 22px;
  height: 22px;
}
.marketplace-toolbar input {
  width: 100%;
  border: 0;
  outline: 0;
}
.marketplace-toolbar>div {
  display: flex;
  padding: 4px;
  border-radius: 12px;
  background: #eeebf5;
}
.marketplace-toolbar button {
  border: 0;
  border-radius: 9px;
  padding: 9px 12px;
  background: transparent;
}
.marketplace-toolbar button.active {
  background: #fff;
  color: #654ed9;
  box-shadow: 0 3px 12px rgba(66,49,111,.08);
}
.marketplace-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}
.marketplace-grid article {
  position: relative;
  padding: 22px;
  border: 1px solid #ebe6f3;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(51,38,86,.06);
}
.marketplace-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 17px;
  background: #f1edff;
}
.marketplace-icon svg {
  width: 33px;
  height: 33px;
}
.marketplace-grid article>em {
  position: absolute;
  right: 18px;
  top: 18px;
  font-style: normal;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eaf8f6;
  color: #207c6b;
}
.marketplace-grid h2 {
  margin: 15px 0 8px;
  font-size: 20px;
}
.marketplace-grid article>p {
  min-height: 54px;
  color: #756e7f;
}
.marketplace-grid dl {
  display: grid;
  gap: 7px;
  margin: 16px 0;
}
.marketplace-grid dl div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.marketplace-grid dt {
  color: #928a9b;
}
.marketplace-grid dd {
  font-weight: 700;
  text-align: right;
}
.marketplace-grid article>small {
  display: block;
  color: #8d8595;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-grid article>button {
  width: 100%;
  margin-top: 16px;
  border: 0;
  border-radius: 12px;
  padding: 11px;
  background: #6954e8;
  color: #fff;
  font-weight: 800;
}
.merchant-category-strip {
  display: flex;
  gap: 8px;
  margin-top: 18px;
  padding: 6px;
  overflow-x: auto;
  border-radius: 14px;
  background: #ebe7f1;
  scrollbar-width: thin;
}
.merchant-category-strip button {
  flex: 0 0 auto;
  border: 0;
  border-radius: 10px;
  padding: 9px 12px;
  background: transparent;
  color: #6d6477;
  font-size: .78rem;
  font-weight: 800;
}
.merchant-category-strip button.active {
  background: #fff;
  color: #654bd2;
  box-shadow: 0 4px 14px rgba(56,40,92,.1);
}
.sidebar {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #cfc5e8 transparent;
}
.sidebar::-webkit-scrollbar {
  width: 5px;
}
.sidebar::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #cfc5e8;
}
.main-nav {
  flex: none;
}
@media (max-width:1050px) {
  .marketplace-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width:700px) {
  .marketplace-page {
    padding: 16px;
  }
  .marketplace-hero {
    display: grid;
    padding: 22px;
  }
  .marketplace-toolbar {
    align-items: stretch;
    flex-wrap: wrap;
  }
  .marketplace-toolbar>label {
    flex-basis: 100%;
  }
  .marketplace-grid {
    grid-template-columns: 1fr;
  }
}
.share-project-page {
  min-height: 100vh;
  background: #f8f6fc;
  color: #29223a;
  padding-bottom: 50px;
}
.share-project-page>header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px max(24px,calc((100vw - 1100px)/2));
  background: #fff;
  border-bottom: 1px solid #ece8f3;
}
.share-project-page>header>div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.share-project-page>header img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.share-project-page>header span {
  display: grid;
}
.share-project-page>header small {
  font-size: 9px;
  color: #887e99;
}
.share-project-page>header em {
  font-style: normal;
  padding: 7px 11px;
  border-radius: 999px;
  background: #efeaff;
  color: #6149cc;
}
.share-cover,.share-summary,.share-slides,.share-project-page>footer,.share-expired {
  width: min(1100px,calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
}
.share-cover {
  margin-top: 26px;
  padding: 56px;
  border-radius: 28px;
  background: linear-gradient(135deg,#281f48,#6852df 65%,#39b9dc);
  color: #fff;
}
.share-cover>span {
  font-size: 12px;
  letter-spacing: .16em;
  color: #dcd5ff;
}
.share-cover h1 {
  font-size: 44px;
  margin: 12px 0;
}
.share-cover p {
  font-size: 18px;
  color: #e8e2ff;
}
.share-cover small {
  display: block;
  margin-top: 35px;
  color: #d8d1ed;
}
.share-summary {
  padding: 28px 0;
}
.share-summary h2 {
  font-size: 24px;
}
.share-summary p {
  color: #81778f;
}
.share-slides {
  display: grid;
  gap: 16px;
}
.share-slides article {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 18px;
  padding: 26px;
  border: 1px solid #ebe6f2;
  border-radius: 21px;
  background: #fff;
}
.share-slides article>span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #efeaff;
  color: #6750d8;
  font-weight: 900;
}
.share-slides h2 {
  margin: 4px 0 10px;
}
.share-slides p,.share-slides li {
  color: #685f74;
  line-height: 1.7;
}
.share-project-page>footer {
  margin-top: 24px;
  padding: 18px;
  border-radius: 15px;
  background: #eeeaf6;
  color: #71677e;
  font-size: 12px;
}
.share-expired {
  margin-top: 80px;
  padding: 50px;
  text-align: center;
  border-radius: 28px;
  background: #fff;
}
.share-expired img {
  width: 90px;
  height: 90px;
  object-fit: contain;
}
.share-expired h1 {
  font-size: 30px;
}
@media (max-width:700px) {
  .share-cover {
    padding: 30px 24px;
  }
  .share-cover h1 {
    font-size: 30px;
  }
  .share-slides article {
    grid-template-columns: 1fr;
  }
  .share-project-page>header {
    padding: 14px 16px;
  }
}
.live-dashboard {
  padding: 30px;
  max-width: 1500px;
  margin: 0 auto;
}
.live-dashboard-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 32px;
  border-radius: 28px;
  background: linear-gradient(135deg,#2a2248,#6652de 65%,#43bfd9);
  color: #fff;
}
.live-dashboard-hero h1 {
  font-size: 34px;
  margin: 6px 0;
}
.live-dashboard-hero p {
  color: #e6e0fa;
}
.live-dashboard-hero button {
  border: 0;
  border-radius: 14px;
  padding: 13px 18px;
  background: #fff;
  color: #5d49c8;
  font-weight: 900;
}
.live-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 14px;
  margin: 18px 0;
}
.live-dashboard-metrics article {
  display: grid;
  gap: 6px;
  padding: 20px;
  border: 1px solid #ebe6f2;
  border-radius: 19px;
  background: #fff;
}
.live-dashboard-metrics strong {
  font-size: 28px;
}
.live-dashboard-metrics span {
  color: #82798e;
}
.live-dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.live-dashboard-grid>section {
  padding: 22px;
  border: 1px solid #ebe6f2;
  border-radius: 22px;
  background: #fff;
}
.live-dashboard-grid>section>header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.live-dashboard-grid header h2 {
  margin: 0;
}
.live-dashboard-grid header span {
  color: #8b8297;
}
.live-dashboard-grid header button {
  border: 1px solid #ddd6eb;
  border-radius: 10px;
  padding: 8px 11px;
  background: #fff;
}
.live-dashboard-grid>section>article {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid #f0edf5;
}
.live-dashboard-grid article small {
  display: block;
  margin-top: 4px;
  color: #8d8597;
}
.live-dashboard-grid article>em {
  font-style: normal;
  color: #8b8394;
  font-size: 12px;
}
@media (max-width:850px) {
  .live-dashboard-metrics {
    grid-template-columns: 1fr 1fr;
  }
  .live-dashboard-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width:600px) {
  .live-dashboard {
    padding: 16px;
  }
  .live-dashboard-hero {
    display: grid;
    padding: 22px;
  }
  .live-dashboard-metrics {
    grid-template-columns: 1fr 1fr;
  }
  .live-dashboard-grid>section {
    padding: 16px;
  }
}
.app-icon {
  display: inline-grid;
  place-items: center;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  overflow: visible;
}
.app-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}
:where(button) .app-icon {
  pointer-events: none;
}
.zcool-home,
.mini-preview-page,
.app-shell {
  --lavender: #7357f6;
  --violet: #9f6dff;
  --sky: #55c8ff;
  --rose: #ff79bd;
  --peach: #ff987a;
  --glow: 0 18px 50px rgba(92, 63, 174, 0.12);
}
.zcool-home {
  background: radial-gradient(circle at 72% 5%, rgba(119, 204, 255, .2), transparent 27%),
    radial-gradient(circle at 38% 20%, rgba(184, 143, 255, .2), transparent 31%),
    linear-gradient(145deg, #fbfaff 0%, #f4f1ff 48%, #f9fbff 100%);
}
.zcool-home .creation-video-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.86) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: .32;
  mask-image: linear-gradient(to bottom, #000, transparent 68%);
}
.industry-rail {
  width: 252px;
  padding: 22px 16px;
  border-right: 1px solid rgba(133, 110, 206, .14);
  background: rgba(255,255,255,.68);
  box-shadow: 18px 0 60px rgba(76, 52, 140, .05);
  backdrop-filter: blur(28px) saturate(145%);
}
.industry-brand {
  min-height: 66px;
  padding: 10px 12px !important;
  border: 1px solid rgba(124, 92, 218, .12) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,239,255,.82)) !important;
  box-shadow: 0 12px 28px rgba(85, 57, 166, .08);
}
.industry-caption {
  padding: 25px 10px 9px;
}
.industry-caption > span {
  color: #6e55d9;
  font-weight: 800;
  letter-spacing: .08em;
}
.industry-rail nav {
  gap: 6px;
}
.industry-rail nav button {
  min-height: 62px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 18px;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.industry-rail nav button:hover {
  transform: translateX(3px);
  border-color: rgba(116, 83, 220, .12);
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 26px rgba(77, 55, 151, .08);
}
.industry-rail nav button.active {
  border-color: rgba(124, 91, 238, .15);
  background: linear-gradient(135deg, rgba(235,228,255,.96), rgba(242,247,255,.96));
  box-shadow: 0 12px 30px rgba(92, 61, 190, .13);
}
.industry-icon,
.nav-icon,
.mini-feature-icon,
.mini-account-row > b,
.mini-nav-icon {
  position: relative;
  display: inline-grid !important;
  place-items: center;
  overflow: hidden;
  color: white !important;
  background: linear-gradient(145deg, #8f72ff, #5f4ce4);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 8px 18px rgba(92, 63, 185, .25);
}
.industry-icon::after,
.nav-icon::after,
.mini-feature-icon::after,
.mini-account-row > b::after,
.mini-nav-icon::after {
  content: "";
  position: absolute;
  inset: 1px 2px auto;
  height: 42%;
  border-radius: inherit;
  background: linear-gradient(rgba(255,255,255,.48), rgba(255,255,255,0));
  pointer-events: none;
}
.industry-icon .app-icon,
.nav-icon .app-icon,
.mini-feature-icon .app-icon,
.mini-account-row > b .app-icon,
.mini-nav-icon .app-icon {
  position: relative;
  z-index: 1;
  width: 21px;
  height: 21px;
}
.industry-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
}
.icon-home, .icon-conference {
  background: linear-gradient(145deg, #7489ff, #5d55e7) !important;
}
.icon-projects, .icon-workflow {
  background: linear-gradient(145deg, #a673ff, #7750ec) !important;
}
.icon-tender, .icon-file {
  background: linear-gradient(145deg, #57c8ff, #3d83ed) !important;
}
.icon-skills, .icon-sparkles {
  background: linear-gradient(145deg, #ff87c8, #9b64ff) !important;
}
.icon-inspiration, .icon-image {
  background: linear-gradient(145deg, #ff8ea6, #ff6f83) !important;
}
.icon-template, .icon-branding {
  background: linear-gradient(145deg, #f2a4ff, #9867ed) !important;
}
.icon-quote, .icon-wallet {
  background: linear-gradient(145deg, #ffbd68, #ff875f) !important;
}
.icon-procurement, .icon-pay {
  background: linear-gradient(145deg, #5ddfc7, #23a3a7) !important;
}
.icon-learning, .icon-help {
  background: linear-gradient(145deg, #70d8ff, #6278ef) !important;
}
.icon-admin, .icon-settings {
  background: linear-gradient(145deg, #8a92ae, #566079) !important;
}
.icon-pr, .icon-advertising {
  background: linear-gradient(145deg, #ffab72, #ff6e83) !important;
}
.icon-performance {
  background: linear-gradient(145deg, #fd78ca, #7d63e9) !important;
}
.icon-artists, .icon-user {
  background: linear-gradient(145deg, #b985ff, #624fe5) !important;
}
.icon-reputation {
  background: linear-gradient(145deg, #63d7c2, #388fd0) !important;
}
.icon-sports {
  background: linear-gradient(145deg, #ffb45d, #ef596c) !important;
}
.icon-upload {
  background: linear-gradient(145deg, #6fd5ff, #5866ea) !important;
}
.icon-contact {
  background: linear-gradient(145deg, #66d7bb, #4993dc) !important;
}
.creation-main {
  margin-left: 252px;
}
.zcool-topbar {
  margin: 14px 22px 0;
  border: 1px solid rgba(126, 102, 199, .11);
  border-radius: 20px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 32px rgba(69, 46, 137, .07);
  backdrop-filter: blur(24px);
}
.zcool-topbar > label {
  border: 1px solid rgba(122, 96, 196, .13);
  border-radius: 14px;
  background: rgba(248,246,255,.86);
}
.zcool-topbar > label span .app-icon {
  width: 17px;
  height: 17px;
  color: #725bd2;
}
.zcool-account button {
  border-radius: 13px !important;
}
.account-notice .app-icon {
  width: 18px;
  height: 18px;
}
.zcool-content {
  max-width: 1240px;
  margin: 0 auto;
  padding: 34px 34px 70px;
}
.industry-page-intro > span {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 20px;
  color: white;
  background: linear-gradient(145deg, #a87cff, #6352e4);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 14px 30px rgba(90, 60, 190, .2);
}
.industry-page-intro > span .app-icon {
  width: 28px;
  height: 28px;
}
.industry-page-intro strong {
  color: #1f1937;
}
.industry-page-intro p {
  color: #746e86;
}
.featured-carousel {
  min-height: 328px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 32px;
  background: radial-gradient(circle at 78% 30%, rgba(113,224,255,.54), transparent 25%),
    radial-gradient(circle at 72% 85%, rgba(255,112,196,.38), transparent 31%),
    linear-gradient(130deg, #6556df 0%, #9670ee 45%, #d8c7ff 100%) !important;
  box-shadow: 0 25px 65px rgba(82, 51, 177, .22), inset 0 1px 0 rgba(255,255,255,.62);
}
.featured-copy > span {
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.28) !important;
}
.featured-copy button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.6) !important;
  border-radius: 14px !important;
  color: #5846c7 !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 24px rgba(56,35,135,.18);
}
.featured-score {
  background: rgba(255,255,255,.17) !important;
  backdrop-filter: blur(18px);
}
.zcool-mode-grid {
  gap: 18px;
}
.zcool-mode {
  min-height: 172px;
  border: 1px solid rgba(114, 88, 193, .13) !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(245,241,255,.9)) !important;
  box-shadow: 0 18px 45px rgba(78, 54, 148, .09) !important;
}
.zcool-mode:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 55px rgba(78,54,148,.15) !important;
}
.zcool-mode.expert {
  background: linear-gradient(145deg, rgba(247,251,255,.95), rgba(232,242,255,.9)) !important;
}
.zcool-mode-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 19px !important;
}
.zcool-mode-icon .app-icon {
  width: 28px;
  height: 28px;
}
.zcool-mode h3 {
  color: #211a39;
}
.zcool-mode p {
  color: #777086;
}
.zcool-mode em {
  color: #6d56da !important;
}
.creation-discover {
  border: 1px solid rgba(115, 91, 188, .11);
  border-radius: 28px;
  background: rgba(255,255,255,.58);
  box-shadow: 0 20px 55px rgba(76,55,136,.06);
  backdrop-filter: blur(18px);
}
.discover-toolbar label {
  border-radius: 14px !important;
  background: #f7f4ff !important;
}
.discover-grid > button {
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(72,52,132,.08);
}
.app-shell {
  background: linear-gradient(145deg, #f7f5ff, #f7fbff);
}
.sidebar {
  background: rgba(255,255,255,.82) !important;
  border-right-color: rgba(116,92,190,.13) !important;
  backdrop-filter: blur(22px);
}
.new-project {
  border-radius: 16px !important;
  background: linear-gradient(135deg, #7658f3, #aa72ff 52%, #54c8ff) !important;
  box-shadow: 0 13px 28px rgba(96,72,213,.27) !important;
}
.new-project span .app-icon {
  width: 15px;
  height: 15px;
}
.main-nav .nav-item {
  min-height: 44px;
  border-radius: 14px !important;
}
.main-nav .nav-item.active {
  background: linear-gradient(135deg, #eee9ff, #eef7ff) !important;
  color: #614bd0 !important;
}
.nav-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
}
.nav-icon .app-icon {
  width: 16px;
  height: 16px;
}
.topbar {
  background: rgba(255,255,255,.76) !important;
  backdrop-filter: blur(22px);
}
.global-search {
  border-radius: 14px !important;
  background: #f7f4ff !important;
}
.global-search .app-icon, .icon-button .app-icon {
  width: 17px;
  height: 17px;
}
.project-head, .stage-strip, .content-grid > *, .project-tabs {
  border-color: rgba(114,90,187,.1) !important;
}
.approve-purchase-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg,#7459ec,#9c6cff) !important;
}
.approve-purchase-button .app-icon {
  width: 16px;
  height: 16px;
}
.mini-preview-page {
  background: radial-gradient(circle at 17% 7%, rgba(169,132,255,.22), transparent 28%),
    radial-gradient(circle at 84% 17%, rgba(83,200,255,.2), transparent 25%),
    linear-gradient(145deg,#f6f2ff,#f4f9ff) !important;
}
.mini-phone {
  border: 9px solid #1e1930 !important;
  background: #1e1930 !important;
  box-shadow: 0 40px 90px rgba(47,30,95,.28), 0 0 0 1px rgba(255,255,255,.5) !important;
}
.mini-screen {
  background: radial-gradient(circle at 86% 8%, rgba(99,203,255,.23), transparent 27%),
    radial-gradient(circle at 20% 21%, rgba(167,121,255,.22), transparent 31%),
    linear-gradient(155deg,#fbf9ff 0%,#f3efff 50%,#f8fbff 100%) !important;
}
.signin-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 36px;
  color: #211a39;
  background: radial-gradient(circle at 18% 12%, rgba(122, 211, 255, .3), transparent 27%),
    radial-gradient(circle at 82% 18%, rgba(184, 123, 255, .28), transparent 31%),
    linear-gradient(145deg, #faf8ff, #f0edff 52%, #f5fbff);
}
.signin-card {
  width: min(1040px, 100%);
  padding: 46px;
  border: 1px solid rgba(119,91,198,.14);
  border-radius: 34px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 35px 90px rgba(72,48,143,.16);
  backdrop-filter: blur(28px);
}
.signin-brand {
  display: flex;
  align-items: center;
  gap: 13px;
}
.signin-brand > span {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: linear-gradient(145deg,#fff,#eee9ff);
  box-shadow: 0 13px 28px rgba(93,67,183,.18);
}
.signin-brand img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}
.signin-brand strong, .signin-brand small {
  display: block;
}
.signin-brand strong {
  font-size: 20px;
}
.signin-brand small {
  margin-top: 3px;
  color: #7b6aa8;
  font-size: 10px;
  letter-spacing: .15em;
}
.signin-copy {
  margin: 46px 0 30px;
  max-width: 820px;
}
.signin-copy h1 {
  max-width: 720px;
  margin: 8px 0 14px;
  font-size: clamp(36px,5vw,64px);
  line-height: 1.08;
  letter-spacing: -.055em;
}
.signin-copy p {
  max-width: 720px;
  color: #746e86;
  font-size: 16px;
  line-height: 1.8;
}
.signin-roles {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
}
.signin-roles article {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 18px;
  border: 1px solid #e9e4fa;
  border-radius: 20px;
  background: #fff;
}
.signin-roles .app-icon {
  width: 48px;
  height: 48px;
}
.signin-roles strong, .signin-roles span {
  display: block;
}
.signin-roles span {
  margin-top: 5px;
  color: #7d758d;
  font-size: 12px;
  line-height: 1.55;
}
.signin-primary {
  width: 100%;
  min-height: 56px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 17px;
  color: white;
  font-weight: 850;
  text-decoration: none;
  background: linear-gradient(135deg,#6850e9,#a86dff 55%,#50c8ff);
  box-shadow: 0 15px 35px rgba(97,68,209,.26);
}
.signin-primary .app-icon {
  width: 24px;
  height: 24px;
}
.signin-note {
  margin: 15px 0 0;
  color: #958da4;
  text-align: center;
  font-size: 12px;
}
.signin-note a {
  margin: 0 2px;
  color: #6f55d8;
}
.signin-loading {
  display: grid;
  justify-items: center;
  gap: 8px;
}
.signin-loading img {
  width: 90px;
  height: 90px;
  object-fit: contain;
  animation: dayuFloat 1.8s ease-in-out infinite;
}
.signin-loading strong {
  font-size: 18px;
}
.signin-loading span {
  color: #857b99;
  font-size: 13px;
}
@keyframes dayuFloat {
  50% {
    transform: translateY(-7px) rotate(2deg);
  }
}
.role-locked-account {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid #e8e2f8;
  border-radius: 14px;
  background: #f9f7ff;
}
.role-locked-account > span:nth-child(2) {
  flex: 1;
}
.role-locked-account strong, .role-locked-account small {
  display: block;
}
.role-locked-account small {
  margin-top: 3px;
  color: #8a8397;
  font-size: 10px;
}
.role-locked-account em {
  color: #26a86b;
  font-style: normal;
  font-weight: 900;
}
.role-signout {
  display: block;
  margin-top: 9px;
  padding: 10px;
  border-radius: 12px;
  color: #745fc7;
  text-align: center;
  text-decoration: none;
  background: #f4f0ff;
}
.quota-recharge {
  width: 100%;
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(109,82,214,.16);
  border-radius: 10px;
  color: #6550cf;
  font-size: 11px;
  font-weight: 800;
  background: #f5f1ff;
}
.recharge-backdrop {
  position: fixed;
  z-index: 200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(27,18,52,.42);
  backdrop-filter: blur(12px);
}
.recharge-dialog {
  width: min(680px,100%);
  padding: 28px;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 32px 90px rgba(34,19,78,.32);
}
.recharge-dialog header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.recharge-dialog h2 {
  margin: 6px 0;
  font-size: 28px;
  color: #231b3c;
}
.recharge-dialog header p, .recharge-dialog footer {
  color: #81798e;
  font-size: 12px;
  line-height: 1.7;
}
.recharge-dialog header > button {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #f2eff8;
}
.recharge-packages {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
  margin: 24px 0;
}
.recharge-packages button {
  position: relative;
  min-height: 170px;
  padding: 20px 14px;
  border: 1px solid #e9e4f6;
  border-radius: 20px;
  background: #fbfaff;
}
.recharge-packages button.recommended {
  color: white;
  border-color: transparent;
  background: linear-gradient(145deg,#6752e7,#a770f5);
  box-shadow: 0 18px 40px rgba(99,73,205,.25);
  transform: translateY(-4px);
}
.recharge-packages span, .recharge-packages p, .recharge-packages small {
  display: block;
}
.recharge-packages strong {
  display: block;
  margin: 15px 0 7px;
  font-size: 28px;
}
.recharge-packages p {
  font-weight: 800;
}
.recharge-packages small {
  margin-top: 9px;
  opacity: .72;
}
.supplier-application-page {
  padding: 34px;
}
.supplier-application-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 30px;
  border: 1px solid rgba(116,90,187,.12);
  border-radius: 28px;
  background: linear-gradient(145deg,#fff,#f2edff);
  box-shadow: 0 18px 45px rgba(78,54,148,.08);
}
.supplier-application-hero h1 {
  margin: 6px 0 10px;
  color: #211a39;
  font-size: 32px;
}
.supplier-application-hero p {
  max-width: 720px;
  color: #746e86;
}
.supplier-application-status {
  padding: 10px 14px;
  border-radius: 999px;
  color: #6c54d5;
  font-size: 12px;
  font-weight: 850;
  background: #ede8ff;
}
.supplier-application-form {
  margin-top: 18px;
  padding: 30px;
  border: 1px solid rgba(116,90,187,.11);
  border-radius: 28px;
  background: #fff;
}
.supplier-category-picker {
  margin: 24px 0;
}
.supplier-category-picker > strong {
  display: block;
  margin-bottom: 12px;
  color: #302843;
}
.supplier-category-picker > div {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.supplier-category-picker button {
  padding: 10px 13px;
  border: 1px solid #e6e0f4;
  border-radius: 12px;
  color: #6e657d;
  background: #faf9fd;
}
.supplier-category-picker button.active {
  color: #6049ce;
  border-color: #bcb0ee;
  background: #f1edff;
}
.supplier-application-rules {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  border-radius: 18px;
  color: #514760;
  background: #f7f4ff;
}
.supplier-application-rules .app-icon {
  width: 34px;
  height: 34px;
}
.supplier-application-rules p {
  margin-top: 5px;
  color: #7d748c;
  font-size: 12px;
  line-height: 1.7;
}
.supplier-application-submit {
  width: 100%;
  min-height: 52px;
  margin-top: 22px;
  border: 0;
  border-radius: 15px;
  color: #fff;
  font-weight: 850;
  background: linear-gradient(135deg,#6f55e9,#a96dff);
}
.supplier-application-submit:disabled {
  opacity: .45;
}
.quote-export-actions {
  display: flex;
  gap: 10px;
}
.quote-export-actions button:first-child {
  color: #674ed4;
  border: 1px solid #d8cff8;
  background: #f3efff;
}
.admin-user-status-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
.admin-user-status-actions button {
  padding: 5px 8px;
  border: 1px solid #ddd5f4;
  border-radius: 8px;
  font-size: 10px;
  background: #f8f5ff;
}
.admin-user-status-actions button.approve {
  color: white;
  border-color: #26a86b;
  background: #26a86b;
}
.notification-drawer {
  position: fixed;
  z-index: 160;
  top: 78px;
  right: 24px;
  width: min(390px,calc(100vw - 32px));
  max-height: calc(100vh - 100px);
  overflow: auto;
  padding: 18px;
  border: 1px solid #e5def6;
  border-radius: 22px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 25px 70px rgba(42,25,88,.23);
  backdrop-filter: blur(20px);
}
.notification-drawer header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eee9f8;
}
.notification-drawer h3 {
  margin: 4px 0 0;
  color: #251d3e;
  font-size: 20px;
}
.notification-drawer header button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #f2eef9;
}
.notification-drawer article {
  margin-top: 10px;
  padding: 13px;
  border-radius: 14px;
  background: #faf9fc;
}
.notification-drawer article.unread {
  border-left: 3px solid #7559ed;
  background: #f3efff;
}
.notification-drawer article strong, .notification-drawer article small {
  display: block;
}
.notification-drawer article p {
  margin: 5px 0;
  color: #6f667e;
  font-size: 12px;
  line-height: 1.55;
}
.notification-drawer article small {
  color: #9b94a6;
  font-size: 10px;
}
.notification-empty {
  padding: 26px 12px;
  color: #8a8296;
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
}
.notification-read-all {
  width: 100%;
  margin-top: 12px;
  padding: 10px;
  border: 0;
  border-radius: 12px;
  color: #654ed1;
  font-weight: 800;
  background: #f1edff;
}
.admin-empty-real-data {
  display: grid;
  gap: 7px;
  padding: 34px 18px;
  color: #8a8296;
  text-align: center;
}
.admin-empty-real-data strong {
  color: #4f465f;
}
.admin-empty-real-data span {
  font-size: 12px;
  line-height: 1.6;
}
.legal-page {
  min-height: 100vh;
  padding: 46px 20px;
  color: #2e273d;
  background: linear-gradient(145deg,#f8f6ff,#f5faff);
}
.legal-page > article {
  width: min(920px,100%);
  margin: 0 auto;
  border: 1px solid #e8e2f5;
  border-radius: 28px;
  background: white;
  box-shadow: 0 24px 70px rgba(67,45,126,.1);
  overflow: hidden;
}
.legal-page header {
  padding: 42px;
  color: white;
  background: linear-gradient(135deg,#5f4bd7,#9c6ef1 55%,#55c8ff);
}
.legal-page header > a {
  color: white;
  font-size: 12px;
  text-decoration: none;
  opacity: .86;
}
.legal-page header > span {
  display: block;
  margin-top: 38px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  opacity: .72;
}
.legal-page h1 {
  margin: 8px 0 12px;
  font-size: 38px;
  letter-spacing: -.04em;
}
.legal-page header p {
  max-width: 720px;
  line-height: 1.7;
  opacity: .88;
}
.legal-page header small {
  display: block;
  margin-top: 18px;
  opacity: .7;
}
.legal-page > article > section {
  padding: 34px 42px;
}
.legal-section {
  padding: 22px 0;
  border-bottom: 1px solid #eeeaf6;
}
.legal-section:last-child {
  border: 0;
}
.legal-section h2 {
  margin: 0 0 10px;
  font-size: 18px;
}
.legal-section p {
  color: #6f687b;
  line-height: 1.9;
}
.legal-page footer {
  padding: 22px 42px;
  color: #746c82;
  font-size: 12px;
  line-height: 1.8;
  background: #f8f6fc;
}
@media (max-width: 760px) {
  .signin-page {
    padding: 15px;
  }
  .signin-card {
    padding: 24px;
    border-radius: 26px;
  }
  .signin-copy {
    margin: 30px 0 20px;
  }
  .signin-roles, .recharge-packages {
    grid-template-columns: 1fr;
  }
  .signin-roles article {
    padding: 14px;
  }
  .recharge-packages button {
    min-height: 120px;
  }
  .supplier-application-page {
    padding: 16px;
  }
  .supplier-application-hero {
    align-items: flex-start;
    flex-direction: column;
    padding: 22px;
  }
  .supplier-application-form {
    padding: 20px;
  }
  .quote-export-actions {
    width: 100%;
    flex-direction: column;
  }
}
.mini-statusbar {
  background: rgba(255,255,255,.5) !important;
  backdrop-filter: blur(16px);
}
.mini-page-shell {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.mini-brand > span {
  background: linear-gradient(145deg,#8c6dff,#54c7ff) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65),0 9px 20px rgba(92,70,199,.24) !important;
}
.mini-intro {
  color: #251d42 !important;
  letter-spacing: -.035em;
}
.mini-sync {
  color: #6552c9 !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(111,86,196,.12);
}
.mini-sync i {
  background: #59d6b8 !important;
  box-shadow: 0 0 0 4px rgba(89,214,184,.14);
}
.mini-glass {
  border: 1px solid rgba(255,255,255,.82) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.9),rgba(243,239,255,.78)) !important;
  box-shadow: 0 16px 40px rgba(72,48,143,.1), inset 0 1px 0 rgba(255,255,255,.9) !important;
  backdrop-filter: blur(18px) saturate(150%);
}
.mini-gateway-card {
  border-radius: 22px !important;
}
.mini-gateway-card:hover, .mini-service-card:hover, .mini-case:hover {
  transform: translateY(-2px);
}
.mini-feature-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
}
.mini-feature-icon .app-icon {
  width: 24px;
  height: 24px;
}
.mini-gateway-card > strong, .mini-service-card strong {
  color: #261e43 !important;
}
.mini-gateway-card > p, .mini-service-card small {
  color: #777085 !important;
}
.mini-gateway-card > em {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  color: #6750d4 !important;
}
.mini-gateway-card > em .app-icon {
  width: 13px;
  height: 13px;
}
.mini-service-card {
  border-radius: 21px !important;
}
.mini-service-card > em .app-icon {
  width: 19px;
  height: 19px;
  color: #735adf;
}
.mini-case {
  border-radius: 19px !important;
}
.mini-hero {
  border-radius: 24px !important;
  background: radial-gradient(circle at 90% 10%,rgba(91,212,255,.38),transparent 32%),
    linear-gradient(140deg,rgba(110,83,231,.96),rgba(165,113,244,.9)) !important;
  color: white !important;
  box-shadow: 0 20px 45px rgba(83,55,184,.25) !important;
}
.mini-hero h2, .mini-hero p, .mini-hero .mini-eyebrow {
  color: white !important;
}
.mini-topbar button {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  color: #6450c8 !important;
}
.mini-topbar button .app-icon {
  width: 15px;
  height: 15px;
}
.mini-file > b {
  display: grid !important;
  width: 46px !important;
  height: 46px !important;
  place-items: center;
  gap: 0;
  border-radius: 14px !important;
  color: white !important;
  background: linear-gradient(145deg,#68cfff,#6960e9) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6),0 9px 20px rgba(78,91,196,.2);
}
.mini-file > b .app-icon {
  width: 19px;
  height: 19px;
}
.mini-file > b small {
  font-size: 6px;
  color: white;
}
.mini-file > em .app-icon {
  width: 18px;
  height: 18px;
  color: #6c57d2;
}
.mini-primary {
  background: linear-gradient(135deg,#7358eb,#9e6dff 55%,#55c8ff) !important;
  box-shadow: 0 13px 28px rgba(91,64,195,.23) !important;
}
.mini-secondary {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-color: rgba(108,82,194,.18) !important;
  color: #6550ce !important;
  background: rgba(255,255,255,.76) !important;
}
.mini-secondary .app-icon {
  width: 16px;
  height: 16px;
}
.mini-account-row > b {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
}
.mini-account-row > b .app-icon {
  width: 20px;
  height: 20px;
}
.mini-bottom-nav {
  margin: 0 10px 9px !important;
  width: calc(100% - 20px) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  border-radius: 22px !important;
  background: rgba(247,244,255,.83) !important;
  box-shadow: 0 12px 35px rgba(57,40,116,.16) !important;
  backdrop-filter: blur(22px) saturate(150%);
}
.mini-bottom-nav button {
  gap: 3px !important;
  color: #8d86a0 !important;
}
.mini-bottom-nav button.active {
  color: #644dd0 !important;
}
.mini-nav-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  opacity: .62;
  filter: grayscale(.55);
  box-shadow: none;
}
.mini-bottom-nav button.active .mini-nav-icon {
  opacity: 1;
  filter: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6),0 7px 16px rgba(91,61,190,.25);
}
.mini-nav-icon .app-icon {
  width: 16px;
  height: 16px;
}
@media (max-width: 980px) {
  .industry-rail {
    width: 220px;
  }
  .creation-main {
    margin-left: 220px;
  }
  .zcool-content {
    padding: 26px 22px 60px;
  }
}
@media (max-width: 760px) {
  .industry-rail {
    width: 86px;
    padding: 14px 8px;
  }
  .creation-main {
    margin-left: 86px;
  }
  .industry-brand > span:last-child, .industry-caption, .industry-rail nav button p, .industry-rail nav button em, .industry-bottom button {
    font-size: 0 !important;
  }
  .industry-rail nav button {
    justify-content: center;
    padding: 7px;
  }
  .industry-icon {
    width: 44px !important;
    height: 44px !important;
  }
  .zcool-topbar {
    margin: 8px 10px 0;
  }
  .zcool-content {
    padding: 20px 12px 50px;
  }
  .featured-carousel {
    min-height: 390px;
    border-radius: 25px;
  }
  .zcool-mode-grid {
    grid-template-columns: 1fr !important;
  }
}
.creation-home {
  min-height: 100vh;
  color: #25282b;
  background: radial-gradient(circle at 52% 8%, rgba(255, 142, 86, 0.11), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(52, 163, 215, 0.06), transparent 24%),
    #f7f8f8;
}
.creation-rail {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 20;
  display: flex;
  width: 106px;
  flex-direction: column;
  align-items: center;
  padding: 20px 10px 16px;
  border-right: 1px solid #e8eaeb;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 12px 0 40px rgba(31, 43, 48, 0.025);
  backdrop-filter: blur(24px);
}
.rail-brand {
  display: grid;
  justify-items: center;
  border: 0;
  color: #30373a;
  background: transparent;
  cursor: pointer;
}
.rail-brand .brand-logo-crop {
  width: 45px;
  height: 45px;
  box-shadow: none;
}
.rail-brand strong {
  margin-top: 6px;
  font-size: 10px;
}
.creation-rail nav,
.rail-account {
  display: grid;
  width: 100%;
  gap: 7px;
}
.creation-rail nav {
  margin-top: 31px;
}
.creation-rail nav button,
.rail-account button {
  display: grid;
  min-height: 60px;
  place-items: center;
  align-content: center;
  gap: 5px;
  border: 0;
  border-radius: 14px;
  color: #7e8589;
  background: transparent;
  cursor: pointer;
  transition: 160ms ease;
}
.creation-rail nav button:hover,
.rail-account button:hover {
  color: #40484c;
  background: #f4f5f5;
}
.creation-rail nav button.active {
  color: #ea5b22;
  background: #fff0e8;
}
.creation-rail nav button span,
.rail-account button span {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 9px;
  font-size: 15px;
}
.creation-rail nav button.active span {
  color: white;
  background: linear-gradient(145deg, #ff7840, #ee551a);
  box-shadow: 0 7px 15px rgba(238, 85, 26, 0.17);
}
.creation-rail nav button strong,
.rail-account button strong {
  font-size: 8px;
  font-weight: 600;
}
.rail-account {
  margin-top: auto;
}
.rail-account .rail-points span {
  width: 35px;
  color: #e55a20;
  background: #fff1ea;
  font-size: 8px;
  font-weight: 700;
}
.rail-account .rail-user span {
  border-radius: 50%;
  color: white;
  background: #2f393e;
  font-size: 10px;
}
.creation-main {
  min-height: 100vh;
  margin-left: 106px;
  padding-bottom: 34px;
}
.creation-topbar {
  display: flex;
  height: 74px;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  border-bottom: 1px solid rgba(229, 232, 233, 0.82);
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(24px);
}
.creation-topbar .entry-brand strong {
  color: #23282b;
  font-size: 13px;
}
.creation-topbar > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.creation-topbar > div > button {
  height: 34px;
  padding: 0 11px;
  border: 0;
  border-radius: 10px;
  color: #727b80;
  background: transparent;
  font-size: 9px;
  cursor: pointer;
}
.creation-avatar {
  display: flex !important;
  align-items: center;
  gap: 7px;
  color: #374044 !important;
  background: white !important;
  box-shadow: inset 0 0 0 1px #e5e8e9;
}
.creation-avatar span {
  display: grid;
  width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: #303a3e;
  font-size: 8px;
}
.creation-avatar strong {
  font-size: 8px;
}
.creation-start,
.creation-discover {
  width: min(1180px, calc(100% - 56px));
  margin-right: auto;
  margin-left: auto;
}
.creation-start {
  padding-top: 44px;
}
.creation-heading {
  text-align: center;
}
.creation-heading > span {
  display: inline-flex;
  padding: 6px 10px;
  border: 1px solid #f0ddd3;
  border-radius: 20px;
  color: #dc5a23;
  background: rgba(255, 255, 255, 0.82);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.creation-heading h1 {
  margin: 13px 0 7px;
  color: #252b2e;
  font-size: 27px;
  letter-spacing: -0.025em;
}
.creation-heading p {
  margin: 0;
  color: #8d9599;
  font-size: 9px;
}
.creation-mode-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin: 27px auto 12px;
  max-width: 940px;
}
.creation-mode {
  position: relative;
  display: grid;
  min-height: 148px;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  padding: 21px 22px;
  overflow: hidden;
  border: 1px solid #e6e8e9;
  border-radius: 20px;
  color: #353d41;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 11px 34px rgba(35, 47, 53, 0.055);
  cursor: pointer;
  text-align: left;
  transition: 180ms ease;
}
.creation-mode:hover {
  border-color: #efb89e;
  box-shadow: 0 15px 42px rgba(56, 45, 39, 0.08);
  transform: translateY(-2px);
}
.creation-mode.novice {
  border-color: #f2c7b2;
  background: radial-gradient(circle at 100% 0%, rgba(255, 110, 44, 0.12), transparent 38%),
    white;
}
.creation-mode-icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 14px;
  color: white;
  background: linear-gradient(145deg, #ff7840, #ef5419);
  box-shadow: 0 8px 18px rgba(239, 84, 25, 0.2);
  font-size: 19px;
}
.creation-mode.expert .creation-mode-icon {
  color: #eef3f4;
  background: linear-gradient(145deg, #3e494e, #20292d);
  box-shadow: 0 8px 18px rgba(25, 35, 39, 0.16);
}
.creation-mode > div:nth-child(2) > span {
  color: #e45a21;
  font-size: 7px;
  font-weight: 700;
}
.creation-mode.expert > div:nth-child(2) > span {
  color: #758187;
}
.creation-mode h2 {
  margin: 5px 0 7px;
  font-size: 14px;
}
.creation-mode p {
  margin: 0;
  color: #899297;
  font-size: 8px;
  line-height: 1.6;
}
.creation-mode > div:nth-child(2) > div {
  display: flex;
  gap: 5px;
  margin-top: 12px;
}
.creation-mode em {
  padding: 4px 7px;
  border-radius: 10px;
  color: #8c7770;
  background: #fff4ef;
  font-size: 6px;
  font-style: normal;
}
.creation-mode.expert em {
  color: #778287;
  background: #f1f3f3;
}
.creation-mode > b {
  position: absolute;
  right: 19px;
  bottom: 17px;
  color: #e85c22;
  font-size: 8px;
}
.creation-mode.expert > b {
  color: #475156;
}
.creation-quick-input {
  display: flex;
  max-width: 940px;
  height: 58px;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  padding: 0 9px 0 17px;
  border: 1px solid #e0e3e4;
  border-radius: 18px;
  background: white;
  box-shadow: 0 10px 35px rgba(35, 47, 53, 0.055);
}
.creation-quick-input > span {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 9px;
  color: #e55b22;
  background: #fff1ea;
  font-size: 16px;
}
.creation-quick-input input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #3c4549;
  background: transparent;
  font-size: 9px;
}
.creation-quick-input input::placeholder {
  color: #a0a7aa;
}
.creation-quick-input button {
  display: flex;
  height: 40px;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  border: 0;
  border-radius: 12px;
  color: white;
  background: linear-gradient(135deg, #ff7640, #ed551a);
  font-size: 8px;
  font-weight: 700;
  cursor: pointer;
}
.creation-quick-input button span {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  color: #e95a20;
  background: white;
}
.creation-shortcuts {
  display: grid;
  max-width: 940px;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin: 10px auto 0;
}
.creation-shortcuts button {
  display: flex;
  min-height: 53px;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  border: 1px solid #e8eaeb;
  border-radius: 14px;
  color: #4d575b;
  background: rgba(255, 255, 255, 0.78);
  cursor: pointer;
  text-align: left;
}
.creation-shortcuts button > span {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  color: #df5922;
  background: #fff1ea;
  font-size: 10px;
}
.creation-shortcuts p {
  min-width: 0;
  flex: 1;
  margin: 0;
}
.creation-shortcuts strong,
.creation-shortcuts small {
  display: block;
}
.creation-shortcuts strong {
  font-size: 8px;
}
.creation-shortcuts small {
  margin-top: 3px;
  overflow: hidden;
  color: #9aa2a6;
  font-size: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.creation-shortcuts em {
  color: #aeb4b7;
  font-size: 8px;
  font-style: normal;
}
.creation-discover {
  margin-top: 45px;
}
.discover-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e2e5e6;
}
.discover-toolbar > div {
  display: flex;
  gap: 4px;
}
.discover-toolbar button {
  position: relative;
  height: 42px;
  padding: 0 12px;
  border: 0;
  color: #81898d;
  background: transparent;
  font-size: 8px;
  cursor: pointer;
}
.discover-toolbar button.active {
  color: #343d41;
  font-weight: 700;
}
.discover-toolbar button.active::after {
  position: absolute;
  right: 12px;
  bottom: -1px;
  left: 12px;
  height: 2px;
  border-radius: 2px;
  background: #ed5b20;
  content: "";
}
.discover-toolbar label {
  display: flex;
  width: 270px;
  height: 33px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid #e2e5e6;
  border-radius: 10px;
  background: white;
}
.discover-toolbar label span {
  color: #8f989c;
}
.discover-toolbar label input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #535d61;
  background: transparent;
  font-size: 8px;
}
.discover-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 14px;
}
.discover-grid > button {
  overflow: hidden;
  padding: 0;
  border: 1px solid #e4e7e8;
  border-radius: 16px;
  color: #3d464a;
  background: white;
  box-shadow: 0 8px 25px rgba(34, 47, 53, 0.04);
  cursor: pointer;
  text-align: left;
}
.discover-art {
  position: relative;
  height: 132px;
  overflow: hidden;
  background: #17212b;
}
.discover-art span {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  padding: 5px 7px;
  border-radius: 12px;
  color: white;
  background: rgba(17, 26, 32, 0.62);
  font-size: 6px;
  backdrop-filter: blur(10px);
}
.discover-art i,
.discover-art b {
  position: absolute;
  content: "";
}
.discover-art i {
  right: 13%;
  bottom: 18%;
  left: 13%;
  height: 45%;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 50% 50% 10px 10px;
  box-shadow: 0 0 25px rgba(117, 205, 255, 0.4);
}
.discover-art b {
  right: 0;
  bottom: 0;
  left: 0;
  height: 32%;
  opacity: 0.82;
  background: repeating-linear-gradient(90deg, transparent 0 10px, rgba(255,255,255,.12) 11px 12px),
    linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.48));
}
.discover-art.case-tech {
  background: radial-gradient(circle at 50% 55%, #266a95, transparent 30%), linear-gradient(135deg, #0d1b31, #153b62);
}
.discover-art.case-orange {
  background: radial-gradient(circle at 50% 45%, #ff9a58, transparent 24%), linear-gradient(145deg, #4a2019, #bc4f2b);
}
.discover-art.case-east {
  background: radial-gradient(circle at 50% 45%, #e8b583, transparent 20%), linear-gradient(145deg, #5c1d24, #ad4c3a);
}
.discover-art.case-night {
  background: radial-gradient(circle at 50% 48%, #c94688, transparent 18%), linear-gradient(145deg, #141730, #4b1d54);
}
.discover-grid > button > div:last-child {
  position: relative;
  padding: 12px 13px 13px;
}
.discover-grid strong,
.discover-grid small {
  display: block;
}
.discover-grid strong {
  font-size: 9px;
}
.discover-grid small {
  margin-top: 5px;
  color: #969fa3;
  font-size: 7px;
}
.discover-grid em {
  position: absolute;
  right: 13px;
  bottom: 13px;
  color: #e45b23;
  font-size: 7px;
  font-style: normal;
}
@media (max-width: 1260px) {
  .creation-start {
    padding-top: 34px;
  }
  .creation-mode-grid,
  .creation-quick-input,
  .creation-shortcuts {
    max-width: 870px;
  }
  .creation-discover {
    margin-top: 34px;
  }
  .discover-art {
    height: 116px;
  }
}
.featured-case {
  display: grid;
  grid-template-columns: 76px 1fr auto auto;
  align-items: center;
  gap: 18px;
  margin: 12px 0;
  padding: 15px 18px;
  overflow: hidden;
  border: 1px solid #f1d9cb;
  border-radius: 16px;
  background: radial-gradient(circle at 92% 0%, rgba(255, 107, 44, 0.13), transparent 32%),
    linear-gradient(135deg, #fffaf7, #ffffff);
  box-shadow: 0 8px 28px rgba(113, 61, 36, 0.05);
}
.featured-case-score {
  display: grid;
  width: 66px;
  height: 66px;
  place-items: center;
  align-content: center;
  border-radius: 50%;
  color: white;
  background: linear-gradient(145deg, #ff7840, #ef5218);
  box-shadow: 0 8px 20px rgba(239, 82, 24, 0.2);
}
.featured-case-score strong {
  font-size: 22px;
  line-height: 1;
}
.featured-case-score span {
  margin-top: 4px;
  font-size: 7px;
}
.featured-case > div:nth-child(2) small {
  color: #e25a22;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.featured-case h2 {
  margin: 4px 0 5px;
  color: #30383c;
  font-size: 14px;
}
.featured-case p {
  margin: 0;
  color: #858f94;
  font-size: 8px;
}
.featured-case-tags {
  display: flex;
  gap: 6px;
}
.featured-case-tags span {
  padding: 5px 8px;
  border: 1px solid #f1dfd5;
  border-radius: 20px;
  color: #855b47;
  background: white;
  font-size: 7px;
}
.featured-case > button {
  padding: 8px 11px;
  border: 0;
  border-radius: 9px;
  color: white;
  background: #2f393d;
  font-size: 8px;
  cursor: pointer;
}
.assessment-page {
  max-width: 1480px;
}
.assessment-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  align-items: center;
  gap: 34px;
  min-height: 220px;
  padding: 32px 40px;
  overflow: hidden;
  border-radius: 20px;
  color: white;
  background: radial-gradient(circle at 80% 18%, rgba(255, 143, 87, 0.28), transparent 26%),
    radial-gradient(circle at 3% 100%, rgba(53, 164, 214, 0.14), transparent 28%),
    linear-gradient(135deg, #20282c 0%, #303a3e 60%, #1f272b 100%);
  box-shadow: 0 16px 40px rgba(22, 31, 35, 0.13);
}
.assessment-badge {
  display: inline-flex;
  width: fit-content;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  color: #ffc3a8;
  background: rgba(255, 255, 255, 0.06);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.assessment-hero h2 {
  max-width: 700px;
  margin: 14px 0 10px;
  font-size: 25px;
  line-height: 1.25;
}
.assessment-hero p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 10px;
  line-height: 1.8;
}
.assessment-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 19px;
}
.assessment-benefits span {
  padding: 6px 9px;
  border-radius: 20px;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.07);
  font-size: 8px;
}
.assessment-seal {
  display: grid;
  width: 166px;
  height: 166px;
  place-items: center;
  align-content: center;
  justify-self: end;
  border: 1px solid rgba(255, 164, 120, 0.52);
  border-radius: 50%;
  outline: 1px dashed rgba(255, 164, 120, 0.24);
  outline-offset: -10px;
  color: white;
  background: rgba(255, 107, 44, 0.07);
}
.assessment-seal span {
  color: #ffb18c;
  font-size: 7px;
  letter-spacing: 0.22em;
}
.assessment-seal strong {
  margin: 7px 0;
  font-size: 20px;
}
.assessment-seal em {
  color: rgba(255, 255, 255, 0.48);
  font-size: 7px;
  font-style: normal;
}
.assessment-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 14px;
  margin-top: 14px;
}
.assessment-main,
.assessment-booking {
  border: 1px solid #e4e7e8;
  border-radius: 17px;
  background: white;
  box-shadow: 0 9px 30px rgba(31, 45, 51, 0.04);
}
.assessment-main {
  padding: 24px;
}
.assessment-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.assessment-section-head small {
  color: #e55b22;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.assessment-section-head h3 {
  margin: 5px 0 0;
  color: #303b40;
  font-size: 14px;
}
.assessment-section-head > span {
  color: #9aa2a6;
  font-size: 7px;
}
.assessment-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin-top: 14px;
}
.assessment-steps > div {
  min-height: 128px;
  padding: 15px;
  border: 1px solid #eceeef;
  border-radius: 13px;
  background: #fafbfb;
}
.assessment-steps span {
  color: #ee6328;
  font-size: 9px;
  font-weight: 700;
}
.assessment-steps h4 {
  margin: 19px 0 7px;
  color: #384348;
  font-size: 10px;
}
.assessment-steps p {
  margin: 0;
  color: #8b969b;
  font-size: 7px;
  line-height: 1.65;
}
.score-head {
  margin-top: 26px;
}
.score-dimensions {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin-top: 13px;
}
.score-dimensions > div {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px;
  border: 1px solid #eceeef;
  border-radius: 12px;
}
.score-dimensions > div > span {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: #e95e25;
  background: #fff0e8;
  font-size: 10px;
  font-weight: 700;
}
.score-dimensions strong,
.score-dimensions small {
  display: block;
}
.score-dimensions strong {
  color: #3e494e;
  font-size: 8px;
}
.score-dimensions small {
  margin-top: 4px;
  color: #9ba3a7;
  font-size: 6px;
  line-height: 1.4;
}
.high-score-card {
  display: grid;
  grid-template-columns: 74px 1fr auto;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
  padding: 17px;
  border: 1px solid #f0d8cc;
  border-radius: 14px;
  background: #fff9f6;
}
.high-score-number {
  color: #eb5c22;
  font-size: 29px;
  font-weight: 800;
  text-align: center;
}
.high-score-number small {
  font-size: 8px;
}
.high-score-card > div:nth-child(2) > span {
  color: #e55c24;
  font-size: 7px;
  font-weight: 700;
}
.high-score-card h3 {
  margin: 5px 0;
  color: #374348;
  font-size: 10px;
}
.high-score-card p {
  margin: 0;
  color: #8a959a;
  font-size: 7px;
  line-height: 1.55;
}
.high-score-card button {
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  color: white;
  background: #343f43;
  font-size: 7px;
  cursor: pointer;
}
.assessment-booking {
  align-self: start;
  padding: 20px;
}
.booking-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.booking-title > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  color: white;
  background: linear-gradient(145deg, #ff7840, #ed541a);
  font-size: 14px;
}
.booking-title h3 {
  margin: 0;
  color: #354146;
  font-size: 12px;
}
.booking-title small {
  color: #9aa3a7;
  font-size: 7px;
}
.booking-price {
  margin: 18px 0 15px;
  padding: 14px;
  border-radius: 12px;
  background: #fff4ee;
}
.booking-price small,
.booking-price strong,
.booking-price span {
  display: block;
}
.booking-price small {
  color: #a27a67;
  font-size: 7px;
}
.booking-price strong {
  margin: 5px 0;
  color: #e9571e;
  font-size: 22px;
}
.booking-price strong em {
  font-size: 8px;
  font-style: normal;
}
.booking-price span {
  color: #aa8878;
  font-size: 7px;
}
.assessment-booking > label {
  display: block;
  margin-top: 10px;
}
.assessment-booking > label > span {
  display: block;
  margin-bottom: 5px;
  color: #717e84;
  font-size: 7px;
  font-weight: 600;
}
.assessment-booking input,
.assessment-booking select {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #e1e5e7;
  border-radius: 9px;
  outline: 0;
  color: #455157;
  background: white;
  font-size: 8px;
}
.assessment-booking input:focus,
.assessment-booking select:focus {
  border-color: #f4a27e;
  box-shadow: 0 0 0 3px rgba(255, 107, 44, 0.08);
}
.booking-includes {
  display: grid;
  gap: 7px;
  margin: 15px 0;
  padding: 13px;
  border: 1px solid #eceeef;
  border-radius: 11px;
  background: #fafbfb;
}
.booking-includes strong {
  margin-bottom: 3px;
  color: #505b60;
  font-size: 8px;
}
.booking-includes span {
  color: #7f8b90;
  font-size: 7px;
}
.booking-includes span::before {
  margin-right: 6px;
  color: #e85d24;
  content: "✓";
}
.booking-submit {
  display: flex;
  width: 100%;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 10px;
  color: white;
  background: linear-gradient(135deg, #ff7540, #ed551b);
  box-shadow: 0 9px 20px rgba(237, 85, 27, 0.18);
  font-size: 8px;
  font-weight: 700;
  cursor: pointer;
}
.booking-success {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px;
  border: 1px solid #cce6d9;
  border-radius: 10px;
  background: #f0faf5;
}
.booking-success > span {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: #20a66a;
}
.booking-success strong,
.booking-success small {
  display: block;
}
.booking-success strong {
  color: #327359;
  font-size: 8px;
}
.booking-success small {
  margin-top: 3px;
  color: #759687;
  font-size: 6px;
  line-height: 1.45;
}
.booking-note {
  margin: 11px 3px 0;
  color: #a2a9ac;
  font-size: 6px;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 1260px) {
  .featured-case {
    grid-template-columns: 68px 1fr auto;
  }
  .featured-case-tags {
    display: none;
  }
  .assessment-layout {
    grid-template-columns: minmax(0, 1fr) 280px;
  }
  .assessment-steps {
    grid-template-columns: repeat(2, 1fr);
  }
  .score-dimensions {
    grid-template-columns: repeat(3, 1fr);
  }
}
* {
  box-sizing: border-box;
}
html {
  min-width: 1120px;
  background: var(--canvas);
}
body {
  margin: 0;
  background: var(--canvas);
  color: var(--ink);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial,
    sans-serif;
  font-size: 14px;
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  color: inherit;
}
.app-shell {
  min-height: 100vh;
  background: radial-gradient(circle at 82% 8%, rgba(255, 107, 44, 0.055), transparent 28%),
    var(--canvas);
}
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 30;
  display: flex;
  width: 232px;
  flex-direction: column;
  padding: 23px 16px 18px;
  color: #515154;
  border-right: 1px solid #e5e5e7;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 12px 0 36px rgba(0, 0, 0, 0.025);
  backdrop-filter: blur(24px);
}
.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 8px 25px;
}
.brand-mark {
  position: relative;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 11px;
  background: linear-gradient(145deg, #ff7a3f, #ff5a1f);
  box-shadow: 0 7px 20px rgba(255, 104, 43, 0.24);
}
.brand-mark span {
  position: absolute;
  right: 6px;
  left: 6px;
  height: 4px;
  border-radius: 100%;
  border-top: 1.5px solid white;
  transform: rotate(-12deg);
}
.brand-mark span:nth-child(1) {
  top: 9px;
}
.brand-mark span:nth-child(2) {
  top: 14px;
  left: 9px;
}
.brand-mark span:nth-child(3) {
  top: 19px;
  left: 12px;
}
.brand strong,
.brand small {
  display: block;
}
.brand strong {
  color: #1d1d1f;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.brand small {
  margin-top: 4px;
  color: #9a9a9f;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.16em;
}
.new-project {
  display: flex;
  height: 42px;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #ff6b2c;
  border-radius: 11px;
  color: white;
  background: linear-gradient(135deg, #ff7a3f, #ff5b20);
  box-shadow: 0 8px 20px rgba(255, 96, 32, 0.2);
  cursor: pointer;
}
.new-project:hover {
  filter: brightness(1.08);
}
.new-project span {
  font-size: 19px;
  font-weight: 300;
}
.main-nav {
  margin-top: 24px;
}
.nav-caption {
  margin: 0 12px 9px;
  color: #a1a1a6;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
}
.nav-item {
  position: relative;
  display: flex;
  width: 100%;
  height: 44px;
  align-items: center;
  gap: 12px;
  margin: 2px 0;
  padding: 0 12px;
  border: 0;
  border-radius: 9px;
  color: #66666a;
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: 160ms ease;
}
.nav-item:hover {
  color: #1d1d1f;
  background: #f5f5f7;
}
.nav-item.active {
  color: #df5117;
  background: #fff1ea;
}
.nav-item.active::before {
  position: absolute;
  inset: 9px auto 9px -16px;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: #ff6b2c;
  content: "";
}
.nav-icon {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  color: #8d8d92;
  font-size: 17px;
}
.nav-item.active .nav-icon {
  color: #ff6b2c;
}
.nav-item em {
  margin-left: auto;
  padding: 2px 7px;
  border-radius: 10px;
  color: #c85b29;
  background: #ffe2d4;
  font-size: 10px;
  font-style: normal;
}
.sidebar-bottom {
  margin-top: auto;
}
.quota-card {
  margin: 0 4px 10px;
  padding: 13px;
  border: 1px solid #e8e8ea;
  border-radius: 10px;
  background: #fafafa;
}
.quota-head {
  display: flex;
  justify-content: space-between;
  color: #8e8e93;
  font-size: 11px;
}
.quota-head strong {
  color: #4b4b4f;
}
.quota-track {
  height: 4px;
  margin: 10px 0 8px;
  overflow: hidden;
  border-radius: 4px;
  background: #e8e8ea;
}
.quota-track span {
  display: block;
  width: 68%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff6b2c, #ff9a62);
}
.quota-card small {
  color: #a0a0a5;
  font-size: 9px;
}
.workspace {
  min-height: 100vh;
  margin-left: 232px;
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px;
  border-bottom: 1px solid rgba(229, 229, 231, 0.9);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: saturate(180%) blur(24px);
}
.crumbs {
  overflow: hidden;
  color: #91a0b3;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.crumbs span {
  margin: 0 9px;
  color: #c3ccd8;
}
.crumbs strong {
  color: #46556c;
  font-weight: 500;
}
.top-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
.global-search {
  display: flex;
  width: 270px;
  height: 36px;
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  border: 1px solid #e1e7ef;
  border-radius: 10px;
  background: #f5f5f7;
}
.global-search > span {
  color: #8695a8;
  font-size: 18px;
}
.global-search input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #36445a;
  background: transparent;
  font-size: 12px;
}
.global-search input::placeholder {
  color: #a3afbd;
}
.global-search kbd {
  padding: 2px 6px;
  border: 1px solid #dfe5ed;
  border-radius: 5px;
  color: #9aa7b7;
  background: white;
  font-family: inherit;
  font-size: 9px;
}
.icon-button {
  position: relative;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #e1e7ef;
  border-radius: 9px;
  color: #647289;
  background: white;
  cursor: pointer;
}
.icon-button i {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 5px;
  height: 5px;
  border: 1px solid white;
  border-radius: 50%;
  background: #f2644b;
}
.user {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-left: 2px;
}
.avatar {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 10px;
  color: white;
  background: linear-gradient(145deg, #4d4d50, #1d1d1f);
  font-size: 12px;
  font-weight: 700;
}
.user strong,
.user small {
  display: block;
}
.user strong {
  color: #2c3a50;
  font-size: 11px;
}
.user small {
  margin-top: 2px;
  color: #9aa6b6;
  font-size: 9px;
}
.user > span {
  margin-left: 4px;
  color: #a4aebe;
  font-size: 10px;
}
.project-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px 17px;
  background: white;
}
.project-title {
  display: flex;
  align-items: center;
  gap: 13px;
}
.project-badge {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #ffd4c0;
  border-radius: 12px;
  color: #e2561a;
  background: #fff1ea;
  font-size: 15px;
  font-weight: 700;
}
.title-line {
  display: flex;
  align-items: center;
  gap: 10px;
}
.project-title h1 {
  margin: 0;
  color: #15223a;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.status-pill {
  padding: 4px 9px;
  border: 1px solid #ffd5c2;
  border-radius: 12px;
  color: #c84b16;
  background: #fff3ed;
  font-size: 10px;
  font-weight: 600;
}
.project-title p {
  margin: 5px 0 0;
  color: #8a98aa;
  font-size: 10px;
}
.head-actions {
  display: flex;
  gap: 8px;
}
.ghost-button {
  height: 34px;
  padding: 0 13px;
  border: 1px solid #dfe5ed;
  border-radius: 8px;
  color: #526075;
  background: white;
  font-size: 11px;
  cursor: pointer;
}
.ghost-button:hover {
  border-color: #ffc2a6;
  color: #e65317;
}
.stage-strip {
  display: flex;
  align-items: center;
  padding: 0 29px 18px;
  border-bottom: 1px solid #e4e9f0;
  background: white;
}
.stage {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  color: #a2adba;
  font-size: 10px;
  font-weight: 500;
}
.stage-dot {
  display: grid;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #d6dde7;
  border-radius: 50%;
  background: #f7f9fb;
  font-size: 9px;
}
.stage.done {
  color: #4d617b;
}
.stage.done .stage-dot {
  border-color: #8dd8be;
  color: white;
  background: #31aa7a;
}
.stage.active {
  color: #e75518;
  font-weight: 700;
}
.stage.active .stage-dot {
  border-color: #ff6b2c;
  color: white;
  background: #ff6b2c;
  box-shadow: 0 0 0 4px #fff0e8;
}
.stage i {
  height: 1px;
  flex: 1;
  margin: 0 12px 0 3px;
  background: #dfe5ed;
}
.stage.done i {
  background: #a9ddca;
}
.tabbar {
  display: flex;
  height: 49px;
  align-items: end;
  gap: 23px;
  padding: 0 29px;
  border-bottom: 1px solid #e1e7ef;
  background: white;
}
.tabbar button {
  position: relative;
  height: 49px;
  padding: 0 1px;
  border: 0;
  color: #6f7d91;
  background: transparent;
  font-size: 11px;
  cursor: pointer;
}
.tabbar button:hover {
  color: #db531b;
}
.tabbar button.active {
  color: #df5319;
  font-weight: 700;
}
.tabbar button.active::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: #ff6b2c;
  content: "";
}
.tabbar em {
  display: inline-grid;
  width: 14px;
  height: 14px;
  place-items: center;
  margin-left: 4px;
  border-radius: 50%;
  color: white;
  background: #ef704a;
  font-size: 8px;
  font-style: normal;
}
.content-grid {
  display: grid;
  grid-template-columns: minmax(680px, 1fr) 330px;
  gap: 16px;
  max-width: 1480px;
  margin: 0 auto;
  padding: 18px 22px 42px;
}
.production-card,
.rail-card {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.035);
}
.production-card {
  padding: 23px 24px 20px;
}
.section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 19px;
}
.eyebrow {
  margin-bottom: 7px;
  color: #e35a1f;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.16em;
}
.section-heading h2 {
  margin: 0;
  color: #17233a;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.section-heading p {
  margin: 7px 0 0;
  color: #8190a3;
  font-size: 10px;
}
.skill-chip {
  display: flex;
  min-width: 220px;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid #ebe5e1;
  border-radius: 12px;
  background: #fbfaf9;
}
.skill-symbol {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border-radius: 9px;
  color: white;
  background: linear-gradient(145deg, #ff7a3f, #ff5b20);
  box-shadow: 0 5px 12px rgba(255, 104, 43, 0.2);
}
.skill-chip div {
  min-width: 0;
  flex: 1;
}
.skill-chip small,
.skill-chip strong {
  display: block;
}
.skill-chip small {
  color: #8a99ab;
  font-size: 8px;
}
.skill-chip strong {
  margin-top: 2px;
  color: #2a3d58;
  font-size: 10px;
}
.skill-chip button,
.text-button,
.rail-title button {
  border: 0;
  color: #dc541c;
  background: transparent;
  font-size: 9px;
  cursor: pointer;
}
.fact-bar {
  display: flex;
  min-height: 50px;
  align-items: center;
  gap: 20px;
  margin: 0 -24px 21px;
  padding: 8px 24px;
  border-top: 1px solid #edf1f6;
  border-bottom: 1px solid #edf1f6;
  background: #fafbfd;
}
.fact-bar > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fact-bar > div:nth-child(2) {
  padding-left: 20px;
  border-left: 1px solid #e0e6ee;
}
.fact-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.fact-dot.green {
  background: #27a671;
  box-shadow: 0 0 0 4px #e4f6ef;
}
.fact-dot.amber {
  background: #e4a22c;
  box-shadow: 0 0 0 4px #fff3db;
}
.fact-bar p {
  margin: 0;
}
.fact-bar small,
.fact-bar strong {
  display: block;
}
.fact-bar small {
  color: #9aa6b5;
  font-size: 8px;
}
.fact-bar strong {
  margin-top: 2px;
  color: #435169;
  font-size: 9px;
  font-weight: 600;
}
.fact-bar button {
  margin-left: auto;
  border: 0;
  color: #df561c;
  background: transparent;
  font-size: 9px;
  cursor: pointer;
}
.block-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}
.block-title.second {
  margin-top: 25px;
}
.block-title > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.step-number {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 8px;
  color: #df5318;
  background: #fff0e8;
  font-size: 9px;
  font-weight: 800;
}
.block-title h3 {
  margin: 0;
  color: #27364d;
  font-size: 12px;
}
.block-title p {
  margin: 3px 0 0;
  color: #96a3b3;
  font-size: 8px;
}
.selection-count {
  color: #657389;
  font-size: 9px;
}
.reference-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.reference-card {
  overflow: hidden;
  padding: 0;
  border: 1px solid #dfe5ed;
  border-radius: 10px;
  background: white;
  cursor: pointer;
  text-align: left;
  transition: border-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}
.reference-card:hover:not(:disabled) {
  border-color: #ffb18e;
  box-shadow: 0 8px 20px rgba(37, 88, 157, 0.1);
  transform: translateY(-2px);
}
.reference-card.selected {
  border-color: #ff6b2c;
  box-shadow: 0 0 0 2px rgba(255, 107, 44, 0.12);
}
.reference-card:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.visual-scene {
  position: relative;
  height: 96px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 30%, rgba(52, 133, 237, 0.45), transparent 32%),
    linear-gradient(180deg, #0a1b3e, #081229);
}
.visual-scene::before,
.visual-scene::after {
  position: absolute;
  content: "";
}
.visual-scene::before {
  inset: 10px 16px 21px;
  border: 1px solid rgba(110, 183, 255, 0.25);
  border-bottom: 0;
  clip-path: polygon(0 0, 100% 0, 88% 100%, 12% 100%);
}
.visual-scene::after {
  right: 15%;
  bottom: 8px;
  left: 15%;
  height: 22px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(27, 116, 236, 0.4), transparent 65%);
  filter: blur(2px);
}
.scene-glow {
  position: absolute;
  top: -19px;
  left: 50%;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: rgba(43, 126, 238, 0.24);
  filter: blur(13px);
  transform: translateX(-50%);
}
.scene-screen {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 67px;
  height: 37px;
  border: 1px solid rgba(97, 186, 255, 0.7);
  background: linear-gradient(135deg, transparent 42%, rgba(76, 183, 255, 0.5) 43%, transparent 45%),
    linear-gradient(180deg, #12336c, #091b42);
  box-shadow: 0 0 17px rgba(45, 138, 241, 0.34);
  transform: translateX(-50%);
}
.scene-stage {
  position: absolute;
  bottom: 22px;
  left: 50%;
  width: 91px;
  height: 9px;
  border-top: 1px solid rgba(80, 182, 255, 0.9);
  background: linear-gradient(180deg, #153f78, #081633);
  clip-path: polygon(8% 0, 92% 0, 100% 100%, 0 100%);
  transform: translateX(-50%);
}
.scene-floor {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 24px;
  opacity: 0.3;
  background: linear-gradient(90deg, transparent 49%, #4784c5 50%, transparent 51%),
    linear-gradient(170deg, transparent 49%, #4784c5 50%, transparent 51%),
    linear-gradient(190deg, transparent 49%, #4784c5 50%, transparent 51%);
}
.scene-ring .scene-screen {
  width: 70px;
  border-radius: 50% 50% 8px 8px;
  background: radial-gradient(circle, rgba(48, 185, 215, 0.4), transparent 45%),
    #0b2f62;
}
.scene-grid .scene-screen {
  width: 76px;
  background: linear-gradient(90deg, transparent 48%, rgba(57, 211, 224, 0.65) 50%, transparent 52%),
    linear-gradient(0deg, transparent 48%, rgba(57, 211, 224, 0.4) 50%, transparent 52%),
    #0b274f;
  background-size: 14px 14px;
}
.scene-gate {
  background: radial-gradient(circle at 50% 45%, rgba(245, 125, 53, 0.24), transparent 28%),
    linear-gradient(180deg, #142441, #080f23);
}
.scene-gate .scene-screen {
  width: 52px;
  height: 49px;
  border: 2px solid rgba(250, 135, 74, 0.76);
  border-bottom: 0;
  border-radius: 25px 25px 0 0;
  background: linear-gradient(180deg, rgba(31, 99, 184, 0.6), #0a1836);
  box-shadow: 0 0 17px rgba(245, 125, 53, 0.32);
}
.select-check {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 2;
  display: grid;
  width: 19px;
  height: 19px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 50%;
  color: white;
  background: rgba(4, 19, 45, 0.58);
  font-size: 10px;
  font-style: normal;
  backdrop-filter: blur(5px);
}
.selected .select-check {
  border-color: #ff6b2c;
  background: #ff6b2c;
}
.visual-scene > em {
  position: absolute;
  bottom: 6px;
  left: 7px;
  z-index: 2;
  color: rgba(255, 255, 255, 0.72);
  font-size: 7px;
  font-style: normal;
  letter-spacing: 0.08em;
}
.reference-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px;
}
.reference-meta strong,
.reference-meta span {
  display: block;
}
.reference-meta strong {
  color: #314158;
  font-size: 9px;
}
.reference-meta span {
  margin-top: 3px;
  color: #98a4b4;
  font-size: 7px;
}
.reference-meta small {
  color: #617088;
  font-size: 7px;
}
.prompt-box {
  overflow: hidden;
  border: 1px solid #dbe2eb;
  border-radius: 10px;
  background: #fbfcfe;
}
.prompt-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 11px 0;
}
.prompt-tags span,
.prompt-tags button {
  padding: 5px 8px;
  border: 1px solid #dce7f5;
  border-radius: 6px;
  color: #53657e;
  background: #f3f7fd;
  font-size: 8px;
}
.prompt-tags button {
  border-style: dashed;
  color: #dc551c;
  cursor: pointer;
}
.prompt-box textarea {
  width: 100%;
  min-height: 78px;
  padding: 12px;
  resize: vertical;
  border: 0;
  outline: 0;
  color: #334158;
  background: transparent;
  font-size: 10px;
  line-height: 1.75;
}
.prompt-footer {
  display: flex;
  justify-content: space-between;
  padding: 8px 11px;
  border-top: 1px solid #e6eaf0;
  color: #9aa6b5;
  background: white;
  font-size: 8px;
}
.prompt-footer b {
  color: #26946a;
  font-weight: 600;
}
.generate-bar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin: 18px -24px -20px;
  padding: 15px 24px;
  border-top: 1px solid #e8edf3;
  border-radius: 0 0 12px 12px;
  background: #f9fbfd;
}
.generation-settings {
  display: flex;
  flex: 1;
  gap: 13px;
}
.generation-settings label {
  color: #8997a8;
  font-size: 8px;
}
.generation-settings select {
  display: block;
  height: 31px;
  min-width: 124px;
  margin-top: 5px;
  padding: 0 28px 0 9px;
  border: 1px solid #dce3ec;
  border-radius: 7px;
  outline: 0;
  color: #405068;
  background: white;
  font-size: 9px;
}
.generation-settings label:last-child select {
  min-width: 76px;
}
.ratio-switch {
  display: flex;
  height: 31px;
  margin-top: 5px;
  padding: 3px;
  border: 1px solid #dce3ec;
  border-radius: 7px;
  background: white;
}
.ratio-switch button {
  min-width: 38px;
  border: 0;
  border-radius: 5px;
  color: #8895a7;
  background: transparent;
  font-size: 8px;
  cursor: pointer;
}
.ratio-switch button.active {
  color: #dc531a;
  background: #fff0e8;
  font-weight: 700;
}
.generate-button {
  display: flex;
  height: 46px;
  min-width: 190px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border: 0;
  border-radius: 9px;
  color: white;
  background: linear-gradient(135deg, #ff7a3f, #ff5a1f);
  box-shadow: 0 8px 18px rgba(255, 92, 31, 0.24);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
.generate-button:hover:not(:disabled) {
  filter: brightness(1.06);
}
.generate-button:disabled {
  cursor: wait;
}
.generate-button > span {
  font-size: 15px;
}
.generate-button small {
  padding-left: 7px;
  border-left: 1px solid rgba(255, 255, 255, 0.24);
  color: rgba(255, 255, 255, 0.72);
  font-size: 7px;
  font-weight: 400;
}
.generate-button.loading > span {
  animation: spin 1s linear infinite;
}
.right-rail {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rail-card {
  padding: 15px;
}
.rail-title,
.rail-title > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rail-title h3 {
  margin: 0;
  color: #2f3e54;
  font-size: 11px;
}
.live-dot {
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%;
  background: #2fb785;
  box-shadow: 0 0 0 4px #e3f6ef;
}
.task-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}
.summary-icon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  color: #df5419;
  background: linear-gradient(145deg, #fff2eb, #fff7f1);
  font-size: 15px;
}
.task-summary div:nth-child(2) {
  flex: 1;
}
.task-summary strong,
.task-summary span {
  display: block;
}
.task-summary strong {
  color: #30415a;
  font-size: 10px;
}
.task-summary span {
  margin-top: 3px;
  color: #98a5b6;
  font-size: 8px;
}
.task-summary em {
  color: #e35a1c;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}
.task-progress {
  height: 4px;
  margin: 13px 0 14px;
  overflow: hidden;
  border-radius: 4px;
  background: #e9edf3;
}
.task-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff6b2c, #ff9b63);
  transition: width 500ms ease;
}
.task-meta {
  margin: 0;
  padding: 11px 0 0;
  border-top: 1px solid #edf1f5;
}
.task-meta > div {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
  gap: 10px;
}
.task-meta dt {
  color: #9aa6b5;
  font-size: 8px;
}
.task-meta dd {
  margin: 0;
  color: #4a5970;
  font-size: 8px;
  text-align: right;
}
.percent,
.audit-score,
.quote-status {
  margin-left: 8px;
  color: #e1581c;
  font-size: 9px;
  font-weight: 700;
}
.delivery-ring {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 14px;
}
.ring {
  display: grid;
  width: 74px;
  height: 74px;
  flex: 0 0 auto;
  place-content: center;
  border-radius: 50%;
  background: radial-gradient(circle closest-side, white 79%, transparent 80% 99%),
    conic-gradient(#ff6b2c 42%, #e7e7e9 0);
  text-align: center;
}
.ring strong {
  color: #233550;
  font-size: 17px;
  line-height: 1;
}
.ring small {
  margin-top: 3px;
  color: #9aa6b6;
  font-size: 7px;
}
.delivery-ring ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.delivery-ring li {
  display: grid;
  grid-template-columns: 17px 1fr auto;
  align-items: center;
  gap: 6px;
  margin: 7px 0;
  color: #7c899c;
  font-size: 8px;
}
.delivery-ring li > span {
  display: grid;
  width: 15px;
  height: 15px;
  place-items: center;
  border: 1px solid #dce3eb;
  border-radius: 50%;
  font-size: 7px;
}
.delivery-ring li em {
  color: #a3adba;
  font-size: 7px;
  font-style: normal;
}
.delivery-ring li.done {
  color: #496079;
}
.delivery-ring li.done > span {
  border-color: #92d7bd;
  color: white;
  background: #38aa7d;
}
.delivery-ring li.active {
  color: #df551b;
  font-weight: 600;
}
.delivery-ring li.active > span {
  border-color: #ff6b2c;
  color: white;
  background: #ff6b2c;
}
.audit-score {
  color: #1e9b68;
}
.signal,
.human-gate {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 10px;
  padding: 9px 10px;
  border-radius: 8px;
}
.signal > span,
.human-gate > span {
  display: grid;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 7px;
  font-size: 9px;
  font-weight: 700;
}
.signal p,
.human-gate p {
  margin: 0;
  color: #7c899a;
  font-size: 7px;
  line-height: 1.55;
}
.signal strong,
.human-gate strong {
  display: block;
  margin-bottom: 1px;
  font-size: 8px;
}
.signal.green {
  background: #f0f9f5;
}
.signal.green > span {
  color: #16865b;
  background: #d8f1e7;
}
.signal.green strong {
  color: #268662;
}
.signal.amber {
  background: #fff8ec;
}
.signal.amber > span {
  color: #b57414;
  background: #ffebc6;
}
.signal.amber strong {
  color: #9a681b;
}
.human-gate {
  background: #f3f6fb;
}
.human-gate > span {
  color: #385b91;
  background: #dfe8f7;
}
.human-gate strong {
  color: #475f82;
}
.quote-status {
  color: #a57220;
}
.quote-numbers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 14px;
}
.quote-numbers > div {
  padding: 10px;
  border: 1px solid #e7ebf1;
  border-radius: 8px;
  background: #fafbfd;
}
.quote-numbers small,
.quote-numbers strong {
  display: block;
}
.quote-numbers small {
  color: #9ba7b6;
  font-size: 7px;
}
.quote-numbers strong {
  margin-top: 5px;
  color: #2e3e56;
  font-size: 11px;
}
.margin-line {
  display: flex;
  align-items: center;
  margin-top: 11px;
  padding-top: 10px;
  border-top: 1px solid #edf0f4;
  color: #8693a5;
  font-size: 8px;
}
.margin-line strong {
  margin-left: auto;
  color: #1f9a68;
  font-size: 11px;
}
.margin-line em {
  margin-left: 7px;
  padding: 3px 5px;
  border-radius: 4px;
  color: #2a966d;
  background: #e6f7f0;
  font-size: 6px;
  font-style: normal;
}
.toast {
  position: fixed;
  z-index: 80;
  right: 28px;
  bottom: 28px;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  color: white;
  background: rgba(29, 29, 31, 0.92);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(18px);
  font-size: 11px;
  animation: toast-in 180ms ease-out;
}
.entry-shell,
.wizard-shell {
  min-height: 100vh;
  color: #1d1d1f;
  background: radial-gradient(circle at 50% -16%, rgba(255, 124, 66, 0.12), transparent 34%),
    #f5f5f7;
}
.cinematic-entry {
  position: relative;
  overflow: hidden;
  background: #070707;
}
.entry-video-layer {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  background: #050505;
}
.entry-video-layer video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.72;
  transform: translateY(17%) scale(1.04);
}
.entry-video-layer > span {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.68)),
    radial-gradient(circle at 50% 36%, transparent 15%, rgba(0, 0, 0, 0.38) 74%, rgba(0, 0, 0, 0.72));
}
.entry-header,
.wizard-header {
  display: flex;
  height: 74px;
  align-items: center;
  justify-content: space-between;
  padding: 0 42px;
  border-bottom: 1px solid rgba(218, 218, 221, 0.84);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: saturate(180%) blur(24px);
}
.cinematic-entry .entry-header {
  position: relative;
  z-index: 3;
  width: min(1060px, calc(100vw - 48px));
  height: 62px;
  margin: 22px auto 0;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.17),
    0 20px 50px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(13px) saturate(135%);
}
.cinematic-entry .entry-header::before,
.cinematic-entry .mode-card::before,
.cinematic-entry .entry-recent > button::before {
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.38),
    rgba(255, 255, 255, 0.08) 36%,
    rgba(255, 255, 255, 0.03) 65%,
    rgba(255, 255, 255, 0.2)
  );
  content: "";
  pointer-events: none;
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.entry-brand {
  display: flex;
  align-items: center;
  gap: 11px;
}
.entry-brand strong,
.entry-brand small {
  display: block;
}
.entry-brand strong {
  color: #1d1d1f;
  font-size: 14px;
  letter-spacing: 0.01em;
}
.cinematic-entry .entry-brand strong {
  color: white;
}
.cinematic-entry .entry-brand small {
  color: rgba(255, 255, 255, 0.48);
}
.entry-brand small {
  margin-top: 3px;
  color: #a1a1a6;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.16em;
}
.entry-user {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #505054;
  font-size: 11px;
}
.entry-user > button {
  display: grid;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  place-items: center;
  border: 1px solid #dedee1;
  border-radius: 50%;
  color: #77777c;
  background: white;
  cursor: pointer;
}
.cinematic-entry .entry-user {
  color: rgba(255, 255, 255, 0.72);
}
.cinematic-entry .entry-user > button {
  border-color: rgba(255, 255, 255, 0.16);
  color: white;
  background: rgba(255, 255, 255, 0.05);
}
.cinematic-entry .avatar {
  color: white;
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 107, 44, 0.76);
}
.entry-content {
  position: relative;
  z-index: 2;
  width: min(1060px, calc(100vw - 96px));
  margin: 0 auto;
  padding: 62px 0 42px;
  text-align: center;
}
.entry-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 15px;
  color: #e25519;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.entry-kicker::before,
.entry-kicker::after {
  width: 24px;
  height: 1px;
  background: #ffb696;
  content: "";
}
.entry-content > h1 {
  margin: 0;
  color: #1d1d1f;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.045em;
}
.cinematic-entry .entry-kicker {
  color: #ffb18d;
}
.cinematic-entry .entry-content > h1 {
  color: white;
  text-shadow: 0 10px 38px rgba(0, 0, 0, 0.38);
}
.cinematic-entry .entry-intro {
  color: rgba(255, 255, 255, 0.66);
}
.entry-intro {
  margin: 13px 0 36px;
  color: #86868b;
  font-size: 13px;
}
.mode-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  text-align: left;
}
.mode-card {
  position: relative;
  min-height: 440px;
  padding: 27px;
  overflow: hidden;
  border: 1px solid #dedee1;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 46px rgba(0, 0, 0, 0.055);
  cursor: pointer;
  text-align: left;
  transition: transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}
.cinematic-entry .mode-card,
.cinematic-entry .mode-card.novice,
.cinematic-entry .mode-card.expert {
  border: 0;
  background: radial-gradient(circle at 92% 0%, rgba(255, 114, 48, 0.16), transparent 32%),
    rgba(255, 255, 255, 0.055);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.11),
    0 28px 70px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(13px) saturate(125%);
}
.cinematic-entry .mode-card.expert {
  background: radial-gradient(circle at 90% 0%, rgba(255, 255, 255, 0.09), transparent 32%),
    rgba(255, 255, 255, 0.045);
}
.cinematic-entry .mode-card:hover {
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.16),
    0 34px 80px rgba(0, 0, 0, 0.28);
}
.cinematic-entry .mode-copy h2 {
  color: white;
}
.cinematic-entry .mode-copy p {
  color: rgba(255, 255, 255, 0.6);
}
.cinematic-entry .expert .mode-copy small {
  color: rgba(255, 255, 255, 0.48);
}
.cinematic-entry .expert .mode-topline em {
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.1);
}
.mode-card:hover {
  border-color: #ffb593;
  box-shadow: 0 21px 58px rgba(91, 48, 28, 0.12);
  transform: translateY(-5px);
}
.mode-card.novice {
  border-color: #ffc6aa;
  background: radial-gradient(circle at 93% 0%, rgba(255, 116, 52, 0.13), transparent 29%),
    white;
}
.mode-card.expert {
  background: radial-gradient(circle at 90% 0%, rgba(29, 29, 31, 0.06), transparent 30%),
    white;
}
.mode-card.chat {
  border-color: #ffd1ba;
  background: radial-gradient(circle at 90% 0%, rgba(255, 170, 112, 0.13), transparent 31%),
    white;
}
.mode-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mode-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  color: white;
  background: linear-gradient(145deg, #ff7c43, #ff5b21);
  box-shadow: 0 9px 20px rgba(255, 94, 31, 0.2);
  font-size: 17px;
}
.expert .mode-icon {
  color: white;
  background: linear-gradient(145deg, #555559, #1d1d1f);
  box-shadow: 0 9px 20px rgba(0, 0, 0, 0.15);
}
.chat .mode-icon {
  background: linear-gradient(145deg, #ff9b62, #f26729);
  box-shadow: 0 9px 20px rgba(241, 102, 40, 0.19);
}
.mode-topline em {
  padding: 5px 9px;
  border-radius: 20px;
  color: #d8521b;
  background: #fff0e8;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
}
.expert .mode-topline em {
  color: #6e6e73;
  background: #f0f0f2;
}
.chat .mode-topline em {
  color: #c94c17;
  background: #fff0e7;
}
.mode-copy {
  margin-top: 23px;
}
.mode-copy small {
  color: #e15b21;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.16em;
}
.expert .mode-copy small {
  color: #77777c;
}
.mode-copy h2 {
  margin: 8px 0 0;
  color: #242426;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.novice-methods-preview {
  display: grid;
  height: 100px;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 24px;
}
.novice-methods-preview span {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  border: 1px solid #f0e3dc;
  border-radius: 12px;
  color: #5d5d62;
  background: #fffbf9;
  font-size: 9px;
  font-weight: 600;
}
.novice-methods-preview i {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  color: #df581f;
  background: #ffe9de;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
}
.cinematic-entry .novice-methods-preview span {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.76);
  background: rgba(255, 255, 255, 0.045);
}
.cinematic-entry .novice-methods-preview i {
  color: #ffbd9e;
  background: rgba(255, 107, 44, 0.18);
}
.cinematic-entry .workspace-preview {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}
.cinematic-entry .preview-sidebar {
  border-color: rgba(255, 255, 255, 0.09);
  background: rgba(0, 0, 0, 0.18);
}
.cinematic-entry .preview-columns i {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.07);
}
.cinematic-entry .mode-benefits span {
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.62);
  background: rgba(255, 255, 255, 0.045);
}
.mode-copy p {
  margin: 9px 0 0;
  color: #85858a;
  font-size: 11px;
  line-height: 1.7;
}
.mini-journey {
  display: flex;
  height: 86px;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  padding: 0 13px;
  border: 1px solid #f0e5df;
  border-radius: 15px;
  background: #fffbf9;
}
.mini-journey span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  color: #5f5f64;
  font-size: 8px;
}
.mini-journey i {
  display: grid;
  width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 50%;
  color: #e2561b;
  background: #ffe7da;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
}
.mini-journey b {
  color: #d3b5a6;
  font-size: 18px;
  font-weight: 300;
}
.workspace-preview {
  display: flex;
  height: 86px;
  margin-top: 24px;
  overflow: hidden;
  border: 1px solid #e5e5e7;
  border-radius: 15px;
  background: #f7f7f8;
}
.chat-preview {
  position: relative;
  height: 86px;
  margin-top: 24px;
  overflow: hidden;
  border: 1px solid #ebe2de;
  border-radius: 15px;
  background: #f7f7f8;
}
.chat-preview-head {
  display: grid;
  height: 23px;
  grid-template-columns: 20px 1fr 20px;
  align-items: center;
  padding: 0 8px;
  border-bottom: 1px solid #e5e5e7;
  background: white;
}
.chat-preview-head > span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d5d5d8;
}
.chat-preview-head strong {
  color: #77777c;
  font-size: 6px;
  text-align: center;
}
.chat-preview-head i {
  color: #aaaab0;
  font-size: 7px;
  font-style: normal;
  text-align: right;
}
.chat-bubble {
  position: absolute;
  max-width: 69%;
  padding: 4px 7px;
  border-radius: 7px;
  color: #66666b;
  background: white;
  font-size: 5.5px;
  line-height: 1.4;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
}
.chat-bubble.client {
  top: 31px;
  left: 9px;
}
.chat-bubble.self {
  top: 48px;
  right: 9px;
  color: #98502e;
  background: #ffe5d7;
}
.chat-bubble.client.short {
  top: 65px;
  left: 9px;
}
.chat-scan-line {
  position: absolute;
  z-index: 2;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ff6b2c, transparent);
  box-shadow: 0 0 7px #ff7c42;
  animation: chat-scan 2.4s ease-in-out infinite;
}
.preview-sidebar {
  width: 46px;
  padding: 14px 9px;
  border-right: 1px solid #e4e4e6;
  background: white;
}
.preview-sidebar span {
  display: block;
  height: 4px;
  margin-bottom: 9px;
  border-radius: 4px;
  background: #dadadd;
}
.preview-sidebar span:first-child {
  background: #ff8b58;
}
.preview-main {
  flex: 1;
  padding: 12px 14px;
}
.preview-head {
  width: 40%;
  height: 6px;
  border-radius: 5px;
  background: #7e7e83;
}
.preview-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin: 12px 0 9px;
}
.preview-columns i {
  height: 28px;
  border: 1px solid #dfdfe1;
  border-radius: 5px;
  background: white;
}
.preview-columns i:nth-child(2) {
  border-color: #ffb895;
  background: #fff5f0;
}
.preview-line {
  width: 75%;
  height: 4px;
  margin-top: 5px;
  border-radius: 4px;
  background: #dedee0;
}
.preview-line.short {
  width: 47%;
}
.mode-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 19px;
}
.mode-benefits span {
  padding: 5px 8px;
  border: 1px solid #e7e7e9;
  border-radius: 14px;
  color: #77777c;
  background: #fafafa;
  font-size: 7px;
}
.mode-cta {
  position: absolute;
  right: 24px;
  bottom: 25px;
  left: 24px;
  display: flex;
  height: 45px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}
.mode-cta span {
  font-size: 15px;
}
.mode-cta.primary {
  color: white;
  background: linear-gradient(135deg, #ff7a40, #ff5b20);
  box-shadow: 0 9px 22px rgba(255, 91, 32, 0.2);
}
.mode-cta.secondary {
  color: #333336;
  border: 1px solid #d9d9dc;
  background: #f8f8f9;
}
.entry-recent {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 25px;
  text-align: left;
}
.cinematic-entry .entry-recent {
  color: rgba(255, 255, 255, 0.55);
}
.cinematic-entry .entry-recent > button {
  position: relative;
  border: 0;
  color: white;
  background: rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}
.cinematic-entry .entry-recent > button small {
  color: rgba(255, 255, 255, 0.5);
}
.cinematic-entry .entry-recent > button b {
  color: #ffb08b;
}
.entry-recent > span {
  color: #99999e;
  font-size: 9px;
}
.entry-recent > button {
  display: grid;
  min-width: 410px;
  grid-template-columns: 28px 1fr auto auto;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  border: 1px solid #e2e2e4;
  border-radius: 12px;
  color: #55555a;
  background: rgba(255, 255, 255, 0.82);
  cursor: pointer;
  text-align: left;
}
.entry-recent > button i {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 8px;
  color: #df551a;
  background: #fff0e8;
  font-size: 9px;
  font-style: normal;
}
.entry-recent > button strong {
  font-size: 9px;
}
.entry-recent > button small {
  color: #9b9ba0;
  font-size: 8px;
}
.entry-recent > button b {
  color: #e2581c;
  font-size: 8px;
}
.entry-footer {
  display: flex;
  justify-content: space-between;
  width: min(1180px, calc(100vw - 96px));
  margin: 0 auto;
  padding: 0 0 24px;
  color: #aaaab0;
  font-size: 8px;
}
.cinematic-entry .entry-footer {
  position: relative;
  z-index: 2;
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.42);
  background: rgba(0, 0, 0, 0.12);
}
.wizard-shell {
  display: flex;
  flex-direction: column;
}
.wizard-header {
  flex: 0 0 auto;
}
.wizard-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wizard-header-actions > span {
  padding: 5px 9px;
  border-radius: 14px;
  color: #d95119;
  background: #fff0e8;
  font-size: 9px;
  font-weight: 600;
}
.wizard-header-actions button {
  border: 0;
  color: #85858a;
  background: transparent;
  font-size: 10px;
  cursor: pointer;
}
.wizard-progress {
  display: flex;
  width: min(870px, calc(100vw - 180px));
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 26px 0 12px;
}
.wizard-progress > div {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 7px;
  color: #aeaeb3;
}
.wizard-progress > div:last-child {
  flex: 0 0 auto;
}
.wizard-progress span {
  display: grid;
  width: 23px;
  height: 23px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #d8d8db;
  border-radius: 50%;
  background: #fafafa;
  font-size: 8px;
}
.wizard-progress strong {
  white-space: nowrap;
  font-size: 9px;
  font-weight: 500;
}
.wizard-progress i {
  height: 1px;
  flex: 1;
  margin: 0 12px 0 3px;
  background: #dbdbde;
}
.wizard-progress .active {
  color: #de541a;
  font-weight: 700;
}
.wizard-progress .active span {
  border-color: #ff6b2c;
  color: white;
  background: #ff6b2c;
  box-shadow: 0 0 0 4px #fff0e8;
}
.wizard-progress .done {
  color: #65656a;
}
.wizard-progress .done span {
  border-color: #ff9c70;
  color: white;
  background: #ff8a55;
}
.wizard-progress .done i {
  background: #ffc3a8;
}
.wizard-body {
  display: flex;
  flex: 1;
  align-items: flex-start;
  justify-content: center;
  padding: 17px 0 106px;
}
.wizard-panel {
  width: min(870px, calc(100vw - 180px));
  padding: 31px 36px 35px;
  border: 1px solid #e1e1e4;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.055);
}
.wizard-question {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 25px;
}
.wizard-question > span {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  color: #df551b;
  background: #fff0e8;
  font-size: 9px;
  font-weight: 700;
}
.wizard-question h1 {
  margin: 0;
  color: #202023;
  font-size: 22px;
  letter-spacing: -0.03em;
}
.wizard-question p {
  margin: 8px 0 0;
  color: #8b8b90;
  font-size: 11px;
}
.chat-input-card {
  overflow: hidden;
  border: 1px solid #d9d9dc;
  border-radius: 18px;
  background: #fbfbfc;
  box-shadow: 0 0 0 4px rgba(255, 107, 44, 0.035),
    0 10px 25px rgba(0, 0, 0, 0.035);
}
.input-method-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}
.input-method-strip > span {
  display: grid;
  min-height: 72px;
  grid-template-columns: 32px 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 9px;
  align-items: center;
  padding: 11px;
  border: 1px solid #e5e5e7;
  border-radius: 13px;
  background: #fafafa;
}
.input-method-strip i {
  display: grid;
  width: 32px;
  height: 32px;
  grid-row: 1 / 3;
  place-items: center;
  border-radius: 9px;
  color: #dd531b;
  background: #ffe9de;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
}
.input-method-strip strong {
  align-self: end;
  color: #4a4a4f;
  font-size: 9px;
}
.input-method-strip small {
  align-self: start;
  color: #a1a1a6;
  font-size: 7px;
}
.chat-input-card:focus-within {
  border-color: #ffa079;
  box-shadow: 0 0 0 4px rgba(255, 107, 44, 0.08),
    0 10px 25px rgba(0, 0, 0, 0.04);
}
.chat-input-card textarea {
  width: 100%;
  min-height: 130px;
  padding: 20px 21px 10px;
  resize: none;
  border: 0;
  outline: 0;
  color: #343438;
  background: transparent;
  font-size: 12px;
  line-height: 1.8;
}
.chat-input-card textarea::placeholder {
  color: #a7a7ac;
}
.chat-tools {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
  border-top: 1px solid #ebebed;
  background: white;
}
.chat-tools > div {
  display: flex;
  gap: 8px;
}
.chat-tools > small {
  color: #aeaeb3;
  font-size: 8px;
}
.upload-control,
.voice-control {
  display: flex;
  height: 34px;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid #dedee1;
  border-radius: 9px;
  color: #5e5e63;
  background: #fafafa;
  font-size: 9px;
  cursor: pointer;
}
.upload-control input {
  display: none;
}
.upload-control span {
  font-size: 15px;
  font-weight: 300;
}
.voice-control > span {
  display: grid;
  width: 16px;
  height: 16px;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: #ff6b2c;
  font-size: 6px;
}
.voice-control.recording {
  border-color: #ff9d75;
  color: #d94e15;
  background: #fff2eb;
}
.voice-control.recording > span {
  animation: voice-pulse 1s infinite;
}
.uploaded-files {
  margin: 0 17px 10px;
  padding: 10px;
  border: 1px solid #f0d8cd;
  border-radius: 12px;
  background: #fff8f4;
}
.uploaded-files-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 2px 8px;
}
.uploaded-files-head strong {
  color: #6c4b3d;
  font-size: 8px;
}
.uploaded-files-head button {
  border: 0;
  color: #d7541c;
  background: transparent;
  font-size: 7px;
  cursor: pointer;
}
.uploaded-files-list {
  display: grid;
  max-height: 112px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  overflow-y: auto;
}
.uploaded-file {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid #f2ddd3;
  border-radius: 10px;
  background: white;
}
.uploaded-file > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 8px;
  color: #d7541c;
  background: #ffe8dc;
  font-size: 7px;
  font-weight: 700;
}
.uploaded-file > div {
  flex: 1;
}
.uploaded-file strong,
.uploaded-file small {
  display: block;
}
.uploaded-file strong {
  max-width: 600px;
  overflow: hidden;
  color: #4a4a4e;
  font-size: 9px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uploaded-file small {
  margin-top: 3px;
  color: #9b9ba0;
  font-size: 7px;
}
.uploaded-file button {
  border: 0;
  color: #9a9a9e;
  background: transparent;
  cursor: pointer;
}
.input-hints {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 18px;
}
.input-hints > div {
  display: flex;
  gap: 8px;
  padding: 11px;
  border-radius: 11px;
  background: #f7f7f8;
}
.input-hints > div > span {
  display: grid;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: #258b63;
  background: #e1f4ec;
  font-size: 7px;
}
.input-hints p {
  margin: 0;
  color: #929297;
  font-size: 7px;
  line-height: 1.55;
}
.input-hints strong {
  display: block;
  margin-bottom: 2px;
  color: #55555a;
  font-size: 8px;
}
.choice-grid {
  display: grid;
  gap: 12px;
}
.event-choice-grid {
  grid-template-columns: repeat(3, 1fr);
}
.event-choice-grid button {
  position: relative;
  display: flex;
  min-height: 78px;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid #e0e0e3;
  border-radius: 14px;
  background: #fbfbfc;
  cursor: pointer;
  text-align: left;
  transition: 160ms ease;
}
.event-choice-grid button:hover,
.event-choice-grid button.selected {
  border-color: #ff9b71;
  background: #fff8f4;
  box-shadow: 0 7px 17px rgba(255, 107, 44, 0.07);
}
.event-choice-grid button > span {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  color: #717176;
  background: #eeeeef;
  font-size: 11px;
  font-weight: 700;
}
.event-choice-grid button.selected > span {
  color: #db5118;
  background: #ffe5d8;
}
.event-choice-grid strong,
.event-choice-grid small {
  display: block;
}
.event-choice-grid strong {
  color: #454549;
  font-size: 10px;
}
.event-choice-grid small {
  margin-top: 4px;
  color: #9a9a9f;
  font-size: 7px;
}
.event-choice-grid button > i {
  position: absolute;
  top: 9px;
  right: 9px;
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: #ff6b2c;
  font-size: 7px;
  font-style: normal;
}
.event-choice-grid button:not(.selected) > i {
  border: 1px solid #d8d8db;
  background: white;
}
.ai-recognition {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 17px;
  padding: 10px 13px;
  border-radius: 11px;
  background: #f5f5f7;
}
.ai-recognition > span {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 8px;
  color: white;
  background: #343438;
  font-size: 7px;
  font-weight: 700;
}
.ai-recognition p {
  margin: 0;
  color: #77777c;
  font-size: 8px;
}
.ai-recognition strong {
  color: #d9531b;
}
.style-choice-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.style-choice-grid > button {
  overflow: hidden;
  padding: 0 0 12px;
  border: 1px solid #e0e0e2;
  border-radius: 15px;
  background: white;
  cursor: pointer;
  text-align: left;
  transition: 160ms ease;
}
.style-choice-grid > button:hover,
.style-choice-grid > button.selected {
  border-color: #ff9669;
  box-shadow: 0 8px 18px rgba(255, 107, 44, 0.09);
  transform: translateY(-2px);
}
.style-preview {
  position: relative;
  height: 107px;
  overflow: hidden;
  background: #ececef;
}
.style-preview span,
.style-preview i,
.style-preview b {
  position: absolute;
  content: "";
}
.style-preview span {
  top: 22px;
  right: 20%;
  left: 20%;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-bottom: 0;
}
.style-preview i {
  right: 12%;
  bottom: 17px;
  left: 12%;
  height: 9px;
  background: rgba(255, 255, 255, 0.45);
  clip-path: polygon(8% 0, 92% 0, 100% 100%, 0 100%);
}
.style-preview b {
  top: 40px;
  left: 50%;
  width: 36px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  filter: blur(7px);
  transform: translateX(-50%);
}
.wizard-tech {
  background: radial-gradient(circle at 50% 35%, rgba(64, 176, 255, 0.5), transparent 24%),
    linear-gradient(150deg, #061a39, #0c3e77);
}
.wizard-minimal {
  background: linear-gradient(145deg, #d8d9dc, #f5f5f4 48%, #b8b9bd);
}
.wizard-minimal span {
  border-color: rgba(65, 65, 68, 0.45);
}
.wizard-minimal i {
  background: rgba(62, 62, 65, 0.25);
}
.wizard-oriental {
  background: radial-gradient(circle at 60% 40%, rgba(217, 178, 112, 0.5), transparent 25%),
    linear-gradient(145deg, #431f1c, #9b5f47);
}
.wizard-energy {
  background: radial-gradient(circle at 38% 35%, rgba(255, 229, 90, 0.55), transparent 23%),
    linear-gradient(145deg, #e95f34, #8a3ad4);
}
.style-choice-grid > button > div:nth-child(2) {
  padding: 11px 11px 0;
}
.style-choice-grid strong,
.style-choice-grid small {
  display: block;
}
.style-choice-grid strong {
  color: #4a4a4e;
  font-size: 10px;
}
.style-choice-grid small {
  margin-top: 4px;
  color: #99999e;
  font-size: 7px;
}
.style-choice-grid em {
  display: block;
  margin: 9px 11px 0;
  color: #aaaaaf;
  font-size: 7px;
  font-style: normal;
}
.style-choice-grid button.selected em {
  color: #df551b;
  font-weight: 700;
}
.reference-helper {
  display: block;
  width: 100%;
  height: 40px;
  margin-top: 16px;
  border: 1px dashed #d7d7da;
  border-radius: 11px;
  color: #747479;
  background: #fafafa;
  font-size: 9px;
  cursor: pointer;
}
.reference-helper:hover {
  border-color: #ffad88;
  color: #df551b;
  background: #fff8f4;
}
.output-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
}
.output-list > button {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  min-height: 67px;
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  border: 1px solid #dfdfe2;
  border-radius: 13px;
  background: #fbfbfc;
  cursor: pointer;
  text-align: left;
}
.output-list > button.selected {
  border-color: #ffa47e;
  background: #fff8f4;
}
.output-list > button > span {
  display: grid;
  width: 21px;
  height: 21px;
  place-items: center;
  border: 1px solid #d3d3d6;
  border-radius: 6px;
  color: white;
  background: white;
  font-size: 8px;
}
.output-list > button.selected > span {
  border-color: #ff6b2c;
  background: #ff6b2c;
}
.output-list strong,
.output-list small {
  display: block;
}
.output-list strong {
  color: #49494d;
  font-size: 10px;
}
.output-list small {
  margin-top: 4px;
  color: #99999e;
  font-size: 7px;
}
.output-list em {
  color: #aaaab0;
  font-size: 7px;
  font-style: normal;
}
.output-list .selected em {
  color: #df551b;
}
.confirm-step {
  text-align: center;
}
.confirm-mark {
  display: grid;
  width: 50px;
  height: 50px;
  margin: 0 auto 13px;
  place-items: center;
  border-radius: 16px;
  color: white;
  background: linear-gradient(145deg, #ff814a, #ff5a1f);
  box-shadow: 0 10px 25px rgba(255, 94, 31, 0.2);
  font-size: 20px;
}
.wizard-question.centered {
  display: block;
  margin-bottom: 23px;
}
.brief-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border: 1px solid #e2e2e4;
  border-radius: 13px;
  background: #fafafa;
  text-align: left;
}
.brief-summary > div {
  padding: 13px;
  border-right: 1px solid #e4e4e6;
}
.brief-summary > div:last-child {
  border-right: 0;
}
.brief-summary small,
.brief-summary strong {
  display: block;
}
.brief-summary small {
  color: #9a9a9f;
  font-size: 7px;
}
.brief-summary strong {
  margin-top: 5px;
  color: #4d4d51;
  font-size: 9px;
}
.summary-brief {
  margin-top: 15px;
  padding: 14px 16px;
  border: 1px solid #f0ded5;
  border-radius: 13px;
  background: #fff9f6;
  text-align: left;
}
.summary-brief span {
  color: #df551b;
  font-size: 8px;
  font-weight: 700;
}
.summary-brief p {
  margin: 7px 0 0;
  color: #65656a;
  font-size: 9px;
  line-height: 1.7;
}
.generation-plan {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.generation-plan > div {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
}
.generation-plan > div > span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 8px;
  color: #df551b;
  background: #fff0e8;
  font-size: 8px;
  font-weight: 700;
}
.generation-plan p {
  margin: 0;
  color: #99999e;
  font-size: 7px;
}
.generation-plan strong {
  display: block;
  margin-bottom: 2px;
  color: #55555a;
  font-size: 8px;
}
.generation-plan > i {
  width: 28px;
  height: 1px;
  margin: 0 11px;
  background: #dedee1;
}
.wizard-actions {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  display: grid;
  height: 76px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 44px;
  border-top: 1px solid rgba(219, 219, 222, 0.9);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: saturate(180%) blur(22px);
}
.wizard-actions > span {
  color: #aaaab0;
  font-size: 8px;
}
.wizard-back,
.wizard-next {
  height: 40px;
  border-radius: 11px;
  cursor: pointer;
}
.wizard-back {
  width: fit-content;
  padding: 0 13px;
  border: 1px solid #dedee1;
  color: #67676c;
  background: white;
  font-size: 9px;
}
.wizard-next {
  min-width: 118px;
  justify-self: end;
  padding: 0 18px;
  border: 0;
  color: white;
  background: linear-gradient(135deg, #ff7b42, #ff5a1f);
  box-shadow: 0 8px 20px rgba(255, 92, 31, 0.2);
  font-size: 10px;
  font-weight: 600;
}
.wizard-next b {
  margin-left: 8px;
  font-size: 14px;
}
.wizard-next:disabled {
  color: #aaaab0;
  background: #e7e7e9;
  box-shadow: none;
  cursor: not-allowed;
}
.wizard-next.generate {
  min-width: 170px;
}
.mode-switch {
  height: 28px;
  margin-right: 14px;
  padding: 0 9px;
  border: 1px solid #e0e0e2;
  border-radius: 8px;
  color: #6e6e73;
  background: #f8f8f9;
  font-size: 9px;
  cursor: pointer;
}
.mode-switch:hover {
  border-color: #ffb18e;
  color: #dd531a;
  background: #fff8f4;
}
.chat-import-progress {
  display: flex;
  width: min(650px, calc(100vw - 200px));
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 27px 0 12px;
}
.chat-import-progress > div {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  color: #aaaab0;
}
.chat-import-progress > div:last-child {
  flex: 0 0 auto;
}
.chat-import-progress span {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #d8d8db;
  border-radius: 50%;
  background: white;
  font-size: 8px;
}
.chat-import-progress strong {
  white-space: nowrap;
  font-size: 9px;
  font-weight: 500;
}
.chat-import-progress i {
  height: 1px;
  flex: 1;
  margin: 0 15px 0 6px;
  background: #dcdcdf;
}
.chat-import-progress .active {
  color: #dc531a;
}
.chat-import-progress .active span {
  border-color: #ff6b2c;
  color: white;
  background: #ff6b2c;
  box-shadow: 0 0 0 4px #fff0e8;
}
.chat-import-progress .done {
  color: #66666b;
}
.chat-import-progress .done span {
  border-color: #ff9d72;
  color: white;
  background: #ff8953;
}
.chat-import-progress .done i {
  background: #ffc2a6;
}
.chat-import-body {
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 15px 0 106px;
}
.chat-import-panel {
  width: min(900px, calc(100vw - 180px));
  padding: 30px 36px 32px;
  border: 1px solid #e1e1e4;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.055);
}
.chat-import-title {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 22px;
}
.chat-import-title > span {
  display: grid;
  width: 37px;
  height: 37px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 11px;
  color: white;
  background: linear-gradient(145deg, #ff8d57, #f25c20);
  box-shadow: 0 8px 17px rgba(242, 93, 32, 0.17);
  font-size: 13px;
}
.chat-import-title h1,
.result-title h1 {
  margin: 0;
  color: #242427;
  font-size: 22px;
  letter-spacing: -0.03em;
}
.chat-import-title p,
.result-title p {
  margin: 7px 0 0;
  color: #8d8d92;
  font-size: 10px;
}
.chat-dropzone {
  display: flex;
  min-height: 177px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1.5px dashed #d3d3d6;
  border-radius: 18px;
  background: radial-gradient(circle at 50% 35%, rgba(255, 126, 67, 0.07), transparent 25%),
    #fafafa;
  cursor: pointer;
  transition: 160ms ease;
}
.chat-dropzone:hover {
  border-color: #ff9d73;
  background: #fff9f6;
}
.chat-dropzone input,
.chat-add-more input {
  display: none;
}
.dropzone-icon {
  position: relative;
  display: grid;
  width: 47px;
  height: 47px;
  margin-bottom: 12px;
  place-items: center;
  border-radius: 15px;
  color: #df551b;
  background: #ffe9dd;
  font-size: 16px;
}
.dropzone-icon i {
  position: absolute;
  right: -4px;
  bottom: -4px;
  display: grid;
  width: 19px;
  height: 19px;
  place-items: center;
  border: 2px solid white;
  border-radius: 50%;
  color: white;
  background: #ff6b2c;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
}
.chat-dropzone > strong {
  color: #4d4d51;
  font-size: 11px;
}
.chat-dropzone > p {
  margin: 7px 0 0;
  color: #8d8d92;
  font-size: 9px;
}
.chat-dropzone > small {
  margin-top: 9px;
  color: #b0b0b5;
  font-size: 7px;
}
.chat-file-list {
  margin-top: 14px;
  padding: 13px;
  border: 1px solid #e4e4e6;
  border-radius: 14px;
  background: #fbfbfc;
}
.chat-file-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.chat-file-head strong {
  color: #67676c;
  font-size: 9px;
}
.chat-file-head button {
  border: 0;
  color: #da531b;
  background: transparent;
  font-size: 8px;
  cursor: pointer;
}
.chat-file-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 9px;
}
.chat-file-grid > div,
.chat-add-more {
  position: relative;
  overflow: hidden;
  border: 1px solid #e1e1e4;
  border-radius: 10px;
  background: white;
}
.chat-file-grid > div > span {
  position: relative;
  display: block;
  height: 72px;
  padding: 11px 9px;
  overflow: hidden;
  background: linear-gradient(145deg, #e7e7e9, #f8f8f9);
}
.chat-file-grid > div > span i,
.chat-file-grid > div > span b,
.chat-file-grid > div > span em {
  display: block;
  height: 5px;
  margin-bottom: 7px;
  border-radius: 5px;
  background: white;
}
.chat-file-grid > div > span i {
  width: 74%;
}
.chat-file-grid > div > span b {
  width: 48%;
  margin-left: auto;
  background: #ffdcca;
}
.chat-file-grid > div > span em {
  width: 63%;
}
.chat-file-grid > div > p {
  margin: 0;
  padding: 7px;
  overflow: hidden;
  color: #77777c;
  font-size: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat-file-grid > div > button {
  position: absolute;
  top: 5px;
  right: 5px;
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: white;
  background: rgba(35, 35, 38, 0.68);
  font-size: 10px;
  cursor: pointer;
}
.chat-add-more {
  display: flex;
  min-height: 96px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-style: dashed;
  color: #99999e;
  cursor: pointer;
}
.chat-add-more span {
  font-size: 18px;
  font-weight: 300;
}
.chat-add-more small {
  margin-top: 5px;
  font-size: 7px;
}
.chat-text-alternative {
  margin-top: 15px;
  overflow: hidden;
  border: 1px solid #e1e1e4;
  border-radius: 13px;
  background: #fafafa;
}
.chat-text-alternative > div {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px 0;
}
.chat-text-alternative > div span {
  color: #aaaab0;
  font-size: 7px;
}
.chat-text-alternative > div strong {
  color: #66666b;
  font-size: 8px;
}
.chat-text-alternative textarea {
  width: 100%;
  min-height: 58px;
  padding: 10px 12px;
  resize: vertical;
  border: 0;
  outline: 0;
  color: #55555a;
  background: transparent;
  font-size: 9px;
  line-height: 1.6;
}
.privacy-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 13px;
  padding: 9px 11px;
  border-radius: 10px;
  background: #f4f4f6;
}
.privacy-note > span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 8px;
  color: #67676c;
  background: #e5e5e7;
  font-size: 7px;
  font-weight: 700;
}
.privacy-note p {
  margin: 0;
  color: #99999e;
  font-size: 7px;
  line-height: 1.5;
}
.privacy-note strong {
  display: block;
  color: #67676c;
  font-size: 8px;
}
.analyzing-state {
  display: flex;
  min-height: 360px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.scan-stack {
  position: relative;
  width: 130px;
  height: 102px;
  margin-bottom: 25px;
}
.scan-stack > div {
  position: absolute;
  width: 84px;
  height: 94px;
  padding: 17px 12px;
  border: 1px solid #dedee1;
  border-radius: 12px;
  background: white;
  box-shadow: 0 9px 20px rgba(0, 0, 0, 0.07);
}
.scan-stack > div:nth-child(1) {
  left: 0;
  transform: rotate(-9deg);
}
.scan-stack > div:nth-child(2) {
  right: 0;
  transform: rotate(9deg);
}
.scan-stack > div:nth-child(3) {
  right: 23px;
  z-index: 2;
}
.scan-stack > div span {
  display: block;
  height: 6px;
  margin: 8px 0;
  border-radius: 6px;
  background: #ececee;
}
.scan-stack > i {
  position: absolute;
  z-index: 4;
  top: 20px;
  right: 19px;
  left: 19px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ff6b2c, transparent);
  box-shadow: 0 0 9px #ff6b2c;
  animation: analyze-scan 1.7s ease-in-out infinite;
}
.analyzing-state > strong {
  color: #4b4b50;
  font-size: 12px;
}
.analyzing-state > small {
  margin-top: 8px;
  color: #99999e;
  font-size: 8px;
}
.analyzing-bar {
  width: 260px;
  height: 4px;
  margin-top: 18px;
  overflow: hidden;
  border-radius: 4px;
  background: #ececee;
}
.analyzing-bar span {
  display: block;
  width: 68%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff6b2c, #ff9d70);
  animation: analyze-progress 1.5s ease-in-out infinite;
}
.result-title {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 20px;
}
.result-title > div:nth-child(2) {
  flex: 1;
}
.result-check {
  display: grid;
  width: 39px;
  height: 39px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 12px;
  color: white;
  background: linear-gradient(145deg, #ff8250, #ff5b20);
  box-shadow: 0 8px 18px rgba(255, 93, 31, 0.18);
  font-size: 15px;
}
.result-title > button {
  height: 32px;
  padding: 0 10px;
  border: 1px solid #dedee1;
  border-radius: 9px;
  color: #77777c;
  background: white;
  font-size: 8px;
  cursor: pointer;
}
.extraction-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.extraction-grid > button {
  display: flex;
  min-height: 61px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 13px;
  border: 1px solid #e2e2e4;
  border-radius: 12px;
  background: #fbfbfc;
  cursor: pointer;
  text-align: left;
}
.extraction-grid > button.pending {
  border-color: #f0d29a;
  background: #fffaf0;
}
.extraction-grid small,
.extraction-grid strong {
  display: block;
}
.extraction-grid small {
  color: #99999e;
  font-size: 7px;
}
.extraction-grid strong {
  margin-top: 5px;
  color: #505055;
  font-size: 9px;
}
.extraction-grid > button > span {
  color: #269069;
  font-size: 7px;
  white-space: nowrap;
}
.extraction-grid > button.pending > span {
  color: #ad741d;
}
.chat-ai-summary {
  display: grid;
  grid-template-columns: 31px 1fr auto;
  gap: 10px;
  margin-top: 14px;
  padding: 13px;
  border: 1px solid #f0dcd1;
  border-radius: 13px;
  background: #fff9f6;
}
.ai-badge {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border-radius: 9px;
  color: white;
  background: #333337;
  font-size: 8px;
  font-weight: 700;
}
.chat-ai-summary small {
  color: #d8531b;
  font-size: 8px;
  font-weight: 700;
}
.chat-ai-summary p {
  margin: 5px 0 0;
  color: #68686d;
  font-size: 8px;
  line-height: 1.7;
}
.chat-ai-summary > button {
  align-self: start;
  border: 0;
  color: #d8531b;
  background: transparent;
  font-size: 8px;
  cursor: pointer;
}
.chat-next-plan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding: 11px 13px;
  border-radius: 11px;
  background: #f4f4f6;
}
.chat-next-plan > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.chat-next-plan > div > span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 8px;
  color: #df551b;
  background: #ffe8dc;
  font-size: 10px;
}
.chat-next-plan p {
  margin: 0;
  color: #8d8d92;
  font-size: 7px;
}
.chat-next-plan strong {
  display: block;
  margin-bottom: 3px;
  color: #55555a;
  font-size: 8px;
}
.chat-next-plan em {
  color: #df551b;
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
}
@keyframes chat-scan {
  0%,
  100% {
    top: 25px;
    opacity: 0;
  }
  20%,
  80% {
    opacity: 1;
  }
  50% {
    top: 79px;
  }
}
@keyframes analyze-scan {
  0%,
  100% {
    top: 19px;
  }
  50% {
    top: 88px;
  }
}
@keyframes analyze-progress {
  0% {
    width: 18%;
  }
  70% {
    width: 88%;
  }
  100% {
    width: 100%;
  }
}
@keyframes voice-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(255, 107, 44, 0.28);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(255, 107, 44, 0);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.brand-logo-crop {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  overflow: visible;
  padding: 1px;
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(241,237,255,.78));
  box-shadow: 0 10px 26px rgba(92, 69, 185, 0.18),
    inset 0 0 0 1px rgba(255,255,255,.72);
}
.brand-logo-crop img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}
.entry-brand .brand-logo-crop {
  width: 48px;
  height: 48px;
  padding: 4px;
  border-radius: 15px;
}
.entry-brand .brand-logo-crop img {
  width: 100%;
  height: 100%;
}
.cinematic-entry .brand-logo-crop {
  box-shadow: 0 12px 30px rgba(42, 159, 215, 0.24),
    inset 0 0 0 1px rgba(255, 255, 255, 0.32);
}
.windows-install-button {
  height: 34px;
  padding: 0 12px;
  border: 1px solid #dce9ef;
  border-radius: 9px;
  color: #277da8;
  background: #f3faff;
  font-size: 9px;
  font-weight: 700;
  cursor: pointer;
  transition: 160ms ease;
}
.windows-install-button:hover {
  border-color: #9fd5ef;
  background: #eaf7fd;
}
.approve-purchase-button {
  height: 34px;
  padding: 0 15px;
  border: 1px solid #ff6b2c;
  border-radius: 9px;
  color: white;
  background: linear-gradient(135deg, #ff7a3f, #ff5b20);
  box-shadow: 0 8px 20px rgba(255, 96, 32, 0.2);
  font-size: 9px;
  font-weight: 700;
  cursor: pointer;
}
.procurement-layout {
  display: grid;
  grid-template-columns: minmax(720px, 1fr) 310px;
  gap: 16px;
  padding: 18px 24px 34px;
}
.procurement-main {
  min-width: 0;
}
.procurement-hero {
  display: flex;
  min-height: 154px;
  align-items: center;
  justify-content: space-between;
  padding: 24px 28px;
  overflow: hidden;
  border: 1px solid #dce8ed;
  border-radius: 18px;
  background: radial-gradient(circle at 92% -20%, rgba(49, 164, 218, 0.16), transparent 42%),
    linear-gradient(135deg, #ffffff, #f8fcfe);
  box-shadow: 0 12px 34px rgba(40, 91, 116, 0.055);
}
.procurement-back {
  margin-bottom: 13px;
  padding: 0;
  border: 0;
  color: #6f8792;
  background: transparent;
  font-size: 8px;
  cursor: pointer;
}
.procurement-hero .eyebrow {
  color: #279bcf;
}
.procurement-hero h2 {
  margin: 6px 0 7px;
  color: #202b31;
  font-size: 22px;
  letter-spacing: -0.035em;
}
.procurement-hero > div:first-child > p {
  max-width: 650px;
  margin: 0;
  color: #778990;
  font-size: 9px;
  line-height: 1.7;
}
.procurement-ai-state {
  display: flex;
  min-width: 225px;
  align-items: center;
  gap: 11px;
  margin-left: 25px;
  padding: 14px;
  border: 1px solid #d7eaf3;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 10px 28px rgba(40, 129, 172, 0.07);
}
.procurement-ai-state > span {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 11px;
  color: white;
  background: linear-gradient(145deg, #42b2e5, #218fc4);
  font-size: 10px;
  font-weight: 800;
}
.procurement-ai-state > div {
  flex: 1;
}
.procurement-ai-state strong,
.procurement-ai-state small {
  display: block;
}
.procurement-ai-state strong {
  color: #30464f;
  font-size: 10px;
}
.procurement-ai-state small {
  margin-top: 4px;
  color: #8ca0a9;
  font-size: 7px;
}
.procurement-ai-state em {
  color: #20a66a;
  font-size: 13px;
  font-style: normal;
}
.procurement-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 12px 0 18px;
}
.procurement-metrics > div {
  padding: 14px 16px;
  border: 1px solid #e2e6e8;
  border-radius: 13px;
  background: white;
}
.procurement-metrics small,
.procurement-metrics strong,
.procurement-metrics span {
  display: block;
}
.procurement-metrics small {
  color: #8c969b;
  font-size: 7px;
}
.procurement-metrics strong {
  margin: 7px 0 5px;
  color: #26343a;
  font-size: 16px;
}
.procurement-metrics div:first-child strong {
  color: #e95d23;
}
.procurement-metrics span {
  color: #83969e;
  font-size: 7px;
}
.procurement-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin: 0 2px 12px;
}
.procurement-toolbar h3 {
  margin: 0;
  color: #2b3438;
  font-size: 13px;
}
.procurement-toolbar p {
  margin: 5px 0 0;
  color: #8c969b;
  font-size: 8px;
}
.procurement-toolbar > div:last-child {
  display: flex;
  gap: 7px;
}
.procurement-toolbar button {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #dfe3e5;
  border-radius: 8px;
  color: #66747a;
  background: white;
  font-size: 8px;
  cursor: pointer;
}
.material-list {
  display: grid;
  gap: 12px;
}
.material-card {
  overflow: hidden;
  border: 1px solid #e1e4e6;
  border-radius: 16px;
  background: white;
  box-shadow: 0 8px 26px rgba(26, 55, 67, 0.035);
}
.material-head {
  display: grid;
  grid-template-columns: 42px minmax(250px, 1fr) 105px 115px;
  align-items: center;
  gap: 13px;
  padding: 17px 18px 14px;
}
.material-index {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  color: #238fbe;
  background: #eaf7fd;
  font-size: 9px;
  font-weight: 800;
}
.material-name > span {
  color: #2496c7;
  font-size: 7px;
  font-weight: 700;
}
.material-name h3 {
  margin: 3px 0;
  color: #303b40;
  font-size: 11px;
}
.material-name p {
  margin: 0;
  color: #8c969b;
  font-size: 7px;
}
.material-quantity,
.material-estimate {
  padding-left: 13px;
  border-left: 1px solid #eceeef;
}
.material-quantity small,
.material-quantity strong,
.material-estimate small,
.material-estimate strong {
  display: block;
}
.material-quantity small,
.material-estimate small {
  color: #9ba3a7;
  font-size: 7px;
}
.material-quantity strong,
.material-estimate strong {
  margin-top: 5px;
  color: #445159;
  font-size: 10px;
}
.material-estimate strong {
  color: #e85a20;
}
.material-ai-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 18px 13px;
  padding: 9px 11px;
  border: 1px solid #dcecf3;
  border-radius: 9px;
  background: #f4fbfe;
}
.material-ai-note > span {
  display: grid;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 7px;
  color: white;
  background: #31a4d8;
  font-size: 6px;
  font-weight: 800;
}
.material-ai-note p {
  flex: 1;
  margin: 0;
  color: #66808b;
  font-size: 7px;
}
.material-ai-note button {
  border: 0;
  color: #288cb7;
  background: transparent;
  font-size: 7px;
  cursor: pointer;
}
.supplier-table {
  border-top: 1px solid #eceeef;
}
.supplier-row {
  display: grid;
  width: 100%;
  min-height: 48px;
  grid-template-columns: minmax(230px, 1.3fr) 90px 105px 80px 64px;
  align-items: center;
  gap: 8px;
  padding: 7px 18px;
  border: 0;
  border-top: 1px solid #f1f2f3;
  color: #67747a;
  background: white;
  font-size: 8px;
  text-align: left;
  cursor: pointer;
}
.supplier-row:hover {
  background: #f9fcfd;
}
.supplier-row.selected {
  background: #f1faff;
  box-shadow: inset 3px 0 #32a6d8;
}
.supplier-labels {
  min-height: 30px;
  border-top: 0;
  color: #9ba3a7;
  background: #fafbfb;
  font-size: 7px;
  cursor: default;
}
.supplier-labels:hover {
  background: #fafbfb;
}
.supplier-name {
  display: flex;
  align-items: center;
  gap: 9px;
}
.supplier-name > i {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 8px;
  color: #258eb9;
  background: #e7f5fb;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}
.supplier-name strong,
.supplier-name small {
  display: block;
}
.supplier-name strong {
  color: #3e4a50;
  font-size: 8px;
}
.supplier-name small {
  margin-top: 3px;
  color: #9ba4a8;
  font-size: 6px;
}
.supplier-score strong {
  color: #219769;
  font-size: 10px;
}
.supplier-price {
  color: #e15b24;
  font-size: 9px;
  font-weight: 700;
}
.supplier-select {
  justify-self: end;
  padding: 5px 8px;
  border: 1px solid #dbe1e3;
  border-radius: 7px;
  color: #77858b;
  background: #fafafa;
}
.supplier-row.selected .supplier-select {
  border-color: #9bd8ef;
  color: #218dbb;
  background: white;
}
.purchase-order-panel {
  position: sticky;
  top: 82px;
  align-self: start;
  overflow: hidden;
  border: 1px solid #dde3e5;
  border-radius: 17px;
  background: white;
  box-shadow: 0 15px 42px rgba(29, 57, 69, 0.07);
}
.order-panel-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 17px;
  border-bottom: 1px solid #e9edef;
  background: radial-gradient(circle at 90% 0%, rgba(50, 165, 215, 0.15), transparent 45%),
    #f8fcfe;
}
.order-panel-head > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  color: white;
  background: linear-gradient(145deg, #43b2e3, #238fc1);
  font-size: 10px;
  font-weight: 800;
}
.order-panel-head > div {
  flex: 1;
}
.order-panel-head h3,
.order-panel-head small {
  display: block;
  margin: 0;
}
.order-panel-head h3 {
  color: #304047;
  font-size: 11px;
}
.order-panel-head small {
  margin-top: 3px;
  color: #91a0a6;
  font-size: 7px;
}
.order-panel-head em {
  padding: 4px 8px;
  border-radius: 12px;
  color: #258db9;
  background: #e5f5fb;
  font-size: 7px;
  font-style: normal;
  font-weight: 700;
}
.order-project {
  margin: 13px;
  padding: 11px;
  border: 1px solid #e8eaeb;
  border-radius: 10px;
  background: #fafafa;
}
.order-project small,
.order-project strong,
.order-project span {
  display: block;
}
.order-project small {
  color: #9ca4a8;
  font-size: 6px;
}
.order-project strong {
  margin: 5px 0;
  color: #3d4a50;
  font-size: 9px;
}
.order-project span {
  color: #89969b;
  font-size: 6px;
}
.order-lines {
  max-height: 270px;
  margin: 0 13px;
  overflow-y: auto;
}
.order-lines > div:not(.order-empty) {
  padding: 10px 1px;
  border-bottom: 1px solid #eceeef;
}
.order-lines > div > span {
  color: #2691be;
  font-size: 6px;
}
.order-lines > div > strong {
  display: block;
  margin: 3px 0 5px;
  color: #465359;
  font-size: 8px;
}
.order-lines > div > p {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.order-lines small {
  color: #929da2;
  font-size: 7px;
}
.order-lines em {
  color: #e45d25;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
}
.order-empty {
  display: grid;
  min-height: 105px;
  place-items: center;
  align-content: center;
  gap: 7px;
  color: #a6afb3;
  text-align: center;
}
.order-empty > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px dashed #cbd2d5;
  border-radius: 50%;
  color: #9aa5aa;
  font-size: 14px;
}
.order-empty p {
  margin: 0;
  font-size: 7px;
}
.order-total {
  margin: 13px;
  padding: 11px;
  border-radius: 10px;
  background: #f7f8f8;
}
.order-total p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 7px;
  color: #7e8a90;
  font-size: 7px;
}
.order-total p:first-child {
  padding-bottom: 9px;
  border-bottom: 1px solid #e1e4e5;
}
.order-total p:first-child strong {
  color: #e55d24;
  font-size: 14px;
}
.order-total p:last-child {
  margin-bottom: 0;
}
.order-total em {
  color: #78858a;
  font-style: normal;
}
.order-total .saving strong {
  color: #1b9b65;
}
.order-risk {
  display: flex;
  gap: 8px;
  margin: 0 13px 12px;
  padding: 9px;
  border: 1px solid #f2dfc9;
  border-radius: 9px;
  background: #fff9f0;
}
.order-risk > span {
  display: grid;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 7px;
  color: #b87019;
  background: #ffe9c7;
  font-size: 7px;
}
.order-risk p {
  margin: 0;
  color: #9a8061;
  font-size: 6px;
  line-height: 1.55;
}
.order-risk strong {
  display: block;
  margin-bottom: 2px;
  color: #8b641f;
  font-size: 7px;
}
.order-submit,
.order-draft {
  width: calc(100% - 26px);
  height: 40px;
  margin: 0 13px;
  border-radius: 10px;
  font-size: 9px;
  font-weight: 700;
  cursor: pointer;
}
.order-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #ff6b2c;
  color: white;
  background: linear-gradient(135deg, #ff7a3f, #ff5b20);
  box-shadow: 0 9px 22px rgba(255, 91, 32, 0.2);
}
.order-draft {
  height: 34px;
  margin-top: 8px;
  border: 1px solid #dfe3e5;
  color: #6c797e;
  background: white;
}
.order-success {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 13px;
  padding: 11px;
  border: 1px solid #c7eadb;
  border-radius: 10px;
  background: #f1fbf7;
}
.order-success > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: #20a66a;
  font-size: 9px;
}
.order-success strong,
.order-success small {
  display: block;
}
.order-success strong {
  color: #237a58;
  font-size: 8px;
}
.order-success small {
  margin-top: 3px;
  color: #72a18d;
  font-size: 6px;
}
.order-disclaimer {
  margin: 10px 17px 15px;
  color: #a1a8ab;
  font-size: 6px;
  line-height: 1.6;
  text-align: center;
}
.tab-page,
.hub-page {
  padding: 18px 24px 36px;
}
.tab-page-hero,
.hub-section-head,
.hub-hero {
  display: flex;
  min-height: 124px;
  align-items: center;
  justify-content: space-between;
  padding: 23px 27px;
  border: 1px solid #e0e3e5;
  border-radius: 17px;
  background: radial-gradient(circle at 94% -20%, rgba(255, 107, 44, 0.09), transparent 42%),
    white;
  box-shadow: 0 10px 30px rgba(33, 46, 52, 0.04);
}
.tab-page-hero.compact {
  min-height: 112px;
}
.tab-page-hero h2,
.hub-section-head h1,
.hub-hero h1 {
  margin: 6px 0;
  color: #242c30;
  font-size: 21px;
  letter-spacing: -0.035em;
}
.tab-page-hero p,
.hub-section-head p,
.hub-hero p {
  margin: 0;
  color: #879196;
  font-size: 9px;
}
.tab-page-hero > button,
.hub-hero > button,
.hub-section-head > div:last-child > button {
  height: 36px;
  padding: 0 14px;
  border: 1px solid #ff6b2c;
  border-radius: 9px;
  color: white;
  background: linear-gradient(135deg, #ff7a3f, #ff5b20);
  box-shadow: 0 8px 19px rgba(255, 96, 32, 0.18);
  font-size: 8px;
  font-weight: 700;
  cursor: pointer;
}
.overview-metric-grid,
.quote-summary-grid,
.hub-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 12px 0;
}
.overview-metric-grid > div,
.quote-summary-grid > div,
.hub-metrics > div {
  padding: 15px 17px;
  border: 1px solid #e2e5e6;
  border-radius: 13px;
  background: white;
}
.overview-metric-grid small,
.overview-metric-grid strong,
.overview-metric-grid span,
.quote-summary-grid small,
.quote-summary-grid strong,
.quote-summary-grid span,
.hub-metrics small,
.hub-metrics strong,
.hub-metrics span {
  display: block;
}
.overview-metric-grid small,
.quote-summary-grid small,
.hub-metrics small {
  color: #929ba0;
  font-size: 7px;
}
.overview-metric-grid strong,
.quote-summary-grid strong,
.hub-metrics strong {
  margin: 7px 0 5px;
  color: #29363c;
  font-size: 17px;
}
.overview-metric-grid > div:first-child strong,
.quote-summary-grid > div:nth-child(2) strong,
.hub-metrics > div:nth-child(3) strong {
  color: #e95c22;
}
.overview-metric-grid span,
.quote-summary-grid span,
.hub-metrics span {
  color: #8b999f;
  font-size: 7px;
}
.tab-two-columns,
.brief-layout,
.hub-grid {
  display: grid;
  grid-template-columns: 1.35fr 0.95fr;
  gap: 12px;
}
.tab-card,
.hub-card {
  overflow: hidden;
  border: 1px solid #e1e4e5;
  border-radius: 15px;
  background: white;
  box-shadow: 0 8px 26px rgba(30, 47, 54, 0.035);
}
.tab-card-head,
.hub-card-head {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  padding: 0 17px;
  border-bottom: 1px solid #eceeef;
}
.tab-card-head h3,
.hub-card-head h2 {
  margin: 0;
  color: #38454b;
  font-size: 10px;
}
.tab-card-head button,
.hub-card-head button,
.tab-card-head > div button {
  border: 0;
  color: #77868c;
  background: transparent;
  font-size: 7px;
  cursor: pointer;
}
.tab-card-head em,
.tab-card-head > span {
  color: #e65b23;
  font-size: 7px;
  font-style: normal;
}
.green-pill {
  padding: 4px 7px;
  border-radius: 10px;
  color: #258b63 !important;
  background: #e7f7f0;
}
.milestone-list {
  padding: 8px 17px 15px;
}
.milestone-list > div {
  display: grid;
  min-height: 42px;
  grid-template-columns: 26px 1fr 90px;
  align-items: center;
  border-bottom: 1px solid #f0f1f2;
}
.milestone-list > div > span {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  color: #a0a8ac;
  background: #f0f1f2;
  font-size: 7px;
}
.milestone-list .done > span {
  color: white;
  background: #20a66a;
}
.milestone-list .active > span {
  color: white;
  background: #ff6b2c;
  box-shadow: 0 0 0 4px #fff0e8;
}
.milestone-list strong {
  color: #536067;
  font-size: 8px;
}
.milestone-list small {
  color: #919da2;
  font-size: 7px;
  text-align: right;
}
.todo-list {
  padding: 7px 14px 13px;
}
.todo-list > button {
  display: flex;
  width: 100%;
  min-height: 46px;
  align-items: center;
  gap: 9px;
  padding: 0 4px;
  border: 0;
  border-bottom: 1px solid #f0f1f2;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.todo-list > button > span {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  border: 1px solid #cdd3d5;
  border-radius: 4px;
}
.todo-list p {
  flex: 1;
  margin: 0;
}
.todo-list strong,
.todo-list small {
  display: block;
}
.todo-list strong {
  color: #4d5a60;
  font-size: 8px;
}
.todo-list small {
  margin-top: 3px;
  color: #9ba4a8;
  font-size: 6px;
}
.todo-list em {
  padding: 4px 7px;
  border-radius: 9px;
  color: #c95c2b;
  background: #fff0e8;
  font-size: 6px;
  font-style: normal;
}
.brief-layout {
  grid-template-columns: 1.45fr 0.75fr;
  margin-top: 12px;
}
.fact-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 17px;
}
.fact-form-grid label span {
  display: block;
  margin-bottom: 5px;
  color: #8d989d;
  font-size: 7px;
}
.fact-form-grid input {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #e1e4e5;
  border-radius: 8px;
  outline: none;
  color: #455158;
  background: #fafbfb;
  font-size: 8px;
}
.source-files {
  padding-bottom: 12px;
}
.source-file {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 13px;
  padding: 10px 1px;
  border-bottom: 1px solid #eef0f1;
}
.source-file > span,
.file-row > span {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 8px;
  color: #278cb7;
  background: #eaf7fc;
  font-size: 6px;
  font-weight: 800;
}
.source-file p,
.file-row p {
  flex: 1;
  margin: 0;
}
.source-file strong,
.source-file small,
.file-row strong,
.file-row small {
  display: block;
}
.source-file strong,
.file-row strong {
  color: #4b585e;
  font-size: 8px;
}
.source-file small,
.file-row small {
  margin-top: 3px;
  color: #9aa3a7;
  font-size: 6px;
}
.source-file > em {
  color: #22a46b;
  font-size: 8px;
  font-style: normal;
}
.missing-fact {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px;
  padding: 10px;
  border: 1px solid #f2d7c7;
  border-radius: 9px;
  background: #fff8f4;
}
.missing-fact > span {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  color: #d95c21;
  background: #ffe4d6;
  font-size: 8px;
}
.missing-fact p {
  flex: 1;
  margin: 0;
  color: #a27d69;
  font-size: 6px;
}
.missing-fact strong {
  display: block;
  margin-bottom: 2px;
  color: #935b3d;
  font-size: 7px;
}
.missing-fact button {
  border: 0;
  color: #d7541c;
  background: transparent;
  font-size: 6px;
}
.concept-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 11px;
  margin: 12px 0;
}
.concept-card {
  position: relative;
  min-height: 190px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid #e0e3e5;
  border-radius: 15px;
  background: radial-gradient(circle at 90% 5%, rgba(49, 164, 218, 0.12), transparent 35%),
    white;
  text-align: left;
  cursor: pointer;
}
.concept-card.selected {
  border-color: #ffa078;
  box-shadow: inset 0 0 0 1px #ffb999;
}
.concept-card > span {
  color: #2f9ac8;
  font-size: 23px;
  font-weight: 800;
  opacity: 0.25;
}
.concept-card > em {
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 4px 7px;
  border-radius: 9px;
  color: #71838b;
  background: #f1f4f5;
  font-size: 6px;
  font-style: normal;
}
.concept-card.selected > em {
  color: #d65720;
  background: #fff0e8;
}
.concept-card h3 {
  margin: 16px 0 6px;
  color: #344248;
  font-size: 16px;
}
.concept-card p {
  min-height: 34px;
  margin: 0;
  color: #84949b;
  font-size: 8px;
  line-height: 1.6;
}
.concept-card > div {
  display: flex;
  gap: 5px;
  margin: 13px 0;
}
.concept-card i {
  padding: 4px 6px;
  border-radius: 7px;
  color: #68808a;
  background: #f0f5f7;
  font-size: 6px;
  font-style: normal;
}
.concept-card > strong {
  color: #df5c25;
  font-size: 7px;
}
.agenda-card {
  margin-top: 12px;
}
.agenda-row {
  display: grid;
  min-height: 46px;
  grid-template-columns: 80px 1fr 80px 80px 30px;
  align-items: center;
  padding: 0 17px;
  border-bottom: 1px solid #eef0f1;
  color: #59676d;
  font-size: 8px;
}
.agenda-row > strong {
  color: #2791bd;
}
.agenda-row small {
  color: #929da2;
}
.agenda-row em {
  justify-self: start;
  padding: 4px 7px;
  border-radius: 8px;
  color: #7c898f;
  background: #f0f2f3;
  font-size: 6px;
  font-style: normal;
}
.agenda-row button {
  border: 0;
  color: #8f999e;
  background: transparent;
}
.ppt-workspace {
  display: grid;
  grid-template-columns: 170px minmax(440px, 1fr) 235px;
  gap: 11px;
  margin-top: 12px;
}
.ppt-outline,
.ppt-canvas {
  overflow: hidden;
  border: 1px solid #e0e3e5;
  border-radius: 14px;
  background: white;
}
.ppt-outline > button {
  display: flex;
  width: 100%;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid #f0f1f2;
  color: #66747a;
  background: white;
  font-size: 7px;
  text-align: left;
}
.ppt-outline > button.active {
  color: #df5b23;
  background: #fff4ee;
}
.ppt-outline > button span {
  color: #9aa4a8;
  font-size: 6px;
}
.ppt-outline > button em {
  margin-left: auto;
  color: #22a56b;
  font-style: normal;
}
.ppt-slide-preview {
  position: relative;
  min-height: 335px;
  margin: 18px;
  padding: 38px;
  overflow: hidden;
  color: white;
  background: radial-gradient(circle at 78% 25%, rgba(58, 169, 221, 0.36), transparent 22%),
    linear-gradient(135deg, #071923, #12374a 60%, #1b6381);
}
.ppt-slide-preview small {
  color: #63bee7;
  font-size: 7px;
  letter-spacing: 0.18em;
}
.ppt-slide-preview h2 {
  margin: 13px 0 7px;
  font-size: 32px;
}
.ppt-slide-preview p {
  width: 55%;
  margin: 0;
  color: rgba(255,255,255,.66);
  font-size: 9px;
}
.ppt-visual span,
.ppt-visual i,
.ppt-visual b {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(89, 201, 244, 0.28);
}
.ppt-visual span {
  right: -50px;
  bottom: -100px;
  width: 290px;
  height: 290px;
}
.ppt-visual i {
  right: 25px;
  bottom: -20px;
  width: 180px;
  height: 180px;
}
.ppt-visual b {
  right: 75px;
  bottom: 28px;
  width: 85px;
  height: 85px;
  background: rgba(51,174,221,.16);
}
.ppt-slide-preview > em {
  position: absolute;
  bottom: 20px;
  left: 38px;
  color: rgba(255,255,255,.45);
  font-size: 7px;
  font-style: normal;
}
.ppt-tools {
  display: flex;
  height: 45px;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border-top: 1px solid #ebedef;
  color: #8e999e;
  font-size: 7px;
}
.ppt-tools button {
  border: 0;
  color: #66767d;
  background: transparent;
  font-size: 7px;
}
.ppt-ai {
  padding-bottom: 12px;
}
.ppt-ai > div:not(.tab-card-head) {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 9px 12px 0;
  padding: 8px;
  border-radius: 8px;
  color: #71828a;
  background: #f4faf7;
  font-size: 6px;
}
.ppt-ai > div.warn {
  color: #9a6b43;
  background: #fff8ef;
}
.ppt-ai textarea {
  width: calc(100% - 24px);
  min-height: 80px;
  margin: 12px;
  padding: 9px;
  resize: none;
  border: 1px solid #e0e4e5;
  border-radius: 8px;
  color: #5f6d73;
  background: #fafbfb;
  font-size: 7px;
  line-height: 1.6;
}
.ppt-ai > button {
  width: calc(100% - 24px);
  height: 32px;
  margin: 0 12px;
  border: 0;
  border-radius: 8px;
  color: white;
  background: #ff6b2c;
  font-size: 7px;
}
.quote-summary-grid {
  margin-top: 12px;
}
.quote-table-card {
  margin-top: 12px;
}
.quote-table-row {
  display: grid;
  min-height: 48px;
  grid-template-columns: minmax(260px, 1.5fr) 100px 120px 120px 80px;
  align-items: center;
  padding: 0 18px;
  border-bottom: 1px solid #eef0f1;
  color: #69777d;
  font-size: 8px;
}
.quote-table-row.labels {
  min-height: 32px;
  color: #99a2a6;
  background: #fafbfb;
  font-size: 7px;
}
.quote-table-row > span:first-child {
  display: flex;
  align-items: center;
  gap: 9px;
}
.quote-table-row i {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 7px;
  color: #298fb9;
  background: #eaf7fc;
  font-size: 7px;
  font-style: normal;
}
.quote-table-row .price {
  color: #e35a22;
  font-weight: 700;
}
.quote-table-row .margin {
  color: #1f9965;
  font-weight: 700;
}
.quote-table-total {
  display: flex;
  align-items: center;
  padding: 17px 18px;
  background: #fff8f4;
}
.quote-table-total > span {
  color: #7b6960;
  font-size: 9px;
  font-weight: 700;
}
.quote-table-total small {
  margin-left: 12px;
  color: #a89389;
  font-size: 7px;
}
.quote-table-total strong {
  margin-left: auto;
  color: #e45b22;
  font-size: 17px;
}
.audit-score-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin: 12px 0;
}
.audit-score-grid > div {
  display: grid;
  min-height: 112px;
  place-items: center;
  align-content: center;
  gap: 5px;
  border: 1px solid #e2e5e6;
  border-radius: 13px;
  background: white;
}
.audit-score-grid > div > span {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  color: #1f9965;
  background: conic-gradient(#20a66a 0 88%, #e7efeb 88%);
  box-shadow: inset 0 0 0 6px white;
  font-size: 12px;
  font-weight: 800;
}
.audit-score-grid > div > span.amber {
  color: #cb7b20;
  background: conic-gradient(#f3a64b 0 80%, #f1ebe3 80%);
}
.audit-score-grid strong {
  color: #526067;
  font-size: 8px;
}
.audit-score-grid small {
  color: #94a0a5;
  font-size: 6px;
}
.issue-list {
  padding-bottom: 12px;
}
.issue-list > div:not(.tab-card-head):not(.release-gate) {
  display: grid;
  min-height: 58px;
  grid-template-columns: 32px 1fr 100px 70px;
  align-items: center;
  gap: 10px;
  padding: 0 17px;
  border-bottom: 1px solid #eef0f1;
}
.issue-list > div > span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 7px;
  font-size: 7px;
}
.issue-list > div > span.high {
  color: #c83f35;
  background: #fdebea;
}
.issue-list > div > span.medium {
  color: #c87820;
  background: #fff2df;
}
.issue-list p {
  margin: 0;
}
.issue-list strong,
.issue-list small {
  display: block;
}
.issue-list strong {
  color: #4c595f;
  font-size: 8px;
}
.issue-list small {
  margin-top: 4px;
  color: #98a1a5;
  font-size: 6px;
}
.issue-list em {
  color: #7f8c91;
  font-size: 7px;
  font-style: normal;
}
.issue-list button {
  border: 0;
  color: #df5a23;
  background: transparent;
  font-size: 7px;
}
.release-gate {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 15px 0;
  padding: 11px;
  border: 1px solid #f0d8ca;
  border-radius: 9px;
  background: #fff8f4;
}
.release-gate p {
  flex: 1;
  color: #947364;
  font-size: 6px;
}
.release-gate button {
  height: 28px;
  padding: 0 9px;
  border-radius: 7px;
  color: white;
  background: #ff6b2c;
}
.files-card {
  margin-top: 12px;
}
.file-row {
  display: flex;
  min-height: 58px;
  align-items: center;
  gap: 11px;
  padding: 0 17px;
  border-bottom: 1px solid #eef0f1;
}
.file-row > em {
  width: 80px;
  color: #8e999e;
  font-size: 7px;
  font-style: normal;
}
.file-row > b {
  width: 55px;
  padding: 4px 7px;
  border-radius: 8px;
  color: #248fbb;
  background: #eaf7fc;
  font-size: 6px;
  text-align: center;
}
.file-row > button {
  border: 0;
  color: #8d979c;
  background: transparent;
}
.hub-page {
  min-height: calc(100vh - 64px);
}
.hub-hero {
  min-height: 145px;
  color: white;
  border: 0;
  background: radial-gradient(circle at 85% 10%, rgba(55, 174, 226, 0.38), transparent 30%),
    linear-gradient(135deg, #102f3f, #17536d 60%, #247ba0);
}
.hub-hero small {
  color: rgba(255,255,255,.6);
  font-size: 8px;
}
.hub-hero h1 {
  color: white;
  font-size: 24px;
}
.hub-hero p {
  color: rgba(255,255,255,.62);
}
.hub-grid {
  grid-template-columns: 1.45fr .75fr;
}
.recent-projects > button {
  display: grid;
  width: 100%;
  min-height: 58px;
  grid-template-columns: 34px 1fr 140px 85px 20px;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  border: 0;
  border-bottom: 1px solid #eef0f1;
  background: white;
  text-align: left;
}
.recent-projects > button > i {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 8px;
  color: #278eb9;
  background: #e9f7fc;
  font-size: 8px;
  font-style: normal;
}
.recent-projects p {
  margin: 0;
}
.recent-projects strong,
.recent-projects small {
  display: block;
}
.recent-projects strong {
  color: #47555b;
  font-size: 8px;
}
.recent-projects small {
  margin-top: 4px;
  color: #9aa3a7;
  font-size: 6px;
}
.recent-projects > button > div {
  display: flex;
  align-items: center;
  gap: 7px;
}
.recent-projects > button > div > span {
  width: 92px;
  height: 4px;
  overflow: hidden;
  border-radius: 4px;
  background: #edf0f1;
}
.recent-projects > button > div b {
  display: block;
  height: 100%;
  background: #ff6b2c;
}
.recent-projects > button > div em {
  color: #8e999e;
  font-size: 6px;
  font-style: normal;
}
.recent-projects label {
  justify-self: start;
  padding: 4px 7px;
  border-radius: 8px;
  color: #6d7b81;
  background: #f0f2f3;
  font-size: 6px;
}
.recent-projects > button > b {
  color: #9ba4a8;
  font-size: 10px;
}
.ai-activity {
  padding-bottom: 9px;
}
.ai-activity > div:not(.hub-card-head) {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 13px;
  padding: 11px 0;
  border-bottom: 1px solid #eef0f1;
}
.ai-activity > div > span {
  display: grid;
  width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 7px;
  color: #228e65;
  background: #e8f7f1;
  font-size: 7px;
}
.ai-activity p {
  margin: 0;
}
.ai-activity strong,
.ai-activity small {
  display: block;
}
.ai-activity strong {
  color: #526067;
  font-size: 7px;
}
.ai-activity small {
  margin-top: 3px;
  color: #9da5a9;
  font-size: 6px;
}
.ai-activity > button {
  margin: 11px 13px 0;
  border: 0;
  color: #df5b23;
  background: transparent;
  font-size: 7px;
}
.hub-section-head {
  min-height: 128px;
}
.hub-section-head > div:last-child {
  display: flex;
  align-items: center;
  gap: 9px;
}
.hub-search {
  display: flex;
  height: 36px;
  width: 220px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid #dfe3e5;
  border-radius: 9px;
  background: #fafbfb;
}
.hub-search span {
  color: #9ba4a8;
}
.hub-search input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #5d6a70;
  background: transparent;
  font-size: 8px;
}
.hub-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 12px;
}
.hub-resource-card {
  overflow: hidden;
  padding: 0;
  border: 1px solid #e0e3e5;
  border-radius: 15px;
  background: white;
  text-align: left;
  cursor: pointer;
  transition: 160ms ease;
}
.hub-resource-card:hover {
  box-shadow: 0 14px 36px rgba(34, 62, 74, .09);
  transform: translateY(-3px);
}
.resource-visual {
  position: relative;
  height: 112px;
  overflow: hidden;
  background: radial-gradient(circle at 72% 35%, rgba(65, 177, 224, .35), transparent 25%),
    linear-gradient(135deg, #102f3f, #236c8c);
}
.resource-visual > span {
  position: absolute;
  top: 18px;
  left: 18px;
  color: white;
  font-size: 22px;
  font-weight: 800;
}
.resource-visual > em {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 4px 7px;
  border-radius: 8px;
  color: white;
  background: rgba(255,255,255,.15);
  font-size: 6px;
  font-style: normal;
  backdrop-filter: blur(8px);
}
.resource-visual > i,
.resource-visual > b {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.18);
}
.resource-visual > i {
  right: -25px;
  bottom: -50px;
  width: 150px;
  height: 150px;
}
.resource-visual > b {
  right: 20px;
  bottom: -25px;
  width: 85px;
  height: 85px;
}
.visual-2 {
  background: linear-gradient(135deg,#2f2440,#7a4d91);
}
.visual-3 {
  background: linear-gradient(135deg,#3c2e17,#ad7d28);
}
.visual-4 {
  background: linear-gradient(135deg,#3e1723,#a63e58);
}
.visual-5 {
  background: linear-gradient(135deg,#17392f,#298a6a);
}
.visual-6 {
  background: linear-gradient(135deg,#33343a,#737680);
}
.hub-resource-card > div:last-child {
  padding: 14px 16px 16px;
}
.hub-resource-card h3 {
  margin: 0;
  color: #3d4a50;
  font-size: 10px;
}
.hub-resource-card p {
  margin: 6px 0 12px;
  color: #919ca1;
  font-size: 7px;
}
.hub-resource-card > div:last-child > span {
  color: #df5a23;
  font-size: 7px;
}
@media (max-width: 1240px) {
  .entry-content {
    width: calc(100vw - 70px);
  }
  .wizard-panel,
  .wizard-progress {
    width: calc(100vw - 120px);
  }
  .content-grid {
    grid-template-columns: minmax(650px, 1fr) 300px;
  }
  .reference-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .visual-scene {
    height: 112px;
  }
  .global-search {
    width: 220px;
  }
  .generation-settings label:nth-child(2) {
    display: none;
  }
  .procurement-layout {
    grid-template-columns: minmax(680px, 1fr) 290px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .procurement-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  .ppt-workspace {
    grid-template-columns: 150px minmax(420px, 1fr) 210px;
  }
  .hub-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.zcool-home {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  background: #edf0f1;
}
.creation-video-layer {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #11181d;
  pointer-events: none;
}
.creation-video-layer video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transform: translateY(17%) scale(1.04);
  transform-origin: center;
}
.creation-video-layer > span {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(246, 248, 248, 0.42), rgba(246, 248, 248, 0.62) 62%, rgba(246, 248, 248, 0.72)),
    radial-gradient(circle at 74% 4%, rgba(255, 116, 54, 0.12), transparent 30%);
  backdrop-filter: saturate(0.95);
}
.industry-rail {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 30;
  display: flex;
  width: 190px;
  flex-direction: column;
  padding: 18px 14px 16px;
  border-right: 1px solid rgba(222, 226, 227, 0.86);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 12px 0 36px rgba(28, 40, 46, 0.035);
  backdrop-filter: blur(26px) saturate(1.1);
}
.industry-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 5px 16px;
  border: 0;
  color: #2d3539;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.industry-brand .brand-logo-crop {
  width: 41px;
  height: 41px;
  padding: 3px;
  box-shadow: 0 8px 20px rgba(44, 152, 209, 0.12);
}
.industry-brand > span:last-child,
.industry-brand strong,
.industry-brand small {
  display: block;
}
.industry-brand strong {
  font-size: 12px;
}
.industry-brand small {
  margin-top: 4px;
  color: #a0a6a9;
  font-size: 6px;
  font-weight: 700;
  letter-spacing: 0.13em;
}
.industry-caption {
  padding: 14px 10px 9px;
  border-top: 1px solid #eceeef;
}
.industry-caption span,
.industry-caption small {
  display: block;
}
.industry-caption span {
  color: #394348;
  font-size: 9px;
  font-weight: 700;
}
.industry-caption small {
  margin-top: 4px;
  color: #a2a9ac;
  font-size: 6px;
}
.industry-rail nav {
  display: grid;
  gap: 4px;
  margin-top: 6px;
}
.industry-rail nav button {
  display: grid;
  min-height: 58px;
  grid-template-columns: 30px 1fr 9px;
  align-items: center;
  gap: 9px;
  padding: 0 9px;
  border: 0;
  border-radius: 12px;
  color: #687277;
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: 160ms ease;
}
.industry-rail nav button:hover {
  color: #343d41;
  background: #f3f5f5;
}
.industry-rail nav button.active {
  color: #d95019;
  background: #fff0e8;
}
.industry-rail nav button > span {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  border-radius: 9px;
  color: #737e83;
  background: #f2f4f4;
  font-size: 9px;
  font-weight: 700;
}
.industry-rail nav button.active > span {
  color: white;
  background: linear-gradient(145deg, #ff7740, #ec541b);
  box-shadow: 0 6px 14px rgba(236, 84, 27, 0.17);
}
.industry-rail nav p {
  margin: 0;
}
.industry-rail nav strong,
.industry-rail nav small {
  display: block;
}
.industry-rail nav strong {
  font-size: 9px;
}
.industry-rail nav small {
  margin-top: 4px;
  color: #a0a7aa;
  font-size: 6px;
}
.industry-rail nav em {
  color: #b6bcbe;
  font-size: 12px;
  font-style: normal;
}
.industry-bottom {
  display: grid;
  gap: 4px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #eceeef;
}
.industry-bottom button {
  height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: 9px;
  color: #7a8589;
  background: transparent;
  font-size: 7px;
  cursor: pointer;
  text-align: left;
}
.industry-bottom button:hover {
  color: #3b4549;
  background: #f3f5f5;
}
.zcool-home .creation-main {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  margin-left: 190px;
  padding-bottom: 48px;
}
.zcool-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: space-between;
  padding: 0 26px;
  border-bottom: 1px solid rgba(224, 228, 229, 0.78);
  background: rgba(255, 255, 255, 0.76);
  backdrop-filter: blur(24px) saturate(1.1);
}
.zcool-topbar > label {
  display: flex;
  width: 350px;
  height: 37px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(222, 226, 227, 0.9);
  border-radius: 19px;
  background: rgba(245, 247, 247, 0.88);
}
.zcool-topbar > label > span {
  color: #8e989c;
}
.zcool-topbar > label input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #4d585d;
  background: transparent;
  font-size: 8px;
}
.zcool-account {
  display: flex;
  align-items: center;
  gap: 8px;
}
.zcool-account > button {
  display: flex;
  height: 35px;
  align-items: center;
  gap: 6px;
  padding: 0 11px;
  border: 1px solid #e2e5e6;
  border-radius: 11px;
  color: #687378;
  background: rgba(255, 255, 255, 0.9);
  font-size: 7px;
  cursor: pointer;
}
.zcool-account > button:first-child {
  color: #dc581f;
  border-color: #f0d8cc;
  background: #fff5f0;
}
.zcool-account .account-notice {
  position: relative;
  width: 35px;
  justify-content: center;
  padding: 0;
  font-size: 13px;
}
.account-notice i {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 5px;
  height: 5px;
  border: 1px solid white;
  border-radius: 50%;
  background: #ff6428;
}
.zcool-account .account-user {
  height: 39px;
  padding-right: 9px;
}
.account-user > span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: #303a3e;
}
.account-user p {
  margin: 0;
  text-align: left;
}
.account-user strong,
.account-user small {
  display: block;
}
.account-user strong {
  color: #394348;
  font-size: 7px;
}
.account-user small {
  margin-top: 2px;
  color: #a0a7aa;
  font-size: 5px;
}
.account-user em {
  color: #aeb4b7;
  font-style: normal;
}
.zcool-content {
  width: min(1280px, calc(100% - 44px));
  margin: 0 auto;
  padding-top: 18px;
}
.featured-carousel {
  position: relative;
  display: grid;
  height: 220px;
  grid-template-columns: minmax(0, 1fr) 100px 43%;
  align-items: center;
  gap: 16px;
  overflow: hidden;
  padding: 28px 44px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 20px;
  color: white;
  background: radial-gradient(circle at 76% 28%, rgba(255, 127, 68, 0.28), transparent 20%),
    linear-gradient(135deg, rgba(21, 32, 39, 0.95), rgba(42, 52, 57, 0.89));
  box-shadow: 0 18px 42px rgba(24, 34, 39, 0.14);
  backdrop-filter: blur(14px);
}
.featured-carousel.featured-energy {
  background: radial-gradient(circle at 76% 28%, rgba(255, 162, 92, 0.5), transparent 22%),
    linear-gradient(135deg, rgba(64, 28, 22, 0.94), rgba(122, 55, 31, 0.9));
}
.featured-carousel.featured-east {
  background: radial-gradient(circle at 76% 28%, rgba(224, 174, 119, 0.42), transparent 22%),
    linear-gradient(135deg, rgba(67, 26, 29, 0.94), rgba(115, 50, 46, 0.9));
}
.featured-copy {
  position: relative;
  z-index: 4;
  padding-left: 5px;
}
.featured-copy > span {
  display: inline-flex;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  color: #ffc4a9;
  background: rgba(255, 255, 255, 0.06);
  font-size: 7px;
}
.featured-copy h1 {
  margin: 14px 0 8px;
  font-size: 25px;
  letter-spacing: -0.02em;
}
.featured-copy > p {
  max-width: 560px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 8px;
  line-height: 1.7;
}
.featured-copy > div {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
}
.featured-copy small {
  color: rgba(255, 255, 255, 0.54);
  font-size: 7px;
}
.featured-copy button {
  height: 30px;
  padding: 0 10px;
  border: 0;
  border-radius: 9px;
  color: #eb5b21;
  background: white;
  font-size: 7px;
  font-weight: 700;
  cursor: pointer;
}
.featured-score {
  position: relative;
  z-index: 4;
  display: grid;
  width: 86px;
  height: 86px;
  place-items: center;
  align-content: center;
  justify-self: center;
  border: 1px solid rgba(255, 171, 131, 0.48);
  border-radius: 50%;
  outline: 1px dashed rgba(255, 171, 131, 0.22);
  outline-offset: -7px;
  background: rgba(255, 111, 47, 0.08);
}
.featured-score small {
  color: #ffc2a5;
  font-size: 5px;
}
.featured-score strong {
  margin: 3px 0;
  font-size: 25px;
}
.featured-score span {
  color: rgba(255, 255, 255, 0.55);
  font-size: 6px;
}
.featured-stage-art {
  position: relative;
  align-self: stretch;
  overflow: hidden;
}
.featured-stage-art > span {
  position: absolute;
  right: 6%;
  bottom: 11%;
  left: 6%;
  height: 58%;
  border: 1px solid rgba(133, 220, 255, 0.72);
  border-radius: 50% 50% 12px 12px;
  box-shadow: 0 0 28px rgba(70, 181, 232, 0.42),
    inset 0 0 24px rgba(70, 181, 232, 0.18);
}
.featured-stage-art > i {
  position: absolute;
  top: 19%;
  left: 50%;
  width: 42%;
  height: 58%;
  border-right: 1px solid rgba(255,255,255,.26);
  border-left: 1px solid rgba(255,255,255,.26);
  transform: translateX(-50%);
}
.featured-stage-art > b {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 35%;
  background: repeating-linear-gradient(90deg, transparent 0 16px, rgba(255,255,255,.11) 17px 18px),
    linear-gradient(180deg, transparent, rgba(0,0,0,.46));
}
.featured-stage-art > em {
  position: absolute;
  top: 32%;
  left: 50%;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 143, 81, 0.82), transparent 68%);
  transform: translateX(-50%);
}
.carousel-arrow {
  position: absolute;
  top: 50%;
  z-index: 8;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: white;
  background: rgba(18, 27, 32, 0.34);
  font-size: 20px;
  cursor: pointer;
  transform: translateY(-50%);
  backdrop-filter: blur(10px);
}
.carousel-arrow.prev {
  left: 12px;
}
.carousel-arrow.next {
  right: 12px;
}
.carousel-dots {
  position: absolute;
  bottom: 12px;
  left: 50%;
  z-index: 8;
  display: flex;
  gap: 5px;
  transform: translateX(-50%);
}
.carousel-dots button {
  width: 5px;
  height: 5px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: rgba(255,255,255,.35);
  cursor: pointer;
}
.carousel-dots button.active {
  width: 20px;
  background: white;
}
.ad-position {
  position: absolute;
  top: 13px;
  right: 15px;
  z-index: 8;
  padding: 4px 7px;
  border-radius: 10px;
  color: rgba(255,255,255,.6);
  background: rgba(0,0,0,.18);
  font-size: 5px;
}
.zcool-mode-section {
  margin-top: 14px;
  padding: 14px 16px 16px;
  border: 1px solid rgba(225, 229, 230, 0.9);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 30px rgba(33, 45, 50, 0.045);
  backdrop-filter: blur(18px);
}
.zcool-mode-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 0 2px 10px;
}
.zcool-mode-heading span {
  color: #e45a21;
  font-size: 6px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.zcool-mode-heading h2 {
  margin: 4px 0 0;
  color: #333d41;
  font-size: 12px;
}
.zcool-mode-heading p {
  margin: 0;
  color: #949da1;
  font-size: 7px;
}
.zcool-mode-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.zcool-mode {
  position: relative;
  display: grid;
  min-height: 86px;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #e6e9ea;
  border-radius: 14px;
  color: #3e484c;
  background: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  text-align: left;
  transition: 160ms ease;
}
.zcool-mode:hover {
  border-color: #efb99f;
  box-shadow: 0 9px 25px rgba(54, 45, 41, 0.07);
  transform: translateY(-1px);
}
.zcool-mode.novice {
  border-color: #f0c9b7;
  background: radial-gradient(circle at 100% 0%, rgba(255, 110, 44, 0.1), transparent 32%),
    rgba(255,255,255,.96);
}
.zcool-mode-icon {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 12px;
  color: white;
  background: linear-gradient(145deg, #ff7740, #ee541a);
  font-size: 16px;
  box-shadow: 0 7px 16px rgba(238, 84, 26, 0.16);
}
.zcool-mode.expert .zcool-mode-icon {
  background: linear-gradient(145deg, #414c51, #20292d);
  box-shadow: 0 7px 16px rgba(26, 36, 40, 0.15);
}
.zcool-mode small {
  color: #e35a21;
  font-size: 6px;
  font-weight: 700;
}
.zcool-mode.expert small {
  color: #7a8589;
}
.zcool-mode h3 {
  margin: 3px 0 5px;
  font-size: 10px;
}
.zcool-mode p {
  margin: 0;
  color: #929b9f;
  font-size: 6px;
}
.zcool-mode > em {
  color: #df5921;
  font-size: 7px;
  font-style: normal;
  font-weight: 700;
}
.zcool-mode.expert > em {
  color: #525e63;
}
.zcool-discover {
  width: 100%;
  margin-top: 18px;
  padding: 17px 18px 21px;
  border: 1px solid rgba(225, 229, 230, 0.9);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 12px 32px rgba(33, 45, 50, 0.05);
  backdrop-filter: blur(18px);
}
.discover-filter-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 11px 0 1px;
}
.discover-filter-row button {
  height: 27px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  color: #808a8e;
  background: #f1f3f3;
  font-size: 7px;
  cursor: pointer;
}
.discover-filter-row button.active {
  color: white;
  background: #343e42;
}
.discover-filter-row span {
  margin-left: auto;
  color: #a1a8ab;
  font-size: 6px;
}
.zcool-discover .discover-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.zcool-discover .discover-art {
  height: 150px;
}
.discover-art.case-purple {
  background: radial-gradient(circle at 50% 45%, #9ecaf0, transparent 20%), linear-gradient(145deg, #233650, #556e8d);
}
.discover-art.case-gold {
  background: radial-gradient(circle at 50% 43%, #e4b462, transparent 20%), linear-gradient(145deg, #2b251b, #72552e);
}
@media (max-width: 1240px) {
  .industry-rail {
    width: 176px;
  }
  .zcool-home .creation-main {
    margin-left: 176px;
  }
  .zcool-content {
    width: calc(100% - 32px);
  }
  .featured-carousel {
    grid-template-columns: minmax(0, 1fr) 84px 38%;
    padding-right: 38px;
    padding-left: 38px;
  }
  .zcool-discover .discover-art {
    height: 132px;
  }
}
.tender-page {
  max-width: 1480px;
  margin: 0 auto;
  padding: 22px 24px 40px;
}
.tender-hero {
  display: flex;
  min-height: 132px;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 24px 28px;
  border-radius: 18px;
  color: white;
  background: radial-gradient(circle at 86% 0%, rgba(255, 128, 65, 0.3), transparent 28%),
    linear-gradient(135deg, #252f34, #3a454a);
  box-shadow: 0 14px 36px rgba(28, 40, 45, 0.11);
}
.tender-hero h1 {
  margin: 8px 0 7px;
  font-size: 22px;
}
.tender-hero p {
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: 8px;
}
.tender-live {
  min-width: 245px;
  padding: 15px 17px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 13px;
  background: rgba(255,255,255,.06);
}
.tender-live span,
.tender-live strong,
.tender-live small {
  display: block;
}
.tender-live span {
  color: #ffc1a4;
  font-size: 7px;
}
.tender-live span i {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-radius: 50%;
  background: #55d492;
  box-shadow: 0 0 0 4px rgba(85,212,146,.1);
}
.tender-live strong {
  margin: 8px 0 5px;
  font-size: 13px;
}
.tender-live small {
  color: rgba(255,255,255,.48);
  font-size: 6px;
}
.tender-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 11px;
  border: 1px solid #e3e6e7;
  border-radius: 14px;
  background: white;
}
.tender-search {
  display: flex;
  width: 320px;
  height: 34px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid #e2e6e7;
  border-radius: 9px;
  background: #f7f8f8;
}
.tender-search input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 7px;
}
.tender-filters {
  display: flex;
  gap: 5px;
}
.tender-filters button,
.tender-toolbar > button {
  height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  color: #7c878b;
  background: #f1f3f3;
  font-size: 7px;
  cursor: pointer;
}
.tender-filters button.active {
  color: white;
  background: #343f43;
}
.tender-toolbar > button {
  margin-left: auto;
  color: #de5921;
  background: #fff1ea;
}
.tender-summary {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 12px 0;
}
.tender-summary > div {
  display: flex;
  min-width: 130px;
  align-items: baseline;
  gap: 6px;
  padding: 10px 13px;
  border: 1px solid #e4e7e8;
  border-radius: 11px;
  background: white;
}
.tender-summary strong {
  color: #e35a21;
  font-size: 14px;
}
.tender-summary span,
.tender-summary p {
  color: #8e989c;
  font-size: 7px;
}
.tender-summary p {
  margin-left: auto;
}
.tender-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 265px;
  gap: 13px;
}
.tender-list,
.tender-side > div {
  border: 1px solid #e3e6e7;
  border-radius: 15px;
  background: white;
}
.tender-list {
  padding: 0 17px 17px;
}
.tender-list-head {
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eceeef;
}
.tender-list-head h2 {
  display: inline;
  margin: 0;
  color: #374247;
  font-size: 11px;
}
.tender-list-head span {
  margin-left: 7px;
  color: #a0a7aa;
  font-size: 6px;
}
.tender-list-head button {
  border: 0;
  color: #7e898d;
  background: transparent;
  font-size: 7px;
}
.tender-card {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr) 110px;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid #eceeef;
}
.tender-card:last-child {
  border-bottom: 0;
}
.tender-match {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  align-content: center;
  border-radius: 50%;
  color: #e65b22;
  background: #fff1ea;
}
.tender-match strong {
  font-size: 15px;
}
.tender-match span {
  font-size: 5px;
}
.tender-source-line {
  display: flex;
  align-items: center;
  gap: 7px;
}
.tender-source-line span {
  color: #de5921;
  font-size: 6px;
  font-weight: 700;
}
.tender-source-line small {
  color: #abb1b4;
  font-size: 6px;
}
.tender-info h3 {
  margin: 6px 0 5px;
  color: #384348;
  font-size: 10px;
}
.tender-info > p {
  margin: 0;
  color: #879196;
  font-size: 7px;
}
.tender-tags {
  display: flex;
  gap: 5px;
  margin-top: 8px;
}
.tender-tags span {
  padding: 3px 6px;
  border-radius: 8px;
  color: #738086;
  background: #f1f3f3;
  font-size: 5px;
}
.tender-meta {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 9px;
}
.tender-meta strong {
  color: #e05a21;
  font-size: 8px;
}
.tender-meta span,
.tender-meta small {
  color: #8c969a;
  font-size: 6px;
}
.tender-actions {
  display: grid;
  align-content: center;
  gap: 7px;
}
.tender-actions button {
  height: 31px;
  border: 1px solid #e2e6e7;
  border-radius: 8px;
  color: #778388;
  background: white;
  font-size: 6px;
  cursor: pointer;
}
.tender-actions button.followed {
  color: #2b8c61;
  border-color: #cbe6d8;
  background: #f0faf5;
}
.tender-actions .use-as-brief {
  color: white;
  border-color: #ed5a20;
  background: linear-gradient(135deg,#ff7440,#ed551a);
}
.tender-side {
  display: grid;
  align-content: start;
  gap: 11px;
}
.tender-side > div {
  padding: 18px;
}
.tender-ai-card > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 11px;
  color: white;
  background: linear-gradient(145deg,#ff7640,#ec541a);
  font-size: 10px;
}
.tender-side h3 {
  margin: 11px 0 6px;
  color: #3a454a;
  font-size: 10px;
}
.tender-side p,
.tender-side li small,
.tender-source-card span {
  color: #8c969a;
  font-size: 6px;
  line-height: 1.6;
}
.tender-ai-card ul {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.tender-ai-card li {
  padding: 9px;
  border-radius: 9px;
  background: #f6f7f7;
}
.tender-ai-card li strong,
.tender-ai-card li small {
  display: block;
}
.tender-ai-card li strong {
  color: #576267;
  font-size: 7px;
}
.tender-source-card span {
  display: block;
  margin-top: 10px;
  padding: 9px;
  border-radius: 8px;
  color: #9b785f;
  background: #fff5ef;
}
.review-hero {
  display: flex;
  min-height: 112px;
  align-items: center;
  justify-content: space-between;
  padding: 22px 25px;
  border-radius: 17px;
  color: white;
  background: linear-gradient(135deg,#263137,#3d484d);
}
.review-hero h2 {
  margin: 8px 0 6px;
  font-size: 19px;
}
.review-hero p {
  margin: 0;
  color: rgba(255,255,255,.6);
  font-size: 7px;
}
.review-hero button {
  height: 34px;
  padding: 0 13px;
  border: 0;
  border-radius: 9px;
  color: #dc581f;
  background: white;
  font-size: 7px;
  font-weight: 700;
}
.review-score-overview {
  display: grid;
  grid-template-columns: .75fr .9fr 1.4fr;
  gap: 10px;
  margin: 12px 0;
}
.review-score-overview > div {
  min-height: 104px;
  padding: 16px;
  border: 1px solid #e3e6e7;
  border-radius: 14px;
  background: white;
}
.review-total-score {
  display: flex;
  align-items: center;
  gap: 13px;
}
.review-total-score > div {
  color: #e45a21;
}
.review-total-score > div strong {
  font-size: 28px;
}
.review-total-score > div span {
  font-size: 7px;
}
.review-total-score p,
.review-verdict p {
  margin: 0;
}
.review-total-score p strong,
.review-total-score p small {
  display: block;
}
.review-total-score p strong,
.review-verdict strong {
  color: #3d484c;
  font-size: 9px;
}
.review-total-score p small,
.win-probability span,
.review-verdict p {
  margin-top: 5px;
  color: #919b9f;
  font-size: 6px;
}
.win-probability small,
.win-probability strong,
.win-probability span {
  display: block;
}
.win-probability strong {
  margin: 5px 0;
  color: #e35a21;
  font-size: 23px;
}
.win-probability > div {
  height: 5px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 5px;
  background: #eceeef;
}
.win-probability i {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(90deg,#ff7440,#ed551a);
}
.review-verdict > span {
  color: #e25a21;
  font-size: 6px;
  font-weight: 700;
}
.review-verdict strong {
  display: block;
  margin: 7px 0;
}
.review-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 300px;
  gap: 11px;
}
.review-main,
.review-speaking {
  border: 1px solid #e3e6e7;
  border-radius: 15px;
  background: white;
}
.review-main {
  padding: 19px;
}
.review-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.review-section-head small {
  color: #e35a21;
  font-size: 6px;
  font-weight: 700;
}
.review-section-head h3 {
  margin: 4px 0 0;
  color: #3a4549;
  font-size: 10px;
}
.review-section-head > span {
  color: #9ba3a7;
  font-size: 6px;
}
.review-dimensions {
  margin-top: 12px;
}
.review-dimensions > div {
  display: grid;
  min-height: 55px;
  grid-template-columns: 36px 1fr 150px;
  align-items: center;
  gap: 11px;
  border-bottom: 1px solid #eceeef;
}
.review-dimensions > div > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  color: #23885f;
  background: #edf9f3;
  font-size: 9px;
  font-weight: 700;
}
.review-dimensions > div > span.medium {
  color: #b87520;
  background: #fff6e8;
}
.review-dimensions p {
  margin: 0;
}
.review-dimensions strong,
.review-dimensions small {
  display: block;
}
.review-dimensions strong {
  color: #4a5559;
  font-size: 7px;
}
.review-dimensions small {
  margin-top: 4px;
  color: #969fa3;
  font-size: 6px;
}
.review-dimensions > div > div {
  height: 5px;
  overflow: hidden;
  border-radius: 5px;
  background: #eef0f0;
}
.review-dimensions i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg,#43b080,#79cba6);
}
.tender-match-panel {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e7e9ea;
}
.match-check-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 8px;
  margin-top: 12px;
}
.match-check-grid > div {
  display: flex;
  gap: 8px;
  padding: 11px;
  border: 1px solid #e6e9ea;
  border-radius: 10px;
  background: #fafbfb;
}
.match-check-grid > div > span {
  color: #259066;
}
.match-check-grid > div.attention > span {
  color: #e1882a;
}
.match-check-grid p {
  margin: 0;
}
.match-check-grid strong,
.match-check-grid small {
  display: block;
}
.match-check-grid strong {
  color: #4d585c;
  font-size: 7px;
}
.match-check-grid small {
  margin-top: 4px;
  color: #969fa3;
  font-size: 6px;
}
.review-speaking {
  padding: 17px;
}
.speaking-title {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-bottom: 13px;
  border-bottom: 1px solid #eceeef;
}
.speaking-title > span {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  border-radius: 10px;
  color: white;
  background: linear-gradient(145deg,#ff7540,#ed551a);
}
.speaking-title h3 {
  margin: 0;
  color: #3d484c;
  font-size: 9px;
}
.speaking-title small {
  color: #9aa2a6;
  font-size: 6px;
}
.speaking-point {
  display: grid;
  grid-template-columns: 23px 1fr auto;
  gap: 8px;
  padding: 11px 0;
  border-bottom: 1px solid #eceeef;
}
.speaking-point > span {
  color: #e35a21;
  font-size: 7px;
  font-weight: 700;
}
.speaking-point p {
  margin: 0;
}
.speaking-point strong,
.speaking-point small {
  display: block;
}
.speaking-point strong {
  color: #4a5559;
  font-size: 7px;
}
.speaking-point small {
  margin-top: 4px;
  color: #969fa3;
  font-size: 6px;
  line-height: 1.45;
}
.speaking-point em {
  color: #a0a7aa;
  font-size: 6px;
  font-style: normal;
}
.speaking-warning {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
  border-radius: 9px;
  color: #93632d;
  background: #fff6e9;
}
.speaking-warning p {
  margin: 0;
  font-size: 6px;
  line-height: 1.5;
}
.speaking-warning strong {
  display: block;
  margin-bottom: 3px;
}
.review-speaking > button {
  width: 100%;
  height: 35px;
  margin-top: 12px;
  border: 0;
  border-radius: 9px;
  color: white;
  background: linear-gradient(135deg,#ff7440,#ed551a);
  font-size: 7px;
}
.core-files {
  margin-bottom: 12px;
  padding: 16px;
  border: 1px solid #e3e6e7;
  border-radius: 15px;
  background: white;
}
.core-files-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.core-files-head small {
  color: #e35a21;
  font-size: 6px;
  font-weight: 700;
}
.core-files-head h3 {
  margin: 4px 0 0;
  color: #3b464a;
  font-size: 10px;
}
.core-files-head > span {
  color: #2b8c63;
  font-size: 6px;
}
.core-file-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 9px;
  margin-top: 13px;
}
.core-file {
  position: relative;
  display: grid;
  min-height: 112px;
  grid-template-columns: 37px 1fr;
  gap: 9px;
  padding: 13px;
  border: 1px solid #e6e9ea;
  border-radius: 12px;
  color: #465156;
  background: #fafbfb;
  cursor: pointer;
  text-align: left;
}
.core-file > span {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  border-radius: 9px;
  color: white;
  background: #e95b20;
  font-size: 6px;
  font-weight: 700;
}
.core-file.file-2 > span {
  background: #3b8eb8;
}
.core-file.file-3 > span {
  background: #2b9768;
}
.core-file.file-4 > span {
  background: #8d6cb4;
}
.core-file strong,
.core-file small {
  display: block;
}
.core-file strong {
  font-size: 7px;
}
.core-file small {
  margin-top: 5px;
  color: #969fa3;
  font-size: 5px;
  line-height: 1.5;
}
.core-file em,
.core-file b {
  position: absolute;
  bottom: 11px;
  font-size: 5px;
  font-style: normal;
}
.core-file em {
  left: 13px;
  color: #a2aaad;
}
.core-file b {
  right: 13px;
  color: #e35a21;
}
.locked-output {
  opacity: 1 !important;
  cursor: default !important;
}
.zcool-home {
  color: #fff;
  background: #050708;
}
.creation-video-layer video {
  filter: brightness(0.62) saturate(0.92) contrast(1.03);
}
.creation-video-layer > span {
  background: linear-gradient(180deg, rgba(2, 5, 7, 0.2), rgba(2, 5, 7, 0.36) 62%, rgba(2, 5, 7, 0.48)),
    radial-gradient(circle at 72% 8%, rgba(255, 101, 42, 0.08), transparent 30%);
  backdrop-filter: none;
}
.industry-rail {
  border-color: rgba(255, 255, 255, 0.16);
  color: #fff;
  background: rgba(4, 8, 10, 0.08);
  box-shadow: none;
  backdrop-filter: none;
}
.industry-brand {
  color: #fff;
}
.industry-brand .brand-logo-crop {
  border: 1px solid rgba(255, 255, 255, 0.32);
  box-shadow: 0 8px 26px rgba(35, 165, 226, 0.18);
}
.industry-brand small,
.industry-caption small,
.industry-rail nav small {
  color: rgba(255, 255, 255, 0.48);
}
.industry-caption {
  border-color: rgba(255, 255, 255, 0.14);
}
.industry-caption span,
.industry-rail nav button,
.industry-rail nav strong {
  color: rgba(255, 255, 255, 0.8);
}
.industry-rail nav {
  gap: 3px;
}
.industry-rail nav button {
  min-height: 50px;
  border: 1px solid transparent;
  background: transparent;
}
.industry-rail nav button:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.28);
  background: transparent;
}
.industry-rail nav button.active {
  color: #fff;
  border-color: rgba(255, 116, 59, 0.82);
  background: rgba(255, 103, 43, 0.025);
}
.industry-rail nav button > span,
.industry-rail nav button.active > span {
  border: 1px solid rgba(255, 255, 255, 0.24);
  color: rgba(255, 255, 255, 0.82);
  background: transparent;
  box-shadow: none;
}
.industry-rail nav button.active > span {
  border-color: #ff6b2f;
  color: #ff8b5b;
}
.industry-rail nav em {
  color: rgba(255, 255, 255, 0.42);
}
.industry-bottom {
  border-color: rgba(255, 255, 255, 0.14);
}
.industry-bottom button {
  border: 1px solid transparent;
  color: rgba(255, 255, 255, 0.62);
  background: transparent;
}
.industry-bottom button:hover {
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  background: transparent;
}
.zcool-topbar {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(4, 8, 10, 0.04);
  backdrop-filter: none;
}
.zcool-topbar > label,
.zcool-account > button,
.zcool-account > button:first-child {
  border-color: rgba(255, 255, 255, 0.28);
  color: rgba(255, 255, 255, 0.82);
  background: transparent;
}
.zcool-topbar > label input,
.zcool-topbar > label input::placeholder {
  color: rgba(255, 255, 255, 0.62);
}
.zcool-account > button:first-child {
  border-color: rgba(255, 118, 60, 0.58);
  color: #ff9367;
}
.account-user > span {
  border: 1px solid rgba(255, 123, 63, 0.84);
  background: transparent;
}
.account-user strong {
  color: #fff;
}
.account-user small,
.account-user em {
  color: rgba(255, 255, 255, 0.5);
}
.industry-page-intro {
  display: flex;
  min-height: 70px;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 15px;
  background: transparent;
}
.industry-page-intro > span {
  display: grid;
  width: 43px;
  height: 43px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255, 120, 59, 0.75);
  border-radius: 12px;
  color: #ff8d5d;
  font-size: 13px;
  font-weight: 800;
}
.industry-page-intro small,
.industry-page-intro strong,
.industry-page-intro p {
  display: block;
}
.industry-page-intro small {
  color: #ff9b73;
  font-size: 6px;
  letter-spacing: 0.08em;
}
.industry-page-intro strong {
  margin-top: 3px;
  color: #fff;
  font-size: 14px;
}
.industry-page-intro p {
  margin: 3px 0 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 7px;
}
.featured-carousel,
.featured-carousel.featured-energy,
.featured-carousel.featured-east {
  border-color: rgba(255, 255, 255, 0.3);
  background: radial-gradient(circle at 76% 28%, rgba(255, 111, 47, 0.1), transparent 22%),
    linear-gradient(135deg, rgba(4, 8, 11, 0.06), rgba(4, 8, 11, 0.14));
  box-shadow: none;
  backdrop-filter: none;
}
.featured-copy > span,
.ad-position {
  border: 1px solid rgba(255, 255, 255, 0.24);
  color: rgba(255, 255, 255, 0.72);
  background: transparent;
}
.featured-copy h1 {
  color: #fff;
}
.featured-copy > p,
.featured-copy small {
  color: rgba(255, 255, 255, 0.65);
}
.featured-copy button,
.carousel-arrow {
  border: 1px solid rgba(255, 255, 255, 0.42);
  color: #fff;
  background: transparent;
  backdrop-filter: none;
}
.featured-copy button:hover,
.carousel-arrow:hover {
  border-color: #ff7a43;
  color: #ff9c75;
}
.featured-score {
  background: transparent;
}
.zcool-mode-section,
.zcool-discover {
  border-color: rgba(255, 255, 255, 0.24);
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.zcool-mode-heading h2,
.zcool-mode h3 {
  color: #fff;
}
.zcool-mode-heading p,
.zcool-mode p {
  color: rgba(255, 255, 255, 0.55);
}
.zcool-mode,
.zcool-mode.novice {
  border-color: rgba(255, 255, 255, 0.32);
  color: #fff;
  background: transparent;
}
.zcool-mode:hover,
.zcool-mode.novice:hover {
  border-color: #ff7b43;
  background: rgba(255, 104, 42, 0.02);
  box-shadow: none;
}
.zcool-mode-icon,
.zcool-mode.expert .zcool-mode-icon {
  border: 1px solid rgba(255, 255, 255, 0.32);
  color: #fff;
  background: transparent;
  box-shadow: none;
}
.zcool-mode.novice .zcool-mode-icon {
  border-color: #ff7138;
  color: #ff8b5b;
}
.zcool-mode.expert small,
.zcool-mode.expert > em {
  color: rgba(255, 255, 255, 0.68);
}
.discover-toolbar {
  border-color: rgba(255, 255, 255, 0.16);
}
.discover-toolbar button,
.discover-filter-row button,
.discover-filter-row button.active {
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.72);
  background: transparent;
}
.discover-toolbar button.active,
.discover-filter-row button.active {
  border-color: rgba(255, 121, 61, 0.72);
  color: #ff9a71;
}
.discover-toolbar button.active::after {
  display: none;
}
.discover-toolbar label {
  border-color: rgba(255, 255, 255, 0.28);
  background: transparent;
}
.discover-toolbar label input,
.discover-toolbar label input::placeholder {
  color: rgba(255, 255, 255, 0.62);
}
.discover-filter-row span {
  color: rgba(255, 255, 255, 0.48);
}
.zcool-discover .discover-grid > button {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: transparent;
}
.zcool-discover .discover-grid > button:hover {
  border-color: rgba(255, 126, 69, 0.7);
  background: transparent;
}
.zcool-discover .discover-grid > button > div:last-child {
  background: rgba(3, 7, 9, 0.08);
}
.zcool-discover .discover-grid strong {
  color: #fff;
}
.zcool-discover .discover-grid small {
  color: rgba(255, 255, 255, 0.52);
}
.zcool-discover .discover-grid em {
  color: #ff956a;
}
@media (max-height: 760px) and (min-width: 900px) {
  .industry-rail {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .industry-brand {
    padding-bottom: 7px;
  }
  .industry-caption {
    padding-top: 7px;
    padding-bottom: 4px;
  }
  .industry-rail nav button {
    min-height: 43px;
  }
  .industry-rail nav small {
    margin-top: 1px;
  }
}
.creation-generated-background {
  position: absolute;
  inset: -2%;
  background-image: url("../assets/dayu-art-director-office-v1.png");
  background-position: center center;
  background-size: cover;
  filter: brightness(0.72) saturate(0.92) contrast(1.04);
  transform: scale(1.035);
  animation: dayu-background-drift 18s ease-in-out infinite alternate;
  will-change: transform;
}
.inspiration-rainbow {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .96;
}
.creation-ambient-light,
.creation-video-layer > span {
  z-index: 3;
}
.creation-ambient-light {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.creation-ambient-light i,
.creation-ambient-light b {
  position: absolute;
  display: block;
  width: 34vw;
  height: 34vw;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.12;
  animation: dayu-ambient-float 12s ease-in-out infinite alternate;
}
.creation-ambient-light i {
  right: 7%;
  bottom: -12%;
  background: #f37839;
}
.creation-ambient-light b {
  top: 18%;
  left: 25%;
  background: #269fd0;
  animation-delay: -5s;
}
@keyframes dayu-background-drift {
  from {
    transform: scale(1.035) translate3d(-0.4%, 0, 0);
  }
  to {
    transform: scale(1.065) translate3d(0.5%, -0.7%, 0);
  }
}
@keyframes dayu-ambient-float {
  from {
    transform: translate3d(-2%, 2%, 0) scale(0.94);
  }
  to {
    transform: translate3d(4%, -3%, 0) scale(1.08);
  }
}
@media (prefers-reduced-motion: reduce) {
  .creation-generated-background,
  .creation-ambient-light i,
  .creation-ambient-light b {
    animation: none;
  }
}
.tender-console {
  display: grid;
  min-height: calc(100vh - 64px);
  grid-template-columns: 156px minmax(560px, 1fr) 270px;
  color: #3d4850;
  background: #f4f6f8;
}
.tender-console button,
.tender-console input,
.tender-console textarea {
  font-family: inherit;
}
.tender-console-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15px 10px 13px;
  border-right: 1px solid #e2e7ec;
  background: #fff;
}
.tender-console-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 3px 7px 13px;
  border-bottom: 1px solid #eef1f4;
}
.tender-console-brand > span {
  display: grid;
  width: 33px;
  height: 33px;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(145deg, #ff7540, #e7531b);
  font-size: 11px;
  font-weight: 800;
}
.tender-console-brand strong,
.tender-console-brand small {
  display: block;
}
.tender-console-brand strong {
  color: #303a42;
  font-size: 9px;
}
.tender-console-brand small {
  margin-top: 2px;
  color: #a2abb2;
  font-size: 5px;
  letter-spacing: .11em;
}
.tender-console-nav nav {
  display: grid;
  gap: 2px;
  margin-top: 7px;
}
.tender-console-nav nav p {
  margin: 9px 7px 4px;
  color: #a0a8ae;
  font-size: 5px;
  font-weight: 700;
  letter-spacing: .08em;
}
.tender-console-nav nav button {
  display: grid;
  min-height: 32px;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 6px;
  padding: 0 7px;
  border: 0;
  border-radius: 8px;
  color: #69757d;
  background: transparent;
  font-size: 6px;
  cursor: pointer;
  text-align: left;
}
.tender-console-nav nav button:hover,
.tender-console-nav nav button.active {
  color: #e65c23;
  background: #fff2ec;
}
.tender-console-nav nav button > span {
  display: grid;
  width: 21px;
  height: 21px;
  place-items: center;
  border: 1px solid #e5e9ed;
  border-radius: 6px;
  color: #829099;
  background: #fff;
  font-size: 5px;
}
.tender-console-nav nav button.active > span {
  border-color: #f3c4af;
  color: #e55a21;
}
.tender-console-nav nav button em {
  color: #a2abb2;
  font-size: 5px;
  font-style: normal;
}
.tender-console-sync {
  display: grid;
  margin-top: auto;
  padding: 10px;
  border: 1px solid #e7ebee;
  border-radius: 10px;
  background: #fafbfc;
}
.tender-console-sync i {
  width: 6px;
  height: 6px;
  margin-bottom: 7px;
  border-radius: 50%;
  background: #39c982;
  box-shadow: 0 0 0 4px rgba(57, 201, 130, .1);
}
.tender-console-sync span {
  color: #4d5a62;
  font-size: 6px;
  font-weight: 700;
}
.tender-console-sync small {
  margin-top: 3px;
  color: #9ca5ab;
  font-size: 5px;
}
.tender-console-main {
  min-width: 0;
  padding: 11px 12px 24px;
}
.tender-success-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  margin-bottom: 9px;
  padding: 9px 12px;
  border: 1px solid #f3d3c5;
  border-radius: 9px;
  color: #8b5a47;
  background: linear-gradient(90deg, #fff8f3, #fffdfb);
}
.tender-success-banner > span {
  color: #e45b21;
  font-size: 6px;
  font-weight: 800;
  white-space: nowrap;
}
.tender-success-banner p {
  margin: 0;
  overflow: hidden;
  font-size: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tender-success-banner p strong {
  color: #dc541e;
}
.tender-success-banner small {
  color: #b19a90;
  font-size: 5px;
  white-space: nowrap;
}
.tender-console-tabs {
  display: flex;
  gap: 5px;
  margin-bottom: 9px;
}
.tender-console-tabs button {
  height: 29px;
  padding: 0 10px;
  border: 1px solid #e1e6ea;
  border-radius: 7px 7px 0 0;
  color: #77828a;
  background: #fff;
  font-size: 6px;
  cursor: pointer;
}
.tender-console-tabs button.active {
  color: #fff;
  border-color: #ec5a20;
  background: linear-gradient(135deg, #ff7440, #eb551c);
}
.tender-console-tabs span {
  margin-left: 7px;
  opacity: .6;
}
.tender-subscriptions,
.tender-list-panel {
  border: 1px solid #e1e6ea;
  border-radius: 12px;
  background: #fff;
}
.tender-subscriptions {
  padding: 12px;
}
.tender-subscriptions-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.tender-subscriptions-head > div {
  display: flex;
  align-items: center;
  gap: 6px;
}
.tender-subscriptions-head i {
  width: 3px;
  height: 12px;
  border-radius: 2px;
  background: #ec5a20;
}
.tender-subscriptions-head strong {
  color: #38434a;
  font-size: 8px;
}
.tender-subscriptions-head span {
  color: #9ba5ab;
  font-size: 5px;
}
.tender-subscriptions-head button {
  height: 27px;
  padding: 0 8px;
  border: 1px solid #e2e7eb;
  border-radius: 7px;
  color: #6f7b83;
  background: #fff;
  font-size: 5px;
  cursor: pointer;
}
.tender-subscription-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.tender-subscription-cards > button {
  display: grid;
  min-width: 0;
  min-height: 77px;
  align-content: space-between;
  padding: 9px;
  border: 1px solid #e1e6ea;
  border-radius: 9px;
  color: #66737b;
  background: #fafbfc;
  cursor: pointer;
  text-align: left;
}
.tender-subscription-cards > button.active {
  border-color: #4d91ed;
  background: #f2f7ff;
  box-shadow: inset 0 3px 0 #4d91ed;
}
.tender-subscription-cards button > span {
  display: flex;
  justify-content: space-between;
  color: #4f8fe4;
  font-size: 6px;
}
.tender-subscription-cards button > span em {
  color: #9ca6ad;
  font-size: 5px;
  font-style: normal;
}
.tender-subscription-cards strong {
  overflow: hidden;
  color: #3d4950;
  font-size: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tender-subscription-cards small {
  color: #9ba5ab;
  font-size: 5px;
}
.tender-subscription-cards small i {
  float: right;
  color: #5796e8;
  font-style: normal;
}
.tender-subscription-cards .add-subscription {
  place-items: center;
  align-content: center;
  border-style: dashed;
  background: #fff;
  text-align: center;
}
.tender-subscription-cards .add-subscription > span {
  font-size: 15px;
}
.tender-subscription-cards .add-subscription strong {
  margin: 3px 0;
}
.tender-list-panel {
  margin-top: 10px;
  overflow: hidden;
}
.tender-filterbar {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 9px 10px;
  border-bottom: 1px solid #e6eaed;
  background: #fbfcfd;
}
.tender-filterbar > button,
.tender-filterbar .tender-filters button,
.tender-view-switch button {
  height: 26px;
  padding: 0 7px;
  border: 1px solid #e1e6ea;
  border-radius: 6px;
  color: #77828a;
  background: #fff;
  font-size: 5px;
  cursor: pointer;
}
.tender-filterbar .tender-filters {
  display: flex;
  gap: 3px;
}
.tender-filterbar .tender-filters button.active,
.tender-view-switch button.active {
  color: #377fcf;
  border-color: #8bb9ef;
  background: #f2f7ff;
}
.tender-filterbar > label {
  display: flex;
  min-width: 120px;
  height: 26px;
  flex: 1;
  align-items: center;
  padding-left: 8px;
  border: 1px solid #dfe5e9;
  border-radius: 6px;
  background: #fff;
}
.tender-filterbar input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #53616a;
  background: transparent;
  font-size: 5px;
}
.tender-filterbar label span {
  display: grid;
  width: 27px;
  height: 100%;
  place-items: center;
  color: #fff;
  background: #4b91e8;
}
.tender-filterbar > button.refresh {
  width: 27px;
  padding: 0;
  color: #478bdf;
}
.tender-view-switch {
  display: flex;
  margin-left: auto;
}
.tender-view-switch button {
  border-radius: 0;
}
.tender-view-switch button:first-child {
  border-radius: 6px 0 0 6px;
}
.tender-view-switch button:last-child {
  border-radius: 0 6px 6px 0;
}
.tender-list-status {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 12px;
  border-bottom: 1px solid #edf0f2;
}
.tender-list-status > div {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.tender-list-status strong {
  color: #e65a21;
  font-size: 9px;
}
.tender-list-status span,
.tender-list-status p {
  color: #9aa4aa;
  font-size: 5px;
}
.tender-list-status p {
  margin: 0 0 0 auto;
}
.tender-results {
  padding: 0 12px;
}
.tender-result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px 86px;
  align-items: center;
  gap: 10px;
  padding: 13px 0;
  border-bottom: 1px solid #edf0f2;
}
.tender-result:last-child {
  border-bottom: 0;
}
.tender-result-title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.tender-result-title > span {
  flex: 0 0 auto;
  padding: 3px 5px;
  border-radius: 4px;
  color: #168b5d;
  background: #e7f7f0;
  font-size: 5px;
}
.tender-result-title > span.result {
  color: #dc5959;
  background: #fff0f0;
}
.tender-result-title h3 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #354149;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tender-result-title em {
  flex: 0 0 auto;
  color: #e65620;
  font-size: 5px;
  font-style: normal;
}
.tender-result-main > p {
  margin: 6px 0;
  color: #87939a;
  font-size: 5px;
}
.tender-result-tags {
  display: flex;
  gap: 4px;
}
.tender-result-tags span {
  max-width: 190px;
  overflow: hidden;
  padding: 3px 5px;
  border-radius: 4px;
  color: #7e8990;
  background: #f0f3f5;
  font-size: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tender-result-match {
  text-align: center;
}
.tender-result-match strong,
.tender-result-match span {
  display: block;
}
.tender-result-match strong {
  color: #e65c23;
  font-size: 10px;
}
.tender-result-match span {
  margin-top: 2px;
  color: #9da6ac;
  font-size: 5px;
}
.tender-result-actions {
  display: grid;
  gap: 4px;
}
.tender-result-actions button {
  height: 24px;
  border: 1px solid #dfe4e8;
  border-radius: 6px;
  color: #6f7b82;
  background: #fff;
  font-size: 5px;
  cursor: pointer;
}
.tender-result-actions button.followed {
  color: #21865c;
  border-color: #bce2d1;
  background: #effaf5;
}
.tender-result-actions button.use-as-brief {
  color: #fff;
  border-color: #eb581f;
  background: linear-gradient(135deg, #ff7440, #ea541b);
}
.tender-result-actions button.view-detail {
  color: #4a8fe3;
  border-color: #b7d2f3;
  background: #f5f9ff;
}
.tender-detail-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  justify-content: flex-end;
  background: rgba(21, 28, 34, .35);
}
.tender-detail-drawer {
  width: min(420px, 92vw);
  height: 100%;
  overflow: auto;
  padding: 22px;
  border-left: 1px solid #e1e7ed;
  background: #fff;
  box-shadow: -16px 0 42px rgba(33, 45, 55, .2);
}
.tender-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 17px;
  border-bottom: 1px solid #edf0f3;
}
.tender-detail-head span {
  color: #e45a21;
  font-size: 6px;
}
.tender-detail-head h2 {
  margin: 8px 0 0;
  color: #354149;
  font-size: 14px;
  line-height: 1.45;
}
.tender-detail-head button {
  width: 26px;
  height: 26px;
  border: 1px solid #e1e7eb;
  border-radius: 50%;
  color: #86939c;
  background: #fff;
  cursor: pointer;
}
.tender-detail-score {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin: 18px 0;
  padding: 13px;
  border-radius: 10px;
  background: #fff5ef;
}
.tender-detail-score strong {
  color: #e45a21;
  font-size: 22px;
}
.tender-detail-score span {
  color: #6d777e;
  font-size: 7px;
}
.tender-detail-score small {
  margin-left: auto;
  color: #aa9a91;
  font-size: 5px;
}
.tender-detail-drawer dl {
  display: grid;
  gap: 0;
  margin: 0;
}
.tender-detail-drawer dl > div {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #f0f2f4;
}
.tender-detail-drawer dt {
  color: #a0a9af;
  font-size: 6px;
}
.tender-detail-drawer dd {
  margin: 0;
  color: #4c5961;
  font-size: 7px;
  line-height: 1.55;
}
.tender-detail-actions {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  gap: 8px;
  margin-top: 20px;
}
.tender-detail-actions button {
  height: 37px;
  border: 1px solid #e0e6eb;
  border-radius: 8px;
  color: #77848c;
  background: #fff;
  font-size: 7px;
  cursor: pointer;
}
.tender-detail-actions .use-as-brief {
  color: #fff;
  border-color: #eb581f;
  background: linear-gradient(135deg, #ff7440, #ea541b);
}
.admin-page {
  display: grid;
  min-height: calc(100vh - 64px);
  grid-template-columns: 190px minmax(0, 1fr);
  color: #36434b;
  background: #f3f6f8;
}
.admin-rail {
  display: flex;
  flex-direction: column;
  padding: 18px 12px;
  border-right: 1px solid #e0e6eb;
  background: #fff;
}
.admin-rail-title {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 6px 16px;
  border-bottom: 1px solid #eef1f4;
}
.admin-rail-title > span {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: #3f8be0;
  font-size: 15px;
}
.admin-rail-title strong,
.admin-rail-title small {
  display: block;
}
.admin-rail-title strong {
  color: #3a4650;
  font-size: 9px;
}
.admin-rail-title small {
  margin-top: 3px;
  color: #9ba6ad;
  font-size: 5px;
  letter-spacing: .12em;
}
.admin-rail > p {
  margin: 18px 7px 6px;
  color: #a1aab1;
  font-size: 6px;
  font-weight: 700;
}
.admin-rail > button {
  display: grid;
  min-height: 35px;
  grid-template-columns: 24px 1fr 10px;
  align-items: center;
  gap: 7px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  color: #6d7981;
  background: transparent;
  font-size: 7px;
  cursor: pointer;
  text-align: left;
}
.admin-rail > button:hover,
.admin-rail > button.active {
  color: #347fd0;
  background: #eef6ff;
}
.admin-rail > button > span {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border: 1px solid #e1e7ec;
  border-radius: 6px;
  color: #8b98a1;
  font-size: 5px;
}
.admin-rail > button.active > span {
  border-color: #9dc5f2;
  color: #347fd0;
}
.admin-rail > button em {
  color: #a2acb2;
  font-size: 5px;
  font-style: normal;
}
.admin-rail-footer {
  display: flex;
  gap: 7px;
  margin-top: auto;
  padding: 10px 8px;
  border: 1px solid #e2eee8;
  border-radius: 8px;
  background: #f5fbf7;
}
.admin-rail-footer > span {
  color: #2db773;
  font-size: 9px;
}
.admin-rail-footer strong,
.admin-rail-footer small {
  display: block;
}
.admin-rail-footer strong {
  color: #327354;
  font-size: 6px;
}
.admin-rail-footer small {
  margin-top: 3px;
  color: #9aafa3;
  font-size: 5px;
}
.admin-main {
  min-width: 0;
  padding: 25px 28px 42px;
}
.admin-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
.admin-header h1 {
  margin: 8px 0 5px;
  color: #2e3b44;
  font-size: 21px;
}
.admin-header p {
  margin: 0;
  color: #8b979e;
  font-size: 7px;
}
.admin-header-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #6e7b84;
  font-size: 6px;
}
.admin-header-actions button,
.admin-card-title button {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #dfe6eb;
  border-radius: 7px;
  color: #5f7586;
  background: #fff;
  font-size: 6px;
  cursor: pointer;
}
.admin-live-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2eb979;
  box-shadow: 0 0 0 4px rgba(46, 185, 121, .1);
}
.admin-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 11px;
  margin-bottom: 13px;
}
.admin-metrics > div,
.admin-card {
  border: 1px solid #e1e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(38, 59, 72, .025);
}
.admin-metrics > div {
  display: grid;
  min-height: 100px;
  align-content: center;
  padding: 15px;
}
.admin-metrics small,
.admin-metrics strong,
.admin-metrics span {
  display: block;
}
.admin-metrics small {
  color: #9ca7ae;
  font-size: 6px;
}
.admin-metrics strong {
  margin: 8px 0 4px;
  color: #31404a;
  font-size: 20px;
}
.admin-metrics span {
  color: #5ab48a;
  font-size: 5px;
}
.admin-overview-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 13px;
  margin-bottom: 13px;
}
.admin-card {
  padding: 16px;
}
.admin-card-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 13px;
}
.admin-card-title h2 {
  margin: 0;
  color: #3a4750;
  font-size: 10px;
}
.admin-card-title span {
  display: block;
  margin-top: 4px;
  color: #9aa5ac;
  font-size: 5px;
}
.admin-api-bars {
  display: grid;
  gap: 12px;
}
.admin-api-bars > div > div:first-child {
  display: flex;
  justify-content: space-between;
}
.admin-api-bars strong {
  color: #58656d;
  font-size: 6px;
}
.admin-api-bars span {
  color: #2fae73;
  font-size: 5px;
}
.admin-api-bars span.warn {
  color: #db8b39;
}
.admin-progress {
  height: 5px;
  margin: 6px 0 4px;
  overflow: hidden;
  border-radius: 5px;
  background: #edf1f4;
}
.admin-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5e9fea, #76c5e8);
}
.admin-api-bars small,
.admin-api-card small {
  color: #a0aab1;
  font-size: 5px;
}
.admin-activity {
  min-height: 230px;
}
.admin-activity-row {
  display: flex;
  gap: 9px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f2f4;
}
.admin-activity-row > span {
  display: grid;
  width: 19px;
  height: 19px;
  place-items: center;
  border-radius: 50%;
  color: #4e8dd6;
  background: #edf5ff;
  font-size: 6px;
}
.admin-activity-row p {
  margin: 0;
}
.admin-activity-row strong,
.admin-activity-row small {
  display: block;
}
.admin-activity-row strong {
  color: #5d6971;
  font-size: 6px;
  font-weight: 500;
}
.admin-activity-row small {
  margin-top: 4px;
  color: #a3adb3;
  font-size: 5px;
}
.admin-quick-actions > div:last-child {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.admin-quick-actions > div:last-child button {
  position: relative;
  display: grid;
  min-height: 94px;
  align-content: center;
  gap: 4px;
  padding: 12px;
  border: 1px solid #e4e9ed;
  border-radius: 9px;
  color: #58666f;
  background: #fbfcfd;
  cursor: pointer;
  text-align: left;
}
.admin-quick-actions button:hover {
  border-color: #9ec5f0;
  background: #f4f9ff;
}
.admin-quick-actions button > span {
  color: #4e91df;
  font-size: 16px;
}
.admin-quick-actions button strong {
  font-size: 7px;
}
.admin-quick-actions button small {
  color: #9ba5ac;
  font-size: 5px;
}
.admin-quick-actions button em {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #4e91df;
  font-style: normal;
}
.admin-content-stack {
  display: grid;
  gap: 13px;
}
.admin-lock {
  padding: 5px 7px;
  border-radius: 6px;
  color: #4b8fda;
  background: #eef6ff;
  font-size: 5px !important;
}
.admin-dropzone {
  display: grid;
  min-height: 150px;
  place-items: center;
  align-content: center;
  gap: 8px;
  border: 1px dashed #9ec5ed;
  border-radius: 10px;
  color: #648096;
  background: #f7fbff;
  cursor: pointer;
  text-align: center;
}
.admin-dropzone input {
  display: none;
}
.admin-dropzone > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  color: #4e91df;
  background: #e6f2ff;
  font-size: 17px;
}
.admin-dropzone strong {
  color: #506e84;
  font-size: 8px;
}
.admin-dropzone small {
  color: #9daab3;
  font-size: 5px;
}
.admin-upload-list {
  display: grid;
  gap: 5px;
  margin-top: 10px;
}
.admin-upload-list > div {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px;
  border-radius: 6px;
  background: #f6f8fa;
}
.admin-upload-list span {
  color: #4f91dc;
  font-size: 5px;
}
.admin-upload-list strong {
  flex: 1;
  color: #5a6972;
  font-size: 6px;
  font-weight: 500;
}
.admin-upload-list em {
  color: #db963d;
  font-size: 5px;
  font-style: normal;
}
.admin-case-table {
  display: grid;
}
.admin-table-head,
.admin-table-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.7fr) 1fr .6fr .7fr 30px;
  align-items: center;
  gap: 10px;
  padding: 10px 4px;
  border-bottom: 1px solid #edf1f3;
}
.admin-table-head {
  color: #9ca6ad;
  background: #fafbfc;
  font-size: 5px;
}
.admin-table-row strong,
.admin-table-row span,
.admin-table-row b,
.admin-table-row em {
  color: #5b6972;
  font-size: 6px;
}
.admin-table-row strong {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.admin-table-row b {
  color: #e15d23;
}
.admin-table-row em {
  width: max-content;
  padding: 3px 5px;
  border-radius: 5px;
  color: #d89237;
  background: #fff7e7;
  font-style: normal;
}
.admin-table-row em.ok {
  color: #268f62;
  background: #eaf8f1;
}
.admin-table-row button {
  border: 0;
  color: #9da7ad;
  background: transparent;
  cursor: pointer;
}
.admin-user-avatar {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #4e91df;
  font-style: normal;
}
.admin-user-filters {
  display: flex;
  gap: 5px;
  margin-bottom: 12px;
}
.admin-user-filters > button {
  height: 27px;
  padding: 0 8px;
  border: 1px solid #e0e6eb;
  border-radius: 6px;
  color: #77838a;
  background: #fff;
  font-size: 5px;
  cursor: pointer;
}
.admin-user-filters > button.active {
  color: #367fcf;
  border-color: #9fc5ef;
  background: #f1f7ff;
}
.admin-user-filters label {
  display: flex;
  min-width: 180px;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 0 8px;
  border: 1px solid #e0e6eb;
  border-radius: 6px;
  color: #89959d;
  background: #fff;
  font-size: 7px;
}
.admin-user-filters input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  font-size: 5px;
}
.admin-api-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}
.admin-api-card {
  position: relative;
  padding: 12px;
  border: 1px solid #e5eaee;
  border-radius: 9px;
  background: #fbfcfd;
}
.admin-api-card > div:first-child {
  display: flex;
  align-items: center;
  gap: 5px;
}
.admin-api-card > div:first-child > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #35b97b;
}
.admin-api-card > div:first-child > span.api-warn {
  background: #e8a044;
}
.admin-api-card strong {
  color: #4a5861;
  font-size: 6px;
}
.admin-api-card em {
  margin-left: auto;
  color: #2ca873;
  font-size: 5px;
  font-style: normal;
}
.admin-api-card > div:first-child > em {
  color: #db9335;
}
.admin-api-card p {
  margin: 8px 0 12px;
  color: #919ca4;
  font-size: 5px;
}
.admin-api-card button {
  display: block;
  margin-top: 9px;
  padding: 0;
  border: 0;
  color: #4e91df;
  background: transparent;
  font-size: 5px;
  cursor: pointer;
}
.admin-settings-card {
  max-width: 760px;
}
.admin-setting-row {
  display: grid;
  grid-template-columns: 27px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 14px 0;
  border-bottom: 1px solid #edf1f3;
}
.admin-setting-row > span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 7px;
  color: #4f91dc;
  background: #eef6ff;
  font-size: 6px;
}
.admin-setting-row strong,
.admin-setting-row small {
  display: block;
}
.admin-setting-row strong {
  color: #54616a;
  font-size: 7px;
}
.admin-setting-row small {
  margin-top: 4px;
  color: #98a3aa;
  font-size: 5px;
}
.admin-setting-row button {
  min-width: 48px;
  height: 25px;
  border: 1px solid #bde3d1;
  border-radius: 13px;
  color: #2e9d6b;
  background: #edf9f3;
  font-size: 5px;
  cursor: pointer;
}
.admin-setting-row button.on {
  color: #fff;
  background: #3aae79;
}
@media (max-width: 1200px) {
  .admin-page {
    grid-template-columns: 160px minmax(0, 1fr);
  }
  .admin-main {
    padding: 20px 18px 30px;
  }
  .admin-overview-grid,
  .admin-api-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.tender-results.table {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.tender-results.table .tender-result {
  grid-template-columns: 1fr 52px;
  padding: 10px;
  border: 1px solid #e5e9ed;
  border-radius: 8px;
}
.tender-results.table .tender-result-actions {
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, 1fr);
}
.tender-assistant {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-left: 1px solid #e1e6ea;
  background: radial-gradient(circle at 50% 0, rgba(91, 146, 242, .13), transparent 34%),
    #f4f6fb;
}
.tender-assistant-head {
  display: grid;
  grid-template-columns: 42px 1fr 22px;
  align-items: center;
  gap: 8px;
  padding: 18px 15px 13px;
}
.assistant-orb {
  display: grid;
  width: 39px;
  height: 39px;
  place-items: center;
  border: 4px solid #dce9ff;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #4da5ff, #3159df);
  box-shadow: 0 8px 20px rgba(67, 110, 217, .22);
  font-size: 8px;
  font-weight: 800;
}
.tender-assistant-head strong,
.tender-assistant-head small {
  display: block;
}
.tender-assistant-head strong {
  color: #35414a;
  font-size: 8px;
}
.tender-assistant-head small {
  margin-top: 3px;
  color: #8e9aa2;
  font-size: 5px;
}
.tender-assistant-head > button {
  border: 0;
  color: #a2abb2;
  background: transparent;
  cursor: pointer;
}
.tender-assistant-message,
.tender-assistant-insight {
  margin: 0 13px 10px;
  padding: 12px;
  border: 1px solid #e2e7ec;
  border-radius: 12px;
  background: rgba(255, 255, 255, .92);
}
.tender-assistant-message p,
.tender-assistant-insight p {
  margin: 0;
  color: #68757d;
  font-size: 6px;
  line-height: 1.7;
}
.tender-assistant-message > div {
  display: grid;
  gap: 3px;
  margin-top: 10px;
  padding: 8px;
  border-radius: 8px;
  background: #f4f7fb;
}
.tender-assistant-message strong,
.tender-assistant-insight strong {
  color: #3e4a52;
  font-size: 6px;
}
.tender-assistant-message span,
.tender-assistant-insight span {
  color: #4f8fe5;
  font-size: 5px;
}
.tender-assistant-insight strong {
  display: block;
  margin: 7px 0 5px;
}
.tender-assistant-spacer {
  display: grid;
  flex: 1;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 20px 30px;
  text-align: center;
}
.tender-assistant-spacer i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #dbe3f0;
  border-radius: 50%;
  color: #5a91df;
  background: rgba(255, 255, 255, .65);
  font-style: normal;
}
.tender-assistant-spacer span {
  color: #98a3ab;
  font-size: 5px;
  line-height: 1.7;
}
.tender-assistant-compose {
  padding: 10px 12px 13px;
}
.tender-assistant-compose > div {
  display: flex;
  gap: 4px;
  margin-bottom: 7px;
}
.tender-assistant-compose > div button {
  height: 23px;
  padding: 0 7px;
  border: 1px solid #dfe5ea;
  border-radius: 12px;
  color: #7d8991;
  background: rgba(255, 255, 255, .85);
  font-size: 5px;
  cursor: pointer;
}
.tender-assistant-compose label {
  position: relative;
  display: block;
  padding: 10px 10px 35px;
  border: 1px solid #dfe5ea;
  border-radius: 11px;
  background: #fff;
}
.tender-assistant-compose textarea {
  width: 100%;
  min-height: 42px;
  resize: none;
  border: 0;
  outline: 0;
  color: #536069;
  background: transparent;
  font-size: 6px;
}
.tender-assistant-compose label button {
  position: absolute;
  right: 8px;
  bottom: 8px;
  height: 23px;
  padding: 0 9px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: #4a8fe8;
  font-size: 5px;
  cursor: pointer;
}
.tender-assistant-compose label button:disabled {
  color: #a6afb5;
  background: #e5e9ec;
  cursor: default;
}
.tender-assistant-compose > small {
  display: block;
  margin-top: 6px;
  color: #a3abb1;
  font-size: 4px;
  text-align: center;
}
@media (max-width: 1320px) {
  .tender-console {
    grid-template-columns: 140px minmax(520px, 1fr) 235px;
  }
  .tender-filterbar .tender-filters {
    display: none;
  }
}
.tender-empty-state {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 220px;
  padding: 32px;
  color: rgba(255,255,255,.58);
  text-align: center;
  border: 1px dashed rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
}
.tender-empty-state strong {
  color: rgba(255,255,255,.9);
  font-size: 16px;
}
.tender-empty-state button {
  margin-top: 8px;
  padding: 8px 14px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  background: transparent;
}
.admin-inline-search {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  color: rgba(20,37,54,.5);
  border: 1px solid rgba(29,72,104,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
}
.admin-inline-search input {
  width: 180px;
  color: #1c2b39;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
}
.inline-file-upload {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  color: var(--blue);
}
.inline-file-upload input {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.todo-list > button.completed {
  opacity: .62;
}
.todo-list > button.completed strong {
  text-decoration: line-through;
}
.mini-preview-page {
  min-height: 100vh;
  padding: 42px 34px 70px;
  color: #f7f8fb;
  background: radial-gradient(circle at 50% -8%, rgba(255, 104, 52, .22), transparent 34%), #07090d;
}
.mini-preview-head {
  display: flex;
  width: min(1100px, 100%);
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin: 0 auto 32px;
}
.mini-preview-kicker, .mini-eyebrow {
  color: #ff9669;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
}
.mini-preview-head h1 {
  margin: 10px 0 8px;
  color: #fff;
  font-size: clamp(24px, 4vw, 38px);
  letter-spacing: -.03em;
}
.mini-preview-head p {
  max-width: 650px;
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 14px;
  line-height: 1.7;
}
.mini-exit {
  flex: 0 0 auto;
  padding: 11px 16px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.06);
  cursor: pointer;
}
.mini-preview-layout {
  display: grid;
  width: min(1100px, 100%);
  grid-template-columns: minmax(300px, 390px) minmax(250px, 330px);
  align-items: start;
  justify-content: center;
  gap: 52px;
  margin: 0 auto;
}
.mini-phone {
  position: relative;
  width: 390px;
  max-width: 100%;
  height: 780px;
  padding: 11px;
  overflow: hidden;
  border: 1px solid #303640;
  border-radius: 44px;
  background: #161b23;
  box-shadow: 0 35px 90px rgba(0,0,0,.48), 0 0 0 7px rgba(255,255,255,.035);
}
.mini-phone-notch {
  position: absolute;
  top: 18px;
  left: 50%;
  z-index: 4;
  width: 120px;
  height: 26px;
  border-radius: 18px;
  background: #050608;
  transform: translateX(-50%);
}
.mini-statusbar {
  position: absolute;
  top: 13px;
  right: 24px;
  left: 24px;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  color: rgba(255,255,255,.78);
  font-size: 10px;
  font-weight: 700;
}
.mini-screen {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 34px;
  background: #07090d;
}
.mini-page-shell {
  height: 100%;
  padding: 56px 19px 92px;
  overflow: auto;
  scrollbar-width: none;
  background: radial-gradient(circle at 50% -8%, rgba(255, 104, 52, .25), transparent 42%), #07090d;
}
.mini-page-shell::-webkit-scrollbar {
  display: none;
}
.mini-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 35px;
}
.mini-brand > span {
  display: grid;
  width: 39px;
  height: 39px;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #ff7b3b, #ff4f1f);
  font-size: 17px;
  font-weight: 700;
}
.mini-brand > .mini-brand-symbol {
  overflow: visible;
  padding: 1px;
  background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(237,232,255,.82));
  box-shadow: 0 9px 22px rgba(93,65,184,.2),inset 0 0 0 1px rgba(255,255,255,.8);
}
.mini-brand-symbol img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mini-brand strong, .mini-brand small {
  display: block;
}
.mini-brand strong {
  font-size: 17px;
  letter-spacing: .06em;
}
.mini-brand small {
  margin-top: 3px;
  color: rgba(255,255,255,.45);
  font-size: 8px;
  letter-spacing: .2em;
}
.mini-intro {
  margin: 9px 0 10px;
  color: #fff;
  font-size: 24px;
  line-height: 1.35;
  letter-spacing: -.03em;
}
.mini-sync {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 12px 0;
  padding: 7px 11px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 999px;
  color: rgba(255,255,255,.66);
  font-size: 10px;
}
.mini-sync i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #51d99b;
  box-shadow: 0 0 12px #51d99b;
}
.mini-gateway {
  display: grid;
  gap: 11px;
  margin-top: 24px;
}
.mini-glass {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 18px;
  background: rgba(255,255,255,.055);
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 18px 38px rgba(0,0,0,.18);
}
.mini-gateway-card {
  display: block;
  padding: 18px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  transition: transform .15s ease, opacity .15s ease;
}
.mini-gateway-card:active, .mini-case:active, .mini-file:active, .mini-actions button:active, .mini-primary:active, .mini-secondary:active {
  transform: scale(.985);
  opacity: .86;
}
.mini-gateway-card > b {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  margin-bottom: 13px;
  border-radius: 10px;
  color: #fff;
  background: #ff6730;
  font-size: 18px;
}
.mini-gateway-card.muted > b {
  background: rgba(255,255,255,.12);
}
.mini-gateway-card > strong {
  display: block;
  font-size: 17px;
}
.mini-gateway-card > p {
  margin: 8px 0 0;
  color: rgba(255,255,255,.55);
  font-size: 11px;
  line-height: 1.6;
}
.mini-gateway-card > em {
  display: block;
  margin-top: 15px;
  color: #ff9465;
  font-size: 11px;
  font-style: normal;
}
.mini-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin: 28px 0 11px;
}
.mini-section-head strong {
  font-size: 15px;
}
.mini-section-head button, .mini-section-head > span {
  border: 0;
  color: #ff9566;
  background: transparent;
  font-size: 10px;
}
.mini-list {
  display: grid;
  gap: 9px;
}
.mini-case {
  display: block;
  padding: 13px;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.mini-case > span, .mini-tender > div:first-child, .mini-material > div:first-child {
  display: flex;
  justify-content: space-between;
  color: rgba(255,255,255,.5);
  font-size: 10px;
}
.mini-case > span b {
  color: #ffad73;
  font-size: 19px;
}
.mini-case > strong, .mini-case > small {
  display: block;
}
.mini-case > strong {
  margin-top: 4px;
  font-size: 13px;
}
.mini-case > small {
  margin-top: 5px;
  color: rgba(255,255,255,.48);
  font-size: 10px;
}
.mini-topbar {
  display: grid;
  grid-template-columns: 60px 1fr auto;
  align-items: center;
  gap: 6px;
  margin-bottom: 24px;
}
.mini-topbar button {
  color: #ff986c;
  font-size: 11px;
  cursor: pointer;
  text-align: left;
}
.mini-topbar strong {
  font-size: 16px;
  text-align: center;
}
.mini-topbar span {
  color: #ff9669;
  font-size: 7px;
  letter-spacing: .08em;
  text-align: right;
}
.mini-hero {
  padding: 18px;
}
.mini-hero h2 {
  margin: 8px 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.35;
}
.mini-hero p {
  margin: 0;
  color: rgba(255,255,255,.55);
  font-size: 11px;
  line-height: 1.65;
}
.mini-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-top: 15px;
}
.mini-steps b, .mini-steps span {
  padding: 8px 3px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 8px;
  color: rgba(255,255,255,.54);
  font-size: 9px;
  text-align: center;
}
.mini-steps b {
  border-color: rgba(81,217,155,.5);
  color: #8bf2c1;
}
.mini-file {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  color: #fff;
  cursor: pointer;
  text-align: left;
}
.mini-file > b {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: rgba(255,104,50,.22);
  font-size: 9px;
}
.mini-file > span {
  flex: 1;
  min-width: 0;
}
.mini-file strong, .mini-file small {
  display: block;
}
.mini-file strong {
  font-size: 11px;
}
.mini-file small {
  margin-top: 4px;
  color: rgba(255,255,255,.48);
  font-size: 9px;
}
.mini-file > em {
  color: #ff9665;
  font-size: 15px;
  font-style: normal;
}
.mini-primary, .mini-secondary {
  width: 100%;
  margin-top: 15px;
  padding: 13px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #ff7b42, #f95323);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.mini-secondary {
  margin-top: 8px;
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.82);
  background: transparent;
}
.mini-search {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 15px 0 10px;
  padding: 11px 12px;
}
.mini-search span {
  color: rgba(255,255,255,.45);
}
.mini-search input {
  width: 100%;
  border: 0;
  outline: 0;
  color: #fff;
  background: transparent;
  font-size: 11px;
}
.mini-search input::placeholder {
  color: rgba(255,255,255,.4);
}
.mini-filters {
  display: flex;
  gap: 6px;
  overflow: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}
.mini-filters button {
  flex: 0 0 auto;
  padding: 7px 11px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  color: rgba(255,255,255,.58);
  background: transparent;
  font-size: 10px;
  cursor: pointer;
}
.mini-filters button.active {
  border-color: #ff7540;
  color: #fff;
  background: rgba(255,105,48,.16);
}
.mini-tender {
  padding: 13px;
}
.mini-tender > div:first-child b {
  color: #75e5b2;
  font-size: 18px;
}
.mini-tender > strong, .mini-tender > small {
  display: block;
}
.mini-tender > strong {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.45;
}
.mini-tender > small {
  margin-top: 5px;
  color: rgba(255,255,255,.5);
  font-size: 9px;
}
.mini-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 9px;
}
.mini-tags i {
  padding: 4px 7px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 999px;
  color: rgba(255,255,255,.65);
  font-size: 8px;
  font-style: normal;
}
.mini-actions {
  display: flex;
  gap: 6px;
  margin-top: 11px;
}
.mini-actions button {
  flex: 1;
  padding: 9px 5px;
  border: 1px solid rgba(255,255,255,.21);
  border-radius: 9px;
  color: rgba(255,255,255,.8);
  background: transparent;
  font-size: 10px;
  cursor: pointer;
}
.mini-actions button.primary {
  border-color: #ff7040;
  color: #fff;
  background: rgba(255,99,46,.18);
}
.mini-empty {
  padding: 32px 12px;
  color: rgba(255,255,255,.5);
  text-align: center;
  font-size: 11px;
}
.mini-material {
  padding: 13px;
}
.mini-material > div:first-child b {
  color: #ffad73;
  font-size: 13px;
}
.mini-material > strong, .mini-material > small {
  display: block;
}
.mini-material > strong {
  margin-top: 8px;
  font-size: 12px;
}
.mini-material > small {
  margin-top: 5px;
  color: rgba(255,255,255,.5);
  font-size: 9px;
  line-height: 1.5;
}
.mini-material > button {
  margin-top: 10px;
  padding: 0;
  border: 0;
  color: #ff9665;
  background: transparent;
  font-size: 10px;
  cursor: pointer;
}
.mini-bottom-nav {
  position: absolute;
  right: 12px;
  bottom: 12px;
  left: 12px;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 7px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 18px;
  background: rgba(13,17,24,.93);
  backdrop-filter: blur(18px);
}
.mini-bottom-nav button {
  padding: 5px 2px;
  border: 0;
  color: rgba(255,255,255,.48);
  background: transparent;
  font-size: 9px;
  cursor: pointer;
}
.mini-bottom-nav button.active {
  color: #ff9364;
}
.mini-bottom-nav button span {
  display: block;
  margin-bottom: 3px;
  font-size: 15px;
}
.mini-profile-card {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 14px;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.mini-avatar {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(145deg, #ff7b3b, #ff4f1f);
  font-size: 16px;
  font-weight: 700;
}
.mini-profile-card > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.mini-profile-card strong, .mini-profile-card small {
  display: block;
}
.mini-profile-card strong {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mini-profile-card small {
  margin-top: 5px;
  overflow: hidden;
  color: rgba(255,255,255,.5);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mini-profile-card em, .mini-account-row em {
  color: #ff9665;
  font-size: 12px;
  font-style: normal;
}
.mini-balance-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 15px;
  border: 1px solid rgba(255,145,99,.28);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,104,52,.22), rgba(255,255,255,.055));
}
.mini-balance-card span, .mini-balance-card strong {
  display: block;
}
.mini-balance-card span {
  color: rgba(255,255,255,.58);
  font-size: 10px;
}
.mini-balance-card strong {
  margin-top: 4px;
  color: #fff;
  font-size: 23px;
}
.mini-balance-card button {
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.1);
  font-size: 10px;
  cursor: pointer;
}
.mini-account-list {
  display: grid;
  gap: 8px;
}
.mini-account-row {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 12px;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.mini-account-row > b {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 9px;
  color: #ffb184;
  background: rgba(255,104,52,.17);
  font-size: 11px;
}
.mini-account-row > span {
  flex: 1;
  min-width: 0;
}
.mini-account-row strong, .mini-account-row small {
  display: block;
}
.mini-account-row strong {
  font-size: 11px;
}
.mini-account-row small {
  margin-top: 4px;
  overflow: hidden;
  color: rgba(255,255,255,.5);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mini-account-panel {
  margin-top: 10px;
  padding: 14px;
  color: #fff;
}
.mini-account-panel > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mini-account-panel > div:first-child strong {
  font-size: 12px;
}
.mini-account-panel > div:first-child button {
  color: rgba(255,255,255,.6);
  font-size: 18px;
  cursor: pointer;
}
.mini-account-panel > p {
  margin: 8px 0 11px;
  color: rgba(255,255,255,.52);
  font-size: 9px;
  line-height: 1.6;
}
.mini-price-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.mini-price-grid button {
  padding: 10px 4px;
  border: 1px solid rgba(255,145,99,.35);
  border-radius: 10px;
  color: #fff;
  background: rgba(255,104,52,.13);
  cursor: pointer;
}
.mini-price-grid strong, .mini-price-grid small {
  display: block;
}
.mini-price-grid strong {
  color: #ffb184;
  font-size: 15px;
}
.mini-price-grid small {
  margin-top: 4px;
  color: rgba(255,255,255,.5);
  font-size: 8px;
}
.mini-pay-option, .mini-contact-row, .mini-setting-row {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,.1);
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.mini-pay-option span {
  flex: 1;
}
.mini-pay-option strong, .mini-pay-option small, .mini-contact-row span, .mini-contact-row em, .mini-setting-row span, .mini-setting-row em {
  display: block;
}
.mini-pay-option strong, .mini-contact-row span, .mini-setting-row span {
  font-size: 10px;
}
.mini-pay-option small, .mini-contact-row em, .mini-setting-row em {
  margin-top: 4px;
  color: rgba(255,255,255,.48);
  font-size: 8px;
  font-style: normal;
}
.mini-pay-option > b {
  color: #ffad73;
  font-size: 12px;
}
.mini-contact-row em, .mini-setting-row em {
  margin-top: 0;
  color: #ff9665;
}
.mini-toast {
  position: absolute;
  right: 30px;
  bottom: 82px;
  left: 30px;
  z-index: 8;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  color: #fff;
  background: rgba(29,34,43,.96);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  font-size: 10px;
  text-align: center;
}
.mini-preview-notes {
  display: grid;
  gap: 14px;
  padding-top: 82px;
}
.mini-note-card {
  padding: 18px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.045);
}
.mini-note-card > span {
  display: block;
  color: #ff9669;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
}
.mini-note-card > strong {
  display: block;
  margin-top: 8px;
  font-size: 18px;
}
.mini-note-card p, .mini-note-card li {
  color: rgba(255,255,255,.58);
  font-size: 12px;
  line-height: 1.7;
}
.mini-note-card p {
  margin: 8px 0 0;
}
.mini-note-card ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-left: 17px;
}
.mini-note-card.soft {
  background: rgba(255,104,52,.08);
}
.industry-subitem {
  display: flex;
  width: calc(100% - 18px);
  align-items: center;
  gap: 10px;
  margin: -6px 0 9px 18px;
  padding: 9px 11px;
  border: 1px solid rgba(255,145,99,.22);
  border-radius: 12px;
  color: rgba(255,255,255,.7);
  background: rgba(255,104,52,.08);
  text-align: left;
  cursor: pointer;
}
.industry-subitem.active {
  border-color: rgba(255,145,99,.65);
  color: #fff;
  background: rgba(255,104,52,.16);
}
.industry-subitem > span {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(145deg, #9f5cff, #5b6fff);
  font-size: 11px;
  font-weight: 700;
}
.industry-subitem p {
  flex: 1;
  margin: 0;
}
.industry-subitem strong, .industry-subitem small {
  display: block;
}
.industry-subitem strong {
  font-size: 11px;
}
.industry-subitem small {
  margin-top: 3px;
  color: rgba(255,255,255,.45);
  font-size: 8px;
}
.industry-subitem em {
  color: #ff9665;
  font-style: normal;
}
.tool-routing-panel {
  margin: 22px 0 8px;
  padding: 17px;
  border: 1px solid rgba(130,160,255,.2);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(74,100,180,.14), rgba(255,255,255,.035));
}
.tool-routing-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.tool-routing-head h3 {
  margin: 4px 0 3px;
  font-size: 14px;
}
.tool-routing-head p {
  margin: 0;
  color: rgba(255,255,255,.48);
  font-size: 10px;
  line-height: 1.5;
}
.tool-routing-status {
  padding: 6px 8px;
  border: 1px solid rgba(81,217,155,.35);
  border-radius: 999px;
  color: #8bf2c1;
  font-size: 9px;
  white-space: nowrap;
}
.tool-routing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: 13px;
}
.tool-route-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  padding: 11px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(0,0,0,.12);
}
.tool-route-step {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 7px;
  color: #fff;
  background: #ff6730;
  font-size: 9px;
}
.tool-route-card strong, .tool-route-card small {
  display: block;
}
.tool-route-card strong {
  font-size: 11px;
}
.tool-route-card small {
  margin-top: 4px;
  color: rgba(255,255,255,.42);
  font-size: 8px;
  line-height: 1.4;
}
.tool-route-card select {
  grid-column: 1 / -1;
  width: 100%;
  padding: 8px 9px;
  border: 1px solid rgba(255,145,99,.32);
  border-radius: 8px;
  color: #fff;
  background: rgba(255,104,52,.13);
  font-size: 10px;
}
.artist-page {
  min-height: calc(100vh - 72px);
  padding: 34px 38px 70px;
  overflow: auto;
  color: #f7f8fb;
  background: radial-gradient(circle at 75% 0%, rgba(114,93,230,.13), transparent 35%), #0a0d13;
}
.artist-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  max-width: 1240px;
  margin: 0 auto;
}
.artist-back {
  padding: 0;
  color: #ff986c;
  background: transparent;
  font-size: 12px;
  cursor: pointer;
}
.artist-page-head .eyebrow {
  margin-top: 20px;
}
.artist-page h1 {
  margin: 6px 0 9px;
  font-size: 38px;
  letter-spacing: -.04em;
}
.artist-page-head p {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,.55);
  font-size: 13px;
  line-height: 1.7;
}
.artist-merchant-cta, .artist-primary {
  padding: 12px 17px;
  border: 1px solid rgba(255,145,99,.5);
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(135deg, rgba(255,123,66,.95), rgba(224,70,35,.95));
  box-shadow: 0 10px 25px rgba(255,84,43,.16);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.artist-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 1240px;
  margin: 28px auto 16px;
}
.artist-search {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 11px 13px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 11px;
  background: rgba(255,255,255,.045);
}
.artist-search input {
  width: 100%;
  border: 0;
  outline: 0;
  color: #fff;
  background: transparent;
  font-size: 12px;
}
.artist-search input::placeholder {
  color: rgba(255,255,255,.4);
}
.artist-toolbar select {
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 11px;
  color: rgba(255,255,255,.75);
  background: #171c27;
  font-size: 11px;
}
.artist-count {
  color: rgba(255,255,255,.42);
  font-size: 10px;
  white-space: nowrap;
}
.artist-layout {
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(420px, 1.1fr);
  gap: 18px;
  max-width: 1240px;
  margin: 0 auto;
}
.artist-list-wrap, .artist-detail-card, .merchant-panel {
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 17px;
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 18px 50px rgba(0,0,0,.2);
}
.artist-list-wrap {
  padding: 12px;
}
.artist-category-tabs {
  display: flex;
  gap: 6px;
  overflow: auto;
  padding-bottom: 10px;
}
.artist-category-tabs button {
  flex: 0 0 auto;
  padding: 7px 9px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  color: rgba(255,255,255,.5);
  background: transparent;
  font-size: 9px;
  cursor: pointer;
}
.artist-category-tabs button.active {
  border-color: #ff7540;
  color: #fff;
  background: rgba(255,105,48,.15);
}
.artist-list {
  display: grid;
  max-height: 570px;
  overflow: auto;
}
.artist-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 9px;
  border-top: 1px solid rgba(255,255,255,.07);
  color: #fff;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.artist-row.selected {
  border-radius: 10px;
  background: rgba(255,104,52,.12);
}
.artist-mini-avatar {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.artist-row > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.artist-row strong, .artist-row small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.artist-row strong {
  font-size: 11px;
}
.artist-row small {
  margin-top: 4px;
  color: rgba(255,255,255,.43);
  font-size: 9px;
}
.artist-row em {
  color: #ff9665;
  font-size: 10px;
  font-style: normal;
}
.artist-empty {
  padding: 40px 10px;
  color: rgba(255,255,255,.48);
  font-size: 11px;
  text-align: center;
}
.artist-cover {
  display: grid;
  min-height: 178px;
  place-items: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ff7c48, #6d315f);
}
.artist-cover::after, .mini-artist-cover::after {
  position: absolute;
  inset: 0;
  content: "";
  background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.24), transparent 30%), linear-gradient(130deg, transparent 30%, rgba(255,255,255,.12), transparent 70%);
}
.artist-cover span {
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,.96);
  font-size: 48px;
  font-weight: 800;
}
.artist-cover small {
  position: absolute;
  right: 16px;
  bottom: 12px;
  z-index: 1;
  color: rgba(255,255,255,.62);
  font-size: 9px;
}
.artist-cover b {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
  padding: 5px 7px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  color: #fff;
  background: rgba(0,0,0,.2);
  font-size: 8px;
}
.artist-detail-body {
  padding: 20px;
}
.artist-detail-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.artist-detail-title h2 {
  margin: 4px 0 3px;
  font-size: 24px;
}
.artist-detail-title p {
  margin: 0;
  color: rgba(255,255,255,.48);
  font-size: 11px;
}
.artist-verified {
  padding: 5px 7px;
  border: 1px solid rgba(255,179,84,.35);
  border-radius: 999px;
  color: #ffbf7c;
  font-size: 8px;
  white-space: nowrap;
}
.artist-facts {
  display: grid;
  gap: 0;
  margin: 20px 0;
}
.artist-facts > div {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.09);
}
.artist-facts dt {
  color: rgba(255,255,255,.43);
  font-size: 10px;
}
.artist-facts dd {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 11px;
  line-height: 1.55;
}
.artist-facts > div:first-child dd {
  color: #ffad73;
  font-weight: 700;
}
.artist-detail-actions {
  display: flex;
  gap: 8px;
}
.artist-detail-actions > button:not(.artist-primary) {
  padding: 11px 13px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px;
  color: rgba(255,255,255,.7);
  background: transparent;
  font-size: 10px;
  cursor: pointer;
}
.artist-disclaimer {
  margin: 15px 0 0;
  color: rgba(255,255,255,.36);
  font-size: 9px;
  line-height: 1.6;
}
.artist-blue {
  background: linear-gradient(135deg, #3b78d4, #29305e);
}
.artist-purple {
  background: linear-gradient(135deg, #8859d8, #3f2b72);
}
.artist-gold {
  background: linear-gradient(135deg, #d79437, #6e3d29);
}
.artist-green {
  background: linear-gradient(135deg, #329b88, #164f5d);
}
.artist-cyan {
  background: linear-gradient(135deg, #35a9c8, #2d496f);
}
.artist-red {
  background: linear-gradient(135deg, #c95058, #54223d);
}
.artist-indigo {
  background: linear-gradient(135deg, #5864df, #272b69);
}
.merchant-panel {
  max-width: 1240px;
  margin: 18px auto 0;
  padding: 22px;
}
.merchant-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.merchant-panel-head h2 {
  margin: 5px 0;
  font-size: 20px;
}
.merchant-panel-head p {
  margin: 0;
  color: rgba(255,255,255,.48);
  font-size: 11px;
}
.merchant-panel-head > button {
  color: rgba(255,255,255,.6);
  font-size: 22px;
  cursor: pointer;
}
.merchant-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 11px;
  margin-top: 18px;
}
.merchant-panel label {
  display: grid;
  gap: 7px;
  color: rgba(255,255,255,.55);
  font-size: 10px;
}
.merchant-panel input, .merchant-panel select, .merchant-panel textarea {
  width: 100%;
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 9px;
  outline: 0;
  color: #fff;
  background: rgba(255,255,255,.05);
  font-size: 11px;
}
.merchant-panel select {
  background: #171c27;
}
.merchant-panel textarea {
  min-height: 78px;
  resize: vertical;
}
.merchant-wide {
  margin-top: 11px;
}
.merchant-upload-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 11px;
  margin-top: 11px;
}
.merchant-upload {
  padding: 13px;
  border: 1px dashed rgba(255,145,99,.4);
  border-radius: 10px;
  background: rgba(255,104,52,.06);
}
.merchant-upload input {
  display: none;
}
.merchant-upload span {
  color: #ff9665;
}
.merchant-form-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 18px;
}
.merchant-form-foot > span {
  color: rgba(255,255,255,.4);
  font-size: 9px;
}
.artist-toast {
  position: fixed;
  right: 32px;
  bottom: 28px;
  z-index: 20;
  padding: 11px 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px;
  color: #fff;
  background: rgba(26,31,41,.96);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  font-size: 11px;
}
.mini-service-card {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  margin-top: 11px;
  padding: 12px;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.mini-service-card > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(145deg, #6f7cff, #9f5cff);
  font-size: 12px;
  font-weight: 700;
}
.mini-service-card > div {
  flex: 1;
}
.mini-service-card strong, .mini-service-card small {
  display: block;
}
.mini-service-card strong {
  font-size: 11px;
}
.mini-service-card small {
  margin-top: 4px;
  color: rgba(255,255,255,.5);
  font-size: 8px;
}
.mini-service-card em {
  color: #ff9665;
  font-size: 9px;
  font-style: normal;
}
.mini-select-field {
  display: block;
  margin: 13px 0 9px;
  color: rgba(255,255,255,.58);
  font-size: 9px;
}
.mini-select-field select {
  display: block;
  width: 100%;
  margin-top: 5px;
  padding: 9px;
  border: 1px solid rgba(255,145,99,.38);
  border-radius: 9px;
  color: #fff;
  background: #171c27;
  font-size: 10px;
}
.mini-artist-card {
  overflow: hidden;
}
.mini-artist-cover {
  display: flex;
  height: 100px;
  align-items: center;
  justify-content: center;
  position: relative;
  background: linear-gradient(135deg, #ff7c48, #6d315f);
}
.mini-artist-cover span {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}
.mini-artist-cover small {
  position: absolute;
  right: 10px;
  bottom: 8px;
  z-index: 1;
  color: rgba(255,255,255,.62);
  font-size: 7px;
}
.mini-artist-body {
  padding: 13px;
}
.mini-artist-body > strong, .mini-artist-body > small {
  display: block;
}
.mini-artist-body > strong {
  font-size: 13px;
}
.mini-artist-body > small {
  margin-top: 4px;
  color: rgba(255,255,255,.5);
  font-size: 8px;
}
.mini-artist-body > div {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.5);
  font-size: 8px;
}
.mini-artist-body > div b {
  color: #ffad73;
  font-size: 10px;
}
.mini-artist-body > p {
  color: rgba(255,255,255,.54);
  font-size: 8px;
  line-height: 1.5;
}
.mini-merchant-panel {
  margin-top: 9px;
  padding: 12px;
}
.mini-panel-title {
  display: flex;
  justify-content: space-between;
}
.mini-panel-title button {
  color: rgba(255,255,255,.6);
  font-size: 18px;
}
.mini-merchant-panel > p {
  color: rgba(255,255,255,.5);
  font-size: 8px;
}
.mini-merchant-panel input, .mini-merchant-panel textarea {
  width: 100%;
  margin-top: 7px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 7px;
  color: #fff;
  background: rgba(255,255,255,.05);
  font-size: 9px;
}
.mini-merchant-panel textarea {
  min-height: 60px;
}
.industry-icon, .nav-icon, .mini-feature-icon, .mini-account-row > b, .mini-nav-icon,
.zcool-mode-icon, .industry-page-intro > span {
  --icon-a: 128, 102, 241;
  --icon-b: 91, 202, 255;
  isolation: isolate;
  overflow: visible !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  background: radial-gradient(circle at 23% 18%, rgba(255,255,255,.98), rgba(255,255,255,0) 42%),
    linear-gradient(150deg, rgba(255,255,255,.96), rgba(247,244,255,.78)) !important;
  transform: translateZ(0);
  box-shadow: inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(103,79,183,.08),
    0 10px 24px rgba(76,54,145,.13),
    0 2px 5px rgba(76,54,145,.07) !important;
  filter: none !important;
}
.industry-icon::before, .nav-icon::before, .mini-feature-icon::before, .mini-account-row > b::before, .mini-nav-icon::before,
.zcool-mode-icon::before, .industry-page-intro > span::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 39% 8% 5%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(var(--icon-a),.34), rgba(var(--icon-b),.08) 58%, transparent 74%);
  filter: blur(7px);
  opacity: .95;
  pointer-events: none;
}
.industry-icon::after, .nav-icon::after, .mini-feature-icon::after, .mini-account-row > b::after, .mini-nav-icon::after,
.zcool-mode-icon::after, .industry-page-intro > span::after {
  content: "";
  position: absolute;
  inset: 4px 7px auto;
  height: 26%;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,0));
  opacity: .8;
  pointer-events: none;
}
.industry-icon .app-icon, .nav-icon .app-icon, .mini-feature-icon .app-icon,
.mini-account-row > b .app-icon, .mini-nav-icon .app-icon, .zcool-mode-icon .app-icon,
.industry-page-intro > span .app-icon {
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 5px 4px rgba(56,35,116,.18));
  transform: translateY(-1px) scale(1.13);
}
.icon-home {
  --icon-a: 118, 99, 237;
  --icon-b: 88, 202, 255;
}
.icon-projects {
  --icon-a: 84, 142, 255;
  --icon-b: 145, 104, 244;
}
.icon-tender {
  --icon-a: 84, 190, 255;
  --icon-b: 76, 116, 237;
}
.icon-skills {
  --icon-a: 205, 104, 255;
  --icon-b: 255, 116, 192;
}
.icon-inspiration {
  --icon-a: 255, 198, 75;
  --icon-b: 255, 117, 158;
}
.icon-template {
  --icon-a: 164, 119, 255;
  --icon-b: 107, 153, 255;
}
.icon-quote {
  --icon-a: 255, 171, 84;
  --icon-b: 255, 104, 111;
}
.icon-procurement {
  --icon-a: 51, 210, 180;
  --icon-b: 63, 153, 242;
}
.icon-learning {
  --icon-a: 91, 151, 255;
  --icon-b: 142, 99, 238;
}
.icon-admin {
  --icon-a: 117, 129, 195;
  --icon-b: 87, 188, 231;
}
.icon-conference {
  --icon-a: 83, 145, 255;
  --icon-b: 118, 104, 239;
}
.icon-pr {
  --icon-a: 255, 120, 136;
  --icon-b: 255, 175, 85;
}
.icon-advertising {
  --icon-a: 255, 110, 185;
  --icon-b: 154, 108, 247;
}
.icon-performance {
  --icon-a: 226, 91, 226;
  --icon-b: 89, 113, 241;
}
.icon-artists {
  --icon-a: 165, 103, 245;
  --icon-b: 255, 113, 185;
}
.icon-branding {
  --icon-a: 129, 106, 246;
  --icon-b: 93, 212, 236;
}
.icon-reputation {
  --icon-a: 57, 201, 175;
  --icon-b: 60, 135, 235;
}
.icon-sports {
  --icon-a: 255, 176, 62;
  --icon-b: 242, 91, 116;
}
.icon-upload {
  --icon-a: 77, 171, 255;
  --icon-b: 121, 104, 242;
}
.icon-image {
  --icon-a: 255, 107, 167;
  --icon-b: 123, 105, 240;
}
.icon-wallet {
  --icon-a: 255, 180, 62;
  --icon-b: 255, 112, 109;
}
.icon-pay {
  --icon-a: 76, 191, 237;
  --icon-b: 90, 109, 235;
}
.icon-contact {
  --icon-a: 60, 208, 174;
  --icon-b: 83, 151, 238;
}
.icon-settings {
  --icon-a: 128, 135, 197;
  --icon-b: 109, 188, 222;
}
.icon-user {
  --icon-a: 173, 107, 247;
  --icon-b: 255, 130, 178;
}
.icon-help {
  --icon-a: 255, 117, 137;
  --icon-b: 255, 190, 78;
}
.industry-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 16px !important;
}
.industry-icon .app-icon {
  width: 34px !important;
  height: 34px !important;
}
.nav-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
}
.nav-icon .app-icon {
  width: 25px !important;
  height: 25px !important;
}
.zcool-mode-icon {
  width: 64px !important;
  height: 64px !important;
  border-radius: 21px !important;
}
.zcool-mode-icon .app-icon {
  width: 46px !important;
  height: 46px !important;
}
.industry-page-intro > span {
  width: 70px !important;
  height: 70px !important;
  border-radius: 23px !important;
}
.industry-page-intro > span .app-icon {
  width: 50px !important;
  height: 50px !important;
}
.mini-feature-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
}
.mini-feature-icon .app-icon {
  width: 39px !important;
  height: 39px !important;
}
.mini-nav-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 11px !important;
  opacity: .72;
  filter: saturate(.75) !important;
  box-shadow: 0 5px 12px rgba(69,49,133,.08) !important;
}
.mini-bottom-nav button.active .mini-nav-icon {
  opacity: 1;
  filter: none !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(92,64,179,.18) !important;
}
.mini-nav-icon .app-icon {
  width: 23px !important;
  height: 23px !important;
}
.mini-account-row > b {
  width: 44px !important;
  height: 44px !important;
  border-radius: 15px !important;
}
.mini-account-row > b .app-icon {
  width: 31px !important;
  height: 31px !important;
}
.wizard-event-icon,
.project-badge,
.skill-symbol,
.summary-icon {
  display: grid !important;
  place-items: center;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.92) !important;
  color: inherit !important;
  background: linear-gradient(150deg, rgba(255,255,255,.98), rgba(245,241,255,.82)) !important;
  box-shadow: inset 0 1px 0 #fff, 0 9px 22px rgba(76,54,145,.14) !important;
}
.wizard-event-icon .app-icon {
  width: 29px;
  height: 29px;
  filter: drop-shadow(0 4px 3px rgba(65,43,128,.16));
}
.event-choice-grid button.selected > .wizard-event-icon {
  background: linear-gradient(145deg,#fff,#f0eaff) !important;
}
.project-badge {
  width: 46px;
  height: 46px;
  border-radius: 15px;
}
.project-badge .app-icon {
  width: 34px;
  height: 34px;
}
.skill-symbol {
  width: 38px;
  height: 38px;
  border-radius: 13px;
}
.skill-symbol .app-icon {
  width: 28px;
  height: 28px;
}
.summary-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
}
.summary-icon .app-icon {
  width: 31px;
  height: 31px;
}
.generate-button > span .app-icon {
  width: 22px;
  height: 22px;
  filter: drop-shadow(0 3px 3px rgba(73,39,140,.18));
}
.artist-search .app-icon, .tender-search .app-icon, .hub-search .app-icon, .mini-search .app-icon {
  width: 20px;
  height: 20px;
}
.tender-view-switch .app-icon, .refresh .app-icon, .hub-section-head button .app-icon {
  width: 18px;
  height: 18px;
}
.tender-view-switch button, .hub-section-head button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.tender-assistant-spacer i .app-icon, .chat-next-plan .app-icon {
  width: 24px;
  height: 24px;
}
.artist-page {
  color: #28213f !important;
  background: radial-gradient(circle at 78% 0%, rgba(174,142,255,.23), transparent 32%), radial-gradient(circle at 15% 30%, rgba(93,207,255,.14), transparent 26%), linear-gradient(145deg,#fbfaff 0%,#f2efff 52%,#f5fbff 100%) !important;
}
.artist-page-head p, .artist-detail-title p, .artist-disclaimer, .artist-count, .artist-row small, .merchant-panel-head p, .merchant-form-foot > span {
  color: #817a98 !important;
}
.artist-search, .artist-list-wrap, .artist-detail-card, .merchant-panel {
  border-color: rgba(123,96,201,.15) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.85), 0 18px 50px rgba(78,54,148,.1) !important;
  backdrop-filter: blur(18px);
}
.artist-search input {
  color: #312a50 !important;
}
.artist-search input::placeholder {
  color: #a49db8 !important;
}
.artist-toolbar select, .merchant-panel select {
  color: #51466f !important;
  background: #f5f1ff !important;
  border-color: rgba(123,96,201,.18) !important;
}
.artist-category-tabs button {
  color: #867e9e !important;
  border-color: rgba(123,96,201,.16) !important;
}
.artist-category-tabs button.active {
  color: #654cc8 !important;
  background: linear-gradient(135deg,#eee7ff,#e7f6ff) !important;
  border-color: rgba(113,82,220,.28) !important;
}
.artist-row {
  color: #302747 !important;
  border-top-color: rgba(123,96,201,.1) !important;
}
.artist-row.selected {
  background: linear-gradient(135deg,#f0eaff,#edf7ff) !important;
}
.artist-detail-title h2, .merchant-panel-head h2 {
  color: #2d2547 !important;
}
.artist-detail-title p, .artist-facts dt {
  color: #8c84a2 !important;
}
.artist-facts > div {
  border-top-color: rgba(123,96,201,.11) !important;
}
.artist-facts dd {
  color: #5e5577 !important;
}
.artist-detail-actions > button:not(.artist-primary) {
  color: #675b88 !important;
  border-color: rgba(123,96,201,.18) !important;
  background: rgba(248,246,255,.8) !important;
}
.artist-verified {
  color: #9a6a20 !important;
  background: #fff8e8 !important;
}
.merchant-panel label {
  color: #817896 !important;
}
.merchant-panel input, .merchant-panel select, .merchant-panel textarea {
  color: #3d3458 !important;
  background: #faf9ff !important;
  border-color: rgba(123,96,201,.16) !important;
}
.merchant-panel input::placeholder, .merchant-panel textarea::placeholder {
  color: #aaa3ba !important;
}
.merchant-upload {
  background: linear-gradient(135deg,#fff8f3,#f5efff) !important;
  border-color: rgba(255,139,99,.42) !important;
}
.artist-empty {
  color: #8b839f !important;
}
.mini-preview-page .mini-page-shell.artist-mini-shell {
  color: #302747 !important;
  background: transparent !important;
}
.mini-preview-page .artist-mini-shell .mini-hero, .mini-preview-page .artist-mini-shell .mini-artist-card,
.mini-preview-page .artist-mini-shell .mini-merchant-panel {
  color: #302747 !important;
  background: rgba(255,255,255,.74) !important;
  border-color: rgba(123,96,201,.15) !important;
  box-shadow: 0 18px 44px rgba(78,54,148,.1) !important;
}
.mini-preview-page .artist-mini-shell .mini-hero h2, .mini-preview-page .artist-mini-shell .mini-hero p,
.mini-preview-page .artist-mini-shell .mini-artist-body > strong {
  color: #302747 !important;
}
.mini-preview-page .artist-mini-shell .mini-hero p, .mini-preview-page .artist-mini-shell .mini-artist-body > small,
.mini-preview-page .artist-mini-shell .mini-artist-body > p {
  color: #817a98 !important;
}
.mini-preview-page .artist-mini-shell .mini-select-field {
  color: #817896 !important;
}
.mini-preview-page .artist-mini-shell .mini-select-field select {
  color: #51466f !important;
  background: #f5f1ff !important;
  border-color: rgba(123,96,201,.18) !important;
}
.mini-preview-page .artist-mini-shell .mini-artist-body > div {
  color: #8c84a2 !important;
  border-top-color: rgba(123,96,201,.11) !important;
}
.mini-preview-page .artist-mini-shell .mini-merchant-panel input, .mini-preview-page .artist-mini-shell .mini-merchant-panel textarea {
  color: #3d3458 !important;
  background: #faf9ff !important;
  border-color: rgba(123,96,201,.16) !important;
}
@media (max-width: 760px) {
  .mini-preview-page {
    padding: 25px 16px 44px;
  }
  .mini-preview-head {
    display: block;
    margin-bottom: 24px;
  }
  .mini-preview-head h1 {
    font-size: 26px;
  }
  .mini-preview-head p {
    font-size: 12px;
  }
  .mini-exit {
    margin-top: 16px;
  }
  .mini-preview-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .mini-phone {
    width: min(390px, 100%);
    height: 740px;
    margin: 0 auto;
  }
  .mini-preview-notes {
    padding-top: 0;
  }
  .artist-page {
    padding: 22px 16px 50px;
  }
  .artist-page-head, .artist-toolbar {
    display: block;
  }
  .artist-merchant-cta {
    margin-top: 16px;
  }
  .artist-toolbar > * {
    margin-top: 9px;
  }
  .artist-toolbar select {
    width: 100%;
  }
  .artist-layout {
    grid-template-columns: 1fr;
  }
  .tool-routing-grid {
    grid-template-columns: 1fr;
  }
  .merchant-form-grid, .merchant-upload-row {
    grid-template-columns: 1fr;
  }
  .merchant-form-foot {
    display: block;
  }
  .merchant-form-foot .artist-primary {
    margin-top: 12px;
  }
}
.zcool-home {
  background: radial-gradient(circle at 72% 5%,rgba(119,204,255,.2),transparent 27%),radial-gradient(circle at 38% 20%,rgba(184,143,255,.2),transparent 31%),linear-gradient(145deg,#fbfaff,#f4f1ff 48%,#f9fbff) !important;
}
.zcool-home .industry-rail {
  width: 252px !important;
  padding: 22px 16px !important;
  background: rgba(255,255,255,.7) !important;
  border-right: 1px solid rgba(133,110,206,.14) !important;
  backdrop-filter: blur(28px) saturate(145%);
}
.zcool-home .creation-main {
  margin-left: 252px !important;
}
.zcool-home .industry-rail nav {
  gap: 6px !important;
}
.zcool-home .industry-rail nav button {
  min-height: 62px !important;
  padding: 8px 10px !important;
  border-radius: 18px !important;
}
.zcool-home .industry-rail nav button.active {
  background: linear-gradient(135deg,#ebe4ff,#f2f7ff) !important;
  box-shadow: 0 12px 30px rgba(92,61,190,.13) !important;
}
.zcool-home .zcool-topbar {
  margin: 14px 22px 0 !important;
  border: 1px solid rgba(126,102,199,.11) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.74) !important;
  box-shadow: 0 10px 32px rgba(69,46,137,.07) !important;
}
.zcool-home .zcool-content {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 34px 34px 70px !important;
}
.zcool-home .featured-carousel {
  min-height: 328px !important;
  border-radius: 32px !important;
  background: radial-gradient(circle at 78% 30%,rgba(113,224,255,.54),transparent 25%),radial-gradient(circle at 72% 85%,rgba(255,112,196,.38),transparent 31%),linear-gradient(130deg,#6556df,#9670ee 45%,#d8c7ff) !important;
  box-shadow: 0 25px 65px rgba(82,51,177,.22),inset 0 1px 0 rgba(255,255,255,.62) !important;
}
.zcool-home .zcool-mode {
  min-height: 172px !important;
  border: 1px solid rgba(114,88,193,.13) !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,241,255,.92)) !important;
  box-shadow: 0 18px 45px rgba(78,54,148,.09) !important;
}
.zcool-home .zcool-mode.expert {
  background: linear-gradient(145deg,rgba(247,251,255,.96),rgba(232,242,255,.92)) !important;
}
.zcool-home .creation-discover {
  border: 1px solid rgba(115,91,188,.11) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.6) !important;
  box-shadow: 0 20px 55px rgba(76,55,136,.06) !important;
}
.app-shell {
  background: linear-gradient(145deg,#f7f5ff,#f7fbff) !important;
}
.app-shell .sidebar {
  background: rgba(255,255,255,.84) !important;
  border-right-color: rgba(116,92,190,.13) !important;
}
.mini-preview-page {
  background: radial-gradient(circle at 17% 7%,rgba(169,132,255,.22),transparent 28%),radial-gradient(circle at 84% 17%,rgba(83,200,255,.2),transparent 25%),linear-gradient(145deg,#f6f2ff,#f4f9ff) !important;
}
.mini-preview-page .mini-screen {
  background: radial-gradient(circle at 86% 8%,rgba(99,203,255,.23),transparent 27%),radial-gradient(circle at 20% 21%,rgba(167,121,255,.22),transparent 31%),linear-gradient(155deg,#fbf9ff,#f3efff 50%,#f8fbff) !important;
}
.mini-preview-page .mini-page-shell {
  color: #28213f !important;
  background: transparent !important;
}
.mini-preview-page .mini-preview-head h1 {
  color: #271f42 !important;
}
.mini-preview-page .mini-preview-head p {
  color: #777086 !important;
}
.mini-preview-page .mini-exit {
  color: #6550cd !important;
  border-color: rgba(105,80,201,.18) !important;
  background: rgba(255,255,255,.7) !important;
}
.mini-preview-page .mini-exit,.mini-preview-page .mini-section-head button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.mini-preview-page .mini-exit .app-icon,.mini-preview-page .mini-section-head button .app-icon {
  width: 15px;
  height: 15px;
}
.mini-preview-page .mini-brand strong,.mini-preview-page .mini-intro,.mini-preview-page .mini-section-head strong,.mini-preview-page .mini-case strong {
  color: #28213f !important;
}
.mini-preview-page .mini-brand small,.mini-preview-page .mini-case small,.mini-preview-page .mini-note-card p,.mini-preview-page .mini-note-card li {
  color: #7d768c !important;
}
.mini-preview-page .mini-eyebrow,.mini-preview-page .mini-preview-kicker {
  color: #7659df !important;
}
.mini-preview-page .mini-statusbar {
  color: #3c3454 !important;
  background: rgba(255,255,255,.54) !important;
}
.mini-case > span {
  display: flex !important;
  align-items: center;
  gap: 6px;
}
.mini-case-icon {
  display: inline-grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 9px;
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6),0 6px 13px rgba(76,54,151,.18);
}
.mini-case-icon .app-icon {
  width: 14px;
  height: 14px;
}
.mini-preview-page .mini-glass {
  border: 1px solid rgba(255,255,255,.82) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.92),rgba(243,239,255,.8)) !important;
  box-shadow: 0 16px 40px rgba(72,48,143,.1),inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.mini-preview-page .mini-hero {
  background: radial-gradient(circle at 90% 10%,rgba(91,212,255,.38),transparent 32%),linear-gradient(140deg,#6e53e7,#a571f4) !important;
  color: #fff !important;
}
.mini-preview-page .mini-bottom-nav {
  margin: 0 10px 9px !important;
  width: calc(100% - 20px) !important;
  border-radius: 22px !important;
  background: rgba(247,244,255,.86) !important;
  box-shadow: 0 12px 35px rgba(57,40,116,.16) !important;
}
@media (max-width:980px) {
  .zcool-home .industry-rail {
    width: 220px !important;
  }
  .zcool-home .creation-main {
    margin-left: 220px !important;
  }
}
@media (max-width:760px) {
  .zcool-home .industry-rail {
    width: 86px !important;
    padding: 14px 8px !important;
  }
  .zcool-home .creation-main {
    margin-left: 86px !important;
  }
  .zcool-home .zcool-content {
    padding: 20px 12px 50px !important;
  }
  .zcool-home .featured-carousel {
    min-height: 390px !important;
    border-radius: 25px !important;
  }
}
.zcool-home .creation-generated-background {
  opacity: .1 !important;
  filter: brightness(1.15) saturate(.62) contrast(.82) !important;
}
.zcool-home .creation-video-layer > span {
  background: linear-gradient(135deg,rgba(250,248,255,.86),rgba(246,249,255,.72)) !important;
  backdrop-filter: blur(2px);
}
.zcool-home .industry-brand,.zcool-home .industry-brand strong,.zcool-home .industry-caption span,.zcool-home .industry-rail nav button,.zcool-home .industry-rail nav strong {
  color: #2c2540 !important;
}
.zcool-home .industry-brand small,.zcool-home .industry-caption small,.zcool-home .industry-rail nav small {
  color: #858095 !important;
}
.zcool-home .industry-rail nav button.active strong,.zcool-home .industry-rail nav button.active em {
  color: #654bd4 !important;
}
.zcool-home .industry-bottom {
  border-color: rgba(111,87,182,.12) !important;
}
.zcool-home .industry-bottom button {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #706a80 !important;
  background: rgba(255,255,255,.45) !important;
  border-radius: 13px !important;
}
.zcool-home .industry-bottom button .app-icon {
  width: 16px;
  height: 16px;
  color: #7159d7;
}
.zcool-home .zcool-topbar > label,.zcool-home .zcool-account > button {
  color: #514a65 !important;
  background: rgba(255,255,255,.64) !important;
  border-color: rgba(113,87,190,.12) !important;
}
.zcool-home .zcool-topbar input,.zcool-home .zcool-topbar input::placeholder,.zcool-home .account-user small,.zcool-home .account-user em {
  color: #888196 !important;
}
.zcool-home .account-user strong {
  color: #2a233e !important;
}
.zcool-home .industry-page-intro {
  background: rgba(255,255,255,.62) !important;
  border-color: rgba(115,88,194,.12) !important;
}
.zcool-home .industry-page-intro small {
  color: #7a5be1 !important;
}
.zcool-home .industry-page-intro strong,.zcool-home .zcool-mode-heading h2,.zcool-home .zcool-mode h3 {
  color: #251e3f !important;
}
.zcool-home .industry-page-intro p,.zcool-home .zcool-mode-heading p,.zcool-home .zcool-mode p {
  color: #777184 !important;
}
.zcool-home .zcool-mode small {
  color: #8d6af0 !important;
}
.zcool-home .zcool-mode em {
  color: #6550cc !important;
}
.zcool-home .discover-toolbar,.zcool-home .discover-filter-row {
  border-color: rgba(110,86,181,.11) !important;
}
.zcool-home .discover-toolbar button,.zcool-home .discover-filter-row button {
  color: #777083 !important;
  border-color: rgba(108,83,181,.1) !important;
  background: rgba(255,255,255,.52) !important;
}
.zcool-home .discover-toolbar button.active,.zcool-home .discover-filter-row button.active {
  color: #fff !important;
  background: linear-gradient(135deg,#7658ef,#9f6cff) !important;
}
.app-icon img {
  border-radius: 22%;
}
.industry-icon,
.nav-icon,
.mini-feature-icon,
.mini-account-row > b,
.mini-nav-icon,
.zcool-mode-icon,
.industry-page-intro > span,
.wizard-event-icon,
.project-badge,
.skill-symbol,
.summary-icon {
  overflow: hidden !important;
  border: 0 !important;
  background: #f2eefb !important;
  box-shadow: 0 8px 20px rgba(84,59,155,.12), inset 0 1px 0 rgba(255,255,255,.75) !important;
  filter: none !important;
}
.industry-icon::before,
.industry-icon::after,
.nav-icon::before,
.nav-icon::after,
.mini-feature-icon::before,
.mini-feature-icon::after,
.mini-account-row > b::before,
.mini-account-row > b::after,
.mini-nav-icon::before,
.mini-nav-icon::after,
.zcool-mode-icon::before,
.zcool-mode-icon::after,
.industry-page-intro > span::before,
.industry-page-intro > span::after {
  display: none !important;
}
.industry-icon .app-icon,
.nav-icon .app-icon,
.mini-feature-icon .app-icon,
.mini-account-row > b .app-icon,
.mini-nav-icon .app-icon,
.zcool-mode-icon .app-icon,
.industry-page-intro > span .app-icon,
.wizard-event-icon .app-icon,
.project-badge .app-icon,
.skill-symbol .app-icon,
.summary-icon .app-icon {
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  filter: none !important;
}
.industry-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 17px !important;
}
.nav-icon {
  width: 39px !important;
  height: 39px !important;
  border-radius: 13px !important;
}
.zcool-mode-icon {
  width: 78px !important;
  height: 78px !important;
  border-radius: 24px !important;
}
.industry-page-intro > span {
  width: 82px !important;
  height: 82px !important;
  border-radius: 25px !important;
}
.mini-feature-icon {
  width: 62px !important;
  height: 62px !important;
  border-radius: 20px !important;
}
.mini-nav-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  opacity: .74;
}
.mini-bottom-nav button.active .mini-nav-icon {
  opacity: 1;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(92,64,179,.2) !important;
}
.mini-account-row > b {
  width: 52px !important;
  height: 52px !important;
  border-radius: 17px !important;
}
.wizard-event-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 15px !important;
}
.project-badge {
  width: 54px !important;
  height: 54px !important;
  border-radius: 17px !important;
}
.skill-symbol {
  width: 46px !important;
  height: 46px !important;
  border-radius: 15px !important;
}
.summary-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 16px !important;
}
.zcool-home .industry-rail nav button {
  min-height: 70px !important;
}
.zcool-home .industry-rail nav button:hover .industry-icon,
.zcool-home .industry-rail nav button.active .industry-icon,
.main-nav .nav-item:hover .nav-icon,
.main-nav .nav-item.active .nav-icon {
  transform: translateY(-2px) scale(1.04) !important;
  box-shadow: 0 13px 27px rgba(84,59,155,.2) !important;
}
.zcool-mode,
.mini-gateway-card,
.mini-account-row,
.event-choice-grid button {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.zcool-mode:hover,
.mini-gateway-card:hover,
.mini-account-row:hover,
.event-choice-grid button:hover {
  transform: translateY(-3px);
}
.mini-case-icon {
  overflow: hidden;
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  background: #f2eefb !important;
  box-shadow: 0 7px 16px rgba(84,59,155,.13) !important;
}
.mini-case-icon .app-icon {
  width: 100% !important;
  height: 100% !important;
}
.zcool-home .zcool-mode-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr)) !important;
}
.zcool-home .zcool-mode {
  grid-template-columns: 78px minmax(0, 1fr) max-content !important;
  column-gap: 20px !important;
  row-gap: 10px !important;
  padding: 24px 26px !important;
}
.zcool-home .zcool-mode > .zcool-mode-icon {
  grid-column: 1;
  position: relative;
  z-index: 1;
}
.zcool-home .zcool-mode > div {
  grid-column: 2;
  min-width: 0;
  position: relative;
  z-index: 2;
}
.zcool-home .zcool-mode h3,
.zcool-home .zcool-mode p {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.zcool-home .zcool-mode > em {
  grid-column: 3;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .zcool-home .zcool-mode {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    padding: 18px !important;
    column-gap: 14px !important;
  }
  .zcool-home .zcool-mode > .zcool-mode-icon {
    width: 64px !important;
    height: 64px !important;
  }
  .zcool-home .zcool-mode > em {
    grid-column: 2;
    justify-self: start;
  }
}
@media (max-width: 390px) {
  .zcool-home .zcool-mode {
    grid-template-columns: 1fr !important;
  }
  .zcool-home .zcool-mode > .zcool-mode-icon,
  .zcool-home .zcool-mode > div,
  .zcool-home .zcool-mode > em {
    grid-column: 1;
  }
}
.upload-portal-page {
  min-height: 100%;
  padding: 34px;
  background: radial-gradient(circle at 8% 0%, rgba(189,213,255,.42), transparent 30%), radial-gradient(circle at 94% 12%, rgba(221,201,255,.42), transparent 32%), #f7f7fc;
  color: #26233b;
}
.upload-portal-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 34px 38px;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 30px;
  background: linear-gradient(130deg, rgba(255,255,255,.96), rgba(240,243,255,.86));
  box-shadow: 0 22px 60px rgba(75,64,125,.1);
}
.upload-portal-hero h1 {
  margin: 8px 0 10px;
  font-size: 34px;
}
.upload-portal-hero p {
  max-width: 720px;
  margin: 0;
  color: #77738f;
  line-height: 1.8;
}
.upload-hero-stat {
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 340px;
  padding: 20px 24px;
  border-radius: 24px;
  background: linear-gradient(135deg, #5e56d9, #8b6bea);
  color: #fff;
  box-shadow: 0 18px 36px rgba(93,75,190,.25);
}
.upload-hero-stat > .app-icon {
  width: 62px;
  height: 62px;
  flex: 0 0 auto;
}
.upload-hero-stat > span {
  display: grid;
  gap: 3px;
}
.upload-hero-stat strong {
  font-size: 24px;
}
.upload-hero-stat small {
  color: rgba(255,255,255,.72);
}
.upload-portal-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) 310px;
  gap: 22px;
  margin-top: 22px;
}
.upload-form-card,.upload-guide-card,.upload-record-card {
  border: 1px solid rgba(109,94,176,.12);
  border-radius: 28px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 48px rgba(75,64,125,.08);
}
.upload-form-card {
  padding: 28px;
}
.upload-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.upload-card-title > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.upload-card-title > div > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg,#6e67e8,#9d78ef);
  font-weight: 800;
}
.upload-card-title h2 {
  margin: 0;
  font-size: 20px;
}
.upload-card-title em {
  padding: 8px 12px;
  border-radius: 999px;
  background: #f0edff;
  color: #6c5cc4;
  font-size: 12px;
  font-style: normal;
}
.upload-form-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}
.upload-form-grid label,.upload-description,.admin-channel-form label {
  display: grid;
  gap: 8px;
  color: #55516a;
  font-size: 13px;
  font-weight: 700;
}
.upload-form-grid input,.upload-form-grid select,.upload-description textarea,.admin-channel-form input,.admin-channel-form select {
  width: 100%;
  border: 1px solid #e4e0ef;
  border-radius: 14px;
  background: #fbfaff;
  color: #2f2b45;
  padding: 13px 14px;
  outline: none;
}
.upload-form-grid input:focus,.upload-form-grid select:focus,.upload-description textarea:focus,.admin-channel-form input:focus,.admin-channel-form select:focus {
  border-color: #8473e7;
  box-shadow: 0 0 0 4px rgba(132,115,231,.1);
}
.upload-description {
  margin-top: 16px;
}
.upload-description textarea {
  min-height: 92px;
  resize: vertical;
}
.user-upload-dropzone,.admin-channel-dropzone {
  display: grid;
  place-items: center;
  min-height: 176px;
  margin-top: 18px;
  padding: 22px;
  border: 1.5px dashed #b8abe8;
  border-radius: 22px;
  background: linear-gradient(145deg,#faf9ff,#f1f3ff);
  text-align: center;
  cursor: pointer;
}
.user-upload-dropzone input,.admin-channel-dropzone input {
  display: none;
}
.user-upload-dropzone .app-icon,.admin-channel-dropzone .app-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}
.user-upload-dropzone strong,.admin-channel-dropzone strong {
  font-size: 16px;
}
.user-upload-dropzone span,.admin-channel-dropzone span {
  max-width: 560px;
  margin-top: 7px;
  color: #8a859d;
  font-size: 12px;
  line-height: 1.6;
}
.user-upload-files,.admin-channel-files {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}
.user-upload-files > div,.admin-channel-files > div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 15px;
  background: #f7f6fc;
}
.user-upload-files .app-icon,.admin-channel-files .app-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
}
.user-upload-files > div > span {
  display: grid;
  flex: 1;
  gap: 2px;
}
.user-upload-files small {
  color: #8d879e;
}
.user-upload-files button,.admin-channel-files button {
  border: 0;
  background: transparent;
  color: #7b6bc3;
  cursor: pointer;
}
.upload-submit-row,.admin-channel-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #ece9f3;
}
.upload-submit-row p,.admin-channel-actions > span {
  max-width: 620px;
  margin: 0;
  color: #8b8699;
  font-size: 12px;
  line-height: 1.6;
}
.upload-submit-row > button,.admin-channel-actions > button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 15px;
  padding: 13px 22px;
  background: linear-gradient(135deg,#655bdd,#8c6deb);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(100,79,203,.22);
}
.upload-submit-row .app-icon,.admin-channel-actions .app-icon {
  width: 26px;
  height: 26px;
}
.upload-guide-card {
  align-self: start;
  padding: 26px;
  background: linear-gradient(155deg,#2f2a57,#5c4b9d);
  color: #fff;
}
.upload-guide-card > .app-icon {
  width: 64px;
  height: 64px;
}
.upload-guide-card h3 {
  margin: 16px 0 10px;
  font-size: 21px;
}
.upload-guide-card ul {
  display: grid;
  gap: 13px;
  padding-left: 20px;
  color: rgba(255,255,255,.74);
  font-size: 13px;
  line-height: 1.6;
}
.upload-guide-card button {
  border: 0;
  padding: 0;
  background: transparent;
  color: #d9d2ff;
  font-weight: 700;
  cursor: pointer;
}
.upload-record-card {
  margin-top: 22px;
  padding: 26px;
}
.upload-record-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}
.upload-record-head h2 {
  margin: 4px 0 0;
}
.upload-record-head > div:last-child,.admin-review-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.upload-record-head button,.admin-review-filters button {
  border: 1px solid #e2deee;
  border-radius: 999px;
  padding: 8px 12px;
  background: #fff;
  color: #726d83;
  cursor: pointer;
}
.upload-record-head button.active,.admin-review-filters button.active {
  border-color: transparent;
  background: #6359d8;
  color: #fff;
}
.upload-record-table {
  overflow-x: auto;
}
.upload-record-row {
  display: grid;
  grid-template-columns: 1.5fr 1.2fr .7fr .7fr .8fr;
  min-width: 850px;
  align-items: center;
  gap: 14px;
  padding: 14px 10px;
  border-top: 1px solid #efedf5;
  font-size: 13px;
}
.upload-record-row.head {
  border: 0;
  border-radius: 12px;
  background: #f4f2f9;
  color: #8a859a;
  font-size: 12px;
}
.upload-record-row > span {
  display: grid;
  gap: 4px;
}
.upload-record-row small {
  color: #9690a2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload-record-row > span:last-child {
  display: flex;
  align-items: center;
  gap: 8px;
}
.upload-record-row > span:last-child button {
  border: 0;
  background: transparent;
  color: #6657c7;
  cursor: pointer;
}
.upload-status {
  display: inline-flex;
  width: max-content;
  border-radius: 999px;
  padding: 6px 9px;
  background: #f0eef6;
  color: #766f87;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}
.status-待审核 {
  background: #fff3d8;
  color: #a56800;
}
.status-已通过,.status-已发布 {
  background: #def8e9;
  color: #16804b;
}
.status-需补充 {
  background: #e7efff;
  color: #3765bd;
}
.status-已驳回 {
  background: #ffe7e7;
  color: #bb4141;
}
.admin-rail > button b {
  margin-left: auto;
  min-width: 22px;
  padding: 3px 7px;
  border-radius: 999px;
  background: #ff745f;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  text-align: center;
}
.admin-channel-layout {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 18px;
  margin-top: 22px;
}
.admin-channel-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 15px;
}
.admin-channel-dropzone {
  min-height: 100%;
  margin: 0;
}
.admin-channel-files > div strong {
  flex: 1;
}
.admin-channel-files > div em {
  color: #8c76d6;
  font-size: 12px;
  font-style: normal;
}
.admin-publish-list {
  display: grid;
  gap: 9px;
  margin-top: 18px;
}
.admin-publish-list > div {
  display: grid;
  grid-template-columns: 44px 1.5fr .7fr .45fr .55fr;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid #ece9f4;
  border-radius: 16px;
}
.admin-publish-list .app-icon {
  width: 42px;
  height: 42px;
}
.admin-publish-list span {
  display: grid;
  gap: 3px;
}
.admin-publish-list small {
  color: #928da0;
}
.admin-publish-list em {
  color: #16804b;
  font-style: normal;
  font-weight: 800;
}
.admin-publish-list button {
  border: 0;
  background: transparent;
  color: #6557c4;
  cursor: pointer;
}
.admin-review-summary {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 0;
  padding: 0 !important;
  overflow: hidden;
}
.admin-review-summary > div {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 20px;
  border-right: 1px solid #ebe8f2;
}
.admin-review-summary > div:last-child {
  border: 0;
}
.admin-review-summary .app-icon {
  width: 50px;
  height: 50px;
}
.admin-review-summary span {
  display: grid;
  gap: 2px;
}
.admin-review-summary strong {
  font-size: 23px;
}
.admin-review-summary small {
  color: #8b8599;
}
.admin-review-list {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}
.admin-review-list article {
  padding: 20px;
  border: 1px solid #e9e5f1;
  border-radius: 20px;
  background: linear-gradient(145deg,#fff,#fbfaff);
}
.admin-review-main {
  display: flex;
  align-items: center;
  gap: 13px;
}
.admin-review-file-icon .app-icon {
  width: 54px;
  height: 54px;
}
.admin-review-main > div:last-child {
  flex: 1;
}
.admin-review-main > div:last-child > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin-review-main p {
  margin: 6px 0;
  color: #767083;
}
.admin-review-main small {
  color: #9a94a5;
}
.admin-review-list dl {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
  margin: 16px 0 12px;
}
.admin-review-list dl > div {
  padding: 10px 12px;
  border-radius: 12px;
  background: #f5f3f9;
}
.admin-review-list dt {
  color: #9690a2;
  font-size: 11px;
}
.admin-review-list dd {
  margin: 4px 0 0;
  font-size: 12px;
  font-weight: 700;
}
.admin-review-files {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.admin-review-files button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #e5e1ed;
  border-radius: 11px;
  padding: 7px 10px;
  background: #fff;
  color: #5c566b;
  cursor: pointer;
}
.admin-review-files .app-icon {
  width: 26px;
  height: 26px;
}
.admin-review-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  padding-top: 15px;
  border-top: 1px solid #eeebf3;
}
.admin-review-actions button {
  border: 1px solid #ddd8e8;
  border-radius: 11px;
  padding: 9px 13px;
  background: #fff;
  color: #675f78;
  cursor: pointer;
}
.admin-review-actions button.supplement {
  color: #3561b0;
  border-color: #cddcff;
  background: #f2f6ff;
}
.admin-review-actions button.reject {
  color: #b13f3f;
  border-color: #ffd1d1;
  background: #fff5f5;
}
.admin-review-actions button.approve {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-color: transparent;
  background: #5f58d6;
  color: #fff;
}
.admin-review-actions .app-icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 1180px) {
  .upload-portal-grid {
    grid-template-columns: 1fr;
  }
  .upload-guide-card {
    display: grid;
    grid-template-columns: 60px 1fr;
    column-gap: 16px;
  }
  .upload-guide-card h3 {
    margin: 0;
  }
  .upload-guide-card ul,.upload-guide-card button {
    grid-column: 1 / -1;
  }
  .admin-review-summary {
    grid-template-columns: repeat(2,1fr);
  }
  .admin-review-summary > div:nth-child(2) {
    border-right: 0;
  }
  .admin-review-summary > div:nth-child(-n+2) {
    border-bottom: 1px solid #ebe8f2;
  }
}
@media (max-width: 820px) {
  .upload-portal-page {
    padding: 18px;
  }
  .upload-portal-hero {
    align-items: flex-start;
    flex-direction: column;
    padding: 24px;
  }
  .upload-hero-stat {
    min-width: 0;
    width: 100%;
  }
  .upload-form-grid,.admin-channel-form,.admin-channel-layout {
    grid-template-columns: 1fr;
  }
  .upload-record-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .admin-review-list dl {
    grid-template-columns: repeat(2,1fr);
  }
  .admin-review-actions {
    flex-wrap: wrap;
  }
  .admin-publish-list > div {
    grid-template-columns: 42px 1fr auto;
  }
  .admin-publish-list > div > span:nth-of-type(2),.admin-publish-list > div > button {
    grid-column: 2 / -1;
  }
}
.role-switcher {
  position: relative;
  z-index: 50;
}
.role-switcher > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 176px;
  padding: 7px 9px;
  border: 1px solid rgba(110,89,180,.14);
  border-radius: 15px;
  background: rgba(255,255,255,.9);
  cursor: pointer;
  list-style: none;
  box-shadow: 0 8px 22px rgba(73,52,137,.07);
}
.role-switcher > summary::-webkit-details-marker {
  display: none;
}
.role-switcher > summary > span:nth-child(2) {
  display: grid;
  flex: 1;
  gap: 2px;
  text-align: left;
}
.role-switcher > summary strong {
  color: #2c2642;
  font-size: 13px;
}
.role-switcher > summary small {
  color: #847d96;
  font-size: 10px;
}
.role-switcher > summary em {
  color: #7667b8;
  font-style: normal;
}
.role-avatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: 12px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  box-shadow: inset 0 1px rgba(255,255,255,.65), 0 8px 18px rgba(78,57,150,.18);
}
.role-user {
  background: linear-gradient(145deg,#6a9cff,#6c62e7);
}
.role-supplier {
  background: linear-gradient(145deg,#42d1b6,#298ab8);
}
.role-admin {
  background: linear-gradient(145deg,#aa72ff,#6650db);
}
.role-menu {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  width: 310px;
  padding: 12px;
  border: 1px solid rgba(105,82,181,.14);
  border-radius: 20px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 24px 64px rgba(54,39,105,.18);
  backdrop-filter: blur(24px);
}
.role-menu > div {
  display: grid;
  gap: 3px;
  padding: 5px 8px 11px;
}
.role-menu > div small {
  color: #91899f;
  font-size: 11px;
}
.role-menu > button {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  margin-top: 5px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 15px;
  background: transparent;
  color: #302a45;
  cursor: pointer;
  text-align: left;
}
.role-menu > button:hover,.role-menu > button.active {
  border-color: #dfd8fa;
  background: linear-gradient(135deg,#f4f0ff,#f5fbff);
}
.role-menu > button > span:nth-child(2) {
  display: grid;
  flex: 1;
  gap: 2px;
}
.role-menu > button small {
  color: #8c8599;
  font-size: 10px;
}
.role-menu > button em {
  color: #6756c3;
  font-style: normal;
  font-weight: 900;
}
.role-switcher.compact > summary {
  min-width: 172px;
}
.role-locked {
  background: linear-gradient(135deg,#5c6076,#858aa4) !important;
}
.supplier-page {
  min-height: 100%;
  padding: 34px;
  color: #252238;
  background: radial-gradient(circle at 4% 0%,rgba(122,216,213,.22),transparent 28%), radial-gradient(circle at 96% 4%,rgba(185,151,255,.28),transparent 30%), #f7f7fc;
}
.supplier-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 34px 38px;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 30px;
  background: linear-gradient(125deg,rgba(255,255,255,.97),rgba(237,247,248,.9) 55%,rgba(244,239,255,.9));
  box-shadow: 0 22px 60px rgba(61,71,116,.1);
}
.supplier-hero h1 {
  margin: 7px 0 10px;
  font-size: 34px;
  letter-spacing: -.04em;
}
.supplier-hero p {
  max-width: 760px;
  margin: 0;
  color: #777289;
  line-height: 1.75;
}
.supplier-identity {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 255px;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(135deg,#243e55,#376f79);
  color: #fff;
  box-shadow: 0 18px 36px rgba(39,85,94,.23);
}
.supplier-identity .role-avatar {
  width: 54px;
  height: 54px;
  border-radius: 17px;
}
.supplier-identity > div {
  display: grid;
  gap: 2px;
}
.supplier-identity small,.supplier-identity em {
  color: rgba(255,255,255,.65);
  font-size: 11px;
  font-style: normal;
}
.supplier-tabs {
  display: flex;
  gap: 8px;
  margin: 20px 0;
  padding: 7px;
  border: 1px solid rgba(105,92,157,.1);
  border-radius: 18px;
  background: rgba(255,255,255,.8);
  box-shadow: 0 12px 35px rgba(68,59,111,.06);
  overflow-x: auto;
}
.supplier-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: max-content;
  padding: 11px 17px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #716b7f;
  font-weight: 700;
  cursor: pointer;
}
.supplier-tabs button.active {
  background: linear-gradient(135deg,#e3f7f4,#eee8ff);
  color: #3c6f73;
  box-shadow: 0 8px 18px rgba(62,117,119,.1);
}
.supplier-tabs em {
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ff806f;
  color: #fff;
  font-size: 10px;
  font-style: normal;
}
.supplier-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
}
.supplier-dashboard-grid > article {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 20px;
  border: 1px solid rgba(103,91,154,.11);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 36px rgba(62,56,99,.07);
}
.supplier-stat-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  border-radius: 18px;
  background: #f1effa;
}
.supplier-stat-icon .app-icon {
  width: 100%;
  height: 100%;
}
.supplier-dashboard-grid article > div {
  display: grid;
  gap: 2px;
}
.supplier-dashboard-grid article > div strong {
  font-size: 24px;
}
.supplier-dashboard-grid article > div span {
  font-weight: 800;
}
.supplier-dashboard-grid article > div small {
  color: #9993a4;
}
.supplier-action-card {
  grid-column: 1 / -1;
  padding: 28px;
  border: 1px solid rgba(99,84,155,.11);
  border-radius: 26px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 16px 42px rgba(62,56,99,.07);
}
.supplier-action-card h2 {
  margin: 5px 0 17px;
}
.supplier-action-card button {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 13px 10px;
  border: 0;
  border-top: 1px solid #eeebf4;
  background: transparent;
  color: #342f48;
  cursor: pointer;
  text-align: left;
}
.supplier-action-card button span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #e9f6f4;
  color: #347d78;
  font-weight: 900;
}
.supplier-action-card button em {
  color: #6f61bd;
  font-style: normal;
}
.supplier-artist-layout {
  display: grid;
  gap: 18px;
}
.supplier-artist-form,.supplier-records,.supplier-simple-panel,.supplier-admin-rule {
  padding: 28px;
  border: 1px solid rgba(101,88,155,.11);
  border-radius: 27px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 46px rgba(61,55,98,.07);
}
.supplier-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.supplier-section-title h2 {
  margin: 4px 0;
  font-size: 21px;
}
.supplier-section-title p {
  margin: 0;
  color: #8b8598;
  font-size: 12px;
}
.supplier-section-title > button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #e0dced;
  border-radius: 12px;
  padding: 9px 12px;
  background: #fff;
  color: #675d96;
  cursor: pointer;
}
.supplier-section-title > button .app-icon {
  width: 23px;
  height: 23px;
}
.supplier-only-badge,.verified-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #e0f5ef;
  color: #24766a;
  font-size: 11px;
  font-weight: 900;
}
.supplier-only-badge .app-icon {
  width: 27px;
  height: 27px;
}
.supplier-form-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 15px;
  margin-top: 22px;
}
.supplier-form-grid label,.supplier-wide-field {
  display: grid;
  gap: 8px;
  color: #575267;
  font-size: 12px;
  font-weight: 800;
}
.supplier-form-grid input,.supplier-form-grid select,.supplier-wide-field textarea {
  width: 100%;
  border: 1px solid #e2dfeb;
  border-radius: 14px;
  padding: 13px 14px;
  background: #fbfbfe;
  color: #302c40;
  outline: none;
}
.supplier-wide-field {
  margin-top: 15px;
}
.supplier-wide-field textarea {
  min-height: 100px;
  resize: vertical;
}
.supplier-upload-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px;
  margin-top: 16px;
}
.supplier-upload-grid label {
  display: grid;
  place-items: center;
  min-height: 140px;
  padding: 18px;
  border: 1.5px dashed #a8cfc9;
  border-radius: 19px;
  background: linear-gradient(145deg,#fbfffe,#f2f8f8);
  cursor: pointer;
  text-align: center;
}
.supplier-upload-grid input {
  display: none;
}
.supplier-upload-grid .app-icon {
  width: 54px;
  height: 54px;
}
.supplier-upload-grid span {
  margin-top: 4px;
  color: #96909e;
  font-size: 11px;
}
.supplier-file-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
}
.supplier-file-chips > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border-radius: 10px;
  background: #f1f4f6;
  font-size: 11px;
}
.supplier-file-chips .app-icon {
  width: 24px;
  height: 24px;
}
.supplier-file-chips button {
  border: 0;
  background: transparent;
  cursor: pointer;
}
.supplier-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding-top: 17px;
  border-top: 1px solid #ece9f2;
}
.supplier-submit > span {
  color: #8c8698;
  font-size: 11px;
}
.supplier-submit button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 14px;
  padding: 12px 18px;
  background: linear-gradient(135deg,#2e9f92,#5279d9);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(47,142,134,.2);
}
.supplier-submit .app-icon {
  width: 27px;
  height: 27px;
}
.supplier-admin-rule {
  display: flex;
  align-items: center;
  gap: 20px;
  background: linear-gradient(135deg,#f4f1ff,#f2fbfa);
}
.supplier-admin-rule > .app-icon {
  width: 82px;
  height: 82px;
  flex: 0 0 auto;
}
.supplier-admin-rule h2 {
  margin: 5px 0 7px;
}
.supplier-admin-rule p {
  margin: 0;
  color: #7f798d;
  line-height: 1.7;
}
.supplier-records {
  display: grid;
  gap: 10px;
}
.supplier-records > article {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px;
  border-top: 1px solid #eeebf3;
}
.supplier-record-avatar {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  border-radius: 15px;
  background: linear-gradient(145deg,#83d9d0,#8270e5);
  color: #fff;
  font-weight: 900;
}
.supplier-record-main {
  display: grid;
  flex: 1;
  gap: 3px;
}
.supplier-record-main > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.supplier-record-main p {
  margin: 0;
  color: #6f697b;
  font-size: 12px;
}
.supplier-record-main small {
  color: #9b95a4;
}
.supplier-record-actions {
  display: flex;
  gap: 7px;
}
.supplier-record-actions button {
  border: 1px solid #ded9e8;
  border-radius: 10px;
  padding: 8px 10px;
  background: #fff;
  color: #665e75;
  cursor: pointer;
}
.supplier-record-actions button.approve {
  border-color: transparent;
  background: #439e90;
  color: #fff;
}
.supplier-simple-panel {
  display: grid;
  gap: 18px;
}
.supplier-catalog {
  display: grid;
}
.supplier-catalog > div {
  display: grid;
  grid-template-columns: 44px 1.4fr .65fr .45fr .45fr;
  align-items: center;
  gap: 12px;
  padding: 13px 4px;
  border-top: 1px solid #ece9f2;
}
.supplier-catalog .app-icon {
  width: 42px;
  height: 42px;
}
.supplier-catalog > div > span {
  display: grid;
  gap: 3px;
}
.supplier-catalog small {
  color: #96909f;
}
.supplier-catalog em {
  color: #2f887b;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}
.supplier-catalog button {
  border: 0;
  background: transparent;
  color: #6657c2;
  cursor: pointer;
}
.credential-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 13px;
}
.credential-grid article {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid #ebe7f2;
  border-radius: 17px;
  background: #fbfafe;
}
.credential-grid article small {
  color: #958fa0;
}
.credential-grid article em {
  width: max-content;
  padding: 5px 8px;
  border-radius: 999px;
  background: #e2f6ef;
  color: #267768;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}
@media (max-width: 1180px) {
  .supplier-dashboard-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .supplier-hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .supplier-identity {
    min-width: 0;
    width: 100%;
  }
}
@media (max-width: 820px) {
  .supplier-page {
    padding: 18px;
  }
  .supplier-hero {
    padding: 24px;
  }
  .supplier-dashboard-grid,.supplier-form-grid,.supplier-upload-grid,.credential-grid {
    grid-template-columns: 1fr;
  }
  .supplier-section-title,.supplier-submit,.supplier-records > article {
    align-items: flex-start;
    flex-direction: column;
  }
  .supplier-record-actions {
    flex-wrap: wrap;
  }
  .supplier-catalog > div {
    grid-template-columns: 40px 1fr auto;
  }
  .supplier-catalog > div > b,.supplier-catalog > div > em,.supplier-catalog > div > button {
    grid-column: 2 / -1;
  }
  .role-menu {
    position: fixed;
    top: 74px;
    right: 16px;
    left: 16px;
    width: auto;
  }
}
.sidebar .main-nav {
  display: grid;
  gap: 4px;
}
.sidebar .main-nav .nav-caption {
  margin: 0 10px 8px;
}
.sidebar .main-nav .nav-item,
.sidebar .sidebar-bottom > .nav-item {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) max-content;
  align-items: center;
  column-gap: 12px;
  width: 100%;
  height: auto;
  min-height: 56px;
  margin: 0;
  padding: 6px 10px;
  line-height: 1.2;
}
.sidebar .main-nav .nav-icon,
.sidebar .sidebar-bottom > .nav-item .nav-icon {
  grid-column: 1;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  border-radius: 14px !important;
  justify-self: center;
  align-self: center;
  transform: none !important;
}
.sidebar .main-nav .nav-item:hover .nav-icon,
.sidebar .main-nav .nav-item.active .nav-icon,
.sidebar .sidebar-bottom > .nav-item:hover .nav-icon {
  transform: none !important;
}
.sidebar .main-nav .nav-item > span:nth-child(2),
.sidebar .sidebar-bottom > .nav-item > span:nth-child(2) {
  grid-column: 2;
  min-width: 0;
  align-self: center;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.sidebar .main-nav .nav-item > em {
  grid-column: 3;
  justify-self: end;
  align-self: center;
  margin-left: 0;
  white-space: nowrap;
}
.sidebar .main-nav .nav-item.active::before {
  inset: 11px auto 11px -16px;
}
.zcool-home .industry-rail {
  overflow-x: hidden;
  overflow-y: auto;
}
.zcool-home .industry-brand {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 12px !important;
  width: 100%;
}
.zcool-home .industry-brand .brand-logo-crop {
  grid-column: 1;
  min-width: 0;
}
.zcool-home .industry-brand-copy {
  display: grid !important;
  grid-column: 2;
  min-width: 0;
  gap: 3px;
}
.zcool-home .industry-brand-copy strong,
.zcool-home .industry-brand-copy small {
  overflow-wrap: anywhere;
}
.zcool-home .industry-caption {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.zcool-home .industry-caption > span {
  font-size: 13px !important;
  line-height: 1.45;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere;
}
.zcool-home .industry-caption > small {
  font-size: 10px !important;
  line-height: 1.5;
}
.zcool-home .industry-rail nav button {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) 16px !important;
  align-items: center !important;
  column-gap: 12px !important;
  width: 100%;
  min-width: 0;
  text-align: left;
}
.zcool-home .industry-rail nav button > .industry-icon {
  grid-column: 1;
  justify-self: center;
  align-self: center;
  margin: 0 !important;
}
.zcool-home .industry-card-copy {
  display: grid !important;
  grid-column: 2;
  width: 100% !important;
  height: auto !important;
  min-width: 0;
  gap: 4px;
  align-self: center;
  border: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}
.zcool-home .industry-card-copy strong,
.zcool-home .industry-card-copy small {
  display: block !important;
  min-width: 0;
  margin: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
.zcool-home .industry-card-copy strong {
  font-size: 14px !important;
  line-height: 1.25;
}
.zcool-home .industry-card-copy small {
  font-size: 10px !important;
  line-height: 1.35;
}
.zcool-home .industry-card-arrow {
  display: block !important;
  grid-column: 3;
  justify-self: end;
  margin: 0 !important;
  font-size: 18px !important;
}
@media (max-width: 760px) {
  .zcool-home {
    display: block;
  }
  .zcool-home .industry-rail {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    max-height: none;
    padding: 14px 14px 18px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(133, 110, 206, .14) !important;
    overflow: visible;
  }
  .zcool-home .creation-main {
    width: 100%;
    margin-left: 0 !important;
  }
  .zcool-home .industry-brand {
    grid-template-columns: 54px minmax(0, 1fr);
    max-width: none;
    min-height: 76px;
    padding: 10px 14px !important;
  }
  .zcool-home .industry-brand > .industry-brand-copy,
  .zcool-home .industry-caption,
  .zcool-home .industry-rail nav button .industry-card-copy,
  .zcool-home .industry-rail nav button .industry-card-arrow,
  .zcool-home .industry-bottom button {
    font-size: inherit !important;
  }
  .zcool-home .industry-brand-copy strong {
    font-size: 18px !important;
  }
  .zcool-home .industry-brand-copy small {
    font-size: 9px !important;
  }
  .zcool-home .industry-caption {
    display: block !important;
    padding: 18px 6px 10px !important;
  }
  .zcool-home .industry-caption > span {
    font-size: 18px !important;
  }
  .zcool-home .industry-caption > small {
    margin-top: 5px;
    font-size: 11px !important;
  }
  .zcool-home .industry-rail nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
  }
  .zcool-home .industry-rail nav button {
    min-height: 86px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(116, 83, 220, .1) !important;
    background: rgba(255,255,255,.58) !important;
  }
  .zcool-home .industry-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
  }
  .zcool-home .industry-bottom button {
    justify-content: center;
    min-height: 44px;
    font-size: 12px !important;
    text-align: center;
  }
}
@media (max-width: 520px) {
  .zcool-home .industry-rail nav {
    grid-template-columns: 1fr;
  }
  .zcool-home .industry-rail nav button {
    min-height: 82px !important;
  }
  .zcool-home .zcool-topbar {
    margin: 10px 10px 0 !important;
  }
  .zcool-home .zcool-content {
    padding: 18px 12px 44px !important;
  }
}
@media (max-width: 360px) {
  .zcool-home .industry-rail nav button {
    grid-template-columns: 1fr !important;
    justify-items: center;
    min-height: 142px !important;
    row-gap: 8px;
    text-align: center;
  }
  .zcool-home .industry-rail nav button > .industry-icon,
  .zcool-home .industry-card-copy {
    grid-column: 1;
  }
  .zcool-home .industry-card-copy {
    justify-items: center;
  }
  .zcool-home .industry-card-arrow {
    display: none !important;
  }
}
.zcool-home .industry-icon {
  --subject-x: 0px;
  --subject-y: 0px;
  --subject-scale: 1;
  isolation: isolate;
  background: radial-gradient(circle at 50% 42%, #f7f2ff 0%, #eee7fb 72%, #eae3f8 100%) !important;
}
.zcool-home .industry-icon .app-icon,
.zcool-home .industry-icon .app-icon img {
  overflow: visible;
}
.zcool-home .industry-icon .app-icon img {
  transform: translate3d(var(--subject-x), var(--subject-y), 0) scale(var(--subject-scale)) !important;
  transform-origin: 50% 50%;
  transition: transform .2s ease;
}
.zcool-home .industry-icon.icon-conference {
  --subject-x: -6px;
  --subject-y: -7px;
  --subject-scale: .94;
}
.zcool-home .industry-icon.icon-pr {
  --subject-x: -5px;
  --subject-y: -5px;
  --subject-scale: .94;
}
.zcool-home .industry-icon.icon-advertising {
  --subject-x: 0px;
  --subject-y: -5px;
  --subject-scale: .95;
}
.zcool-home .industry-icon.icon-performance {
  --subject-x: 6px;
  --subject-y: -6px;
  --subject-scale: .94;
}
.zcool-home .industry-icon.icon-artists {
  --subject-x: -6px;
  --subject-y: 2px;
  --subject-scale: .98;
}
.zcool-home .industry-icon.icon-branding {
  --subject-x: 0px;
  --subject-y: 2px;
  --subject-scale: .96;
}
.zcool-home .industry-icon.icon-reputation {
  --subject-x: 4px;
  --subject-y: 1px;
  --subject-scale: .95;
}
.zcool-home .industry-icon.icon-sports {
  --subject-x: 7px;
  --subject-y: 1px;
  --subject-scale: .91;
}
.zcool-home .industry-icon.icon-tender {
  --subject-x: -5px;
  --subject-y: 4px;
  --subject-scale: .94;
}
.zcool-home .industry-icon.icon-artists::after,
.zcool-home .industry-icon.icon-branding::after,
.zcool-home .industry-icon.icon-sports::after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  display: block !important;
  height: 3px;
  background: #ebe4f9;
  pointer-events: none;
}
.zcool-home .industry-icon.icon-reputation::before,
.zcool-home .industry-icon.icon-sports::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  display: block !important;
  width: 2px;
  background: #eee7fb;
  pointer-events: none;
}
.zcool-home .industry-rail nav button:hover .industry-icon .app-icon img,
.zcool-home .industry-rail nav button.active .industry-icon .app-icon img {
  transform: translate3d(var(--subject-x), var(--subject-y), 0) scale(calc(var(--subject-scale) * 1.03)) !important;
}
.app-shell .nav-icon {
  --nav-subject-x: 0px;
  --nav-subject-y: 0px;
  --nav-subject-scale: 1;
  isolation: isolate;
}
.app-shell .nav-icon .app-icon,
.app-shell .nav-icon .app-icon img {
  overflow: visible;
}
.app-shell .nav-icon .app-icon img {
  transform: translate3d(var(--nav-subject-x), var(--nav-subject-y), 0) scale(var(--nav-subject-scale)) !important;
  transform-origin: 50% 50%;
  transition: transform .2s ease;
}
.app-shell .nav-icon.icon-home {
  --nav-subject-x: -7px;
  --nav-subject-y: -7px;
  --nav-subject-scale: 1.10;
}
.app-shell .nav-icon.icon-projects {
  --nav-subject-x: -5px;
  --nav-subject-y: -7px;
  --nav-subject-scale: 1.05;
}
.app-shell .nav-icon.icon-tender {
  --nav-subject-x: -4px;
  --nav-subject-y: 5px;
  --nav-subject-scale: .98;
}
.app-shell .nav-icon.icon-skills {
  --nav-subject-x: -1px;
  --nav-subject-y: -7px;
  --nav-subject-scale: 1.03;
}
.app-shell .nav-icon.icon-inspiration {
  --nav-subject-x: 4px;
  --nav-subject-y: -7px;
  --nav-subject-scale: 1.12;
}
.app-shell .nav-icon.icon-template {
  --nav-subject-x: -7px;
  --nav-subject-y: -4px;
  --nav-subject-scale: 1.15;
}
.app-shell .nav-icon.icon-quote {
  --nav-subject-x: -2px;
  --nav-subject-y: -4px;
  --nav-subject-scale: 1.10;
}
.app-shell .nav-icon.icon-procurement {
  --nav-subject-x: 1px;
  --nav-subject-y: -4px;
  --nav-subject-scale: 1.08;
}
.app-shell .nav-icon.icon-learning {
  --nav-subject-x: 6px;
  --nav-subject-y: -4px;
  --nav-subject-scale: 1.08;
}
.app-shell .nav-icon.icon-upload {
  --nav-subject-x: -3px;
  --nav-subject-y: 2px;
  --nav-subject-scale: 1.08;
}
.app-shell .nav-icon.icon-contact {
  --nav-subject-x: 4px;
  --nav-subject-y: -8px;
  --nav-subject-scale: .96;
}
.app-shell .nav-icon.icon-artists {
  --nav-subject-x: -6px;
  --nav-subject-y: 0px;
  --nav-subject-scale: 1;
}
.app-shell .nav-icon.icon-admin {
  --nav-subject-x: -7px;
  --nav-subject-y: 3px;
  --nav-subject-scale: 1.13;
}
.app-shell .nav-icon.icon-settings {
  --nav-subject-x: -6px;
  --nav-subject-y: -3px;
  --nav-subject-scale: 1.05;
}
.app-shell .nav-icon.icon-image {
  --nav-subject-x: -2px;
  --nav-subject-y: -4px;
  --nav-subject-scale: 1.08;
}
.app-shell .main-nav .nav-item:hover .nav-icon .app-icon img,
.app-shell .main-nav .nav-item.active .nav-icon .app-icon img,
.app-shell .sidebar-bottom > .nav-item:hover .nav-icon .app-icon img {
  transform: translate3d(var(--nav-subject-x), var(--nav-subject-y), 0) scale(calc(var(--nav-subject-scale) * 1.025)) !important;
}
.image-studio-page {
  width: min(1540px,100%);
  margin: 0 auto;
  padding: 28px;
  color: #241d35;
}
.image-studio-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(260px,340px);
  align-items: end;
  gap: 24px;
  padding: 34px;
  border: 1px solid #e4dcf7;
  border-radius: 28px;
  background: radial-gradient(circle at 80% 10%,rgba(255,255,255,.24),transparent 35%),linear-gradient(135deg,#241b43 0%,#7055ef 64%,#ff8c52 130%);
  color: #fff;
  box-shadow: 0 22px 54px rgba(62,45,123,.16);
}
.image-studio-hero .eyebrow,.image-results-section .eyebrow,.image-settings-sticky>.eyebrow {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
}
.image-studio-hero h1 {
  margin: 7px 0 9px;
  font-size: clamp(30px,4vw,46px);
  line-height: 1.08;
}
.image-studio-hero p {
  max-width: 790px;
  margin: 0;
  color: #e8e2fb;
  line-height: 1.7;
}
.image-project-link {
  display: grid;
  gap: 5px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 18px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
  min-width: 0;
}
.image-project-link small,.image-project-link span {
  color: #e7e0fb;
}
.image-project-link strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.image-studio-workspace {
  display: grid;
  grid-template-columns: minmax(0,1fr) 330px;
  align-items: start;
  gap: 20px;
  margin-top: 20px;
}
.image-studio-main,.image-studio-settings,.image-results-section {
  border: 1px solid #e9e3f2;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(47,34,80,.06);
}
.image-studio-main {
  display: grid;
  gap: 18px;
  padding: 26px;
}
.image-studio-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-top: 10px;
}
.image-studio-section-head:first-child {
  margin-top: 0;
}
.image-studio-section-head>div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.image-studio-section-head>div>span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #ede8ff;
  color: #634bd5;
  font-size: 11px;
  font-weight: 900;
}
.image-studio-section-head h2 {
  margin: 0;
  font-size: 20px;
}
.image-studio-section-head>small {
  color: #8d8498;
  text-align: right;
}
.image-scene-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}
.image-scene-grid button,.image-model-grid>button,.image-mode-strip button {
  min-width: 0;
  border: 1px solid #e6e0ee;
  background: #fbfaff;
  color: #30283d;
  text-align: left;
}
.image-scene-grid button {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 4px 10px;
  padding: 15px;
  border-radius: 16px;
}
.image-scene-grid strong {
  font-size: 14px;
}
.image-scene-grid span {
  grid-column: 1/-1;
  color: #81798b;
  font-size: 11px;
  line-height: 1.45;
}
.image-scene-grid em {
  grid-column: 2;
  grid-row: 1;
  font-size: 10px;
  font-style: normal;
  color: #8c8399;
}
.image-scene-grid button.active {
  border-color: #7458ed;
  background: #f3efff;
  box-shadow: inset 0 0 0 1px #7458ed;
}
.image-scene-grid button.active em {
  color: #664ad6;
  font-weight: 800;
}
.image-model-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.image-model-grid>button {
  display: grid;
  gap: 13px;
  padding: 17px;
  border-radius: 18px;
}
.image-model-grid>button.active {
  border-color: #7357ea;
  background: #f8f5ff;
  box-shadow: inset 0 0 0 1px #7357ea;
}
.image-model-grid>button.unconfigured {
  border-style: dashed;
}
.image-model-grid header {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
}
.model-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #efeaff;
}
.model-mark .app-icon {
  width: 25px;
  height: 25px;
}
.model-gpt-image {
  background: #e9f8ef;
}
.model-nano-banana {
  background: #fff2d8;
}
.model-seedream {
  background: #ececff;
}
.image-model-grid header>div {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.image-model-grid header strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.image-model-grid header small {
  color: #91899a;
}
.image-model-grid header em {
  padding: 5px 7px;
  border-radius: 999px;
  background: #ece8f5;
  color: #7e748a;
  font-size: 9px;
  font-style: normal;
  white-space: nowrap;
}
.image-model-grid>button:not(.unconfigured) header em {
  background: #e8f7ee;
  color: #248058;
}
.image-model-grid>button>p {
  min-height: 38px;
  margin: 0;
  color: #736b7e;
  font-size: 12px;
  line-height: 1.55;
}
.image-model-grid>button>div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.image-model-grid>button>div span {
  padding: 4px 7px;
  border-radius: 999px;
  background: #f0ecf7;
  color: #665c73;
  font-size: 9px;
}
.image-reference-row {
  display: grid;
  grid-template-columns: minmax(210px,.8fr) minmax(0,1.2fr);
  gap: 12px;
}
.image-upload-zone {
  display: grid;
  place-items: center;
  gap: 6px;
  min-height: 140px;
  padding: 18px;
  border: 1px dashed #a994e4;
  border-radius: 18px;
  background: #faf8ff;
  text-align: center;
  cursor: pointer;
}
.image-upload-zone input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.image-upload-zone .app-icon {
  width: 32px;
  height: 32px;
}
.image-upload-zone span,.image-reference-list small {
  color: #898192;
  font-size: 11px;
}
.image-reference-list {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}
.image-reference-list>p {
  margin: 0;
  padding: 18px;
  border-radius: 15px;
  background: #f7f5fa;
  color: #807787;
  font-size: 12px;
  line-height: 1.6;
}
.image-reference-list article {
  display: grid;
  grid-template-columns: 30px minmax(0,1fr) 28px;
  align-items: center;
  gap: 9px;
  padding: 10px;
  border: 1px solid #ece7f2;
  border-radius: 14px;
}
.image-reference-list article>span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: #eee9ff;
  color: #6750d7;
  font-size: 10px;
  font-weight: 900;
}
.image-reference-list article>div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.image-reference-list article strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.image-reference-list article button {
  border: 0;
  background: transparent;
  color: #83798d;
  font-size: 20px;
}
.image-mode-strip {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 7px;
}
.image-mode-strip button {
  display: grid;
  gap: 4px;
  padding: 11px;
  border-radius: 13px;
}
.image-mode-strip button.active {
  border-color: #7458ed;
  background: #f1edff;
  color: #5e47c4;
}
.image-mode-strip strong {
  font-size: 12px;
}
.image-mode-strip span {
  color: #857c90;
  font-size: 9px;
  line-height: 1.4;
}
.image-prompt-box {
  display: grid;
  gap: 8px;
}
.image-prompt-box>label {
  font-size: 12px;
  font-weight: 800;
  color: #5c5267;
}
.image-prompt-box textarea {
  width: 100%;
  min-height: 150px;
  resize: vertical;
  border: 1px solid #ddd5e8;
  border-radius: 17px;
  padding: 15px;
  background: #fcfbfe;
  color: #2d2538;
  line-height: 1.65;
  outline: 0;
}
.image-prompt-box textarea:focus {
  border-color: #7357ea;
  box-shadow: 0 0 0 3px rgba(115,87,234,.1);
}
.image-prompt-box footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.image-prompt-box footer label {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: #6e6579;
  font-size: 11px;
}
.image-prompt-box footer small {
  color: #938b9a;
  white-space: nowrap;
}
.image-studio-settings {
  padding: 20px;
}
.image-settings-sticky {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 17px;
}
.image-settings-sticky>.eyebrow {
  color: #7057d9;
}
.image-settings-sticky h2 {
  margin: -10px 0 2px;
  font-size: 23px;
}
.image-settings-sticky>label {
  display: grid;
  gap: 8px;
  color: #5d5467;
  font-size: 12px;
  font-weight: 800;
}
.image-settings-sticky>label>small {
  color: #978e9f;
  font-size: 9px;
  font-weight: 500;
}
.image-option-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 6px;
}
.image-option-grid.ratio {
  grid-template-columns: repeat(3,1fr);
}
.image-option-grid button {
  border: 1px solid #e2dce9;
  border-radius: 10px;
  padding: 9px 5px;
  background: #faf9fc;
  color: #5f5669;
  font-size: 11px;
}
.image-option-grid button.active {
  border-color: #7256e7;
  background: #eee9ff;
  color: #5f45d0;
  font-weight: 900;
}
.image-settings-sticky dl {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 13px;
  border-radius: 14px;
  background: #f7f5fa;
}
.image-settings-sticky dl div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.image-settings-sticky dt {
  color: #8c8395;
  font-size: 11px;
}
.image-settings-sticky dd {
  margin: 0;
  color: #41364c;
  font-size: 11px;
  font-weight: 800;
  text-align: right;
}
.image-generate-button {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 0;
  border-radius: 15px;
  padding: 14px;
  background: linear-gradient(135deg,#684de0,#8f67f4);
  color: #fff;
  text-align: left;
  box-shadow: 0 13px 25px rgba(100,73,216,.22);
}
.image-generate-button:disabled {
  cursor: not-allowed;
  filter: grayscale(.25);
  opacity: .72;
}
.image-generate-button>.app-icon {
  width: 28px;
  height: 28px;
}
.image-generate-button>span {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.image-generate-button small {
  color: #e8e1ff;
  font-size: 9px;
}
.image-progress {
  display: grid;
  gap: 7px;
}
.image-progress>div {
  display: flex;
  justify-content: space-between;
  color: #685c73;
  font-size: 10px;
}
.image-progress>i {
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #ebe7f0;
}
.image-progress>i>b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,#7053e6,#ff8652);
  transition: width .4s ease;
}
.image-progress>small {
  color: #8b8294;
  font-size: 9px;
}
.image-safety-note {
  margin: 0;
  padding: 12px;
  border-left: 3px solid #ff8b52;
  border-radius: 0 11px 11px 0;
  background: #fff6f0;
  color: #7d6659;
  font-size: 10px;
  line-height: 1.6;
}
.image-results-section {
  margin-top: 20px;
  padding: 26px;
}
.image-results-section>header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}
.image-results-section h2 {
  margin: 5px 0;
  font-size: 25px;
}
.image-results-section header p {
  margin: 0;
  color: #81788c;
  font-size: 12px;
}
.image-results-section>header>button {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #ddd6e8;
  border-radius: 11px;
  padding: 9px 12px;
  background: #fff;
  color: #645873;
}
.image-results-section>header>button .app-icon {
  width: 17px;
  height: 17px;
}
.image-job-list {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}
.image-job-card {
  display: grid;
  gap: 15px;
  padding: 19px;
  border: 1px solid #eae5ef;
  border-radius: 19px;
  background: #fdfcff;
}
.image-job-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.image-job-head>div {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 4px 9px;
  min-width: 0;
}
.image-job-head>div span {
  padding: 4px 8px;
  border-radius: 999px;
  background: #ede8ff;
  color: #674fd5;
  font-size: 9px;
}
.image-job-head>div strong {
  font-size: 13px;
}
.image-job-head>div small {
  grid-column: 1/-1;
  color: #918899;
}
.image-job-head>em {
  padding: 5px 9px;
  border-radius: 999px;
  background: #ece9f1;
  color: #766d80;
  font-size: 10px;
  font-style: normal;
  white-space: nowrap;
}
.image-job-head>em.job-succeeded {
  background: #e8f7ef;
  color: #287c59;
}
.image-job-head>em.job-failed {
  background: #fff0ed;
  color: #b64e41;
}
.image-result-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
}
.image-result-grid figure {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #e8e3ed;
  border-radius: 15px;
  background: #fff;
}
.image-result-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  background: #efecf3;
}
.image-result-grid figcaption {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 4px 8px;
  padding: 10px;
}
.image-result-grid figcaption strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
}
.image-result-grid figcaption>span {
  color: #91889a;
  font-size: 9px;
}
.image-result-grid figcaption>div {
  grid-column: 1/-1;
}
.image-result-grid figcaption a {
  color: #664bd1;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
}
.image-job-prompt {
  display: grid;
  grid-template-columns: 58px minmax(0,1fr);
  gap: 10px;
  padding: 11px;
  border-radius: 12px;
  background: #f6f3fa;
}
.image-job-prompt strong {
  font-size: 10px;
}
.image-job-prompt p {
  margin: 0;
  color: #6c6377;
  font-size: 10px;
  line-height: 1.55;
}
.image-job-card>footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.image-job-card>footer button {
  border: 1px solid #dcd5e7;
  border-radius: 10px;
  padding: 8px 11px;
  background: #fff;
  color: #5e536b;
  font-size: 11px;
}
.image-job-card>footer button.primary {
  border-color: #6b51de;
  background: #6b51de;
  color: #fff;
}
.image-empty-state {
  display: grid;
  place-items: center;
  gap: 7px;
  padding: 50px;
  border: 1px dashed #d9d1e5;
  border-radius: 18px;
  color: #837a8d;
  text-align: center;
}
.image-empty-state .app-icon {
  width: 48px;
  height: 48px;
}
.image-empty-state strong {
  color: #4d4259;
}
.image-empty-state span {
  font-size: 11px;
}
@media (max-width:1180px) {
  .image-studio-workspace {
    grid-template-columns: 1fr;
  }
  .image-settings-sticky {
    position: static;
  }
  .image-studio-settings {
    order: -1;
  }
  .image-settings-sticky {
    grid-template-columns: repeat(3,minmax(0,1fr));
    align-items: start;
  }
  .image-settings-sticky>.eyebrow,.image-settings-sticky>h2 {
    grid-column: 1/-1;
  }
  .image-settings-sticky dl,.image-generate-button,.image-progress,.image-safety-note {
    grid-column: 1/-1;
  }
}
@media (max-width:900px) {
  .image-studio-page {
    padding: 18px;
  }
  .image-studio-hero {
    grid-template-columns: 1fr;
    padding: 26px;
  }
  .image-scene-grid,.image-model-grid {
    grid-template-columns: 1fr 1fr;
  }
  .image-mode-strip {
    grid-template-columns: repeat(3,1fr);
  }
  .image-result-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width:640px) {
  .image-studio-page {
    padding: 12px;
  }
  .image-studio-hero,.image-studio-main,.image-results-section {
    padding: 19px;
    border-radius: 20px;
  }
  .image-studio-settings {
    padding: 16px;
  }
  .image-studio-section-head,.image-results-section>header {
    align-items: flex-start;
    flex-direction: column;
  }
  .image-studio-section-head>small {
    text-align: left;
  }
  .image-scene-grid,.image-model-grid,.image-reference-row {
    grid-template-columns: 1fr;
  }
  .image-settings-sticky {
    grid-template-columns: 1fr;
  }
  .image-settings-sticky>label,.image-settings-sticky dl,.image-generate-button,.image-progress,.image-safety-note {
    grid-column: 1;
  }
  .image-mode-strip {
    grid-template-columns: 1fr 1fr;
  }
  .image-result-grid {
    grid-template-columns: 1fr;
  }
  .image-prompt-box footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .image-job-card>footer {
    justify-content: stretch;
  }
  .image-job-card>footer button {
    flex: 1;
  }
  .image-project-link strong {
    white-space: normal;
  }
  .image-job-prompt {
    grid-template-columns: 1fr;
  }
}
.simple-flow-page {
  width: min(1540px,100%);
  margin: 0 auto;
  padding: 28px;
  color: #241e31;
}
.simple-flow-page :where(button,input,textarea,select) {
  font: inherit;
}
.flow-kicker {
  display: block;
  color: #6d52de;
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .14em;
}
.flow-icon {
  --flow-x: 0px;
  --flow-y: 0px;
  --flow-scale: 1;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  overflow: hidden;
  border-radius: 15px;
  background: linear-gradient(145deg,#f7f3ff,#e8e0fb);
}
.flow-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: translate3d(var(--flow-x),var(--flow-y),0) scale(var(--flow-scale));
  transform-origin: center;
}
.flow-icon-home {
  --flow-x: -4px;
  --flow-y: -4px;
  --flow-scale: 1.05;
}
.flow-icon-inspiration {
  --flow-x: 2px;
  --flow-y: -4px;
  --flow-scale: 1.06;
}
.flow-icon-template {
  --flow-x: -4px;
  --flow-y: -2px;
  --flow-scale: 1.08;
}
.flow-icon-workflow {
  --flow-x: -2px;
  --flow-y: -2px;
  --flow-scale: 1.04;
}
.flow-icon-quote {
  --flow-x: -1px;
  --flow-y: -2px;
  --flow-scale: 1.04;
}
.flow-icon-projects {
  --flow-x: -3px;
  --flow-y: -4px;
  --flow-scale: 1.03;
}
.flow-icon-search {
  --flow-x: 1px;
  --flow-y: -1px;
}
.flow-icon-tender {
  --flow-x: -2px;
  --flow-y: 2px;
  --flow-scale: .96;
}
.flow-icon-artists {
  --flow-x: -3px;
  --flow-y: 0;
}
.flow-icon-user {
  --flow-x: 1px;
  --flow-y: -3px;
}
.flow-icon-wallet {
  --flow-x: -1px;
  --flow-y: -2px;
}
.flow-icon-refresh {
  --flow-x: 0;
  --flow-y: -1px;
  --flow-scale: .94;
}
.flow-page-title,.overview-topbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
  padding: 28px 30px;
  border: 1px solid #e5def3;
  border-radius: 25px;
  background: linear-gradient(135deg,#fff 0%,#f5f1ff 72%,#fff4ed 100%);
  box-shadow: 0 14px 38px rgba(55,42,93,.06);
}
.flow-page-title h1,.overview-topbar h1 {
  margin: 6px 0 8px;
  font-size: clamp(1.75rem,3vw,2.6rem);
  line-height: 1.16;
}
.flow-page-title p,.overview-topbar p {
  max-width: 880px;
  margin: 0;
  color: #716878;
  font-size: 1rem;
  line-height: 1.7;
}
.flow-panel,.opportunity-zone,.project-zone {
  padding: 24px;
  border: 1px solid #e9e3ef;
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(50,38,82,.055);
}
.flow-panel+.flow-panel,.opportunity-zone+.project-zone {
  margin-top: 18px;
}
.flow-section-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
}
.flow-section-head>span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 12px;
  background: #6d52de;
  color: #fff;
  font-size: .78rem;
  font-weight: 900;
}
.flow-section-head h2 {
  margin: 1px 0 4px;
  font-size: 1.22rem;
}
.flow-section-head p {
  margin: 0;
  color: #81788a;
  font-size: .875rem;
  line-height: 1.5;
}
.flow-empty {
  grid-column: 1/-1;
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 180px;
  padding: 28px;
  border: 1px dashed #d8d0e6;
  border-radius: 17px;
  background: #fcfbfe;
  text-align: center;
}
.flow-empty strong {
  font-size: 1rem;
}
.flow-empty p {
  max-width: 680px;
  margin: 0;
  color: #807787;
  font-size: .875rem;
  line-height: 1.6;
}
.flow-empty .flow-icon {
  width: 54px;
  height: 54px;
}
.overview-topbar {
  align-items: center;
  background: linear-gradient(135deg,#211a3d,#6650d9 72%,#8a6bf0);
  color: #fff;
}
.overview-topbar .flow-kicker {
  color: #d8d0ff;
}
.overview-topbar p {
  color: #e7e1fa;
}
.refresh-card {
  display: grid;
  grid-template-columns: 46px minmax(185px,1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: min(100%,430px);
  padding: 14px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 18px;
  background: rgba(255,255,255,.12);
}
.refresh-card .flow-icon {
  background: rgba(255,255,255,.18);
}
.refresh-card>span {
  display: grid;
  gap: 2px;
}
.refresh-card small,.refresh-card em {
  color: #dfd8f7;
  font-size: .72rem;
  font-style: normal;
}
.refresh-card strong {
  font-size: .9rem;
}
.refresh-card button {
  border: 0;
  border-radius: 11px;
  padding: 9px 12px;
  background: #fff;
  color: #5e48c7;
  font-size: .78rem;
  font-weight: 800;
}
.zone-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 17px;
}
.zone-title h2 {
  margin: 0 0 4px;
  font-size: 1.35rem;
}
.zone-title p {
  margin: 0;
  color: #7e7587;
  font-size: .875rem;
}
.zone-title>button,.zone-title>strong {
  border: 1px solid #ddd4ee;
  border-radius: 11px;
  padding: 9px 13px;
  background: #fff;
  color: #614bca;
  font-weight: 800;
}
.watch-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr auto;
  align-items: end;
  gap: 10px;
  margin-bottom: 14px;
  padding: 14px;
  border-radius: 16px;
  background: #f7f4fc;
}
.watch-form label {
  display: grid;
  gap: 6px;
  color: #61576b;
  font-size: .78rem;
  font-weight: 800;
}
.watch-form input {
  min-width: 0;
  border: 1px solid #ddd5e8;
  border-radius: 10px;
  padding: 10px 11px;
  background: #fff;
}
.watch-form button {
  border: 0;
  border-radius: 11px;
  padding: 11px 15px;
  background: #6b50dd;
  color: #fff;
  font-weight: 800;
}
.lead-tabs {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  margin-bottom: 13px;
}
.lead-tabs>button {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 1px solid #e5dfee;
  border-radius: 17px;
  padding: 13px;
  background: #fcfbfe;
  color: #30283a;
  text-align: left;
}
.lead-tabs>button.active {
  border-color: #6f54df;
  background: #f1edff;
  box-shadow: inset 0 0 0 1px #6f54df;
}
.lead-tabs>button>span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.lead-tabs>button strong {
  font-size: .9rem;
}
.lead-tabs>button small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #81788a;
  font-size: .72rem;
}
.lead-tabs>button em {
  display: grid;
  place-items: center;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #ece7f4;
  color: #665a70;
  font-size: .72rem;
  font-style: normal;
}
.watch-targets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}
.watch-targets>span {
  display: grid;
  gap: 2px;
  padding: 8px 11px;
  border-radius: 11px;
  background: #f6f2ff;
}
.watch-targets strong {
  font-size: .8rem;
}
.watch-targets small {
  color: #82798c;
  font-size: .7rem;
}
.watch-targets>p {
  margin: 0;
  color: #7e7588;
  font-size: .83rem;
}
.lead-list {
  display: grid;
  gap: 10px;
}
.lead-list>article {
  display: grid;
  grid-template-columns: 180px minmax(0,1fr) minmax(180px,260px);
  align-items: center;
  gap: 16px;
  padding: 15px;
  border: 1px solid #ebe6f1;
  border-radius: 17px;
}
.lead-source {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.lead-source>span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #eee9ff;
  color: #654cd2;
  font-weight: 900;
}
.lead-source>div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.lead-source strong,.lead-source small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lead-source strong {
  font-size: .8rem;
}
.lead-source small {
  color: #91899a;
  font-size: .7rem;
}
.lead-copy {
  min-width: 0;
}
.lead-copy h3 {
  margin: 0 0 6px;
  font-size: .98rem;
  line-height: 1.45;
}
.lead-copy p {
  margin: 0;
  color: #766d80;
  font-size: .8rem;
  line-height: 1.55;
}
.lead-copy>div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 8px;
}
.lead-copy>div span,.lead-copy>div a {
  padding: 4px 7px;
  border-radius: 7px;
  background: #f4f1f8;
  color: #746a7f;
  font-size: .68rem;
  text-decoration: none;
}
.lead-copy>div a {
  background: #fff1e8;
  color: #b45322;
}
.lead-action {
  display: grid;
  justify-items: end;
  gap: 9px;
  min-width: 0;
}
.lead-action small {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #81778a;
  font-size: .7rem;
  text-align: right;
}
.lead-action button {
  border: 0;
  border-radius: 11px;
  padding: 10px 16px;
  background: #ff6b2c;
  color: #fff;
  font-weight: 900;
}
.lead-action button:disabled {
  opacity: .6;
}
.project-zone {
  margin-top: 18px;
}
.project-board {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 13px;
}
.project-board>article {
  display: grid;
  gap: 11px;
  padding: 18px;
  border: 1px solid #e8e2ee;
  border-radius: 18px;
  background: #fefeff;
}
.project-board article header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.project-board article header span,.project-board article header em {
  padding: 4px 8px;
  border-radius: 999px;
  background: #efeaff;
  color: #6650cf;
  font-size: .68rem;
  font-style: normal;
}
.project-board article h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.45;
}
.project-board article>p {
  margin: 0;
  color: #81788a;
  font-size: .76rem;
}
.project-progress {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
}
.project-progress>span {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #ece8f1;
}
.project-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,#6d52de,#ff7c40);
}
.project-progress strong {
  font-size: .75rem;
}
.project-board dl {
  display: grid;
  gap: 6px;
  margin: 0;
}
.project-board dl div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.project-board dt {
  color: #91899a;
  font-size: .72rem;
}
.project-board dd {
  margin: 0;
  font-size: .72rem;
  font-weight: 700;
  text-align: right;
}
.project-board article>button {
  border: 0;
  border-radius: 11px;
  padding: 10px;
  background: #6b50dc;
  color: #fff;
  font-weight: 800;
}
.current-project-chip {
  display: grid;
  grid-template-columns: 46px auto;
  align-items: center;
  gap: 10px;
  padding: 10px 13px;
  border: 1px solid #e1d9ed;
  border-radius: 16px;
  background: #fff;
}
.current-project-chip>span {
  display: grid;
  gap: 3px;
}
.current-project-chip small {
  color: #897f91;
  font-size: .7rem;
}
.current-project-chip strong {
  font-size: .84rem;
}
.inspiration-search {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
}
.inspiration-search>label {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  border: 1px solid #ded7e8;
  border-radius: 15px;
  padding: 5px 11px 5px 6px;
}
.inspiration-search input {
  min-width: 0;
  border: 0;
  outline: 0;
}
.inspiration-search>button,.prompt-actions button,.flow-next-button {
  border: 0;
  border-radius: 13px;
  padding: 12px 18px;
  background: #ff6b2c;
  color: #fff;
  font-weight: 900;
}
.inspiration-search>button:disabled,.prompt-actions button:disabled {
  opacity: .55;
}
.flow-brief,.proposal-prompt,.execution-launch textarea {
  width: 100%;
  min-height: 105px;
  margin-top: 11px;
  resize: vertical;
  border: 1px solid #ddd5e7;
  border-radius: 15px;
  padding: 13px;
  background: #fbfafd;
  line-height: 1.65;
  outline: 0;
}
.case-match-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
  margin-top: 12px;
}
.case-match-grid>article {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 10px;
  border: 1px solid #ebe6f0;
  border-radius: 14px;
}
.case-match-grid article>div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.case-match-grid article strong,.case-match-grid article span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case-match-grid article strong {
  font-size: .8rem;
}
.case-match-grid article span {
  color: #877e8f;
  font-size: .7rem;
}
.case-match-grid article button {
  border: 0;
  background: transparent;
  color: #654bd1;
  font-size: .72rem;
  font-weight: 800;
}
.case-match-grid>p {
  grid-column: 1/-1;
  margin: 0;
  padding: 12px;
  color: #7f7688;
  font-size: .8rem;
}
.analysis-result {
  margin-top: 14px;
  padding: 17px;
  border-radius: 17px;
  background: linear-gradient(135deg,#26203c,#6751dc);
  color: #fff;
}
.analysis-result>header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.analysis-result>header span {
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  font-size: .7rem;
}
.analysis-result>div {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  margin-top: 12px;
}
.analysis-result article {
  padding: 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.1);
}
.analysis-result article small {
  color: #d8d1ef;
}
.analysis-result article p {
  margin: 6px 0 0;
  color: #fff;
  font-size: .8rem;
  line-height: 1.5;
}
.visual-task-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 11px;
}
.visual-task-grid>article {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #e8e2ed;
  border-radius: 17px;
  background: #fdfcff;
}
.visual-task-grid article header {
  display: grid;
  grid-template-columns: 30px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
}
.visual-task-grid header>span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: #eee9ff;
  color: #6750d4;
  font-size: .65rem;
  font-weight: 900;
}
.visual-task-grid header>div {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.visual-task-grid header strong {
  font-size: .8rem;
}
.visual-task-grid header small {
  color: #8e8596;
  font-size: .65rem;
}
.visual-task-grid header em {
  color: #8a8192;
  font-size: .65rem;
  font-style: normal;
}
.visual-task-grid textarea {
  min-height: 115px;
  resize: vertical;
  border: 1px solid #e2dce8;
  border-radius: 11px;
  padding: 10px;
  background: #fff;
  font-size: .75rem;
  line-height: 1.55;
}
.visual-task-progress {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 7px;
}
.visual-task-progress>span {
  height: 5px;
  border-radius: 99px;
  background: #ece8f0;
}
.visual-task-progress i {
  display: block;
  height: 100%;
  background: #6c51de;
}
.visual-task-progress small {
  color: #8a8193;
  font-size: .65rem;
}
.visual-task-grid footer {
  display: flex;
  gap: 6px;
}
.visual-task-grid footer button {
  flex: 1;
  border: 1px solid #ddd5e7;
  border-radius: 9px;
  padding: 8px 5px;
  background: #fff;
  color: #655a70;
  font-size: .7rem;
}
.visual-task-grid footer button.primary {
  border-color: #6b50dc;
  background: #6b50dc;
  color: #fff;
}
.compact-flow-panel {
  display: grid;
  gap: 13px;
}
.output-shortcuts {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}
.output-shortcuts>button {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 1px solid #e5dfeb;
  border-radius: 16px;
  padding: 12px;
  background: #fff;
  text-align: left;
}
.output-shortcuts button>span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.output-shortcuts strong {
  font-size: .84rem;
}
.output-shortcuts small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #82798b;
  font-size: .68rem;
}
.output-shortcuts b {
  color: #654ad0;
  font-size: .72rem;
}
.flow-next-button {
  justify-self: end;
}
.proposal-pickers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 18px;
}
.picker-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}
.picker-grid>button {
  display: grid;
  justify-items: start;
  gap: 7px;
  min-width: 0;
  border: 1px solid #e5dfea;
  border-radius: 15px;
  padding: 11px;
  background: #fcfbfd;
  text-align: left;
}
.picker-grid>button.active {
  border-color: #6e53df;
  background: #f0ecff;
  box-shadow: inset 0 0 0 1px #6e53df;
}
.picker-grid .flow-icon {
  width: 40px;
  height: 40px;
}
.picker-grid strong {
  font-size: .76rem;
  line-height: 1.4;
}
.picker-grid span {
  color: #867d8e;
  font-size: .67rem;
}
.proposal-prompt {
  min-height: 160px;
  margin: 0;
}
.prompt-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 10px;
}
.prompt-actions>span {
  color: #7d7486;
  font-size: .75rem;
}
.proposal-preview {
  display: grid;
  grid-template-columns: 240px minmax(0,1fr);
  min-height: 310px;
  overflow: hidden;
  border: 1px solid #e5dfeb;
  border-radius: 17px;
}
.proposal-preview>aside {
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 12px;
  background: #f5f2f9;
}
.proposal-preview>aside button {
  display: grid;
  grid-template-columns: 25px minmax(0,1fr);
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 9px;
  padding: 8px;
  background: #fff;
  text-align: left;
}
.proposal-preview>aside span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: #eee9ff;
  color: #684fd2;
  font-size: .65rem;
}
.proposal-preview>aside strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .72rem;
}
.proposal-preview>main {
  display: grid;
  align-content: center;
  justify-items: start;
  padding: 35px;
  background: linear-gradient(135deg,#27213e,#6550d7);
  color: #fff;
}
.proposal-preview>main>span {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  font-size: .7rem;
}
.proposal-preview main h2 {
  margin: 12px 0 8px;
  font-size: 1.8rem;
}
.proposal-preview main p {
  color: #e5dff4;
  line-height: 1.65;
}
.proposal-preview main>div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.proposal-preview main em {
  padding: 5px 7px;
  border-radius: 7px;
  background: rgba(255,255,255,.11);
  font-size: .67rem;
  font-style: normal;
}
.proposal-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}
.proposal-confirm-actions button,.quote-export-actions button,.execution-bottom-actions button {
  border: 1px solid #dbd4e5;
  border-radius: 11px;
  padding: 10px 15px;
  background: #fff;
  color: #5f556a;
  font-weight: 800;
}
.proposal-confirm-actions button.primary,.quote-export-actions button.primary,.execution-bottom-actions button.primary {
  border-color: #6b50dc;
  background: #6b50dc;
  color: #fff;
}
.proposal-confirm-actions button:disabled {
  opacity: .45;
}
.quote-function-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 9px;
}
.quote-function-grid article {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  gap: 9px;
  padding: 12px;
  border: 1px solid #e8e2ed;
  border-radius: 15px;
}
.quote-function-grid article>div {
  min-width: 0;
}
.quote-function-grid strong {
  font-size: .78rem;
}
.quote-function-grid p {
  margin: 4px 0 0;
  color: #81788a;
  font-size: .68rem;
  line-height: 1.45;
}
.quote-controls {
  display: grid;
  grid-template-columns: 1fr 1fr .8fr .8fr;
  gap: 9px;
  margin: 13px 0;
}
.quote-controls>label,.quote-controls>div {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 10px;
  border-radius: 12px;
  background: #f6f3fa;
}
.quote-controls label {
  font-size: .72rem;
  font-weight: 800;
}
.quote-controls input {
  min-width: 0;
  border: 1px solid #ded7e7;
  border-radius: 8px;
  padding: 7px;
}
.quote-controls>div {
  grid-template-columns: 1fr;
}
.quote-controls small {
  color: #81788a;
  font-size: .68rem;
}
.quote-table {
  overflow: auto;
  border: 1px solid #e4deea;
  border-radius: 14px;
}
.quote-row {
  display: grid;
  grid-template-columns: 1.2fr 1fr .6fr 1fr .6fr;
  align-items: center;
  gap: 10px;
  min-width: 780px;
  padding: 10px 12px;
  border-bottom: 1px solid #eeeaf2;
  font-size: .72rem;
}
.quote-row.head {
  background: #f4f1f7;
  color: #766d80;
  font-weight: 800;
}
.quote-row>span:first-child {
  display: grid;
  gap: 2px;
}
.quote-row small {
  color: #8e8595;
}
.quote-row em {
  justify-self: start;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: .65rem;
  font-style: normal;
}
.quote-row em.ok {
  background: #e9f7ef;
  color: #287d59;
}
.quote-row em.blocked {
  background: #fff0e8;
  color: #b55728;
}
.quote-export-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}
.quote-export-actions button.next {
  border-color: #ff6b2c;
  background: #ff6b2c;
  color: #fff;
}
.execution-launch {
  display: grid;
  grid-template-columns: 220px 170px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding: 16px;
  border: 1px solid #e4ddeb;
  border-radius: 19px;
  background: #fff;
}
.execution-launch>div {
  display: grid;
  gap: 3px;
}
.execution-launch>div small,.execution-launch>div span {
  color: #847b8d;
  font-size: .7rem;
}
.execution-launch label {
  display: grid;
  gap: 5px;
  color: #665c70;
  font-size: .72rem;
  font-weight: 800;
}
.execution-launch select {
  border: 1px solid #ddd5e7;
  border-radius: 9px;
  padding: 9px;
  background: #fff;
}
.execution-launch textarea {
  min-height: 78px;
  margin: 0;
  font-size: .72rem;
}
.execution-launch>button {
  border: 0;
  border-radius: 12px;
  padding: 12px 14px;
  background: #ff6b2c;
  color: #fff;
  font-weight: 900;
}
.execution-tabs {
  display: flex;
  gap: 7px;
  margin-bottom: 14px;
  padding: 5px;
  border-radius: 14px;
  background: #ece8f1;
}
.execution-tabs button {
  flex: 1;
  border: 0;
  border-radius: 10px;
  padding: 10px;
  background: transparent;
  color: #6c6276;
  font-size: .78rem;
  font-weight: 800;
}
.execution-tabs button.active {
  background: #fff;
  color: #634bd0;
  box-shadow: 0 4px 13px rgba(49,35,82,.09);
}
.execution-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.execution-grid .flow-panel {
  margin: 0;
}
.host-script-panel {
  grid-column: 1/-1;
}
.execution-list {
  display: grid;
  gap: 7px;
}
.execution-list>article {
  display: grid;
  grid-template-columns: 75px minmax(0,1fr);
  gap: 10px;
  padding: 9px;
  border-radius: 10px;
  background: #f7f4fa;
}
.execution-list article>span {
  color: #684fd1;
  font-size: .7rem;
  font-weight: 900;
}
.execution-list article strong {
  font-size: .78rem;
}
.execution-list article p,.execution-list>p {
  margin: 3px 0 0;
  color: #7c7385;
  font-size: .7rem;
  line-height: 1.5;
}
.execution-list+button {
  margin-top: 10px;
  border: 1px solid #dcd5e6;
  border-radius: 9px;
  padding: 8px 11px;
  background: #fff;
  color: #64596e;
  font-size: .72rem;
}
.host-script {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.host-script article {
  padding: 11px;
  border-left: 3px solid #7457e8;
  border-radius: 0 10px 10px 0;
  background: #f7f4fb;
}
.host-script small {
  color: #6c52dc;
  font-weight: 800;
}
.host-script p {
  margin: 5px 0 0;
  color: #6d6476;
  font-size: .75rem;
  line-height: 1.6;
}
.execution-module {
  display: grid;
  grid-template-columns: 60px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 170px;
}
.execution-module .flow-icon {
  width: 60px;
  height: 60px;
}
.execution-module h2 {
  margin: 0 0 6px;
}
.execution-module p {
  margin: 0;
  color: #7c7385;
}
.execution-module>button {
  border: 0;
  border-radius: 12px;
  padding: 11px 15px;
  background: #6b50db;
  color: #fff;
  font-weight: 800;
}
.execution-bottom-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 14px;
}
.learning-layout {
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(330px,.7fr);
  gap: 18px;
}
.course-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.course-grid article {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 10px;
  padding: 14px;
  border: 1px solid #e7e1ed;
  border-radius: 16px;
}
.course-grid article>span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: #eee9ff;
  color: #6750d2;
  font-size: .72rem;
  font-weight: 900;
}
.course-grid article>div {
  min-width: 0;
}
.course-grid small {
  color: #6d53d9;
  font-size: .68rem;
  font-weight: 800;
}
.course-grid h3 {
  margin: 4px 0;
  font-size: .9rem;
}
.course-grid p {
  margin: 0;
  color: #7d7486;
  font-size: .72rem;
  line-height: 1.5;
}
.course-grid button {
  grid-column: 2;
  justify-self: start;
  border: 0;
  background: transparent;
  color: #ff6b2c;
  font-size: .72rem;
  font-weight: 900;
}
.software-list {
  display: grid;
  gap: 9px;
}
.software-list article {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid #e7e1ed;
  border-radius: 15px;
}
.software-list article>div {
  min-width: 0;
}
.software-list strong {
  font-size: .8rem;
}
.software-list p {
  margin: 3px 0;
  color: #7e7588;
  font-size: .7rem;
  line-height: 1.4;
}
.software-list small {
  color: #a06441;
  font-size: .65rem;
}
.software-list button {
  border: 1px solid #ddd5e6;
  border-radius: 9px;
  padding: 7px 9px;
  background: #fff;
  color: #62576c;
  font-size: .7rem;
}
.account-hero {
  display: grid;
  grid-template-columns: 76px minmax(0,1fr) auto;
  align-items: center;
  gap: 17px;
  padding: 27px;
  border-radius: 24px;
  background: linear-gradient(135deg,#24203b,#6852df);
  color: #fff;
}
.account-avatar {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 25px;
  background: rgba(255,255,255,.14);
  font-size: 2rem;
  font-weight: 900;
}
.account-hero .flow-kicker {
  color: #d9d2ff;
}
.account-hero h1 {
  margin: 6px 0;
}
.account-hero p {
  margin: 0;
  color: #ddd7ef;
}
.account-hero>button {
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 11px;
  padding: 10px 13px;
  background: rgba(255,255,255,.13);
  color: #fff;
}
.account-metrics {
  display: grid;
  grid-template-columns: 2fr repeat(4,1fr);
  gap: 11px;
  margin: 15px 0;
}
.account-metrics>article {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #e7e1ed;
  border-radius: 17px;
  background: #fff;
}
.account-metrics article.balance {
  grid-template-columns: 46px minmax(0,1fr) auto;
  background: #fff5ee;
  border-color: #f3d9c8;
}
.account-metrics article>div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.account-metrics small,.account-metrics span {
  color: #837a8d;
  font-size: .68rem;
}
.account-metrics strong {
  font-size: 1.1rem;
}
.account-metrics article.balance strong {
  font-size: 1.45rem;
  color: #d65b21;
}
.account-metrics article.balance button {
  border: 0;
  border-radius: 9px;
  padding: 8px 10px;
  background: #ff6b2c;
  color: #fff;
  font-weight: 800;
}
.account-layout {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 14px;
}
.account-layout .flow-panel {
  margin: 0;
}
.account-details {
  display: grid;
  gap: 0;
  margin: 0;
}
.account-details div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #eeeaf2;
}
.account-details dt {
  color: #81788b;
  font-size: .75rem;
}
.account-details dd {
  margin: 0;
  font-size: .75rem;
  font-weight: 800;
  text-align: right;
}
.wallet-history {
  display: grid;
  gap: 7px;
  max-height: 360px;
  overflow: auto;
}
.wallet-history article {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 9px;
  border-radius: 10px;
  background: #f7f4fa;
}
.wallet-history article>div {
  display: grid;
  gap: 3px;
}
.wallet-history strong {
  font-size: .74rem;
}
.wallet-history small {
  color: #8b8293;
  font-size: .65rem;
}
.wallet-history em {
  font-size: .78rem;
  font-style: normal;
  font-weight: 900;
}
.wallet-history em.income {
  color: #20805b;
}
.wallet-history em.expense {
  color: #c45c29;
}
.wallet-history article>span {
  color: #81788a;
  font-size: .68rem;
}
.account-settings-list {
  display: grid;
  gap: 8px;
}
.account-settings-list>button {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
  border: 1px solid #e7e1ed;
  border-radius: 13px;
  padding: 10px;
  background: #fff;
  text-align: left;
}
.account-settings-list button>span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.account-settings-list strong {
  font-size: .76rem;
}
.account-settings-list small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #877e90;
  font-size: .65rem;
}
.account-settings-list b {
  color: #6a50d7;
}
@media (max-width:1200px) {
  .visual-task-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .project-board {
    grid-template-columns: 1fr 1fr;
  }
  .quote-function-grid {
    grid-template-columns: 1fr 1fr;
  }
  .account-metrics {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .account-metrics>article:nth-last-child(-n+2) {
    display: none;
  }
  .account-layout {
    grid-template-columns: 1fr 1fr;
  }
  .account-layout>.flow-panel:last-child {
    grid-column: 1/-1;
  }
  .execution-launch {
    grid-template-columns: 1fr 1fr;
  }
  .execution-launch textarea {
    grid-column: 1/-1;
  }
  .execution-launch>button {
    justify-self: end;
  }
  .case-match-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width:900px) {
  .simple-flow-page {
    padding: 18px;
  }
  .overview-topbar,.flow-page-title {
    align-items: stretch;
    flex-direction: column;
  }
  .refresh-card {
    min-width: 0;
    width: 100%;
  }
  .lead-tabs {
    grid-template-columns: 1fr;
  }
  .lead-list>article {
    grid-template-columns: 1fr;
  }
  .lead-action {
    justify-items: start;
  }
  .lead-action small {
    text-align: left;
  }
  .project-board,.proposal-pickers,.learning-layout,.execution-grid,.account-layout {
    grid-template-columns: 1fr;
  }
  .account-layout>.flow-panel:last-child,.host-script-panel {
    grid-column: 1;
  }
  .picker-grid {
    grid-template-columns: repeat(3,1fr);
  }
  .output-shortcuts {
    grid-template-columns: 1fr;
  }
  .quote-controls {
    grid-template-columns: 1fr 1fr;
  }
  .account-metrics {
    grid-template-columns: 1fr 1fr;
  }
  .account-metrics article.balance {
    grid-column: 1/-1;
  }
  .account-metrics>article:nth-last-child(-n+2) {
    display: grid;
  }
  .watch-form {
    grid-template-columns: 1fr 1fr;
  }
  .watch-form button {
    grid-column: 1/-1;
  }
  .execution-launch {
    grid-template-columns: 1fr;
  }
  .execution-launch textarea {
    grid-column: 1;
  }
  .execution-launch>button {
    justify-self: stretch;
  }
  .execution-tabs {
    overflow: auto;
  }
  .execution-tabs button {
    min-width: 110px;
  }
  .case-match-grid {
    grid-template-columns: 1fr;
  }
  .proposal-preview {
    grid-template-columns: 1fr;
  }
  .proposal-preview>aside {
    grid-template-columns: 1fr 1fr;
    max-height: 180px;
    overflow: auto;
  }
  .host-script {
    grid-template-columns: 1fr;
  }
}
@media (max-width:600px) {
  .simple-flow-page {
    padding: 11px;
  }
  .flow-panel,.opportunity-zone,.project-zone {
    padding: 16px;
    border-radius: 18px;
  }
  .overview-topbar,.flow-page-title {
    padding: 20px;
    border-radius: 19px;
  }
  .refresh-card {
    grid-template-columns: 42px 1fr;
  }
  .refresh-card>button {
    grid-column: 1/-1;
  }
  .watch-form,.project-board,.visual-task-grid,.picker-grid,.quote-function-grid,.course-grid,.quote-controls,.account-metrics {
    grid-template-columns: 1fr;
  }
  .lead-tabs>button {
    grid-template-columns: 42px minmax(0,1fr) auto;
  }
  .visual-task-grid textarea {
    min-height: 90px;
  }
  .flow-next-button {
    justify-self: stretch;
  }
  .prompt-actions,.proposal-confirm-actions,.quote-export-actions,.execution-bottom-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .proposal-preview>aside {
    grid-template-columns: 1fr;
  }
  .proposal-preview>main {
    padding: 24px;
  }
  .execution-module {
    grid-template-columns: 52px 1fr;
  }
  .execution-module>button {
    grid-column: 1/-1;
  }
  .account-hero {
    grid-template-columns: 62px 1fr;
    padding: 20px;
  }
  .account-avatar {
    width: 62px;
    height: 62px;
  }
  .account-hero>button {
    grid-column: 1/-1;
  }
  .account-metrics article.balance {
    grid-template-columns: 46px minmax(0,1fr);
  }
  .account-metrics article.balance button {
    grid-column: 1/-1;
  }
  .software-list article {
    grid-template-columns: 42px minmax(0,1fr);
  }
  .software-list article>button {
    grid-column: 2;
    justify-self: start;
  }
  .zone-title {
    align-items: flex-start;
    flex-direction: column;
  }
  .inspiration-search {
    grid-template-columns: 1fr;
  }
  .quote-row {
    min-width: 700px;
  }
}
.admin-entry-link {
  color: #fff !important;
  background: linear-gradient(135deg,#4c35a8,#7458e8) !important;
  text-decoration: none;
}
.admin-entry-link:hover {
  color: #fff !important;
  background: linear-gradient(135deg,#3f2a94,#6549d5) !important;
}
.gateway-admin-link {
  display: flex;
  height: 35px;
  align-items: center;
  gap: 6px;
  padding: 0 11px;
  border: 1px solid #d8cef8;
  border-radius: 11px;
  color: #5e48c7;
  background: #f2eeff;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.gateway-admin-link .app-icon {
  width: 22px;
  height: 22px;
}
.admin-portal-shell,.admin-portal-shell .admin-page {
  min-height: 100vh;
}
.admin-rail-links {
  display: grid;
  gap: 6px;
  margin-top: auto;
  padding: 12px 0;
}
.admin-rail-links a {
  display: flex;
  min-height: 38px;
  align-items: center;
  padding: 0 10px;
  border-radius: 8px;
  color: #53616b;
  background: #f4f6f8;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.admin-rail-links a:hover {
  color: #347fd0;
  background: #eef6ff;
}
.admin-rail-links+.admin-rail-footer {
  margin-top: 0;
}
.admin-access-denied {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 24px;
  background: #f4f1fa;
  color: #2d263b;
}
.admin-access-denied section {
  display: grid;
  justify-items: center;
  width: min(520px,100%);
  padding: 40px;
  border: 1px solid #e4ddef;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(45,34,76,.12);
  text-align: center;
}
.admin-access-denied .app-icon {
  width: 76px;
  height: 76px;
}
.admin-access-denied h1 {
  margin: 12px 0 8px;
  font-size: clamp(28px,5vw,42px);
}
.admin-access-denied p {
  margin: 0;
  color: #756c80;
  font-size: 16px;
  line-height: 1.7;
}
.admin-access-denied a {
  margin-top: 22px;
  padding: 12px 20px;
  border-radius: 12px;
  background: #6b50dc;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}
@media (max-width:800px) {
  .admin-portal-shell .admin-page {
    grid-template-columns: 1fr;
  }
  .admin-portal-shell .admin-rail {
    position: static;
    border-right: 0;
    border-bottom: 1px solid #e0e6eb;
  }
  .admin-portal-shell .admin-rail>p {
    display: none;
  }
  .admin-portal-shell .admin-rail>button {
    min-height: 44px;
    font-size: 14px;
  }
  .admin-portal-shell .admin-rail-links {
    grid-template-columns: 1fr 1fr;
    margin-top: 10px;
  }
  .admin-portal-shell .admin-rail-footer {
    display: none;
  }
  .admin-portal-shell .admin-main {
    padding: 18px 14px 32px;
  }
  .admin-portal-shell .admin-header {
    align-items: flex-start;
    flex-direction: column;
  }
}
.leave-project-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(520px,calc(100vw - 32px));
  max-height: calc(100dvh - 40px);
  overflow: auto;
  box-sizing: border-box;
  border: 1px solid #d9e4f7;
  border-radius: 24px;
  background: #fff;
  color: #243857;
  padding: 32px;
  box-shadow: 0 24px 100px #0b1e4155;
  text-align: center;
  z-index: 2147483647;
}
.leave-project-dialog::backdrop {
  background: rgba(12,24,46,.52);
  backdrop-filter: blur(4px);
}
.leave-project-dialog h2 {
  font-size: 24px;
  margin: 16px 0;
}
.leave-project-dialog p {
  font-size: 16px;
  line-height: 1.7;
}
.leave-project-symbol {
  display: grid;
  place-items: center;
  margin: auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #245ca5;
  background: #eaf2ff;
  font-size: 26px;
  font-weight: 700;
}
.leave-project-actions {
  display: flex;
  gap: 12px;
  margin-top: 26px;
}
.leave-project-actions button {
  flex: 1;
  padding: 13px 12px;
  border-radius: 12px;
  border: 1px solid #c5d2e8;
  background: #f5f8fd;
  color: #243857;
  font-size: 15px;
  cursor: pointer;
}
.leave-project-actions button.primary {
  background: #265ca8;
  color: white;
  border-color: #265ca8;
}
.leave-project-actions button:disabled {
  opacity: .65;
  cursor: wait;
}
.leave-project-dialog button:focus-visible {
  outline: 3px solid #64a9ff;
  outline-offset: 3px;
}
.projects-draft-box {
  margin-top: 24px;
  padding: 24px;
  border: 1px solid #dce4f0;
  border-radius: 20px;
  background: #ffffffd9;
}
.projects-draft-box>header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.projects-draft-box h2 {
  margin: 0 0 8px;
}
.projects-draft-box p {
  font-size: 14px;
  line-height: 1.65;
  color: #53647d;
}
.projects-draft-box button {
  border: 1px solid #cbd8ed;
  border-radius: 10px;
  padding: 10px 16px;
  background: #f4f7ff;
  color: #2d4e80;
  cursor: pointer;
  white-space: nowrap;
}
.project-draft-list article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0;
  border-top: 1px solid #e1e7f0;
}
.project-draft-list article:first-child {
  margin-top: 18px;
}
.project-draft-list strong {
  font-size: 17px;
}
.project-draft-list small {
  font-size: 13px;
  color: #64748b;
}
.draft-empty {
  padding: 24px 0 4px;
}
@media (max-width:600px) {
  .leave-project-dialog {
    padding: 26px 20px;
  }
  .leave-project-actions {
    flex-direction: column-reverse;
  }
  .projects-draft-box {
    padding: 20px 16px;
  }
  .projects-draft-box>header,.project-draft-list article {
    flex-direction: column;
    align-items: stretch;
  }
  .projects-draft-box>header button {
    align-self: flex-start;
  }
}
.draft-box-tools,.project-draft-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.project-draft-actions {
  flex-shrink: 0;
}
.project-draft-description {
  min-width: 0;
  overflow-wrap: anywhere;
}
.projects-draft-box button:disabled {
  opacity: .6;
  cursor: not-allowed;
}
.projects-draft-box .draft-delete-button {
  color: #b42335;
  border-color: #edbdc5;
  background: #fff6f7;
}
.projects-draft-box .draft-delete-button:hover:not(:disabled) {
  background: #fde9ec;
}
.projects-draft-box button:focus-visible {
  outline: 3px solid #64a9ff;
  outline-offset: 3px;
}
.delete-draft-dialog .leave-project-symbol {
  background: #fff0f2;
  color: #b42335;
}
.delete-draft-dialog .delete-draft-name {
  font-weight: 700;
  overflow-wrap: anywhere;
  color: #243857;
}
.delete-draft-dialog .leave-project-actions .draft-danger {
  background: #b42335;
  border-color: #b42335;
  color: white;
}
.projects-draft-box .draft-success {
  color: #226347;
}
.delete-draft-dialog .reliable-error {
  color: #b42335;
}
#draft-box-title:focus {
  outline: none;
}
@media (max-width:600px) {
  .draft-box-tools {
    width: 100%;
  }
  .project-draft-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .project-draft-actions button {
    min-height: 44px;
  }
  .project-draft-actions .primary {
    flex: 1;
  }
}
.habits-page {
  --habit-line: #dfe7ef;
}
.habit-privacy {
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(120deg,#edf5ff,#f5f1ff);
  border: 1px solid #dfe8f4;
  border-radius: 18px;
  padding: 19px 22px;
  margin-bottom: 26px;
}
.habit-privacy>svg {
  width: 30px;
  min-width: 30px;
  color: #526fb4;
}
.habit-privacy p {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.7;
  color: #647089;
}
.habit-privacy>span {
  margin-left: auto;
  flex: none;
  font-size: 12px;
  white-space: nowrap;
  padding: 7px 10px;
  border-radius: 20px;
  background: white;
  color: #426a94;
}
.habit-toolbar {
  display: flex;
  gap: 10px;
  margin-bottom: 18px;
}
.habit-toolbar input {
  flex: 1;
  min-width: 120px;
  background: white;
  border: 1px solid var(--habit-line);
  border-radius: 11px;
  padding: 11px 14px;
}
.habit-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}
.habit-card {
  border: 1px solid var(--habit-line);
  border-radius: 18px;
  padding: 20px;
  background: #fff;
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-shadow: 0 7px 22px #233b5a05;
}
.habit-card.is-enabled {
  border-color: #b9d5d0;
}
.habit-card header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: #638078;
}
.habit-card header>span {
  background: #f2f5f9;
  border-radius: 6px;
  padding: 5px 7px;
  color: #677890;
}
.habit-card header label {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.habit-card h2 {
  font-size: 18px;
  margin: 20px 0 9px;
  overflow-wrap: anywhere;
}
.habit-card>p {
  font-size: 13px;
  color: #677284;
  line-height: 1.8;
  white-space: pre-line;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 80px;
}
.habit-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 13px 0 20px;
}
.habit-chips span {
  font-size: 10px;
  background: #f6f7f9;
  padding: 4px 7px;
  border-radius: 4px;
  color: #748294;
}
.habit-card footer {
  display: flex;
  gap: 9px;
  align-items: center;
  margin-top: auto;
  border-top: 1px solid #eff2f6;
  padding-top: 14px;
}
.habit-card footer small {
  margin-right: auto;
  color: #8993a1;
  font-size: 11px;
}
.habit-card footer button {
  padding: 6px 9px;
  font-size: 12px;
}
.habit-empty {
  padding: 30px 0;
}
.habit-empty>h2 {
  font-size: 22px;
}
.habit-empty>p {
  font-size: 13px;
  color: #7a879a;
}
.habit-starters {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
  margin-top: 24px;
}
.habit-starters button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 25px 22px;
  border: 1px solid var(--habit-line);
  border-radius: 16px;
  background: white;
  gap: 12px;
  min-height: 160px;
}
.habit-starters strong {
  font-size: 16px;
}
.habit-starters span {
  font-size: 12px;
  line-height: 1.8;
  color: #79879b;
}
.habit-starters small {
  font-size: 12px;
  color: #5b77b5;
  margin-top: auto;
}
.habit-legacy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
  border-top: 1px solid var(--habit-line);
  padding-top: 22px;
  color: #8b96a5;
  font-size: 12px;
}
.habit-editor {
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(300px,1fr);
  gap: 22px;
}
.habit-editor-main,.habit-files {
  background: white;
  border: 1px solid var(--habit-line);
  border-radius: 16px;
  padding: 23px;
  min-width: 0;
}
.habit-editor fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  display: grid;
  gap: 18px;
  min-width: 0;
}
.habit-editor label,.habit-extraction>label {
  display: grid;
  gap: 9px;
  font-size: 13px;
  font-weight: 600;
}
.habit-editor input:not([type=checkbox]),.habit-editor textarea,.habit-editor select,.habit-extraction textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 13px;
  border: 1px solid #dce4ee;
  border-radius: 10px;
  background: #fcfdff;
  font: inherit;
  font-weight: 400;
  line-height: 1.8;
  resize: vertical;
  color: #344358;
  min-width: 0;
}
.habit-scopes>div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.habit-scopes>div>label {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  gap: 6px;
  background: #f5f7fa;
  padding: 8px;
  border-radius: 8px;
}
.habit-confirm,.habit-enable {
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  line-height: 1.7;
}
.habit-confirm input,.habit-enable input,.habit-scopes input {
  accent-color: #5570bf;
  width: 16px;
  height: 16px;
  flex: none;
}
.habit-files h2 {
  font-size: 16px;
  display: flex;
  justify-content: space-between;
}
.habit-files h2 span {
  color: #7d8fa8;
  font-size: 12px;
}
.habit-drop {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #f7faff;
  border: 1px dashed #adbeda;
  border-radius: 13px;
  padding: 22px 12px;
  margin: 18px 0;
  cursor: pointer;
}
.habit-drop input {
  font-size: 11px !important;
  padding: 0 !important;
  max-width: 220px;
}
.habit-drop small {
  color: #92a0b4;
  font-weight: 400;
}
.habit-files article {
  padding: 17px 0;
  border-bottom: 1px solid #e8edf4;
}
.habit-files article strong {
  display: block;
  font-size: 13px;
  word-break: break-all;
}
.habit-files article span {
  font-size: 11px;
  color: #698582;
}
.habit-files article p,.habit-files>small {
  font-size: 11px;
  color: #8190a4;
  line-height: 1.8;
}
.habit-files article>div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.habit-files article button,.habit-files article a {
  font-size: 11px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6279a9;
}
.habit-extraction {
  background: #f8fafc;
  border: 1px solid #dbe5f0;
  border-radius: 16px;
  padding: 24px;
  margin-top: 22px;
}
.habit-extraction>div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.habit-extraction h2 {
  font-size: 16px;
  overflow-wrap: anywhere;
}
.habit-extraction>p {
  font-size: 13px;
  line-height: 1.8;
  color: #73819a;
}
.habit-extraction details {
  margin: 15px 0;
  font-size: 13px;
}
.habit-extraction textarea {
  margin-top: 10px;
}
.habit-delete {
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: #152b4b55;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.habit-delete>div {
  background: white;
  max-width: 440px;
  padding: 28px;
  border-radius: 18px;
  box-shadow: 0 30px 80px #152b4b40;
}
.habit-delete h2 {
  font-size: 19px;
}
.habit-delete p {
  line-height: 1.9;
  color: #6c7c93;
  font-size: 13px;
}
.habit-delete button {
  margin-right: 10px;
}
.habit-context-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 15px;
  background: #f3f6fc;
  border: 1px solid #e3eaf6;
  border-radius: 11px;
  margin: 12px 0;
  font-size: 12px;
}
.habit-context-note>span {
  white-space: nowrap;
  font-weight: 600;
  color: #536a99;
}
.habit-context-note p {
  font-size: 12px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  color: #718097 !important;
}
.habit-context-note.compact {
  padding: 9px 12px;
}
.habits-page button:focus-visible,.habits-page a:focus-visible {
  outline: 3px solid #829eda;
  outline-offset: 3px;
}
.habits-page button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
@media (max-width:1100px) {
  .habit-grid,.habit-starters {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .habit-editor {
    grid-template-columns: 1fr;
  }
  .habit-privacy>span {
    display: none;
  }
}
@media (max-width:640px) {
  .habit-grid,.habit-starters {
    grid-template-columns: 1fr;
  }
  .habit-privacy {
    padding: 15px;
    align-items: flex-start;
  }
  .habit-privacy>svg {
    display: none;
  }
  .habit-toolbar {
    flex-wrap: wrap;
  }
  .habit-toolbar input {
    flex-basis: 100%;
  }
  .habit-editor-main,.habit-files,.habit-extraction {
    padding: 16px;
  }
  .habit-legacy {
    align-items: flex-start;
    gap: 10px;
  }
  .habit-context-note {
    display: block;
  }
  .habit-context-note p {
    margin-top: 6px !important;
  }
  .habit-card>p {
    min-height: 0;
  }
  .habit-starters button {
    min-height: 130px;
  }
}
html,body {
  min-width: 0 !important;
  width: 100%;
  margin: 0;
}
* {
  box-sizing: border-box;
}
body {
  color: #242a34;
  background: #f6f7f9;
}
button,input,select,textarea {
  font: inherit;
}
button,a,input,select,textarea {
  touch-action: manipulation;
}
button:disabled {
  cursor: not-allowed;
  opacity: .52;
}
:focus-visible {
  outline: 3px solid #f39d5b;
  outline-offset: 3px;
}
img {
  max-width: 100%;
}
button {
  cursor: pointer;
}
.reliable-app {
  display: grid;
  grid-template-columns: 224px minmax(0,1fr);
  min-height: 100vh;
  width: 100%;
  font-size: 14px;
}
.reliable-app .sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  width: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-right: 1px solid #e7e8ec;
  padding: 22px 16px;
  overflow-y: auto;
}
.reliable-app .industry-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 0;
  background: none;
  text-align: left;
  margin-bottom: 24px;
  padding: 0;
}
.reliable-app .industry-brand img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.reliable-app .industry-brand strong {
  font-size: 20px;
  display: block;
}
.reliable-app .industry-brand small {
  font-size: 12px;
  display: block;
  color: #69717e;
  margin-top: 3px;
}
.reliable-new-project {
  padding: 12px;
  border: 0;
  border-radius: 9px;
  background: #ed6b32;
  color: white;
  font-weight: 650;
  margin-bottom: 18px;
}
.reliable-app .nav-item {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  font-size: 14px;
  min-height: 44px;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  text-align: left;
  border-radius: 8px;
  color: #59616d;
  margin: 2px 0;
}
.reliable-app .nav-item .app-icon {
  width: 26px;
  height: 26px;
}
.reliable-app .nav-item.active {
  background: #fff1e7;
  color: #b84412;
  font-weight: 650;
}
.reliable-app .nav-item:hover {
  background: #f5f6f8;
}
.reliable-app .sidebar-bottom {
  margin-top: auto;
  padding: 20px 4px 0;
  display: grid;
  gap: 10px;
}
.reliable-app .sidebar-bottom small {
  font-size: 12px;
  color: #717a86;
  line-height: 1.5;
}
.reliable-app .sidebar-bottom button {
  background: #fff;
  border: 1px solid #d8dee6;
  padding: 9px;
  border-radius: 6px;
}
.reliable-app .sidebar-bottom a {
  color: #bb4e1b;
}
.reliable-app .workspace {
  min-width: 0;
  width: auto;
  background: #f6f7f9;
  padding: 0;
}
.reliable-app .topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  min-height: 76px;
  height: auto;
  padding: 16px 30px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid #e7e8ec;
}
.reliable-crumb {
  font-size: 15px;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reliable-app .top-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 14px;
}
.reliable-app .global-search {
  width: 220px;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
}
.reliable-app .global-search input {
  width: 100%;
  font-size: 14px;
  border: 1px solid #e2e5ea;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f8f9fb;
}
.reliable-app .role-switcher strong {
  font-size: 14px;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.reliable-app .role-switcher small {
  font-size: 12px;
}
.reliable-app .role-avatar {
  font-size: 16px;
}
.mobile-menu {
  display: none;
}
.nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  border: 0;
  background: #17202f66;
  width: 100%;
  height: 100%;
}
.reliable-workspace {
  max-width: 1480px;
  margin: 0 auto;
  padding: 30px;
  line-height: 1.65;
  overflow-wrap: anywhere;
  font-size: 14px;
}
.reliable-workspace h1 {
  font-size: 28px;
  line-height: 1.35;
  color: #222c3d;
  margin: 6px 0 10px;
  letter-spacing: -.6px;
}
.reliable-workspace h2 {
  font-size: 20px;
  line-height: 1.4;
  margin: 0 0 14px;
}
.reliable-workspace h3 {
  font-size: 16px;
  line-height: 1.5;
  margin: 8px 0;
}
.reliable-workspace p {
  margin: 8px 0;
  color: #616b7b;
}
.reliable-workspace small {
  font-size: 12px;
  color: #718093;
}
.reliable-workspace li {
  margin: 8px 0;
}
.reliable-workspace a {
  color: #b94a1a;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.reliable-project-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 24px;
}
.reliable-project-head>div>span {
  font-size: 12px;
  color: #b95121;
  letter-spacing: 1px;
  font-weight: 600;
}
.reliable-project-head>div:last-child>small {
  display: block;
}
.reliable-workspace button,.reliable-file {
  border: 1px solid #dce1e7;
  border-radius: 8px;
  background: white;
  color: #303b4a;
  padding: 9px 14px;
  font-size: 14px;
  line-height: 1.4;
  min-height: 40px;
}
.reliable-workspace button:hover:not(:disabled) {
  border-color: #ee8c58;
  background: #fff8f2;
}
.reliable-workspace button.primary {
  background: #eb6b34;
  color: #fff;
  border-color: #eb6b34;
  font-weight: 600;
}
.reliable-workspace button.primary:hover:not(:disabled) {
  background: #d95b25;
}
.reliable-panel {
  background: #fff;
  border: 1px solid #e6e9ef;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 22px;
  min-width: 0;
}
.reliable-panel details {
  margin-top: 16px;
}
.reliable-panel summary {
  cursor: pointer;
  font-weight: 600;
  padding: 10px 0;
  color: #414e60;
}
.reliable-panel ol {
  padding-left: 22px;
}
.reliable-section-head {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  justify-content: space-between;
}
.reliable-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin: 16px 0;
}
.reliable-fields {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin: 18px 0;
}
.reliable-workspace label {
  font-size: 14px;
  color: #485364;
  display: block;
}
.reliable-workspace :is(input,textarea,select) {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #d7dee7;
  border-radius: 7px;
  margin-top: 6px;
  background: #fff;
  color: #263241;
  font-size: 15px;
  line-height: 1.5;
}
.reliable-workspace textarea {
  resize: vertical;
  min-height: 110px;
}
.reliable-workspace input[type=checkbox] {
  width: 18px;
  height: 18px;
  display: inline-block;
  flex-shrink: 0;
  margin: 0;
  accent-color: #e96a31;
}
.reliable-workspace .reliable-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 18px 0;
}
.reliable-steps {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 8px;
  margin: 20px 0;
}
.reliable-steps button {
  border: 1px solid #e0e5eb;
  background: #fff;
  padding: 12px 8px;
}
.reliable-steps button[aria-current=step] {
  color: #ae451b;
  background: #fff0e4;
  border-color: #ec9b72;
  font-weight: 700;
}
.reliable-steps button span {
  display: block;
  font-size: 12px;
}
.reliable-notice,.reliable-error {
  border-radius: 9px;
  padding: 14px 18px;
  margin: 16px 0;
  background: #fff6e9;
  border: 1px solid #f4d4a3;
  color: #805322;
  font-size: 14px;
  line-height: 1.6;
}
.reliable-notice a {
  margin-left: 12px;
}
.reliable-error {
  background: #fff1ef;
  color: #a0392d;
  border-color: #ecc5bd;
}
.reliable-error button {
  margin-left: 12px;
}
.reliable-facts,.reliable-project-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin-top: 18px;
}
.reliable-facts article,.reliable-project-grid>article {
  min-width: 0;
  background: #f8f9fb;
  border: 1px solid #e6eaf0;
  border-radius: 9px;
  padding: 18px;
}
.reliable-facts ul {
  padding-left: 18px;
}
.reliable-facts h3 {
  color: #a44c25;
}
.reliable-slide-tabs {
  display: flex;
  overflow-x: auto;
  gap: 8px;
  padding: 10px 0;
}
.reliable-slide-tabs button {
  flex-shrink: 0;
  max-width: 240px;
  text-align: left;
}
.reliable-slide-tabs button[aria-pressed=true] {
  background: #fff1e7;
  border-color: #f0aa87;
}
.reliable-slide {
  border: 1px solid #e7e7eb;
  border-radius: 10px;
  background: linear-gradient(115deg,#fff7f0,#fff);
  padding: 28px;
  min-height: 200px;
}
.reliable-slide ul {
  padding-left: 22px;
}
.reliable-status {
  font-weight: 600;
  color: #b45324 !important;
}
.reliable-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #e3e8ed;
  border-radius: 8px;
  margin: 16px 0;
  overscroll-behavior-x: contain;
}
.reliable-table-wrap table {
  border-collapse: collapse;
  min-width: 780px;
  width: 100%;
  font-size: 14px;
}
.reliable-table-wrap th {
  text-align: left;
  font-size: 13px;
  background: #f3f5f8;
  color: #5f6a79;
  white-space: nowrap;
}
.reliable-table-wrap th,.reliable-table-wrap td {
  padding: 12px;
  border-bottom: 1px solid #e5e8ed;
  vertical-align: top;
}
.reliable-table-wrap input {
  min-width: 90px;
}
.reliable-table-wrap select {
  min-width: 165px;
}
.reliable-table-wrap td:nth-child(2) input {
  min-width: 160px;
}
.reliable-metrics,.reliable-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
  margin: 20px 0;
}
.reliable-metrics span,.reliable-dashboard-metrics button {
  padding: 18px;
  background: #fff;
  border: 1px solid #e1e6ec;
  border-radius: 10px;
  text-align: left;
  color: #667183;
  font-size: 14px;
}
.reliable-metrics b,.reliable-dashboard-metrics b {
  display: block;
  font-size: 24px;
  color: #273346;
  margin-top: 7px;
}
.reliable-dashboard-metrics button:nth-child(2) b {
  color: #df642f;
}
.reliable-lead {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid #e6e9ef;
  padding: 22px 0;
}
.reliable-lead>div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  flex-shrink: 0;
}
.reliable-lead>div:first-child {
  min-width: 0;
}
.reliable-lead span {
  font-size: 12px;
  color: #798596;
}
.reliable-evidence {
  padding: 18px 0;
  border-top: 1px solid #e3e8ed;
}
.reliable-evidence small,.reliable-evidence a {
  display: block;
  margin: 6px 0;
}
.reliable-evidence button {
  margin-right: 8px;
}
.reliable-file {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
}
.reliable-file input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.reliable-image-context {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 30px;
  background: #fff4eb;
  color: #89451f;
}
.reliable-image-context button {
  border: 1px solid #edaa83;
  padding: 8px 12px;
  border-radius: 6px;
  background: white;
}
.reliable-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 120;
  background: #17203080;
  display: grid;
  place-items: center;
  padding: 20px;
}
.reliable-modal {
  position: relative;
  max-width: 680px;
  max-height: 90vh;
  overflow: auto;
  background: white;
  border-radius: 14px;
  padding: 34px;
  line-height: 1.8;
  font-size: 15px;
}
.reliable-modal .modal-close {
  float: right;
  padding: 8px 14px;
}
.reliable-modal button {
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 7px;
  margin: 10px 10px 0 0;
  background: #fff6ec;
}
.reliable-modal h2 {
  font-size: 24px;
}
.toast {
  font-size: 14px !important;
  line-height: 1.6;
  max-width: min(90vw,650px);
  z-index: 200 !important;
}
.notification-drawer {
  max-width: 90vw;
  font-size: 14px;
}
.notification-drawer article {
  padding: 18px;
  border-bottom: 1px solid #ddd;
}
.notification-drawer p {
  line-height: 1.6;
}
.notification-drawer small {
  font-size: 12px;
}
.creation-home,.zcool-home {
  min-width: 0 !important;
  width: 100%;
  font-size: 14px;
}
.creation-main {
  min-width: 0 !important;
}
.creation-home :is(p,input,button) {
  font-size: 14px;
}
.creation-home small {
  font-size: 12px;
}
.creation-home .featured-score strong {
  font-size: 28px;
}
.creation-home .discover-art span {
  font-size: 12px;
}
.creation-home .industry-card-copy strong {
  font-size: 14px;
}
.creation-home .industry-card-copy small {
  font-size: 12px;
}
.creation-home .discover-filter-row {
  min-width: 0;
}
.creation-home .zcool-content {
  min-width: 0;
}
.admin-portal-shell {
  min-width: 0 !important;
}
.admin-portal-shell :is(button,input,select,textarea,p) {
  font-size: 14px;
}
.admin-portal-shell small {
  font-size: 12px;
}
.admin-portal-shell .reliable-workspace {
  padding: 0;
}
.admin-content-stack {
  min-width: 0;
}
@media (max-width:1200px) {
  .reliable-app {
    grid-template-columns: 200px minmax(0,1fr);
  }
  .reliable-workspace {
    padding: 22px;
  }
  .reliable-app .topbar {
    padding: 14px 22px;
  }
  .reliable-facts,.reliable-project-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .reliable-fields {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .reliable-steps {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .reliable-app .role-switcher summary>span:nth-child(2) {
    display: none;
  }
}
@media (max-width:900px) {
  .reliable-app {
    display: block;
  }
  .mobile-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border: 1px solid #e1e5eb;
    background: #fff;
    color: #4a5565;
    min-width: 42px;
    min-height: 42px;
    border-radius: 8px;
    flex-shrink: 0;
  }
  .reliable-app .sidebar,.creation-home .industry-rail {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100dvh;
    width: 270px;
    max-width: 85vw;
    z-index: 90;
    transform: translateX(-105%);
    transition: transform .18s ease;
    overflow-y: auto;
  }
  .reliable-app .sidebar.is-open,.creation-home .industry-rail.is-open {
    transform: translateX(0);
  }
  .creation-home {
    display: block !important;
  }
  .creation-home .creation-main {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .creation-home .zcool-topbar {
    padding: 14px;
    display: flex;
    gap: 12px;
    height: auto;
    flex-wrap: wrap;
  }
  .creation-home .zcool-topbar>label {
    min-width: 100px;
    flex: 1;
  }
  .creation-home .zcool-account {
    gap: 8px;
  }
  .creation-home .zcool-account .role-switcher {
    display: none;
  }
  .creation-home .zcool-content {
    padding: 20px;
  }
  .creation-home .featured-carousel {
    min-width: 0;
  }
  .creation-home .zcool-mode-grid {
    grid-template-columns: 1fr;
  }
  .creation-home .discover-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .creation-home .industry-page-intro {
    padding: 0;
  }
  .creation-home .featured-copy {
    max-width: 90%;
  }
  .creation-home .featured-copy h1 {
    font-size: 30px;
    white-space: normal;
  }
  .creation-home .featured-score {
    display: none;
  }
  .creation-home .featured-stage-art {
    opacity: .2;
  }
  .creation-home .zcool-mode p {
    font-size: 14px;
  }
  .creation-home .discover-toolbar {
    flex-wrap: wrap;
  }
  .reliable-app .topbar {
    padding: 12px 18px;
    gap: 10px;
  }
  .reliable-app .global-search {
    width: 180px;
  }
  .reliable-app .role-switcher {
    display: none;
  }
  .reliable-app .reliable-crumb {
    max-width: 180px;
  }
  .admin-page {
    display: block !important;
  }
  .admin-sidebar,.admin-rail {
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .admin-sidebar nav,.admin-rail nav {
    display: flex;
    flex-wrap: wrap;
  }
  .admin-main {
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }
  .admin-dashboard-grid,.admin-overview-grid,.admin-main-grid,.admin-api-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .image-studio-layout {
    grid-template-columns: 1fr !important;
  }
  .image-studio-settings {
    min-width: 0 !important;
  }
  .support-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width:600px) {
  .reliable-workspace {
    padding: 18px 14px;
  }
  .reliable-workspace h1 {
    font-size: 24px;
  }
  .reliable-workspace h2 {
    font-size: 19px;
  }
  .reliable-project-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 18px;
  }
  .reliable-project-head>div:last-child {
    width: 100%;
  }
  .reliable-panel {
    padding: 18px 15px;
    border-radius: 10px;
    margin-bottom: 16px;
  }
  .reliable-fields,.reliable-facts,.reliable-project-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .reliable-metrics,.reliable-dashboard-metrics {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }
  .reliable-dashboard-metrics button,.reliable-metrics span {
    padding: 15px;
  }
  .reliable-steps {
    gap: 6px;
  }
  .reliable-steps button {
    font-size: 13px;
    padding: 10px 6px;
    min-height: 52px;
  }
  .reliable-app .topbar {
    padding: 10px 14px;
    flex-wrap: wrap;
    min-height: 66px;
  }
  .reliable-app .top-actions {
    gap: 8px;
    flex: 1;
    justify-content: flex-end;
  }
  .reliable-app .global-search {
    width: min(40vw,170px);
  }
  .reliable-crumb {
    display: none;
  }
  .reliable-section-head {
    display: block;
  }
  .reliable-lead {
    flex-direction: column;
    gap: 12px;
    padding: 18px 0;
  }
  .reliable-lead>div:last-child {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .reliable-workspace :is(input,textarea,select) {
    font-size: 16px;
  }
  .reliable-actions {
    gap: 8px;
  }
  .reliable-workspace button {
    min-height: 44px;
  }
  .reliable-slide {
    padding: 20px;
  }
  .reliable-image-context {
    padding: 14px;
    flex-wrap: wrap;
    font-size: 14px;
  }
  .creation-home .zcool-content {
    padding: 16px;
  }
  .creation-home .zcool-account>button,.gateway-admin-link {
    font-size: 12px;
    padding: 8px;
  }
  .creation-home .featured-carousel {
    min-height: 380px;
    height: auto;
  }
  .creation-home .featured-copy {
    padding: 32px 28px;
    max-width: 100%;
  }
  .creation-home .featured-copy h1 {
    font-size: 27px;
  }
  .creation-home .featured-copy>div {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }
  .creation-home .discover-grid {
    grid-template-columns: 1fr;
  }
  .creation-home .zcool-mode {
    padding: 22px 18px;
  }
  .creation-home .zcool-mode h3 {
    font-size: 20px;
  }
  .creation-home .zcool-mode-heading {
    display: block;
  }
  .creation-home .industry-page-intro>span {
    display: none;
  }
  .creation-home .industry-page-intro strong {
    font-size: 24px;
  }
  .creation-home .industry-page-intro p {
    line-height: 1.65;
  }
  .creation-home .discover-toolbar label {
    width: 100%;
  }
  .creation-home .discover-toolbar input {
    font-size: 16px;
  }
  .creation-home .discover-art {
    height: 210px;
  }
  .creation-home .discover-grid>button>div:last-child strong {
    font-size: 17px;
  }
  .creation-home .discover-grid>button>div:last-child small {
    font-size: 13px;
  }
  .admin-portal-shell {
    padding: 0 !important;
  }
  .admin-api-grid,.admin-dashboard-grid,.admin-overview-grid,.admin-main-grid,.admin-stats {
    grid-template-columns: 1fr !important;
  }
  .admin-topbar,.admin-heading,.admin-hero {
    flex-wrap: wrap !important;
    padding: 16px !important;
  }
  .admin-card {
    padding: 16px !important;
    min-width: 0 !important;
  }
  .admin-table-wrap {
    overflow-x: auto;
  }
  .admin-table {
    min-width: 700px;
  }
  .image-studio-page {
    padding: 14px !important;
    min-width: 0 !important;
  }
  .image-studio-main,.image-studio-form {
    min-width: 0 !important;
  }
  .image-studio-hero,.support-hero {
    display: block !important;
    padding: 20px !important;
  }
  .image-tool-grid,.image-asset-grid,.image-studio-tools,.image-job-grid {
    grid-template-columns: 1fr !important;
  }
  .support-page {
    padding: 14px !important;
  }
  .support-grid>* {
    min-width: 0 !important;
  }
  .recharge-dialog {
    width: calc(100vw - 28px) !important;
    max-height: 90vh;
    overflow: auto;
  }
  .recharge-packages {
    grid-template-columns: 1fr !important;
  }
  .share-project-page {
    min-width: 0;
    padding: 16px;
  }
  .share-project-page h1 {
    font-size: 26px;
  }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
.reliable-app .workspace {
  margin: 0 !important;
}
.reliable-app {
  background: #f6f7f9 !important;
}
.reliable-workspace pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.7;
  padding: 15px;
  background: #f5f7f9;
  border-radius: 7px;
}
.reliable-steps b {
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}
.admin-rail-title strong {
  font-size: 16px !important;
}
.admin-header-actions {
  font-size: 12px !important;
}
.admin-card .admin-api-card small {
  font-size: 12px !important;
}
@media (max-width:900px) {
  .admin-rail {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
    padding: 16px !important;
  }
  .admin-rail-title,.admin-rail>p,.admin-rail-links,.admin-rail-footer {
    grid-column: 1/-1;
  }
  .admin-rail>button {
    margin: 0 !important;
    min-height: 44px;
    height: auto !important;
    padding: 10px !important;
    font-size: 13px !important;
  }
  .admin-rail>button>span,.admin-rail>button>em {
    display: none !important;
  }
  .admin-rail-links {
    margin-top: 12px !important;
  }
  .admin-header {
    padding: 20px 16px !important;
    gap: 14px;
    display: flex;
    flex-wrap: wrap;
  }
  .admin-header h1 {
    font-size: 24px !important;
  }
  .admin-header p {
    font-size: 14px !important;
  }
}
.reliable-app .industry-brand strong {
  color: #263348 !important;
  -webkit-text-fill-color: #263348 !important;
  background: none !important;
  filter: none !important;
  opacity: 1 !important;
}
.reliable-app .industry-brand {
  box-shadow: none !important;
  background: #fff !important;
  border: 0 !important;
}
.global-search-results {
  width: min(760px,100%);
  overflow-wrap: anywhere;
}
.global-search-results section {
  padding: 12px 0;
  border-top: 1px solid #dfe5eb;
}
.global-search-results section>button {
  display: block;
  width: 100%;
  text-align: left;
  margin: 8px 0;
  background: #f6f8fc;
  font-size: 16px;
}
.global-search-results small {
  display: block;
  font-size: 14px;
  color: #5b6575;
}
.global-search-results h3 {
  font-size: 18px;
}
.search-resource-detail {
  padding: 16px;
  background: #f6f8fc;
  border-radius: 10px;
}
.voice-input {
  margin: 12px 0;
}
.voice-input label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
}
.voice-input textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid #cad3df;
  border-radius: 10px;
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}
.voice-input>small {
  display: block;
  margin-top: 8px;
  line-height: 1.6;
  font-size: 14px;
  color: #536174;
}
.voice-input button[aria-pressed=true] {
  background: #fee7e5;
  color: #9f2721;
  border-color: #e08b84;
}
@media (max-width:600px) {
  .global-search-results {
    padding: 22px;
  }
  .global-search-results h2 {
    font-size: 20px;
  }
}
.creative-flow {
  max-width: 1600px;
  margin: auto;
}
.flow-steps {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.flow-steps button {
  padding: 20px 14px;
  text-align: left;
  border: 1px solid #cbd5e144;
  border-radius: 16px;
  background: #ffffff0a;
  font-size: 17px;
}
.flow-steps button span {
  display: block;
  font-size: 13px;
  opacity: .6;
  margin-bottom: 6px;
}
.flow-steps button.active {
  background: #dfcfec30;
  border-color: #b5a2dd;
}
.flow-save {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0;
  font-size: 14px;
}
.creative-flow label {
  display: block;
}
.creative-flow input:not([type=checkbox]):not([type=file]),.creative-flow textarea {
  display: block;
  width: 100%;
  padding: 12px;
  margin: 8px 0 18px;
  border: 1px solid #94a3b844;
  border-radius: 10px;
  background: #ffffff09;
  color: inherit;
  font: inherit;
  font-size: 16px;
}
.creative-flow textarea {
  line-height: 1.65;
  resize: vertical;
}
.flow-choice-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin: 16px 0 24px;
}
.flow-choice-grid label {
  border: 1px solid #94a3b844;
  border-radius: 14px;
  padding: 18px;
  cursor: pointer;
}
.flow-choice-grid label.selected {
  border-color: #b69fda;
  background: #c8b6e322;
}
.flow-choice-grid strong {
  font-size: 17px;
  margin: 0 8px;
}
.flow-choice-grid small {
  font-size: 13px;
}
.flow-choice-grid p {
  font-size: 14px;
  line-height: 1.6;
}
.flow-notice {
  background: #c5b4e519;
  border: 1px solid #ac94cb44;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.65;
}
.flow-drop {
  border: 1px dashed #94a3b888;
  border-radius: 14px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
}
.file-intake input {
  display: block;
  margin: 12px auto;
}
.flow-files {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 14px 0;
}
.flow-files a {
  padding: 10px;
  border-radius: 8px;
  background: #94a3b822;
}
.visual-card-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 22px;
}
.image-well {
  height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  outline-offset: 4px;
}
.image-well b {
  font-size: 38px;
  font-weight: 400;
}
.image-well img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.flow-results {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}
.flow-results figure {
  margin: 0;
}
.flow-results img {
  width: 100%;
  height: 160px;
  object-fit: contain;
  border-radius: 10px;
}
.flow-results figcaption {
  font-size: 13px;
  padding: 8px;
}
.flow-deliverables>div {
  display: flex;
  gap: 12px;
  align-items: center;
}
.flow-deliverables input {
  flex: 1;
}
.creative-flow button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
@media (max-width:900px) {
  .flow-choice-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .visual-card-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width:600px) {
  .flow-steps {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .flow-choice-grid {
    grid-template-columns: 1fr;
  }
  .flow-steps button {
    padding: 12px;
    font-size: 16px;
  }
  .creative-flow {
    padding: 14px;
  }
  .flow-deliverables>div {
    align-items: baseline;
  }
}
.flow-fields {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.xg-cases .xg-case-filters {
  grid-template-columns: 1fr;
}
.case-category-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin: 0 0 18px;
}
.case-category-grid button {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 5px 10px;
  align-items: center;
  text-align: left;
  padding: 15px;
  border: 1px solid #aabbd2;
  border-radius: 16px;
  background: #ffffff80;
  color: #253954;
  cursor: pointer;
}
.case-category-grid button strong {
  font-size: 17px;
  letter-spacing: .1em;
  white-space: nowrap;
}
.case-category-grid button small {
  grid-column: 2;
  font-size: 13px;
  color: #52637c;
}
.case-category-grid button.active {
  border: 2px solid #3575c4;
  background: #e4efff;
}
.case-category-grid button:focus-visible {
  outline: 3px solid #3575c4;
  outline-offset: 3px;
}
.case-archive {
  margin: 8px 0;
  color: #52637c;
}
.case-archive summary {
  cursor: pointer;
}
.case-archive button {
  margin: 10px 8px 0 0;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid #aabbd2;
  background: #ffffff80;
  color: #253954;
}
.case-category-note {
  margin: 16px 0;
  color: #52637c;
  font-size: 14px;
  line-height: 1.7;
}
@media (max-width:700px) {
  .case-category-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .case-category-grid button {
    padding: 12px;
    grid-template-columns: 22px 1fr;
  }
  .case-category-grid button small {
    grid-column: 1/-1;
  }
  .case-category-grid button strong {
    font-size: 16px;
    letter-spacing: 0;
  }
}
.work-entry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin: 24px 0;
}
.work-entry-grid>button {
  padding: 24px;
  text-align: left;
  background: #ffffffa6;
  color: #253954;
  border: 1px solid #bdcfe6;
  border-radius: 22px;
  cursor: pointer;
}
.work-entry-grid>button>span {
  font-size: 13px;
  color: #536f95;
}
.work-entry-grid>button>strong {
  display: block;
  font-size: 24px;
  margin: 12px 0;
}
.work-entry-grid p {
  line-height: 1.6;
}
.work-entry-grid>button:hover {
  border-color: #3575c4;
  background: #e4efff;
}
.work-entry-grid>button:focus-visible {
  outline: 3px solid #3575c4;
  outline-offset: 3px;
}
.case-reference-note {
  padding: 16px;
  background: #e4efff80;
  border: 1px solid #bdcfe6;
  border-radius: 14px;
  margin: 16px 0;
}
@media (max-width:760px) {
  .work-entry-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .work-entry-grid>button {
    padding: 18px;
  }
  .work-entry-grid>button>strong {
    font-size: 21px;
    margin: 8px 0;
  }
}
.native-generation-panel {
  padding: 18px;
  margin: 16px 0;
  border: 1px solid #aac2de;
  border-radius: 18px;
  background: #edf4ff80;
}
.native-generation-panel article {
  padding: 16px 0;
  border-top: 1px solid #bfcfe0;
  margin-top: 14px;
}
.native-generation-panel textarea {
  width: 100%;
}
.native-result-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  margin: 12px 0;
}
:root {
  --xg-bg: #10131b;
  --xg-panel: #191e28;
  --xg-raised: #202632;
  --xg-border: #ffffff12;
  --xg-text: #e5e8f0;
  --xg-muted: #a0adbf;
  --xg-accent: #e99ab7;
  color-scheme: dark;
}
body {
  background: radial-gradient(ellipse at 75% 0,#41325055,transparent 45%),var(--xg-bg);
  color: var(--xg-text);
}
.app-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px !important;
  height: 32px !important;
  vertical-align: middle;
  line-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  filter: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.app-icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  margin: 0 !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}
button:has(>.app-icon),a:has(>.app-icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
a,button {
  -webkit-tap-highlight-color: transparent;
}
button:disabled {
  opacity: .48;
}
:focus-visible {
  outline: 2px solid var(--xg-accent);
  outline-offset: 3px;
}
.reliable-app {
  grid-template-columns: 220px minmax(0,1fr);
  gap: 12px;
  padding: 14px;
  min-height: 100dvh;
  background: transparent !important;
  color: var(--xg-text);
  font-size: 15px;
}
.reliable-app .sidebar {
  top: 14px;
  height: calc(100dvh - 28px);
  padding: 12px;
  border: 1px solid var(--xg-border);
  border-radius: 22px;
  background: linear-gradient(135deg,#1d222c,#161b24);
  box-shadow: inset 0 1px #ffffff07;
  scrollbar-width: thin;
}
.reliable-app .industry-brand {
  height: 94px;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 4px 0 12px;
  margin: 0 0 10px;
  border-bottom: 1px solid var(--xg-border) !important;
  background: transparent !important;
}
.reliable-app .industry-brand .xigang-brand {
  width: 196px !important;
  height: auto !important;
  max-width: 100%;
  object-fit: contain;
}
.xigang-brand {
  object-fit: contain !important;
}
.xg-nav-label {
  display: block;
  font-size: 10px;
  letter-spacing: 1px;
  color: #8993a5;
  padding: 0 8px;
  margin: 4px 0 10px;
}
.reliable-app .nav-item {
  width: 100%;
  min-height: 42px;
  padding: 4px 9px;
  border: 1px solid transparent;
  border-radius: 11px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  color: #b9c3d3;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.3;
  margin: 1px 0;
  background: transparent;
}
.reliable-app .nav-item .app-icon {
  flex-basis: 30px;
  width: 30px !important;
  height: 30px !important;
}
.reliable-app .nav-item:hover {
  background: #ffffff06;
  color: #fff;
}
.reliable-app .nav-item.active {
  background: linear-gradient(110deg,#502c4055,#251f2c);
  border-color: #d7779633;
  box-shadow: inset 3px 0 #ef90ad;
  color: #ffbfd4;
}
.reliable-app .xg-sub {
  min-height: 32px;
  padding: 6px 12px 6px 49px;
  font-size: 13px;
}
.xg-chevron {
  margin-left: auto;
  font-size: 20px;
  color: #8993a5;
}
.reliable-app .sidebar-bottom {
  margin-top: auto;
  padding: 14px 0 0;
  gap: 7px;
}
.xg-tools {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 6px;
  padding: 6px 0 12px;
  border-bottom: 1px solid var(--xg-border);
}
.reliable-app .xg-tools button {
  display: grid;
  place-items: center;
  padding: 4px;
  border: 0;
  background: transparent;
  min-width: 0;
  height: 36px;
}
.xg-tools button:hover {
  background: #ffffff08;
}
.xg-tools .app-icon {
  flex-basis: 26px;
  width: 26px !important;
  height: 26px !important;
}
.reliable-app .xg-footer,.reliable-app .xg-user {
  background: #ffffff03;
  border: 1px solid var(--xg-border);
  min-height: 48px;
  margin: 0;
}
.xg-footer small {
  margin-left: 8px;
  color: var(--xg-muted);
  font-size: 11px;
}
.xg-avatar {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg,#58374d,#2b273b);
  color: #ecc0d0;
  border-radius: 10px;
  font-size: 11px;
  flex-shrink: 0;
}
.reliable-app .workspace {
  background: linear-gradient(135deg,#191e28,#141923);
  border: 1px solid var(--xg-border);
  border-radius: 22px;
  overflow: clip;
  min-width: 0;
  min-height: calc(100dvh - 28px);
}
.reliable-app .topbar {
  position: relative;
  min-height: 96px;
  padding: 22px 30px;
  background: transparent;
  border-bottom: 1px solid #ffffff05;
  gap: 14px;
  z-index: 20;
}
.xg-heading {
  min-width: 0;
}
.xg-heading>small {
  display: block;
  font-size: 9px;
  letter-spacing: 2px;
  color: #8690a4;
  margin-bottom: 9px;
}
.reliable-app .reliable-crumb {
  display: block;
  color: var(--xg-text);
  font-size: 24px;
  line-height: 1.35;
  max-width: none;
  letter-spacing: -.5px;
}
.xg-workspace-status {
  color: #b7c2cc;
  border: 1px solid var(--xg-border);
  border-radius: 99px;
  padding: 7px 11px;
  font-size: 11px;
  white-space: nowrap;
}
.xg-workspace-status::first-letter {
  color: #8cb4a3;
}
.reliable-app .reliable-new-project {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  margin: 0;
  padding: 4px 12px;
  border: 1px solid #d9799844;
  background: #59304466;
  color: #ffd0df;
  border-radius: 10px;
  font-size: 13px;
  white-space: nowrap;
}
.reliable-new-project .app-icon {
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px;
}
.reliable-new-project:hover {
  background: #693a5066;
}
.xg-contextbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 30px 18px;
  border-bottom: 1px solid var(--xg-border);
  min-width: 0;
}
.xg-contextbar>span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #c1cad7;
  font-size: 14px;
  white-space: nowrap;
}
.xg-contextbar>span .app-icon {
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px;
}
.reliable-app .global-search {
  display: flex;
  align-items: center;
  width: 290px;
  max-width: 100%;
  background: #151a25;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  height: 44px;
  overflow: hidden;
}
.reliable-app .global-search input {
  height: 100%;
  min-width: 0;
  background: transparent;
  border: 0;
  padding: 0 12px;
  color: var(--xg-text);
  font-size: 12px;
}
.reliable-app .global-search button {
  border: 0;
  background: transparent;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  padding: 8px;
}
.reliable-app .global-search .app-icon {
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px;
}
.reliable-workspace {
  padding: 26px 30px;
  font-size: 15px;
  color: var(--xg-text);
}
.reliable-workspace :is(h1,h2,h3) {
  color: var(--xg-text);
}
.reliable-workspace h1 {
  font-size: 27px;
}
.reliable-workspace p {
  color: var(--xg-muted);
}
.reliable-workspace small {
  color: #99a6ba;
  font-size: 12px;
}
.reliable-project-head {
  margin-bottom: 22px;
}
.reliable-project-head>div>span {
  color: var(--xg-accent);
}
.reliable-panel {
  background: var(--xg-panel);
  border-color: var(--xg-border);
  border-radius: 17px;
  padding: 24px;
  box-shadow: inset 0 1px #ffffff04;
}
.reliable-workspace a {
  color: #e6a8bf;
}
.reliable-workspace label {
  color: #c4cedd;
}
.reliable-workspace :is(input,textarea,select) {
  background: #141a24;
  color: #e4e9f1;
  border-color: #39404f;
  color-scheme: dark;
}
.reliable-workspace :is(input,textarea,select):focus {
  border-color: #d580a2;
}
.reliable-workspace button,.reliable-file {
  background: #202632;
  color: #cbd4e2;
  border-color: #ffffff17;
  border-radius: 10px;
}
.reliable-workspace button:hover:not(:disabled) {
  background: #2a2534;
  border-color: #d7779655;
}
.reliable-workspace button.primary {
  background: linear-gradient(135deg,#b96083,#874563);
  border-color: #d28aab88;
  color: #fff;
}
.reliable-workspace button.primary:hover:not(:disabled) {
  background: #a95b7d;
}
.reliable-actions button[aria-selected=true],.reliable-slide-tabs button[aria-pressed=true] {
  background: #53304755;
  color: #ffc9d8;
  border-color: #d9799855;
}
.reliable-steps button {
  background: #1b202b;
  border-color: #ffffff15;
}
.reliable-steps button[aria-current=step] {
  color: #ffc9d8;
  background: #50304666;
  border-color: #d9799855;
}
.reliable-steps b {
  color: #b59baf;
}
.reliable-panel summary {
  color: #cbd4e2;
}
.reliable-notice {
  color: #d8c2a4;
  border-color: #94754455;
  background: #6d553b22;
}
.reliable-error {
  background: #582d3533;
  border-color: #b0677d55;
  color: #f0b4c2;
}
.reliable-workspace .reliable-check input {
  accent-color: #d580a2;
}
.reliable-workspace :is(.reliable-facts article,.reliable-project-grid>article,.reliable-metrics span,.reliable-dashboard-metrics button) {
  background: #1d232f;
  border-color: var(--xg-border);
  color: var(--xg-muted);
}
.reliable-dashboard-metrics b,.reliable-metrics b {
  color: #e4e9f1;
}
.reliable-dashboard-metrics button:nth-child(2) b,.reliable-facts h3,.reliable-status {
  color: #efadca !important;
}
.reliable-lead {
  border-color: var(--xg-border);
}
.reliable-slide {
  background: linear-gradient(125deg,#302332,#1b202c);
  border-color: var(--xg-border);
}
.reliable-table-wrap {
  border-color: #39404f;
}
.reliable-table-wrap th {
  background: #252c38;
  color: #a8b5ca;
}
.reliable-table-wrap th,.reliable-table-wrap td {
  border-color: #ffffff0d;
}
.reliable-workspace pre {
  background: #131923;
  color: #c6d1e2;
}
.reliable-image-context {
  background: #392b3a55;
  color: #d8b8ca;
  border-bottom: 1px solid #ffffff10;
}
.reliable-image-context button {
  background: #272433;
  border-color: #7f5c7355;
  color: #eac3d4;
}
.xg-menu-search {
  width: 560px;
}
.reliable-modal,.notification-drawer,.recharge-dialog {
  background: #1b202b !important;
  color: #e4e9f1 !important;
  border: 1px solid #ffffff17;
}
.reliable-modal :is(button,input),.notification-drawer button,.recharge-dialog button {
  background: #242a36;
  color: #e5d4e1;
  border: 1px solid #ffffff20;
  border-radius: 9px;
}
.reliable-modal p,.notification-drawer p,.recharge-dialog p {
  color: var(--xg-muted);
}
.xg-menu-search input {
  width: 100%;
  padding: 12px;
  margin: 16px 0;
  font-size: 16px;
}
.xg-menu-search>div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.xg-menu-search>div button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin: 0;
  text-align: left;
  font-size: 14px;
}
.xg-menu-search>div button>span:last-child {
  margin-left: auto;
}
.notification-drawer article {
  border-color: var(--xg-border);
}
.toast {
  background: #333043 !important;
  color: #fff !important;
  border: 1px solid #d580a244;
}
.mobile-menu {
  background: #222936 !important;
  color: #ced8e9 !important;
  border-color: #ffffff20 !important;
}
.xg-cases .industry-rail,.xg-cases .zcool-topbar {
  display: none !important;
}
.xg-cases .creation-home {
  display: block !important;
}
.xg-cases .creation-main {
  margin: 0 !important;
  width: 100% !important;
}
.xg-cases .zcool-content {
  padding: 26px 30px;
}
.xg-cases .creation-home,.xg-cases .creation-main {
  background: transparent !important;
}
.reliable-app :is(.projects-page,.tender-page,.support-page,.upload-page,.supplier-page,.image-studio-page,.marketplace-page) {
  background: transparent !important;
  color: var(--xg-text);
}
.reliable-app :is(.project-card,.support-card,.upload-card,.supplier-card,.image-job-card,.image-studio-main,.image-settings-sticky,.image-model-grid>button,.image-scene-grid>button,.image-mode-strip>button,.tender-card,.marketplace-card) {
  background: #1d232f !important;
  border-color: #ffffff17 !important;
  color: #d7deea !important;
}
.reliable-app :is(.image-studio-hero,.support-hero,.projects-hero,.tender-hero) {
  background: linear-gradient(125deg,#342b40,#1e2533) !important;
  color: #e7deeb !important;
  border-color: #ffffff15 !important;
}
.reliable-app :is(.image-studio-page,.support-page,.upload-page,.projects-page,.tender-page,.supplier-page,.marketplace-page) :is(h1,h2,h3,strong) {
  color: #e0e5ef;
}
.reliable-app :is(.image-studio-page,.support-page,.upload-page,.projects-page,.tender-page,.supplier-page,.marketplace-page) :is(p,small,label) {
  color: #a8b5c8;
}
.reliable-app :is(.image-studio-page,.support-page,.upload-page,.projects-page,.tender-page,.supplier-page,.marketplace-page) :is(input,textarea,select) {
  background: #141a24;
  color: #e4e9f1;
  border-color: #39404f;
}
.reliable-app :is(.image-studio-page,.support-page,.upload-page,.projects-page,.tender-page,.supplier-page,.marketplace-page) button {
  color: #dce1ec;
}
.reliable-app :is(.image-model-grid,.image-scene-grid,.image-mode-strip) button.active {
  border-color: #d9799888 !important;
  background: #50304755 !important;
}
.image-generate-button {
  background: linear-gradient(135deg,#b96083,#874563) !important;
}
.image-option-grid button {
  background: #222a37;
  color: #dce1ec;
  border-color: #ffffff20;
}
.image-option-grid button.active {
  background: #5a334a;
  border-color: #d97998;
}
.image-upload-zone {
  background: #1a202b !important;
  border-color: #605468 !important;
}
.image-project-link {
  background: #ffffff05 !important;
}
.signin-page {
  background: radial-gradient(ellipse at top,#3d294f,#10131b) !important;
  color: #e5e8f0;
}
.signin-card {
  background: #1b202b !important;
  border-color: #ffffff17 !important;
}
.signin-card :is(h1,h2,strong) {
  color: #e5e8f0 !important;
}
.signin-card :is(p,span) {
  color: #aab7ca !important;
}
.signin-brand .xigang-brand {
  width: 240px;
  height: auto;
}
.signin-brand>span {
  display: none;
}
.signin-primary {
  background: linear-gradient(135deg,#b96083,#874563) !important;
}
.signin-role-grid article {
  background: #222936 !important;
  border-color: #ffffff17 !important;
}
.admin-portal-shell {
  background: #10131b !important;
}
.admin-portal-shell :is(.admin-rail,.admin-card,.admin-header,.admin-main,.admin-topbar) {
  background: #1b202b !important;
  color: #e5e8f0 !important;
  border-color: #ffffff17 !important;
}
.admin-portal-shell :is(h1,h2,h3,strong) {
  color: #e5e8f0 !important;
}
.admin-portal-shell :is(p,small,label) {
  color: #aab7ca !important;
}
.admin-portal-shell :is(input,textarea,select) {
  background: #141a24 !important;
  color: #e4e9f1 !important;
  border-color: #39404f !important;
}
@media (max-width:1200px) {
  .reliable-app {
    grid-template-columns: 210px minmax(0,1fr);
  }
  .reliable-workspace {
    padding: 24px;
  }
  .reliable-app .topbar {
    padding: 20px 24px;
  }
  .xg-contextbar {
    padding: 12px 24px;
  }
  .reliable-app .industry-brand .xigang-brand {
    width: 188px !important;
  }
}
@media (max-width:900px) {
  .reliable-app {
    display: block;
    padding: 10px;
  }
  .reliable-app .sidebar {
    top: 10px;
    left: 10px;
    bottom: 10px;
    height: calc(100dvh - 20px);
    width: 238px;
    padding: 12px;
    max-width: 85vw;
  }
  .reliable-app .workspace {
    min-height: calc(100dvh - 20px);
  }
  .reliable-app .topbar {
    position: sticky;
    top: 0;
    background: #191e28f5;
    min-height: 84px;
    padding: 16px 20px;
  }
  .reliable-app .reliable-crumb {
    font-size: 22px;
  }
  .xg-workspace-status {
    display: none;
  }
  .xg-contextbar {
    padding: 12px 20px;
    flex-wrap: wrap;
  }
  .reliable-app .global-search {
    width: 280px;
  }
  .reliable-app .sidebar .xigang-brand {
    width: 204px !important;
  }
}
@media (max-width:600px) {
  .reliable-app {
    padding: 6px;
  }
  .reliable-app .workspace {
    border-radius: 16px;
    min-height: calc(100dvh - 12px);
  }
  .reliable-app .topbar {
    padding: 14px 12px;
    flex-wrap: nowrap;
    gap: 10px;
    min-height: 80px;
  }
  .xg-heading {
    flex: 1;
  }
  .xg-heading>small {
    font-size: 8px;
    letter-spacing: .8px;
  }
  .reliable-app .reliable-crumb {
    display: block;
    font-size: 18px;
    white-space: normal;
  }
  .reliable-app .top-actions {
    flex: 0 0 auto;
    margin-left: 0;
  }
  .reliable-app .reliable-new-project {
    font-size: 12px;
    padding: 7px 9px;
  }
  .reliable-new-project .app-icon {
    display: none !important;
  }
  .xg-contextbar {
    padding: 10px 12px;
    gap: 8px;
  }
  .xg-contextbar>span {
    font-size: 13px;
  }
  .reliable-app .global-search {
    flex: 1;
    min-width: 160px;
    height: 42px;
  }
  .reliable-app .global-search input {
    font-size: 16px;
  }
  .reliable-workspace {
    padding: 20px 12px;
  }
  .reliable-workspace h1 {
    font-size: 23px;
  }
  .reliable-panel {
    padding: 18px 15px;
  }
  .reliable-section-head>.reliable-actions {
    margin-top: 14px;
  }
  .reliable-modal {
    padding: 22px 18px;
    width: 100%;
    max-height: 85dvh;
  }
  .xg-menu-search>div {
    grid-template-columns: 1fr;
  }
  .xg-cases .zcool-content {
    padding: 20px 12px;
  }
  .notification-drawer {
    max-width: 94vw;
  }
  .reliable-app .sidebar {
    top: 6px;
    left: 6px;
    bottom: 6px;
    height: calc(100dvh - 12px);
  }
  .reliable-steps {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .reliable-steps button {
    min-height: 58px;
  }
  .reliable-dashboard-metrics {
    gap: 8px;
  }
}
.xg-notification-button {
  position: relative;
}
.xg-notification-dot {
  position: absolute;
  right: 5px;
  top: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ef90ad;
}
.xg-brand-lockup {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-width: 0;
}
.reliable-app .industry-brand .xg-brand-lockup small {
  display: block;
  color: #c4cedd !important;
  font-size: 12px !important;
  line-height: 1.5;
  white-space: nowrap;
  margin-top: -6px;
  letter-spacing: .3px;
}
.reliable-app .industry-brand .xg-brand-lockup {
  width: 100%;
}
.signin-brand .xg-brand-lockup {
  display: flex !important;
}
.signin-brand .xg-brand-lockup small {
  color: #c4cedd !important;
  font-size: 16px;
}
.reliable-app .sidebar {
  overflow: hidden !important;
}
.reliable-app .sidebar>nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: thin;
}
.reliable-app .sidebar>.industry-brand,.reliable-app .sidebar>.sidebar-bottom {
  flex-shrink: 0;
}
.reliable-app .sidebar>.sidebar-bottom {
  margin-top: 0;
}
.xg-case-filters {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 16px;
  margin-bottom: 24px;
  padding: 18px;
  background: #1b202b;
  border: 1px solid #ffffff17;
  border-radius: 14px;
}
.xg-case-filters label {
  display: grid;
  gap: 8px;
  color: #b6c1d3;
  font-size: 14px;
}
.xg-case-filters :is(input,select) {
  width: 100%;
  min-width: 0;
  font-size: 15px;
  padding: 10px 12px;
  background: #141a24;
  color: #e4e9f1;
  border: 1px solid #39404f;
  border-radius: 9px;
}
.xg-cases .industry-page-intro :is(strong,small) {
  color: #dce4f0 !important;
}
.xg-cases .industry-page-intro p {
  color: #aab7ca !important;
}
.xg-cases :is(.zcool-mode,.discover-toolbar,.discover-grid>button) {
  background: #1b202b !important;
  color: #dce4f0 !important;
  border-color: #ffffff17 !important;
}
.xg-cases :is(.zcool-mode,.discover-toolbar,.discover-grid>button) :is(h3,strong,small,p) {
  color: #b8c6d9 !important;
}
.xg-cases .discover-tabs button {
  background: #242a36 !important;
  color: #b8c6d9 !important;
}
.xg-cases .discover-tabs button.active {
  background: #53304755 !important;
  color: #efadca !important;
}
@media (max-width:600px) {
  .xg-case-filters {
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .xg-case-filters :is(input,select) {
    font-size: 16px;
  }
}
.image-settings-sticky dl,.image-safety-note {
  background: #24222f !important;
  color: #b8aaba !important;
}
.image-settings-sticky dd {
  color: #d7dceb !important;
}
.image-option-grid button {
  background: #202632 !important;
  color: #c4cfe0 !important;
  border-color: #ffffff17 !important;
}
.image-option-grid button.active {
  background: #53304755 !important;
  border-color: #d9799877 !important;
}
.image-prompt-box footer {
  background: #1b202b !important;
}
.image-reference-row,.image-results-section>header {
  border-color: #ffffff17 !important;
}
.image-studio-settings {
  background: #1b202b !important;
  border-color: #ffffff17 !important;
  border-radius: 17px !important;
  padding: 18px !important;
}
.image-studio-section-head small,.image-settings-sticky>label,.image-scene-grid button span,.image-mode-strip button span {
  font-size: 13px !important;
  line-height: 1.7 !important;
}
.image-scene-grid button strong,.image-mode-strip button strong {
  font-size: 15px !important;
}
.reliable-app .upload-portal-page {
  padding: 26px 30px;
  color: #dce4f0;
}
.reliable-app .upload-portal-hero {
  background: linear-gradient(125deg,#342b40,#1e2533) !important;
  color: #e5e8f0 !important;
  border: 1px solid #ffffff15;
  border-radius: 17px;
  padding: 24px;
}
.reliable-app :is(.upload-form-card,.upload-guide-card,.upload-record-card,.user-upload-files>div) {
  background: #1b202b !important;
  color: #dce4f0 !important;
  border-color: #ffffff17 !important;
  border-radius: 17px;
  box-shadow: none !important;
}
.reliable-app .upload-portal-page :is(h1,h2,h3,strong) {
  color: #e5e8f0 !important;
}
.reliable-app .upload-portal-page :is(p,small,label,li) {
  color: #aab7ca !important;
  font-size: 14px;
  line-height: 1.7;
}
.reliable-app .upload-portal-page :is(input,textarea,select) {
  background: #141a24 !important;
  color: #e5e8f0 !important;
  border-color: #39404f !important;
  font-size: 15px;
}
.reliable-app .user-upload-dropzone {
  background: #232431 !important;
  border-color: #7a536888 !important;
}
.reliable-app .upload-portal-page button {
  background: #342938 !important;
  color: #e6bbce !important;
  border: 1px solid #d9799844 !important;
  border-radius: 10px;
  min-height: 40px;
  padding: 8px 12px;
}
.reliable-app .upload-portal-page a {
  color: #e6bbce;
}
.reliable-app .upload-record-row {
  border-color: #ffffff15 !important;
}
.reliable-app .upload-record-row.head {
  background: #242a36 !important;
  color: #aab7ca !important;
}
.reliable-app .upload-record-table {
  overflow-x: auto;
}
.reliable-app .upload-record-row {
  min-width: 700px;
}
@media (max-width:600px) {
  .reliable-app .upload-portal-page {
    padding: 20px 12px;
  }
  .reliable-app .upload-portal-page :is(input,textarea,select) {
    font-size: 16px;
  }
  .reliable-app .upload-portal-grid {
    grid-template-columns: 1fr !important;
  }
  .reliable-app .upload-form-grid {
    grid-template-columns: 1fr !important;
  }
  .reliable-app .upload-portal-hero {
    display: block;
  }
  .reliable-app .upload-hero-stat {
    margin-top: 16px;
  }
}
.reliable-app .sidebar {
  background: linear-gradient(135deg,#1d222c,#161b24) !important;
  scrollbar-color: #4b4356 transparent;
}
.reliable-app .topbar {
  background: #191e28f5 !important;
}
.reliable-app .global-search {
  background: #151a25 !important;
}
.reliable-app .industry-brand .xigang-brand {
  flex: none !important;
  width: 196px !important;
  height: 63px !important;
  max-width: 100% !important;
}
.reliable-app .sidebar-bottom .nav-item {
  color: #c7cfdd !important;
}
.reliable-app .sidebar-bottom small {
  color: #99a6b9 !important;
}
.reliable-app .workspace :is(.projects-live-hero,.marketplace-hero,.support-hero,.tender-hero,.image-studio-hero) {
  background: linear-gradient(125deg,#342b40,#1e2533) !important;
  border: 1px solid #ffffff13;
  border-radius: 17px;
  box-shadow: none !important;
  padding: 24px !important;
  color: #e5e8f0 !important;
}
.reliable-app .workspace :is(.projects-create-card,.projects-live-list,.project-version-dialog,.support-form,.support-history,.marketplace-grid>article,.user-upload-card,.upload-form,.upload-list,.tender-filter-card,.tender-result-card,.image-prompt-box,.image-settings-sticky,.image-reference-list,.image-results-section,.image-job-card) {
  background: #1b202b !important;
  color: #d9e0ed !important;
  border-color: #ffffff17 !important;
  border-radius: 17px;
  box-shadow: none !important;
}
.reliable-app .workspace :is(.projects-live-page,.support-page,.marketplace-page,.user-upload-page,.tender-page,.image-studio-page) :is(h1,h2,h3,strong) {
  color: #e5e8f0 !important;
}
.reliable-app .workspace :is(.projects-live-page,.support-page,.marketplace-page,.user-upload-page,.tender-page,.image-studio-page) :is(p,small,label) {
  color: #aab7ca !important;
}
.reliable-app .workspace :is(.projects-live-page,.support-page,.marketplace-page,.user-upload-page,.tender-page,.image-studio-page) :is(input,textarea,select) {
  background: #141a24 !important;
  color: #e5e8f0 !important;
  border-color: #39404f !important;
  font-size: 15px;
}
.reliable-app .workspace :is(.projects-live-list article,.project-version-list article,.support-history article) {
  border-color: #ffffff15 !important;
}
.reliable-app .workspace :is(.project-live-icon,.marketplace-icon) {
  background: #ffffff04 !important;
  border-radius: 10px;
  display: grid;
  place-items: center;
}
.reliable-app .workspace :is(.projects-live-page,.support-page,.marketplace-page,.user-upload-page,.tender-page) button {
  background: #252b37 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 10px;
  color: #ccd6e6 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 13px;
  white-space: nowrap;
}
.reliable-app .workspace :is(.projects-create-card>button,.support-form>button,.projects-live-list button.primary) {
  background: linear-gradient(135deg,#b96083,#874563) !important;
  color: white !important;
}
.reliable-app .workspace :is(.projects-live-page,.support-page,.marketplace-page,.user-upload-page,.tender-page) {
  padding: 26px 30px;
  min-width: 0;
}
.projects-live-layout {
  grid-template-columns: minmax(0,1fr) !important;
}
.projects-live-list article {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.projects-live-list article>div:nth-child(2) {
  flex: 1 1 220px;
  min-width: 0;
}
.projects-live-list article>button {
  flex: 0 0 auto;
}
.projects-live-list article em {
  background: #50304755 !important;
  color: #e2a5bd !important;
}
.reliable-app .workspace .eyebrow {
  color: #e3a0bb !important;
}
.reliable-app .workspace .projects-live-hero p {
  font-size: 15px !important;
  line-height: 1.7 !important;
}
@media (max-width:900px) {
  .projects-live-layout {
    grid-template-columns: 1fr !important;
  }
  .reliable-app .sidebar-bottom {
    flex-shrink: 0;
  }
}
@media (max-width:600px) {
  .reliable-app .workspace :is(.projects-live-page,.support-page,.marketplace-page,.user-upload-page,.tender-page) {
    padding: 20px 12px;
  }
  .reliable-app .workspace :is(.projects-live-page,.support-page,.marketplace-page,.user-upload-page,.tender-page) :is(input,textarea,select) {
    font-size: 16px;
  }
  .projects-live-list article>div:nth-child(2) {
    flex-basis: calc(100% - 64px);
  }
  .projects-live-list article>button {
    flex: 1;
  }
  .reliable-app .sidebar-bottom .nav-item {
    min-height: 44px;
  }
  .reliable-app .sidebar-bottom {
    padding-top: 8px;
    gap: 5px;
  }
}
body,.reliable-app,.reliable-app .workspace {
  background: #10131b !important;
  color: #e5e8f0;
}
.reliable-app .upload-portal-page,.reliable-app .supplier-page {
  background: #10131b !important;
  color: #e5e8f0 !important;
}
.reliable-app .upload-hero-stat {
  background: #302535 !important;
  box-shadow: none !important;
  border: 1px solid #e99ab733;
  color: #f1d4e1 !important;
}
.reliable-app .upload-hero-stat :is(strong,span,small) {
  color: #f1d4e1 !important;
}
.reliable-app .upload-card-title>div>span,.reliable-app .upload-card-title em {
  background: #3c2b3b !important;
  color: #f0b8d0 !important;
}
.reliable-app :is(input,textarea)::placeholder {
  color: #97a6b9 !important;
  opacity: 1;
}
.reliable-app .supplier-hero {
  background: linear-gradient(125deg,#342b40,#1e2533) !important;
  border: 1px solid #ffffff17 !important;
  box-shadow: none !important;
}
.reliable-app .supplier-page :is(h1,h2,h3,strong) {
  color: #e5e8f0 !important;
}
.reliable-app .supplier-page :is(p,small,label) {
  color: #aab7ca !important;
}
.reliable-app .supplier-identity {
  background: #243c46 !important;
  box-shadow: none !important;
}
.reliable-app .supplier-identity :is(small,em) {
  color: #c1d7dc !important;
}
.reliable-app .supplier-identity .role-avatar {
  background: #443046 !important;
  color: #f4c6da !important;
}
.reliable-app :is(.supplier-tabs,.supplier-dashboard-grid>article,.supplier-action-card,.supplier-artist-form,.supplier-records,.supplier-simple-panel,.supplier-admin-rule,.credential-grid article) {
  background: #1b202b !important;
  border-color: #ffffff17 !important;
  box-shadow: none !important;
  color: #e5e8f0 !important;
}
.reliable-app .supplier-tabs button {
  color: #b8c6d9 !important;
  background: transparent !important;
}
.reliable-app .supplier-tabs button.active {
  background: #443046 !important;
  color: #f4c6da !important;
}
.reliable-app .supplier-tabs button em {
  background: #af4264 !important;
  color: white !important;
}
.reliable-app .supplier-page :is(input,select,textarea) {
  background: #141a24 !important;
  color: #e5e8f0 !important;
  border-color: #39404f !important;
}
.reliable-app :is(.supplier-stat-icon,.supplier-action-card button span,.supplier-action-card button em,.supplier-file-chips>span) {
  background: #292b3a !important;
  color: #cfb8cb !important;
}
.reliable-app :is(.supplier-action-card button,.supplier-catalog>div,.supplier-submit) {
  border-color: #ffffff17 !important;
  color: #dce4f0 !important;
}
.reliable-app .supplier-upload-grid label {
  background: #202a32 !important;
  border-color: #516a77 !important;
}
.reliable-app :is(.supplier-section-title>button,.supplier-record-actions button,.supplier-catalog button) {
  background: #292b3a !important;
  color: #e5bdcf !important;
  border-color: #ffffff20 !important;
}
.reliable-app :is(.supplier-only-badge,.verified-pill,.credential-grid article em) {
  background: #203d36 !important;
  color: #a5dbca !important;
}
.reliable-app :is(.supplier-submit button,.supplier-application-submit) {
  background: #a65073 !important;
  color: white !important;
}
.reliable-app .xg-cases .creation-video-layer {
  display: none !important;
}
.reliable-app .xg-cases :is(.creation-home,.creation-main,.zcool-content) {
  background: #10131b !important;
}
.reliable-app .xg-cases .industry-page-intro {
  background: #1b202b !important;
  border: 1px solid #ffffff17 !important;
  box-shadow: none !important;
}
.reliable-app .xg-cases .industry-page-intro>span {
  background: #252b37 !important;
  box-shadow: none !important;
  border-color: #ffffff17 !important;
}
.reliable-app .xg-cases .featured-carousel {
  background: linear-gradient(125deg,#35283d,#1b2a39) !important;
  box-shadow: none !important;
  border-color: #ffffff20 !important;
}
.reliable-app .xg-cases .featured-copy :is(h1,h2,h3) {
  color: #f5e7ef !important;
}
.reliable-app .xg-cases .featured-copy p {
  color: #bcc8db !important;
}
.reliable-app .xg-cases .discover-toolbar {
  background: #1b202b !important;
  color: #dce4f0 !important;
  border-color: #ffffff17 !important;
}
.reliable-app .xg-cases .featured-copy button {
  background: #a65073 !important;
  color: #fff !important;
  border: 1px solid #e99ab766 !important;
}
.reliable-app .xg-cases :is(.featured-copy>span,.featured-score) {
  background: #ffffff09 !important;
  border-color: #ffffff25 !important;
  color: #d9c9d9 !important;
}
.reliable-app .xg-cases .zcool-mode-icon {
  background: #332a3c !important;
  color: #edb9d0 !important;
}
.reliable-app .github-showcase {
  margin-top: 32px;
  padding-top: 26px;
  border-top: 1px solid #ffffff1f;
  min-width: 0;
}
.reliable-app .reliable-panel>.github-showcase:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  margin-bottom: 28px;
}
.reliable-app .github-showcase-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.reliable-app .github-kicker {
  font-size: 11px;
  letter-spacing: .15em;
  color: #e6acc5;
  font-weight: 700;
}
.reliable-app .github-showcase h2 {
  margin: 8px 0;
  font-size: clamp(22px,3vw,30px);
  line-height: 1.3;
  color: #f0eaf2;
}
.reliable-app .github-showcase-heading p {
  margin: 0;
  color: #aebbd0;
  line-height: 1.6;
}
.reliable-app .github-snapshot {
  font-size: 12px;
  color: #bcc8d9;
  padding: 8px 11px;
  border: 1px solid #ffffff19;
  border-radius: 9px;
  white-space: nowrap;
  background: #ffffff04;
}
.reliable-app .github-notice,.reliable-app .github-footnote {
  font-size: 13px;
  line-height: 1.8;
  color: #aab7ca;
  margin: 16px 0;
}
.reliable-app .github-resource-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}
.reliable-app .github-resource {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #ffffff20;
  background: linear-gradient(140deg,#37304480,#1c273490);
  backdrop-filter: blur(14px);
}
.reliable-app .github-resource-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: #aab8cf;
}
.reliable-app .github-category {
  padding: 5px 9px;
  border-radius: 7px;
  background: #c5749820;
  color: #ebbad0;
}
.reliable-app .github-resource h3 {
  margin: 16px 0 5px;
  font-size: 21px;
  color: #f1eaf4;
  overflow-wrap: anywhere;
}
.reliable-app .github-resource-title {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 600;
  color: #c5d2e5;
}
.reliable-app .github-resource-purpose {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.7;
  color: #acbbd0;
  flex: 1;
}
.reliable-app .github-workflow {
  padding: 12px;
  background: #10172255;
  border-radius: 10px;
  border: 1px solid #ffffff0d;
}
.reliable-app .github-workflow>span {
  font-size: 11px;
  color: #cbb0cc;
}
.reliable-app .github-workflow p {
  font-size: 13px;
  line-height: 1.7;
  color: #bbc9db;
  margin: 5px 0 0;
}
.reliable-app .github-resource details {
  margin: 14px 0;
  font-size: 12px;
  line-height: 1.8;
  color: #b6c4d7;
}
.reliable-app .github-resource summary {
  cursor: pointer;
  min-height: 36px;
  display: list-item;
  align-content: center;
  color: #d8c6df;
}
.reliable-app .github-resource dl {
  margin: 8px 0;
}
.reliable-app .github-resource dt {
  color: #e6d4e4;
  font-weight: 600;
  margin-top: 8px;
}
.reliable-app .github-resource dd {
  margin: 2px 0;
  overflow-wrap: anywhere;
}
.reliable-app .github-resource details a {
  color: #e3b6d0;
  text-decoration: underline;
}
.reliable-app .github-resource footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #ffffff12;
  font-size: 11px;
  color: #99a8be;
}
.reliable-app .github-resource footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 13px;
  border-radius: 10px;
  background: #4b334a80;
  border: 1px solid #d38fb644;
  color: #f0d4e6;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.reliable-app .github-showcase a:focus-visible,.reliable-app .github-showcase summary:focus-visible {
  outline: 2px solid #edb9d5;
  outline-offset: 4px;
}
.reliable-app .github-resource footer a:hover {
  background: #68425c;
  color: white;
}
@media (max-width:720px) {
  .reliable-app .github-resource-grid {
    grid-template-columns: 1fr;
  }
  .reliable-app .github-resource {
    padding: 17px;
  }
  .reliable-app .github-showcase-heading {
    gap: 12px;
  }
}
:root {
  color-scheme: light;
  --xg-bg: #e8eaf3;
  --xg-panel: #ffffff9c;
  --xg-raised: #ffffffb8;
  --xg-border: #ffffffd1;
  --xg-text: #252b3b;
  --xg-muted: #596579;
  --xg-accent: #0869d7;
  --glass-ink: #252b3b;
  --glass-muted: #596579;
  --glass-blue: #0869d7;
  --glass-border: #ffffffd1;
  --glass-shadow: inset 0 1px 1px #fff, inset 0 -1px 1px #dce3ee70, 0 12px 35px #4b5b8610, 0 2px 5px #61749a09;
}
:root body.liquid-glass {
  background: #e8eaf3 !important;
  color: var(--glass-ink);
  isolation: isolate;
  font-size: 16px;
}
.glass-atmosphere {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(145deg,#edeaf7,#e6eef3 52%,#f4eaf0);
}
.glass-wash {
  position: absolute;
  width: 110vmax;
  height: 110vmax;
  border-radius: 50%;
  opacity: .8;
}
.glass-lilac {
  left: -60vmax;
  top: -55vmax;
  background: radial-gradient(ellipse,#b6a8eb80,transparent 66%);
  animation: glass-drift-lilac 24s ease-in-out infinite alternate;
}
.glass-sky {
  right: -55vmax;
  top: -35vmax;
  background: radial-gradient(ellipse,#9ecfe68c,transparent 64%);
  animation: glass-drift-sky 28s ease-in-out infinite alternate;
}
.glass-rose {
  left: -10vmax;
  bottom: -70vmax;
  background: radial-gradient(ellipse,#ebbdcf80,transparent 66%);
  animation: glass-drift-rose 32s ease-in-out infinite alternate;
}
@keyframes glass-drift-lilac {
  to {
    transform: translate3d(13vw,12vh,0) scale(1.12);
  }
}
@keyframes glass-drift-sky {
  to {
    transform: translate3d(-12vw,15vh,0) scale(.92);
  }
}
@keyframes glass-drift-rose {
  to {
    transform: translate3d(10vw,-13vh,0) scale(1.12);
  }
}
:root body.liquid-glass .reliable-app {
  background: transparent !important;
  padding: 20px;
  gap: 20px;
  grid-template-columns: 238px minmax(0,1fr);
  color: var(--glass-ink);
}
:root body.liquid-glass .reliable-app .sidebar {
  top: 20px;
  height: calc(100dvh - 40px);
  border: 1px solid var(--glass-border) !important;
  border-radius: 30px;
  padding: 16px 12px;
  background: linear-gradient(145deg,#ffffff9e,#ffffff50) !important;
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(30px) saturate(1.15);
  scrollbar-color: #9aafd0 transparent;
}
:root body.liquid-glass .reliable-app .workspace {
  background: #ffffff38 !important;
  border: 1px solid #ffffffbe !important;
  border-radius: 30px;
  min-height: calc(100dvh - 40px);
  box-shadow: var(--glass-shadow);
}
:root body.liquid-glass .reliable-app .sidebar .industry-brand {
  background: transparent !important;
  border-bottom-color: #829bc21c !important;
  height: 102px;
}
:root body.liquid-glass .reliable-app .industry-brand .xigang-brand {
  filter: brightness(.65) saturate(1.25);
}
:root body.liquid-glass .reliable-app .industry-brand .xg-brand-lockup small {
  color: #45536b !important;
}
:root body.liquid-glass .reliable-app .sidebar>nav {
  position: relative;
  padding: 4px 0 10px;
  overflow-x: hidden;
}
.glass-nav-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 46px;
  opacity: 0;
  pointer-events: none;
  border: 1px solid #ffffffe6;
  border-radius: 16px;
  background: linear-gradient(135deg,#ffffffc7,#d6e8ff8c);
  box-shadow: inset 0 1px 2px #fff,0 4px 14px #6077a322;
  transition: transform .48s cubic-bezier(.2,.8,.2,1),height .35s ease,opacity .2s ease;
}
:root body.liquid-glass .reliable-app .nav-item {
  position: relative;
  min-height: 46px;
  border-radius: 16px;
  margin: 4px 0;
  padding: 6px 12px;
  color: #45536b !important;
  background: transparent !important;
  border-color: transparent !important;
  font-weight: 500;
  transition: color .25s ease,background .25s ease,transform .25s ease;
}
:root body.liquid-glass .reliable-app .nav-item.active {
  color: var(--glass-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 700;
}
:root body.liquid-glass .reliable-app .nav-item:hover {
  background: #ffffff65 !important;
  transform: translateX(2px);
}
:root body.liquid-glass .reliable-app .xg-sub {
  min-height: 38px;
  padding-left: 50px;
  font-size: 14px;
}
:root body.liquid-glass .xg-nav-label {
  position: relative;
  color: #63718a;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 14px;
}
:root body.liquid-glass .reliable-app .xg-tools {
  border-color: #839bc52b;
}
:root body.liquid-glass .reliable-app .xg-tools button {
  border-radius: 12px;
  transition: transform .3s cubic-bezier(.2,.8,.2,1),background .25s;
}
:root body.liquid-glass .reliable-app .xg-tools button:hover {
  background: #ffffff9e;
  transform: translateY(-3px);
}
:root body.liquid-glass .reliable-app :is(.xg-footer,.xg-user) {
  background: #ffffff50 !important;
  border: 1px solid #ffffffa0 !important;
  border-radius: 16px;
}
:root body.liquid-glass .reliable-app .sidebar-bottom small {
  color: var(--glass-muted) !important;
  font-size: 12px;
}
:root body.liquid-glass .xg-avatar {
  background: linear-gradient(135deg,#d9ddf9,#d1e6f3);
  color: #365780;
  border: 1px solid #ffffffb0;
  border-radius: 12px;
}
:root body.liquid-glass .xg-chevron {
  color: #7486a0;
}
:root body.liquid-glass .reliable-app .topbar {
  min-height: 106px;
  padding: 26px 32px 20px;
  background: linear-gradient(110deg,#ffffff62,#ffffff1a) !important;
  border-bottom: 1px solid #ffffff9c;
}
:root body.liquid-glass .xg-heading>small {
  font-size: 12px;
  letter-spacing: 1.8px;
  color: #64718b;
}
:root body.liquid-glass .reliable-app .reliable-crumb {
  color: var(--glass-ink);
  font-size: 26px;
  letter-spacing: -.5px;
  font-weight: 700;
}
:root body.liquid-glass .xg-workspace-status {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #52637e;
  border-color: #ffffffce;
  background: #ffffff58;
  font-size: 13px;
  padding: 9px 14px;
  box-shadow: inset 0 1px #fff;
}
.glass-signal {
  display: block;
  position: relative;
  width: 37px;
  height: 17px;
}
.glass-signal i {
  position: absolute;
  top: 0;
  left: 10px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: linear-gradient(145deg,#ffffffc7,#b3d5ef70);
  border: 1px solid #ffffffd1;
  box-shadow: inset 0 1px 2px #fff,0 2px 5px #5876a229;
}
.glass-signal i:first-child {
  animation: glass-orb-left 5s cubic-bezier(.45,0,.2,1) infinite;
}
.glass-signal i:last-child {
  animation: glass-orb-right 5s cubic-bezier(.45,0,.2,1) infinite;
}
@keyframes glass-orb-left {
  0%,15%,85%,100% {
    transform: translateX(0);
  }
  35%,65% {
    transform: translateX(-12px);
  }
}
@keyframes glass-orb-right {
  0%,15%,85%,100% {
    transform: translateX(0);
  }
  35%,65% {
    transform: translateX(12px);
  }
}
:root body.liquid-glass .reliable-app .reliable-new-project {
  min-height: 44px;
  padding: 9px 16px;
  border: 1px solid #ffffffa8;
  border-radius: 15px;
  background: linear-gradient(145deg,#168af1,#0869d7) !important;
  color: #fff !important;
  box-shadow: inset 0 1px #ffffff80,0 7px 18px #0877df24;
  font-size: 14px;
  transition: transform .3s,box-shadow .3s;
}
:root body.liquid-glass .reliable-app .reliable-new-project:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px #ffffff80,0 10px 24px #0877df35;
}
:root body.liquid-glass .xg-contextbar {
  padding: 14px 32px 18px;
  border-color: #ffffff8a;
  justify-content: space-between;
  background: #ffffff14;
}
:root body.liquid-glass .xg-contextbar>span {
  color: #52637c;
}
:root body.liquid-glass .reliable-app .global-search {
  width: 330px;
  background: #ffffff7d !important;
  border: 1px solid #ffffffe6;
  border-radius: 16px;
  box-shadow: inset 0 1px #fff,0 2px 6px #6077a30b;
  transition: box-shadow .3s,border-color .3s;
}
:root body.liquid-glass .reliable-app .global-search:focus-within {
  border-color: #65a9ef;
  box-shadow: 0 0 0 4px #2889e610;
}
:root body.liquid-glass .reliable-app .global-search input {
  background: transparent !important;
  color: var(--glass-ink);
  font-size: 14px;
  box-shadow: none;
}
:root body.liquid-glass .reliable-workspace {
  padding: 28px 32px;
  color: var(--glass-ink);
}
:root body.liquid-glass :is(.reliable-app .workspace,.admin-portal-shell,.share-project-page) :is(.reliable-panel,.projects-create-card,.projects-live-list,.project-version-dialog,.support-form,.support-history,.marketplace-grid>article,.upload-form-card,.upload-guide-card,.upload-record-card,.user-upload-files>div,.supplier-tabs,.supplier-dashboard-grid>article,.supplier-action-card,.supplier-artist-form,.supplier-records,.supplier-simple-panel,.supplier-admin-rule,.credential-grid article,.image-prompt-box,.image-settings-sticky,.image-reference-list,.image-results-section,.image-job-card,.image-studio-settings,.tender-filter-card,.tender-result-card,.tender-card,.tender-console-feed,.tender-console-detail,.tender-assistant,.tender-discovery-card,.tender-discovery-detail,.tender-discovery-filter,.flow-panel,.industry-page-intro,.zcool-mode,.discover-toolbar,.discover-grid>button,.xg-case-filters,.admin-card,.admin-api-card,.admin-stat,.admin-overview-grid>article) {
  background: linear-gradient(135deg,#ffffffb2,#ffffff76) !important;
  color: var(--glass-ink) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--glass-shadow) !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.projects-live-hero,.marketplace-hero,.support-hero,.tender-hero,.image-studio-hero,.upload-portal-hero,.supplier-hero) {
  background: linear-gradient(115deg,#ffffffa0,#c8d8f078 55%,#d6d3f180) !important;
  color: var(--glass-ink) !important;
  border: 1px solid #ffffffd1 !important;
  border-radius: 26px !important;
  box-shadow: var(--glass-shadow) !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.upload-portal-page,.supplier-page,.creation-home,.creation-main,.zcool-content,.reliable-workspace,.image-studio-page,.tender-page) {
  background: transparent !important;
}
:root body.liquid-glass .reliable-app .workspace :is(h1,h2,h3,h4,strong,label,dt,dd) {
  color: var(--glass-ink) !important;
}
:root body.liquid-glass .reliable-app .workspace :is(p,small,li) {
  color: var(--glass-muted) !important;
}
:root body.liquid-glass .reliable-app .workspace :is(p,label,li) {
  font-size: 15px;
  line-height: 1.7;
}
:root body.liquid-glass .reliable-app .workspace small {
  font-size: 13px;
  line-height: 1.6;
}
:root body.liquid-glass .reliable-app .workspace a {
  color: var(--glass-blue);
}
:root body.liquid-glass .reliable-app .workspace :is(.eyebrow,.reliable-project-head>div>span,.zcool-mode-heading>div>span) {
  color: #476da2 !important;
  font-size: 13px;
}
:root body.liquid-glass .reliable-app .workspace :is(input,textarea,select),:root body.liquid-glass :is(.reliable-modal,.recharge-dialog,.admin-portal-shell) :is(input,textarea,select) {
  border: 1px solid #a3b5d14d !important;
  background: #ffffffad !important;
  color: var(--glass-ink) !important;
  border-radius: 12px;
  font-size: 15px;
  transition: border-color .25s,box-shadow .25s;
  box-shadow: inset 0 1px 3px #7a8bab09;
}
:root body.liquid-glass :is(input,textarea)::placeholder {
  color: #6c7c92 !important;
  opacity: 1;
}
:root body.liquid-glass :is(input,textarea,select):focus {
  outline: 0;
  border-color: #599ae3 !important;
  box-shadow: 0 0 0 4px #2889e615;
}
:root body.liquid-glass :is(input[type=checkbox],input[type=radio]) {
  accent-color: var(--glass-blue);
}
:root body.liquid-glass .reliable-app .workspace button,:root body.liquid-glass :is(.reliable-modal,.notification-drawer,.recharge-dialog,.admin-portal-shell) button {
  border-color: #b2c5df6b !important;
  border-radius: 12px;
  color: #405675 !important;
  background: #ffffff88 !important;
  box-shadow: inset 0 1px #ffffffb0;
  transition: transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,color .25s;
}
:root body.liquid-glass :is(button,a):focus-visible {
  outline: 3px solid #3185d8;
  outline-offset: 3px;
}
:root body.liquid-glass .reliable-app .workspace button:not(:disabled):hover {
  background: #ffffffd6 !important;
  box-shadow: 0 5px 16px #5174a41a,inset 0 1px #fff;
}
:root body.liquid-glass .reliable-app .workspace button:not(:disabled):active {
  transform: scale(.97);
}
:root body.liquid-glass .reliable-app .workspace :is(button.primary,.projects-create-card>button,.support-form>button,.supplier-submit button,.supplier-application-submit,.featured-copy button,.image-generate-button,.image-create-button,.image-prompt-submit),:root body.liquid-glass .admin-portal-shell button.primary {
  background: linear-gradient(145deg,#168af1,#0869d7) !important;
  color: #fff !important;
  border-color: #ffffff99 !important;
  box-shadow: inset 0 1px #ffffff60,0 5px 15px #0778df22;
}
:root body.liquid-glass .reliable-app .workspace :is(button.primary,.projects-create-card>button,.support-form>button,.supplier-submit button,.supplier-application-submit,.featured-copy button):hover {
  background: linear-gradient(145deg,#2b97f7,#0874e5) !important;
}
:root body.liquid-glass .reliable-app .workspace :is(button.active,button[aria-selected=true],.reliable-steps button.active) {
  background: #d9eaffad !important;
  color: #075bb9 !important;
  border-color: #72a6e778 !important;
  box-shadow: inset 0 1px #ffffffe0,0 3px 10px #6481b515;
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-metrics>span,.reliable-dashboard-metrics>button,.upload-hero-stat,.supplier-identity,.hub-metrics>div) {
  background: linear-gradient(140deg,#ffffffb0,#d9e5f572) !important;
  border: 1px solid #ffffffd6 !important;
  box-shadow: var(--glass-shadow) !important;
  border-radius: 23px !important;
  color: #52637c !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-dashboard-metrics b,.reliable-metrics b,.upload-hero-stat strong,.supplier-identity strong) {
  color: #253954 !important;
  font-size: 30px;
  font-weight: 650;
}
:root body.liquid-glass .reliable-app .workspace .reliable-dashboard-metrics>button {
  min-height: 110px;
  padding: 20px 22px;
  font-size: 14px;
}
:root body.liquid-glass .reliable-app .workspace .reliable-dashboard-metrics>button:nth-child(2) {
  background: linear-gradient(140deg,#ffffffaa,#e5ddf68c) !important;
}
:root body.liquid-glass .reliable-app .workspace .reliable-dashboard-metrics>button:nth-child(3) {
  background: linear-gradient(140deg,#ffffffaa,#d2e9f68c) !important;
}
:root body.liquid-glass .reliable-app .workspace .reliable-project-grid>article {
  background: #ffffff65 !important;
  border-color: #ffffffc7 !important;
  border-radius: 18px;
  box-shadow: inset 0 1px #fff,0 4px 14px #657daf08;
  padding: 22px;
  transition: box-shadow .3s,transform .3s;
}
:root body.liquid-glass .reliable-app .workspace .reliable-project-grid>article:hover {
  transform: translateY(-3px);
  box-shadow: inset 0 1px #fff,0 12px 22px #657daf16;
}
:root body.liquid-glass .reliable-app .workspace .reliable-project-grid>article>span {
  color: #44699a;
  font-size: 13px;
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-lead,.projects-live-list article,.project-version-list article,.support-history article,.supplier-catalog>div,.upload-record-row,.supplier-submit,.image-reference-row,.image-results-section>header,.reliable-evidence) {
  border-color: #95aacc35 !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-steps,.execution-tabs,.supplier-tabs,.discover-tabs,.image-mode-strip,.image-option-grid) {
  border-radius: 17px;
}
:root body.liquid-glass .reliable-app .workspace .reliable-steps {
  padding: 8px;
  background: #ffffff62;
  border: 1px solid #ffffffc7;
  box-shadow: var(--glass-shadow);
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-steps button,.discover-tabs button,.supplier-tabs button,.image-option-grid button) {
  border-radius: 12px;
  font-size: 14px !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-notice,.image-safety-note,.image-settings-sticky dl,.reliable-image-context,.supplier-file-chips>span,.supplier-upload-grid label,.supplier-stat-icon,.upload-card-title>div>span,.upload-card-title em,.project-live-icon,.marketplace-icon,.image-prompt-box footer) {
  background: #e1ebf779 !important;
  border-color: #8ca7c945 !important;
  color: #426083 !important;
  border-radius: 14px;
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-notice,.image-safety-note,.reliable-image-context) :is(p,small,span) {
  color: #426083 !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-error,.reliable-warning,.user-upload-dropzone) {
  background: #ffffff78 !important;
  border-color: #cb907b65 !important;
  color: #965022 !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.supplier-only-badge,.verified-pill,.credential-grid article em,.projects-live-list article em) {
  background: #d4efe380 !important;
  color: #226b53 !important;
  border: 1px solid #ffffffa6 !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-table-wrap th,.upload-record-row.head,.quote-row.head) {
  background: #e2eaf576 !important;
  color: #526784 !important;
}
:root body.liquid-glass .reliable-app .workspace :is(th,td) {
  border-color: #95aacc35 !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-slide,pre) {
  background: #ffffffbd !important;
  color: var(--glass-ink);
  border-radius: 16px;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases :is(.creation-home,.creation-main,.zcool-content) {
  background: transparent !important;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .industry-page-intro {
  margin-bottom: 22px;
  padding: 22px 24px;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .industry-page-intro>span {
  background: #ffffff6b !important;
  border-color: #ffffffc9 !important;
  box-shadow: inset 0 1px #fff,0 4px 12px #5c759d15 !important;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .featured-carousel {
  background: linear-gradient(115deg,#ffffffb0,#c7d9f275 52%,#d6ceee99) !important;
  border: 1px solid #ffffffd1 !important;
  border-radius: 30px;
  box-shadow: var(--glass-shadow) !important;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .featured-copy :is(h1,h2,h3) {
  color: #253954 !important;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .featured-copy p {
  color: #52637c !important;
  font-size: 16px;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases :is(.featured-copy>span,.featured-score) {
  background: #ffffff66 !important;
  border-color: #ffffffe6 !important;
  color: #52637c !important;
  backdrop-filter: blur(14px);
  box-shadow: inset 0 1px #fff,0 8px 20px #647eab12;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .featured-score strong {
  color: #315078 !important;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .zcool-mode-icon {
  background: linear-gradient(145deg,#ffffffd9,#d9e5f6a6) !important;
  border: 1px solid #fff;
  box-shadow: inset 0 1px #fff,0 6px 15px #647ca91a;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases :is(.zcool-mode,.discover-grid>button):hover {
  transform: translateY(-5px);
  box-shadow: inset 0 1px #fff,0 16px 30px #657daf22 !important;
  background: #ffffffc2 !important;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .discover-grid>button {
  overflow: hidden;
  text-align: left;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .discover-grid>button>div:last-child {
  background: #ffffff58 !important;
  padding: 20px;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .discover-grid>button>div:last-child strong {
  font-size: 16px;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .carousel-arrow {
  border-radius: 50%;
  backdrop-filter: blur(15px);
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .carousel-dots button.active {
  background: #187ae0 !important;
}
:root body.liquid-glass :is(.reliable-modal-backdrop,.recharge-backdrop,.nav-backdrop) {
  background: #6474983d !important;
  backdrop-filter: blur(9px);
}
:root body.liquid-glass :is(.reliable-modal,.notification-drawer,.recharge-dialog,.project-version-dialog) {
  background: linear-gradient(145deg,#f9fbfff2,#eef4fff0) !important;
  color: var(--glass-ink) !important;
  border: 1px solid #ffffffe6 !important;
  border-radius: 28px;
  box-shadow: inset 0 1px 2px #fff,0 25px 90px #3b547845;
  backdrop-filter: blur(30px);
}
:root body.liquid-glass :is(.reliable-modal,.notification-drawer,.recharge-dialog) :is(h1,h2,h3,strong,label) {
  color: var(--glass-ink) !important;
}
:root body.liquid-glass :is(.reliable-modal,.notification-drawer,.recharge-dialog) :is(p,small) {
  color: var(--glass-muted) !important;
}
:root body.liquid-glass .notification-drawer {
  animation: glass-drawer-in .45s cubic-bezier(.2,.8,.2,1);
}
:root body.liquid-glass .toast {
  color: #294767 !important;
  background: #f4f9ffed !important;
  border-color: #ffffffd1 !important;
  border-radius: 18px;
  box-shadow: 0 10px 30px #3c567a25;
  backdrop-filter: blur(20px);
  animation: glass-toast-in .3s ease-out;
}
:root body.liquid-glass .xg-menu-search>div button {
  min-height: 48px;
  margin: 0;
  border-radius: 14px;
}
@keyframes glass-drawer-in {
  from {
    opacity: 0;
    transform: translateX(30px) scale(.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes glass-toast-in {
  from {
    opacity: 0;
    translate: 0 12px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
:root body.liquid-glass :is(.admin-portal-shell,.admin-page,.admin-main,.admin-content-stack,.admin-access-denied,.signin-page,.share-project-page) {
  background: transparent !important;
  color: var(--glass-ink) !important;
}
:root body.liquid-glass .admin-rail {
  background: linear-gradient(145deg,#ffffffbb,#ffffff79) !important;
  border-right: 1px solid #ffffffc9;
  backdrop-filter: blur(24px);
}
:root body.liquid-glass .admin-portal-shell :is(.admin-header,.admin-topbar,.admin-hero,.admin-heading) {
  background: #ffffff52 !important;
  color: var(--glass-ink) !important;
  border-color: #ffffffbf !important;
}
:root body.liquid-glass .admin-portal-shell :is(h1,h2,h3,h4,strong,label,td) {
  color: var(--glass-ink) !important;
}
:root body.liquid-glass .admin-portal-shell :is(p,small,li,th) {
  color: var(--glass-muted) !important;
  font-size: 14px;
}
:root body.liquid-glass .admin-rail>button.active {
  color: #0869d7 !important;
  background: #d9eaffc7 !important;
  box-shadow: inset 0 1px #fff;
  border: 1px solid #ffffffbf;
}
:root body.liquid-glass .admin-rail-links a {
  background: #ffffff7d;
  color: #426083;
}
:root body.liquid-glass .admin-portal-shell :is(.admin-table th,.admin-table-row.head,:is(.admin-stats,.admin-metrics)>div,:is(.admin-stats,.admin-metrics)>article) {
  background: #ffffff88 !important;
  border-color: #a6bada40 !important;
  color: #426083 !important;
  border-radius: 18px;
}
:root body.liquid-glass .signin-page :is(.signin-panel,.signin-card,.signin-intro,section),:root body.liquid-glass .admin-access-denied section {
  background: #ffffffa1 !important;
  color: var(--glass-ink) !important;
  border: 1px solid #ffffffd1;
  border-radius: 28px;
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(24px);
}
:root body.liquid-glass .signin-page :is(h1,h2,strong,p,small) {
  color: var(--glass-ink) !important;
}
:root body.liquid-glass .signin-brand .xg-brand-lockup small {
  color: #52637c !important;
}
:root body.liquid-glass .signin-page .xigang-brand {
  filter: brightness(.65) saturate(1.25);
}
:root body.liquid-glass .mobile-menu {
  color: #426083 !important;
  border-color: #ffffffd1 !important;
  background: #ffffff9c !important;
  border-radius: 13px;
}
@supports not (backdrop-filter:blur(1px)) {
  :root body.liquid-glass .reliable-app .sidebar,:root body.liquid-glass :is(.reliable-modal,.notification-drawer,.recharge-dialog) {
    background: #f0f4fc !important;
  }
}
@media (min-width:1500px) {
  :root body.liquid-glass .reliable-app {
    padding: 24px;
    gap: 24px;
    grid-template-columns: 254px minmax(0,1fr);
  }
  :root body.liquid-glass .reliable-app .sidebar {
    top: 24px;
    height: calc(100dvh - 48px);
  }
}
@media (max-width:1100px) and (min-width:901px) {
  :root body.liquid-glass .reliable-app {
    grid-template-columns: 216px minmax(0,1fr);
    padding: 14px;
    gap: 14px;
  }
  :root body.liquid-glass .reliable-app .sidebar {
    top: 14px;
    height: calc(100dvh - 28px);
  }
  :root body.liquid-glass .reliable-workspace {
    padding: 24px;
  }
}
@media (max-width:900px) {
  :root body.liquid-glass .reliable-app {
    display: block;
    padding: 12px;
  }
  :root body.liquid-glass .reliable-app .sidebar {
    top: 12px;
    left: 12px;
    bottom: 12px;
    height: calc(100dvh - 24px);
    width: 276px;
    max-width: 85vw;
    z-index: 90;
    background: linear-gradient(145deg,#f8faffee,#e5edf8f0) !important;
  }
  :root body.liquid-glass .reliable-app .workspace {
    min-height: calc(100dvh - 24px);
    border-radius: 26px;
  }
  :root body.liquid-glass .reliable-app .topbar {
    padding: 20px 22px;
    min-height: 90px;
  }
  :root body.liquid-glass .xg-contextbar {
    padding: 12px 22px 16px;
  }
  :root body.liquid-glass .reliable-workspace {
    padding: 24px 22px;
  }
}
@media (max-width:600px) {
  .glass-wash {
    width: 150vmax;
    height: 150vmax;
  }
  :root body.liquid-glass .reliable-app {
    padding: 8px;
  }
  :root body.liquid-glass .reliable-app .workspace {
    border-radius: 24px;
  }
  :root body.liquid-glass .reliable-app .topbar {
    padding: 18px 16px;
    gap: 12px;
    flex-wrap: wrap;
  }
  :root body.liquid-glass .reliable-app .reliable-crumb {
    font-size: 21px;
    display: block;
    max-width: 220px;
    overflow-wrap: anywhere;
  }
  :root body.liquid-glass .xg-heading>small {
    font-size: 12px;
    letter-spacing: .5px;
  }
  :root body.liquid-glass .reliable-app .top-actions {
    flex-basis: 100%;
    justify-content: space-between;
  }
  :root body.liquid-glass .xg-workspace-status {
    font-size: 12px;
  }
  :root body.liquid-glass .xg-contextbar {
    padding: 12px 16px;
    gap: 8px;
    flex-wrap: wrap;
  }
  :root body.liquid-glass .reliable-app .global-search {
    width: 100%;
    flex-basis: 100%;
  }
  :root body.liquid-glass .reliable-app .workspace :is(input,textarea,select),:root body.liquid-glass .reliable-app .global-search input {
    font-size: 16px;
  }
  :root body.liquid-glass .reliable-workspace {
    padding: 22px 16px;
  }
  :root body.liquid-glass .reliable-panel {
    padding: 20px 16px;
  }
  :root body.liquid-glass .reliable-app .workspace .reliable-dashboard-metrics>button {
    min-height: 102px;
    padding: 16px;
  }
  :root body.liquid-glass .reliable-app .workspace .reliable-project-grid>article {
    padding: 18px;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .industry-page-intro {
    padding: 20px 16px;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .featured-copy {
    padding: 30px 25px;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .featured-copy h1 {
    font-size: 28px;
  }
  :root body.liquid-glass .reliable-modal {
    padding: 24px 18px;
  }
  :root body.liquid-glass .reliable-app .workspace :is(.projects-live-page,.support-page,.marketplace-page,.upload-portal-page,.user-upload-page,.tender-page,.image-studio-page) {
    padding: 22px 16px !important;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .zcool-content {
    padding: 22px 16px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .glass-wash,.glass-signal i {
    animation: none !important;
  }
  .glass-nav-indicator,:root body.liquid-glass * {
    transition-duration: .01ms !important;
  }
}
:root body.liquid-glass .reliable-app .workspace .topbar .reliable-new-project {
  background: linear-gradient(145deg,#168af1,#0869d7) !important;
  color: #fff !important;
}
:root body.liquid-glass .reliable-app .workspace .image-studio-main {
  background: linear-gradient(135deg,#ffffffa1,#ffffff6b) !important;
  border: 1px solid #ffffffd1 !important;
  border-radius: 26px;
  color: var(--glass-ink) !important;
  box-shadow: var(--glass-shadow) !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.image-model-grid>button,.image-scene-grid>button,.image-mode-strip>button) {
  background: #ffffff83 !important;
  border: 1px solid #ffffffdc !important;
  border-radius: 17px;
  color: var(--glass-ink) !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.image-model-grid,.image-scene-grid,.image-mode-strip) button.active {
  background: linear-gradient(135deg,#e1efffcc,#cbdffb9c) !important;
  border-color: #629be36b !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.image-upload-zone,.image-project-link) {
  background: #ffffff63 !important;
  border-color: #91afd14d !important;
  border-radius: 18px;
}
:root body.liquid-glass .reliable-app .workspace :is(.image-project-link span,.image-project-link em,.image-studio-section-head>span,.image-studio-section-head>div>span,.image-mode-strip button span,.image-model-grid button em,.image-model-grid button span,.image-scene-grid button em,.supplier-identity em,.supplier-identity small,.supplier-action-card button span,.supplier-action-card button em,summary,.reliable-status) {
  color: #526784 !important;
}
:root body.liquid-glass .reliable-app .workspace .image-studio-section-head>span {
  background: #e0eafa9c;
  border: 1px solid #ffffffd1;
  box-shadow: inset 0 1px #fff;
  color: #40639a !important;
}
:root body.liquid-glass .reliable-app .workspace .supplier-identity .role-avatar {
  background: linear-gradient(135deg,#d6e1f4,#e2d9ed) !important;
  color: #3e5d80 !important;
  border: 1px solid #ffffffe0;
  box-shadow: inset 0 1px #fff;
}
:root body.liquid-glass .reliable-app .workspace .reliable-status {
  background: #ffffff7d;
  border: 1px solid #ffffffd1;
  border-radius: 999px;
}
:root body.liquid-glass .reliable-app .workspace :is(.reliable-facts>div,.reliable-check,.reliable-slide-tabs button,.reliable-checks li) {
  background: #ffffff66 !important;
  border-color: #a4b8d23b !important;
  border-radius: 12px;
}
:root body.liquid-glass .legal-page {
  background: transparent !important;
  color: var(--glass-ink);
}
:root body.liquid-glass .legal-page article {
  background: #ffffffbb !important;
  border: 1px solid #ffffffd1;
  border-radius: 28px;
  box-shadow: var(--glass-shadow);
}
:root body.liquid-glass .legal-page :is(h1,h2,h3) {
  color: var(--glass-ink);
}
:root body.liquid-glass .legal-page :is(p,li,small,footer) {
  color: var(--glass-muted);
}
:root body.liquid-glass .legal-page a {
  color: var(--glass-blue);
}
:root body.liquid-glass .admin-portal-shell :is(button,input,select,textarea,p,span,em,strong,label,td,th,a) {
  font-size: 14px !important;
  line-height: 1.6;
}
:root body.liquid-glass .admin-portal-shell h1 {
  font-size: 28px !important;
  line-height: 1.4;
}
:root body.liquid-glass .admin-portal-shell h2 {
  font-size: 20px !important;
  line-height: 1.5;
}
:root body.liquid-glass .admin-portal-shell h3 {
  font-size: 17px !important;
  line-height: 1.5;
}
:root body.liquid-glass .admin-portal-shell small {
  font-size: 13px !important;
  line-height: 1.7;
}
:root body.liquid-glass .admin-portal-shell .eyebrow {
  font-size: 12px !important;
  letter-spacing: 1.2px;
  color: #476da2 !important;
}
:root body.liquid-glass .admin-portal-shell :is(.admin-stats,.admin-metrics) {
  gap: 16px;
}
:root body.liquid-glass .admin-portal-shell :is(.admin-stats,.admin-metrics)>div {
  padding: 22px;
  border-radius: 23px;
  background: linear-gradient(135deg,#ffffffbb,#e4ecf88c) !important;
  border: 1px solid #ffffffdc !important;
  box-shadow: var(--glass-shadow);
}
:root body.liquid-glass .admin-portal-shell :is(.admin-stats,.admin-metrics) strong {
  font-size: 30px !important;
}
:root body.liquid-glass .admin-portal-shell :is(.admin-stats,.admin-metrics) span {
  font-size: 13px !important;
  color: #5a708e !important;
}
:root body.liquid-glass .admin-portal-shell .admin-card {
  padding: 24px;
}
:root body.liquid-glass .admin-portal-shell .admin-card-title {
  gap: 12px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
:root body.liquid-glass .admin-portal-shell .admin-progress {
  height: 8px;
  background: #dce5f4;
  border-radius: 9px;
  overflow: hidden;
}
:root body.liquid-glass .admin-portal-shell .admin-progress i {
  border-radius: 9px;
  background: linear-gradient(90deg,#168af1,#81b7f0);
  transform-origin: left;
  animation: glass-bar-in .65s cubic-bezier(.2,.8,.2,1) both;
}
:root body.liquid-glass .admin-portal-shell .admin-api-bars>div {
  margin-bottom: 18px;
}
:root body.liquid-glass .admin-portal-shell .admin-activity-row {
  padding: 14px 0;
  gap: 12px;
}
:root body.liquid-glass .admin-portal-shell .admin-quick-actions button {
  padding: 18px;
  border-radius: 18px;
}
:root body.liquid-glass .admin-portal-shell .admin-rail>button {
  min-height: 44px;
  border-radius: 14px;
}
:root body.liquid-glass .admin-portal-shell .admin-rail-title strong {
  font-size: 17px !important;
}
:root body.liquid-glass .admin-portal-shell .admin-rail-title>span {
  font-size: 28px !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.image-scene-grid button span,.image-mode-strip button span) {
  font-size: 14px !important;
  line-height: 1.65 !important;
}
:root body.liquid-glass .reliable-app .workspace :is(.image-scene-grid button em,.image-model-grid button em) {
  font-size: 12px !important;
}
:root body.liquid-glass .reliable-app .workspace .image-generate-button :is(strong,small,span) {
  color: #fff !important;
}
@keyframes glass-bar-in {
  from {
    transform: scaleX(.02);
  }
  to {
    transform: scaleX(1);
  }
}
@media (max-width:600px) {
  :root body.liquid-glass .admin-portal-shell .admin-card {
    padding: 20px 16px;
  }
  :root body.liquid-glass .admin-portal-shell :is(.admin-stats,.admin-metrics)>div {
    padding: 18px;
  }
}
:root body.liquid-glass .reliable-app .workspace :is(.featured-copy>span,.ad-position,.featured-score span,.featured-score small,.zcool-mode>div>span,.zcool-mode strong,.discover-art>span) {
  font-size: 12px !important;
  line-height: 1.6;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .ad-position {
  color: #5b7294;
  letter-spacing: .3px;
}
:root body.liquid-glass .reliable-app .workspace .zcool-mode-heading h2 {
  font-size: 24px;
  line-height: 1.5;
}
:root body.liquid-glass .reliable-app .workspace .zcool-mode h3 {
  font-size: 20px !important;
  line-height: 1.5;
}
:root body.liquid-glass .reliable-app .workspace .discover-toolbar h2 {
  font-size: 22px;
}
@media (max-width:600px) {
  :root body.liquid-glass .reliable-app .workspace .xg-cases .featured-carousel {
    display: block !important;
    min-height: 390px;
    height: auto;
    position: relative;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .featured-copy {
    width: 100% !important;
    max-width: 100% !important;
    padding: 40px 32px 54px;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .featured-copy h1 {
    font-size: 27px;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .featured-copy p {
    font-size: 15px;
    line-height: 1.7;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .carousel-arrow {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 36px;
    z-index: 5;
    transform: translateY(-50%);
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .carousel-arrow.prev {
    left: 4px;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .carousel-arrow.next {
    right: 4px;
    left: auto;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .carousel-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .ad-position {
    display: none;
  }
}
:root body.liquid-glass .xg-brand-lockup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
}
:root body.liquid-glass .xg-brand-lockup .xigang-brand {
  width: 100% !important;
  max-width: 220px !important;
  height: auto !important;
  filter: none !important;
  object-fit: contain !important;
}
:root body.liquid-glass .reliable-app .industry-brand .xg-brand-lockup small {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .6px;
  white-space: nowrap;
  color: #45536b !important;
}
:root body.liquid-glass .reliable-app .sidebar .industry-brand {
  height: 96px;
  padding: 10px 0 14px;
}
:root body.liquid-glass .glass-icon {
  border: 1px solid #ffffffc9 !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg,#ffffffdc,#d9e6f280) !important;
  box-shadow: inset 0 1px #fff,0 3px 8px #52709c14 !important;
  color: #57718f;
}
:root body.liquid-glass .glass-icon svg {
  display: block;
  width: 65%;
  height: 65%;
  flex-shrink: 0;
}
:root body.liquid-glass .nav-item[aria-current="page"] .glass-icon,:root body.liquid-glass .nav-item.active .glass-icon {
  color: #0869d7;
  background: linear-gradient(145deg,#fff,#cfe8ff) !important;
}
:root body.liquid-glass .reliable-new-project .glass-icon {
  color: white;
  background: #ffffff1c !important;
  border-color: #ffffff45 !important;
  box-shadow: none !important;
}
:root body.liquid-glass .sidebar .nav-item:hover .glass-icon {
  color: #0869d7;
}
:root body.liquid-glass .glass-icon {
  --icon-tint: 210,228,248;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  width: 34px;
  height: 34px;
  border-radius: 26% !important;
  border: 1px solid #fffffff0 !important;
  background: radial-gradient(ellipse at 18% 0%,#fff 0%,#ffffff18 48%),linear-gradient(145deg,#ffffffc9,rgba(var(--icon-tint),.68) 72%,#ffffff92) !important;
  color: #344563;
  box-shadow: inset 2px 2px 3px #fff,inset -1px -2px 4px #ffffffc7,0 5px 10px #51596f26,0 1px 2px #4049621a !important;
  backdrop-filter: blur(14px) saturate(1.35);
  -webkit-backdrop-filter: blur(14px) saturate(1.35);
  transition: transform .2s,box-shadow .2s,background .2s;
}
:root body.liquid-glass .glass-icon::before {
  content: '';
  position: absolute;
  inset: 1px 2px auto;
  height: 35%;
  border-radius: 40% 40% 50% 50%;
  background: linear-gradient(#ffffffa8,#ffffff00);
  pointer-events: none;
  z-index: -1;
}
:root body.liquid-glass .glass-icon svg {
  width: 57%;
  height: 57%;
  stroke-width: 1.85;
  filter: drop-shadow(0 1px 0 #ffffffb0);
}
:root body.liquid-glass :is(.app-icon-skills,.app-icon-sparkles,.app-icon-learning,.app-icon-performance) {
  --icon-tint: 215,197,250;
  color: #654193;
}
:root body.liquid-glass :is(.app-icon-inspiration,.app-icon-branding,.app-icon-advertising) {
  --icon-tint: 251,229,177;
  color: #79572a;
}
:root body.liquid-glass :is(.app-icon-image,.app-icon-upload,.app-icon-projects) {
  --icon-tint: 178,227,238;
  color: #246177;
}
:root body.liquid-glass :is(.app-icon-user,.app-icon-contact,.app-icon-artists) {
  --icon-tint: 246,208,227;
  color: #804968;
}
:root body.liquid-glass .sidebar .nav-item .glass-icon {
  width: 34px;
  height: 34px;
  margin-right: 2px;
}
:root body.liquid-glass :is(.nav-item.active,.nav-item[aria-current=page],button.active,button[aria-pressed=true]) .glass-icon {
  color: white !important;
  background: radial-gradient(ellipse at 12% 0%,#75dfff88,transparent 60%),linear-gradient(145deg,#39adff,#1689ef 72%,#359fee) !important;
  box-shadow: inset 1px 2px 3px #d4f6ff,inset -1px -2px 4px #abddff77,0 5px 13px #3c8dd94a !important;
  border-color: #caf0ff !important;
}
:root body.liquid-glass :is(.nav-item.active,.nav-item[aria-current=page],button.active,button[aria-pressed=true]) .glass-icon svg {
  filter: drop-shadow(0 1px 1px #146fcf66);
}
:root body.liquid-glass :is(.case-category-grid,.industry-page-intro,.zcool-mode-icon,.industry-icon) .glass-icon {
  width: 46px;
  height: 46px;
}
:root body.liquid-glass .case-category-grid button {
  display: grid;
  grid-template-columns: 46px max-content minmax(0,1fr);
  min-height: 92px;
  gap: 6px 14px;
  justify-content: start;
  justify-items: start;
  min-width: 0;
  border-width: 1px !important;
}
:root body.liquid-glass .case-category-grid button>.glass-icon {
  grid-column: 1;
  grid-row: 1;
}
:root body.liquid-glass .case-category-grid button strong {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  letter-spacing: .04em;
}
:root body.liquid-glass .case-category-grid button small {
  grid-column: 3;
  grid-row: 1;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
:root body.liquid-glass .xg-tools button .glass-icon,:root body.liquid-glass .global-search .glass-icon {
  width: 27px;
  height: 27px;
  box-shadow: inset 1px 1px 2px #fff,0 2px 5px #586b841a !important;
}
:root body.liquid-glass .reliable-new-project .glass-icon {
  width: 27px;
  height: 27px;
  color: #fff;
  background: #ffffff26 !important;
  box-shadow: inset 1px 1px 2px #ffffff77 !important;
}
:root body.liquid-glass button:not(:disabled):hover>.glass-icon,:root body.liquid-glass a:hover>.glass-icon {
  transform: translateY(-2px);
}
@media (max-width:700px) {
  :root body.liquid-glass .case-category-grid button {
    grid-template-columns: 34px 1fr;
    padding: 12px;
    gap: 5px 9px;
  }
  :root body.liquid-glass .case-category-grid .glass-icon {
    width: 34px;
    height: 34px;
  }
  :root body.liquid-glass .case-category-grid button small {
    grid-column: 1/-1;
    grid-row: 2;
  }
}
@media (prefers-reduced-motion:reduce) {
  :root body.liquid-glass .glass-icon {
    transition: none !important;
    transform: none !important;
  }
}
:root body.liquid-glass .reliable-app .workspace .topbar button.reliable-new-project,
:root body.liquid-glass .reliable-app .workspace .topbar button.reliable-new-project:hover,
:root body.liquid-glass .reliable-app .workspace .topbar button.reliable-new-project:focus-visible,
:root body.liquid-glass .reliable-app .workspace .topbar button.reliable-new-project:active {
  background: linear-gradient(145deg,#126cc7,#0853ae) !important;
  color: #fff !important;
  border: 1px solid #c3e6ff !important;
  box-shadow: inset 0 1px 1px #ffffff70,0 5px 13px #245d9d30 !important;
}
:root body.liquid-glass .reliable-app .workspace .topbar button.reliable-new-project:hover {
  background: linear-gradient(145deg,#155eab,#07458f) !important;
}
:root body.liquid-glass .reliable-app .workspace .topbar button.reliable-new-project .glass-icon {
  color: #fff !important;
}
.case-featured-heading {
  font-size: 22px;
  margin: 20px 0 14px;
}
:root body.liquid-glass .context-assistant-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 43px;
  padding: 6px 12px !important;
  color: #274971 !important;
  background: linear-gradient(145deg,#ffffffd6,#dae8f799) !important;
}
.context-assistant-drawer {
  position: fixed;
  z-index: 1000;
  right: 24px;
  top: 108px;
  bottom: 24px;
  width: min(440px,calc(100vw - 24px));
  padding: 22px;
  overflow: auto;
  border-radius: 26px;
  border: 1px solid #ffffffed;
  background: linear-gradient(135deg,#f6f8ffeF,#e9eff9ed);
  box-shadow: inset 1px 1px 2px white,0 16px 60px #24385045;
  backdrop-filter: blur(24px);
  color: #253954;
}
.context-assistant-drawer header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.context-assistant-drawer header strong {
  font-size: 22px;
}
.context-assistant-drawer header small {
  display: block;
  margin-top: 5px;
}
.context-assistant-drawer button {
  border: 1px solid #9db8d8;
  background: #ffffffd9;
  color: #24496f;
  padding: 9px 14px;
  border-radius: 12px;
  cursor: pointer;
}
.context-assistant-drawer button:disabled {
  opacity: .5;
  cursor: default;
}
.context-assistant-drawer p,.context-assistant-drawer label {
  font-size: 14px;
  line-height: 1.7;
}
.context-assistant-drawer textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
  border: 1px solid #9db8d8;
  background: white;
  color: #253954;
  border-radius: 12px;
  margin: 8px 0;
}
.context-assistant-drawer pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 12px;
  max-height: 220px;
  overflow: auto;
}
.context-chat-results article {
  border-top: 1px solid #bbcee3;
  padding: 10px 0;
}
.context-chat-results .chat-question {
  background: #dceafa;
  padding: 12px;
  border-radius: 14px;
}
.context-assistant-drawer .reliable-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width:600px) {
  .context-assistant-drawer {
    top: 94px;
    right: 8px;
    bottom: 8px;
    width: calc(100vw - 16px);
    box-sizing: border-box;
    padding: 18px;
  }
  .context-assistant-toggle {
    font-size: 12px;
  }
  .context-assistant-toggle .glass-icon {
    display: none !important;
  }
}
:root body.liquid-glass .reliable-app .topbar .xg-heading {
  flex: 1 1 180px;
}
:root body.liquid-glass .reliable-app .topbar .top-actions {
  flex: 0 1 auto;
  min-width: 0;
}
:root body.liquid-glass .reliable-app .topbar .global-search {
  width: clamp(240px,24vw,330px);
  flex: 0 1 330px;
  min-width: 200px;
  margin: 0;
}
:root body.liquid-glass .reliable-app .topbar .top-actions>button {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width:1200px) {
  :root body.liquid-glass .reliable-app .topbar {
    flex-wrap: wrap;
  }
  :root body.liquid-glass .reliable-app .topbar .top-actions {
    flex: 1 1 100%;
    width: 100%;
  }
  :root body.liquid-glass .reliable-app .topbar .global-search {
    flex: 1 1 240px;
    width: auto;
  }
}
@media (max-width:600px) {
  :root body.liquid-glass .reliable-app .topbar .top-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  :root body.liquid-glass .reliable-app .topbar .global-search {
    flex: 1 0 100%;
    width: 100%;
    min-width: 0;
  }
}
.skill-library {
  min-width: 0;
  margin: 18px 0 24px;
}
.skill-category-tabs {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.skill-category-tabs button {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 4px 10px;
  align-items: center;
  padding: 15px 16px;
  text-align: left;
  min-width: 0;
  cursor: pointer;
}
.skill-category-tabs strong {
  font-size: 17px;
  line-height: 1.5;
}
.skill-category-tabs small {
  grid-column: 1/-1;
  overflow-wrap: anywhere;
}
.skill-category-count {
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
}
.skill-category-panel[hidden] {
  display: none !important;
}
.skill-category-empty {
  padding: 25px 22px;
  border: 1px dashed #b7c9df;
  border-radius: 16px;
  background: #f9fbfe;
}
.skill-category-empty h2 {
  font-size: 20px;
  line-height: 1.4;
  margin: 8px 0;
}
.skill-category-empty p {
  margin: 0;
}
.skill-empty-status {
  display: inline-block;
  font-size: 12px;
  color: #52637b;
  background: #eaf1fa;
  padding: 3px 8px;
  border-radius: 6px;
}
.project-reference-settings {
  padding-top: 22px;
  border-top: 1px solid #c9d7e7;
}
.project-reference-settings>h2 {
  font-size: 22px;
  margin-top: 0;
}
:root body.liquid-glass .reliable-app .skill-category-tabs button {
  border: 1px solid #ccd9e8 !important;
  background: #f9fbfe !important;
  box-shadow: inset 0 1px #fff,0 2px 8px #455f8208;
  border-radius: 14px;
}
:root body.liquid-glass .reliable-app .skill-category-tabs button[aria-selected=true] {
  border-color: #74a5d8 !important;
  background: #e8f2ff !important;
}
:root body.liquid-glass .reliable-app .skill-category-tabs button[aria-selected=true] strong {
  color: #145ca7 !important;
}
:root body.liquid-glass .reliable-app .skill-category-panel>.github-showcase {
  margin: 0;
  padding: 0;
  border: 0;
}
@media (max-width:600px) {
  .skill-category-tabs {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .skill-category-tabs button {
    padding: 12px 14px;
  }
  .skill-category-empty {
    padding: 20px 16px;
  }
}
:root body.liquid-glass .reliable-app .github-showcase {
  margin-top: 24px;
  padding-top: 20px;
  border-color: #c9d7e7;
}
:root body.liquid-glass .reliable-app .github-kicker {
  color: #42648a;
}
:root body.liquid-glass .reliable-app .github-snapshot {
  color: #52637b;
  background: #f3f7fc;
  border-color: #d5dfeb;
}
:root body.liquid-glass .reliable-app .github-resource-grid {
  gap: 12px;
  align-items: start;
}
:root body.liquid-glass .reliable-app .github-resource {
  padding: 14px 16px;
  min-height: 208px;
  border: 1px solid #ccd9e8;
  border-radius: 16px;
  background: #f9fbfe;
  box-shadow: inset 0 1px #fff,0 2px 8px #455f8208;
  backdrop-filter: none;
}
:root body.liquid-glass .reliable-app .github-resource-top {
  color: #61738c;
  font-size: 11px;
}
:root body.liquid-glass .reliable-app .github-category {
  padding: 3px 7px;
  background: #e8f1fc;
  color: #355c87;
  border-radius: 6px;
}
:root body.liquid-glass .reliable-app .github-resource-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 9px 0 5px;
}
:root body.liquid-glass .reliable-app .github-resource h3 {
  font-size: 18px;
  line-height: 1.4;
  margin: 0;
  color: #253954 !important;
}
:root body.liquid-glass .reliable-app .workspace .github-resource-title {
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  color: #52637b !important;
}
:root body.liquid-glass .reliable-app .workspace .github-resource-purpose {
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 5px;
  color: #52637b !important;
  flex: 1;
}
:root body.liquid-glass .reliable-app .github-resource details {
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
  color: #52637b;
}
:root body.liquid-glass .reliable-app .github-resource summary {
  min-height: 30px;
  padding: 4px 0;
  color: #365d8a;
  font-weight: 600;
}
:root body.liquid-glass .reliable-app .github-resource dl {
  margin: 8px 0 12px;
}
:root body.liquid-glass .reliable-app .github-resource dt {
  color: #314963 !important;
  margin-top: 8px;
}
:root body.liquid-glass .reliable-app .github-resource dd {
  color: #52637b !important;
  margin: 2px 0;
}
:root body.liquid-glass .reliable-app .github-resource details a {
  color: #145ca7;
}
:root body.liquid-glass .reliable-app .github-resource footer {
  margin-top: 5px;
  padding-top: 6px;
  border-color: #dbe4ef;
  color: #596d87;
}
:root body.liquid-glass .reliable-app .github-resource footer a {
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid #c0d5ed;
  background: #edf4fd;
  color: #145ca7;
  font-size: 12px;
  border-radius: 8px;
}
:root body.liquid-glass .reliable-app .github-resource footer a:hover {
  background: #deecfd;
  color: #0d4b90;
}
:root body.liquid-glass .reliable-app .github-showcase a:focus-visible,:root body.liquid-glass .reliable-app .github-showcase summary:focus-visible {
  outline-color: #3185d8;
}
:root body.liquid-glass .reliable-app .workspace .zcool-mode>em {
  font-size: 16px;
  line-height: 1.5;
  color: #255da0 !important;
  white-space: nowrap;
}
:root body.liquid-glass .reliable-app .workspace .tender-filter-fields {
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 16px;
  max-width: 760px;
}
:root body.liquid-glass .reliable-app .workspace .tender-filter-fields>.reliable-actions {
  margin: 0;
  align-self: end;
}
:root body.liquid-glass .reliable-app .workspace .tender-filter-fields select,:root body.liquid-glass .reliable-app .workspace .tender-filter-fields button {
  min-height: 44px;
  height: 44px;
  box-sizing: border-box;
}
@media (max-width:1100px) and (min-width:701px) {
  :root body.liquid-glass .case-category-grid button {
    grid-template-columns: 46px minmax(0,1fr);
  }
  :root body.liquid-glass .case-category-grid button>.glass-icon {
    grid-row: 1/3;
  }
  :root body.liquid-glass .case-category-grid button small {
    grid-column: 2;
    grid-row: 2;
  }
}
@media (max-width:480px) {
  :root body.liquid-glass .case-category-grid {
    grid-template-columns: 1fr;
  }
  :root body.liquid-glass .case-category-grid button {
    grid-template-columns: 34px minmax(0,1fr);
    min-height: 82px;
  }
  :root body.liquid-glass .case-category-grid button>.glass-icon {
    grid-row: 1/3;
  }
  :root body.liquid-glass .case-category-grid button small {
    grid-column: 2;
    grid-row: 2;
  }
  :root body.liquid-glass .reliable-app .github-resource {
    padding: 12px 14px;
    min-height: 0;
  }
  :root body.liquid-glass .reliable-app .github-resource-heading {
    display: block;
  }
  :root body.liquid-glass .reliable-app .workspace .github-resource-title {
    margin-top: 2px;
  }
  :root body.liquid-glass .reliable-app .workspace .tender-filter-fields {
    gap: 10px;
  }
}
.github-source-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
:root body.liquid-glass .reliable-app .github-resource footer button {
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid #c0d5ed;
  background: #edf4fd;
  color: #145ca7;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
}
:root body.liquid-glass .reliable-app .github-resource footer button:hover {
  background: #deecfd;
}
:root body.liquid-glass .reliable-app .github-resource footer button:disabled {
  opacity: .55;
  cursor: wait;
}
.creative-resource-summary {
  padding: 18px 20px;
  margin: 0 0 20px;
  border: 1px solid #bdd4ee;
  border-radius: 14px;
  background: #f3f8fe;
  min-width: 0;
}
.creative-resource-summary h2 {
  font-size: 20px;
  margin: 0 0 8px;
}
.creative-resource-summary>p {
  color: #52637b;
  font-size: 14px;
  line-height: 1.6;
}
.creative-resource-summary article {
  border-top: 1px solid #d4e1f0;
  padding: 14px 0 0;
  margin-top: 14px;
  overflow-wrap: anywhere;
}
.creative-resource-summary article header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.creative-resource-summary article p,.creative-resource-summary article details {
  font-size: 14px;
  line-height: 1.65;
}
.creative-resource-summary article button {
  flex-shrink: 0;
  white-space: nowrap;
}
.creative-resource-summary a {
  color: #145ca7;
}
@media (max-width:480px) {
  .creative-resource-summary {
    padding: 14px;
  }
  .creative-resource-summary article header {
    align-items: flex-start;
    flex-direction: column;
  }
}
:root body.liquid-glass .reliable-app .industry-brand .xg-brand-lockup small {
  white-space: normal;
  line-height: 1.5;
  overflow-wrap: anywhere;
  letter-spacing: 0;
}
:root body.liquid-glass .reliable-app .sidebar>nav>.nav-item.xg-sub.active::before {
  left: 27px;
}
.studio-page {
  max-width: 1600px;
  margin: 0 auto;
  padding: 30px 32px 56px;
  color: #23314c;
}
.studio-heading {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}
.studio-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.6px;
  color: #647592;
}
.studio-heading h1 {
  font-size: 30px;
  line-height: 1.3;
  margin: 8px 0;
}
.studio-heading p {
  font-size: 16px;
  line-height: 1.65;
  color: #6b7790;
  margin: 0;
}
.studio-pill {
  flex-shrink: 0;
  border: 1px solid #d7e1ef;
  border-radius: 100px;
  padding: 8px 14px;
  background: #ffffff9c;
  font-size: 13px;
  color: #47678c;
}
.studio-actions,.studio-toolbar,.studio-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.studio-actions button,.studio-page button,.studio-dialog button {
  font: inherit;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #d6e0ed;
  background: #ffffffc7;
  color: #2b4161;
  border-radius: 12px;
  padding: 10px 14px;
  min-height: 40px;
  transition: background .15s,border-color .15s;
}
.studio-page button:hover,.studio-dialog button:hover {
  background: #edf4ff;
  border-color: #a7c8f0;
}
.studio-page button:disabled,.studio-dialog button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.studio-page button.primary,.studio-dialog button.primary {
  background: #2264c8;
  color: white;
  border-color: #2264c8;
}
.studio-page input,.studio-page textarea,.studio-page select,.studio-dialog textarea {
  width: 100%;
  font: inherit;
  font-size: 15px;
  line-height: 1.6;
  border: 1px solid #d3deec;
  color: #23334f;
  background: #ffffffc9;
  padding: 11px 13px;
  border-radius: 12px;
  box-sizing: border-box;
  min-width: 0;
}
.studio-page textarea {
  resize: vertical;
}
.studio-page :focus-visible,.studio-dialog :focus-visible {
  outline: 3px solid #6eafff;
  outline-offset: 3px;
}
.studio-page label {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.65;
  display: grid;
  gap: 7px;
}
.studio-toolbar {
  justify-content: space-between;
  margin: 24px 0 16px;
}
.studio-toolbar>input {
  max-width: 380px;
}
.studio-tabs {
  display: flex;
  gap: 4px;
  background: #e2eaf3a6;
  padding: 4px;
  border-radius: 14px;
}
.studio-tabs button {
  background: transparent;
  border-color: transparent;
  padding: 10px 24px;
}
.studio-tabs button.active {
  background: #fff;
  box-shadow: 0 3px 12px #33507710;
  color: #2059a7;
}
.studio-inline-label {
  display: flex !important;
  align-items: center;
  font-weight: 400 !important;
}
.studio-inline-label select {
  width: auto;
}
.studio-filters button {
  border-color: transparent;
  background: transparent;
  border-radius: 99px;
  min-height: 36px;
  padding: 7px 14px;
}
.studio-filters button.selected {
  background: #ddeaff;
  color: #205cb4;
}
.studio-note {
  font-size: 13px;
  line-height: 1.7;
  color: #6c7890;
}
.inspiration-search {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 18px;
  background: #fff9;
  border: 1px solid #fff;
  border-radius: 20px;
}
.inspiration-search input {
  flex: 1 1 320px;
}
.inspiration-search span {
  font-size: 13px;
  color: #8190a7;
}
.inspiration-search button {
  border: 0;
  background: transparent;
  padding: 8px;
  font-size: 13px;
}
.inspiration-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  margin-top: 20px;
}
.inspiration-card {
  border-radius: 22px;
  background: #ffffffb8;
  border: 1px solid #ffffff;
  box-shadow: 0 10px 34px #344f7710;
  overflow: hidden;
}
.studio-page .inspiration-cover {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0;
  width: 100%;
  aspect-ratio: 4/3;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: linear-gradient(140deg,#d4e6fb,#d9dbfb);
  text-align: left;
}
.inspiration-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s;
}
.inspiration-cover:hover img {
  transform: scale(1.035);
}
.inspiration-cover>span,.inspiration-cover>b {
  position: absolute;
  bottom: 14px;
  background: #142d4fb5;
  color: white;
  backdrop-filter: blur(12px);
  border-radius: 7px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 500;
}
.inspiration-cover>span {
  left: 14px;
}
.inspiration-cover>b {
  right: 14px;
}
.inspiration-card-body {
  padding: 20px;
}
.inspiration-card-body small {
  font-size: 12px;
  color: #6d7e98;
}
.inspiration-card h2 {
  font-size: 19px;
  margin: 8px 0;
}
.inspiration-card-body>p {
  font-size: 14px;
  line-height: 1.8;
  color: #6a7890;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 76px;
}
.inspiration-card-body>div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.studio-dialog {
  border: 1px solid #e0e8f3;
  background: #f6f9fe;
  border-radius: 24px;
  padding: 26px;
  width: min(760px,calc(100vw - 32px));
  max-height: 85vh;
  color: #24334d;
  box-shadow: 0 24px 100px #233f6655;
  box-sizing: border-box;
}
.studio-dialog::backdrop {
  background: #21375265;
  backdrop-filter: blur(7px);
}
.studio-dialog header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 18px;
}
.studio-dialog h2 {
  font-size: 23px;
  margin: 0;
}
.studio-dialog h3 {
  font-size: 16px;
}
.studio-dialog p {
  font-size: 15px;
  line-height: 1.8;
}
.studio-dialog dl {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 12px;
  font-size: 14px;
  line-height: 1.7;
}
.studio-dialog dt {
  color: #758199;
}
.studio-dialog dd {
  margin: 0;
}
.studio-detail-cover {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 16px;
}
.studio-detail-meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 20px 0;
}
.studio-detail-meta span {
  padding: 6px 10px;
  border-radius: 8px;
  background: #e6effb;
  color: #416593;
  font-size: 13px;
}
.studio-preserve {
  white-space: pre-wrap;
}
.studio-template-list {
  display: grid;
  gap: 12px;
}
.studio-template-list button {
  text-align: left;
  background: white;
}
.studio-template-list p {
  font-size: 13px;
  margin: 7px 0 0;
  color: #78849a;
}
.studio-empty {
  text-align: center;
  background: #ffffff7d;
  border: 1px dashed #cbd8e9;
  border-radius: 20px;
  padding: 50px 24px;
  margin: 20px 0;
}
.studio-empty p {
  color: #74829b;
  line-height: 1.8;
}
.studio-empty.compact {
  padding: 28px 20px;
}
.studio-empty.compact>span {
  font-size: 34px;
  color: #79a3da;
}
.studio-empty h2 {
  font-size: 20px;
}
.commerce-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin: 24px 0;
}
.studio-page .commerce-card {
  display: grid;
  grid-template-columns: 50px 1fr;
  text-align: left;
  align-content: start;
  gap: 6px 15px;
  padding: 22px;
  border-color: #fff;
  border-radius: 20px;
  background: #fff9;
  box-shadow: 0 8px 25px #45678a0b;
}
.commerce-symbol {
  grid-row: span 3;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  background: #e0ecff;
  border-radius: 15px;
  font-size: 27px;
  color: #4d83cb;
}
.commerce-card small {
  color: #8190a6;
  font-size: 12px;
}
.commerce-card h2 {
  font-size: 18px;
  margin: 0;
}
.commerce-card p {
  grid-column: 1/-1;
  line-height: 1.8;
  color: #738099;
  margin: 10px 0;
  font-size: 14px;
}
.commerce-card>span:last-child {
  grid-column: 1/-1;
  font-size: 12px;
  color: #526f99;
}
.accent-violet .commerce-symbol,.commerce-symbol.accent-violet {
  background: #e9e2fc;
  color: #916adb;
}
.commerce-symbol.accent-green {
  background: #d8eee8;
  color: #428879;
}
.commerce-symbol.accent-rose {
  background: #f3e1e9;
  color: #b77591;
}
.studio-savebar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border-top: 1px solid #d9e4f0;
  border-bottom: 1px solid #d9e4f0;
  padding: 12px 0;
  margin-bottom: 22px;
  color: #7a889f;
  font-size: 13px;
}
.studio-savebar .unsaved {
  color: #ab7b24;
}
.studio-editor-grid {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(340px,.9fr);
  gap: 24px;
  align-items: start;
}
.studio-editor,.studio-output-status {
  padding: 24px;
  border-radius: 22px;
  border: 1px solid #fff;
  background: #ffffffa1;
  box-shadow: 0 8px 36px #3652780c;
}
.studio-fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 22px;
  min-width: 0;
}
.studio-fieldset h2 {
  font-size: 18px;
  margin: 0 0 10px;
}
.studio-fieldset p {
  font-size: 13px;
  line-height: 1.8;
  color: #73839b;
}
.studio-source {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  background: #edf1fc;
  border-radius: 12px;
  padding: 8px 13px;
  color: #5a7295;
  font-size: 13px;
}
.studio-source button {
  border: 0;
  background: none;
  font-size: 12px;
}
.studio-reference-section {
  padding-top: 10px;
}
.studio-upload {
  position: relative;
  display: grid !important;
  place-items: center;
  padding: 20px;
  border: 1px dashed #adc5e6;
  background: #f1f6fe;
  border-radius: 15px;
  color: #517cab;
  cursor: pointer;
  overflow: hidden;
}
.studio-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.studio-file-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}
.studio-file-grid article {
  display: flex;
  flex-direction: column;
  border: 1px solid #dce5ef;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.studio-file-grid img,.studio-file-symbol {
  height: 100px;
  object-fit: cover;
  width: 100%;
  background: #eaf0f7;
}
.studio-file-symbol {
  display: grid;
  place-items: center;
  font-size: 32px;
  color: #8099b9;
}
.studio-file-grid a {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 8px;
  color: #52739a;
}
.studio-file-grid button {
  min-height: 30px;
  border: 0;
  padding: 6px;
  font-size: 12px;
}
.studio-reference-section>label:last-child {
  margin-top: 16px;
}
.studio-tool-fields {
  display: grid;
  gap: 16px;
  padding: 20px;
  background: #f3f6fb;
  border: 1px solid #e3eaf3;
  border-radius: 16px;
}
.studio-parameters {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}
.studio-instruction summary {
  font-size: 14px;
  color: #5a7293;
  cursor: pointer;
  padding: 5px 0 12px;
}
.studio-instruction textarea {
  font-size: 13px;
}
.studio-output {
  display: grid;
  gap: 18px;
  min-width: 0;
}
.studio-output-status h2 {
  font-size: 22px;
  margin: 8px 0;
}
.studio-output-status p {
  font-size: 14px;
  line-height: 1.8;
  color: #75829b;
  margin: 0;
}
.studio-output .native-generation-panel {
  margin: 0;
  background: #f5f9ffb8;
  border: 1px solid #ccdff8;
  border-radius: 20px;
  padding: 22px;
  overflow: hidden;
}
.studio-output .native-generation-panel h3 {
  font-size: 18px;
}
.studio-output .native-generation-panel p {
  font-size: 13px;
  line-height: 1.75;
}
.studio-output .native-generation-panel textarea {
  font-size: 14px;
}
.studio-output .native-generation-panel article {
  background: #fff;
  border: 1px solid #e2eaf5;
  border-radius: 12px;
  padding: 14px;
  margin-top: 14px;
}
.studio-script {
  background: #fff9;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 20px;
}
.studio-result-grid {
  display: grid;
  gap: 18px;
}
.studio-result-grid figure {
  margin: 0;
  background: #fff;
  border: 1px solid #dce5f2;
  border-radius: 18px;
  overflow: hidden;
}
.studio-result-grid img {
  width: 100%;
  display: block;
}
.studio-result-grid figcaption {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px;
  font-size: 13px;
}
.studio-result-grid a {
  color: #3b6fab;
}
.studio-history {
  padding: 22px;
  border: 1px solid #d2e0f1;
  background: #ffffffb8;
  border-radius: 20px;
  margin-bottom: 22px;
  max-height: 390px;
  overflow: auto;
}
.studio-history header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.studio-history h2 {
  font-size: 19px;
  margin: 0 auto 0 0;
}
.studio-history article {
  display: flex;
  gap: 12px;
  align-items: center;
  border-top: 1px solid #e5ebf4;
  padding: 13px 0;
}
.studio-history article>div {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 4px;
}
.studio-history article strong {
  font-size: 14px;
}
.studio-history article small {
  font-size: 12px;
  color: #8190a7;
}
.studio-nav-group {
  margin: 4px 0;
}
.studio-nav-heading {
  cursor: pointer;
}
.studio-nav-heading .studio-nav-chevron {
  margin-left: auto;
  font-size: 22px;
  line-height: 1;
  transition: transform .18s;
}
.studio-nav-heading[aria-expanded="true"] .studio-nav-chevron {
  transform: rotate(90deg);
}
.studio-nav-heading:focus-visible {
  outline: 3px solid #6eafff;
  outline-offset: -3px;
}
.studio-nav-children {
  margin: 0 0 8px 30px;
  padding-left: 12px;
  border-left: 1px solid #c9d8ea;
}
.studio-nav-children[hidden] {
  display: none !important;
}
.studio-nav-children .nav-item {
  padding-left: 18px !important;
  font-size: 14px !important;
  min-height: 40px !important;
}
.studio-nav-children .nav-item span {
  white-space: nowrap;
}
.studio-dialog .studio-actions {
  margin-top: 22px;
}
.studio-page .native-result-image {
  max-height: 500px;
  object-fit: contain;
}
.studio-fieldset:disabled {
  opacity: .75;
}
@media (min-width:1550px) {
  .inspiration-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}
@media (max-width:1150px) {
  .studio-page {
    padding: 24px 20px;
  }
  .studio-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .inspiration-grid,.commerce-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .studio-editor-grid {
    grid-template-columns: 1fr;
  }
  .studio-output {
    grid-template-columns: 1fr;
  }
  .studio-output-status {
    padding: 20px;
  }
}
@media (max-width:620px) {
  .studio-page {
    padding: 22px 14px 40px;
  }
  .studio-heading h1 {
    font-size: 26px;
  }
  .studio-pill {
    white-space: normal;
  }
  .inspiration-grid,.commerce-grid {
    grid-template-columns: 1fr;
  }
  .studio-editor {
    padding: 18px;
  }
  .studio-heading .studio-actions {
    width: 100%;
  }
  .studio-heading .studio-actions button {
    flex: 1;
  }
  .studio-toolbar {
    gap: 15px;
  }
  .studio-dialog {
    padding: 20px;
  }
  .studio-dialog dl {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .studio-dialog dd {
    margin-bottom: 10px;
  }
  .studio-file-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .studio-page input,.studio-page textarea,.studio-page select {
    font-size: 16px;
  }
  .studio-history article {
    flex-wrap: wrap;
  }
  .studio-history article>div {
    flex-basis: 100%;
  }
  .studio-savebar {
    align-items: flex-start;
  }
  .studio-savebar span {
    max-width: 65%;
  }
  .studio-detail-cover {
    height: 200px;
  }
}
.library-editor-header {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #ffffffb0;
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 14px 18px;
  margin-bottom: 22px;
}
.library-editor-header h2 {
  font-size: 19px;
  margin: 0;
  flex: 1;
}
.library-editor-header>span {
  font-size: 13px;
  color: #8791a1;
}
.library-form {
  border: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr);
  gap: 24px;
}
.library-main-fields,.library-side-fields {
  background: #ffffffa6;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 24px;
  display: grid;
  align-content: start;
  gap: 20px;
  min-width: 0;
}
.library-side-fields h3 {
  margin: 0;
  font-size: 17px;
}
.library-side-fields .studio-file-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.library-context-preview {
  background: #f0f5fc;
  border: 1px solid #dce7f4;
  padding: 18px;
  border-radius: 14px;
}
.library-context-preview p {
  font-size: 13px;
  white-space: pre-wrap;
  line-height: 1.9;
  color: #6a7b95;
}
.brand-color-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.brand-color-row>span {
  display: grid;
  gap: 6px;
  text-align: center;
  font-size: 12px;
}
.brand-color-row i {
  display: block;
  width: 70px;
  height: 70px;
  border: 1px solid #cad6e7;
  border-radius: 14px;
}
.library-file-button,.library-link-button {
  display: inline-block !important;
  font-weight: 400 !important;
  cursor: pointer;
  font-size: 14px !important;
  border: 1px solid #d5e0ef;
  border-radius: 12px;
  padding: 10px 14px;
  background: #fff9;
  color: #375c8b;
  text-decoration: none;
}
.library-stat-row {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 15px;
  margin: 24px 0;
}
.library-stat-row article {
  background: #ffffffa8;
  border: 1px solid #fff;
  border-radius: 18px;
  padding: 20px;
  display: flex;
  align-items: baseline;
  gap: 16px;
}
.library-stat-row strong {
  font-size: 25px;
  font-weight: 600;
}
.library-stat-row span {
  font-size: 13px;
  color: #7485a1;
}
.library-record-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
}
.library-record-grid>article {
  background: #ffffffb8;
  border: 1px solid #fff;
  border-radius: 20px;
  overflow: hidden;
}
.library-record-cover {
  height: 160px;
  background: linear-gradient(130deg,#e3edff,#edf1f5);
  display: grid;
  place-items: center;
}
.library-record-cover img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.library-record-cover>span {
  font-size: 42px;
  color: #6b93c9;
}
.library-record-grid article>div:last-child {
  padding: 20px;
}
.library-record-grid small {
  font-size: 12px;
  color: #8290a4;
}
.library-record-grid h2 {
  font-size: 19px;
  margin: 8px 0;
}
.library-record-grid p {
  font-size: 14px;
  color: #77869d;
  line-height: 1.7;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 60px;
}
.library-picker-search,.library-plan-text {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cbd9eb;
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  font: inherit;
}
.media-picker-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  max-height: 420px;
  overflow: auto;
}
.media-picker-grid button {
  position: relative;
  padding: 6px;
  border: 2px solid transparent;
}
.media-picker-grid button.selected {
  border-color: #3a78cd;
}
.media-picker-grid img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  border-radius: 8px;
}
.media-picker-grid span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.media-picker-grid b {
  position: absolute;
  right: 12px;
  top: 12px;
  background: #2e6bbd;
  color: #fff;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  display: grid;
  place-items: center;
  font-size: 12px;
}
.media-layout {
  display: flex;
  gap: 24px;
}
.media-folders {
  width: 200px;
  flex-shrink: 0;
  background: #ffffff89;
  border: 1px solid #fff;
  border-radius: 18px;
  padding: 18px;
  height: fit-content;
}
.media-folders header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.media-folders h3 {
  font-size: 16px;
  margin: 0;
}
.media-folders>button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  margin-bottom: 4px;
}
.media-folders>button.active {
  background: #e0edff;
  color: #2b63aa;
}
.media-content {
  min-width: 0;
  flex: 1;
}
.media-content .studio-toolbar {
  margin-top: 0;
}
.media-content .studio-toolbar>select {
  width: auto;
}
.media-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin-top: 20px;
}
.media-grid>article {
  background: #ffffffb0;
  border: 1px solid #fff;
  border-radius: 17px;
  overflow: hidden;
}
.studio-page .media-thumbnail {
  position: relative;
  width: 100%;
  height: 180px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #e8eff8;
  display: grid;
  place-items: center;
}
.media-thumbnail>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.media-thumbnail>span {
  font-size: 42px;
  color: #7a97bc;
}
.media-thumbnail>b {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #fff;
  border: 1px solid #abc4e4;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  font-size: 15px;
  color: #386bae;
}
.media-thumbnail>b.checked {
  background: #2c6abc;
  color: #fff;
}
.media-grid article>div {
  padding: 15px;
}
.media-grid h3 {
  font-size: 14px;
  margin: 0 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.media-grid small {
  font-size: 12px;
  color: #8291a9;
}
.media-grid .studio-actions {
  margin-top: 12px;
  justify-content: space-between;
}
.media-grid a {
  font-size: 13px;
  color: #3f70b0;
}
.media-batch {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px;
  background: #e5effe;
  border-radius: 14px;
  font-size: 13px;
  margin-top: 15px;
}
.media-batch label {
  display: flex;
  align-items: center;
  font-size: 13px;
  gap: 8px;
}
.media-batch input {
  width: 16px;
}
.media-batch select {
  width: auto;
  max-width: 180px;
}
.media-large-preview {
  width: 100%;
  max-height: 440px;
  object-fit: contain;
  border-radius: 14px;
  background: #edf2f8;
}
.canvas-template-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
  margin: 30px 0;
}
.studio-page .canvas-template-grid button {
  background: #fff9;
  border-color: #fff;
  padding: 24px;
  text-align: left;
}
.canvas-template-symbol {
  font-size: 34px;
  color: #648dc4;
  display: block;
  margin: 20px 0 26px;
}
.canvas-template-grid h2 {
  font-size: 17px;
}
.canvas-template-grid p {
  font-size: 13px;
  color: #8090a7;
}
.canvas-project-list article {
  display: flex;
  gap: 14px;
  align-items: center;
  background: #fff9;
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 18px 22px;
  margin-bottom: 12px;
}
.canvas-project-list article>div {
  flex: 1;
}
.canvas-project-list h3 {
  font-size: 17px;
  margin: 0 0 6px;
}
.canvas-project-list p {
  font-size: 13px;
  color: #8290a5;
  margin: 0;
}
.canvas-controls {
  border: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: end;
}
.canvas-controls>label {
  min-width: 260px;
}
.canvas-workbench {
  display: flex;
  gap: 18px;
  min-height: 660px;
}
.canvas-viewport {
  flex: 1;
  min-width: 0;
  overflow: auto;
  max-height: 720px;
  border: 1px solid #d9e3f0;
  border-radius: 18px;
  background: #f2f6fc;
}
.canvas-surface {
  position: relative;
  width: 1800px;
  height: 1250px;
  background-image: radial-gradient(#becfe3 1px,transparent 1px);
  background-size: 20px 20px;
}
.canvas-connections {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.canvas-node {
  position: absolute;
  width: 260px;
  min-height: 145px;
  background: #fff;
  border: 1px solid #c6d8ed;
  border-radius: 14px;
  box-shadow: 0 6px 20px #35578510;
}
.canvas-node.selected {
  outline: 2px solid #4e88cf;
}
.studio-page .canvas-node-handle {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #e3ebf5;
  border-radius: 13px 13px 0 0;
  text-align: left;
  background: #f6f9ff;
  display: flex;
  gap: 10px;
  align-items: center;
  touch-action: none;
  cursor: grab;
  padding: 13px;
}
.canvas-node-handle span {
  background: #e1ecfc;
  padding: 5px;
  border-radius: 6px;
  color: #4a77ad;
  font-size: 12px;
}
.canvas-node p {
  margin: 12px;
  font-size: 12px;
  line-height: 1.7;
  max-height: 84px;
  overflow: hidden;
  white-space: pre-wrap;
  color: #708098;
}
.canvas-node small {
  font-size: 11px;
  display: block;
  margin: 12px;
  color: #8595aa;
}
.canvas-port {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #96b8e6;
  border: 2px solid white;
  top: 59px;
}
.canvas-port.in {
  left: -6px;
}
.canvas-port.out {
  right: -6px;
}
.canvas-inspector {
  width: 280px;
  flex-shrink: 0;
  background: #fff9;
  border: 1px solid #fff;
  border-radius: 18px;
  padding: 20px;
  max-height: 720px;
  overflow: auto;
}
.canvas-inspector fieldset {
  border: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.canvas-inspector h3 {
  font-size: 15px;
  margin: 10px 0 0;
}
.canvas-inspector p {
  font-size: 13px;
  line-height: 1.7;
  color: #7d8ca2;
}
.canvas-inspector input,.canvas-inspector textarea,.canvas-inspector select {
  font-size: 13px;
}
.canvas-edge-list p {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.canvas-edge-list button {
  padding: 2px;
  min-height: 22px;
}
.detail-start-layout {
  display: grid;
  grid-template-columns: 240px minmax(0,1fr);
  gap: 26px;
}
.detail-start-layout>aside {
  background: #fff8;
  border: 1px solid #fff;
  border-radius: 18px;
  padding: 20px;
  align-self: start;
}
.detail-start-layout h2 {
  font-size: 19px;
}
.detail-start-layout aside>button {
  width: 100%;
  display: grid;
  gap: 6px;
  text-align: left;
  margin-bottom: 10px;
}
.detail-start-layout aside small {
  font-size: 12px;
  color: #8494a9;
}
.detail-start-layout aside p {
  font-size: 14px;
  color: #7c8ca6;
  line-height: 1.8;
}
.detail-template-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  margin: 24px 0;
}
.studio-page .detail-template-grid button {
  text-align: left;
  padding: 25px;
  background: linear-gradient(130deg,#ffffffcf,#f2f6ffbf);
  border-color: #fff;
}
.detail-template-grid span {
  font-size: 12px;
  color: #758eae;
}
.detail-template-grid h3 {
  font-size: 18px;
}
.detail-template-grid p {
  font-size: 14px;
  line-height: 1.8;
  color: #7b8ba3;
  min-height: 50px;
}
.detail-template-grid strong {
  font-size: 13px;
  color: #4172b7;
}
.detail-editor {
  border: 0;
  padding: 0;
  min-width: 0;
}
.detail-section {
  border: 1px solid #fff;
  background: #ffffff9c;
  border-radius: 22px;
  padding: 26px;
  margin-bottom: 24px;
}
.detail-section>header {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-bottom: 24px;
}
.detail-section>header>span {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border-radius: 13px;
  background: #e2ecfc;
  color: #6489b8;
  font-weight: 600;
}
.detail-section h2 {
  font-size: 20px;
  margin: 0;
}
.detail-section header p {
  font-size: 13px;
  color: #8090a6;
  margin: 6px 0 0;
}
.detail-section h2 b {
  font-size: 14px;
  color: #6d94c9;
  margin-left: 10px;
}
.detail-two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.detail-two-columns .library-main-fields {
  background: none;
  border: 0;
  padding: 0;
}
.detail-two-columns h3 {
  font-size: 15px;
}
.detail-model-ref {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.detail-model-ref img {
  width: 85px;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
}
.detail-section>label {
  margin-top: 20px;
}
.detail-plans {
  display: grid;
  gap: 16px;
  margin-bottom: 20px;
}
.detail-plans>article {
  position: relative;
  background: #f4f8feb0;
  border: 1px solid #dce7f4;
  border-radius: 17px;
  padding: 20px 20px 20px 62px;
}
.detail-plan-number {
  position: absolute;
  left: 20px;
  top: 26px;
  font-size: 14px;
  color: #7994b6;
}
.detail-plan-fields {
  display: grid;
  grid-template-columns: 2fr .7fr 1fr 1fr;
  gap: 12px;
}
.detail-plan-fields label {
  font-size: 12px;
}
.detail-plans article>p {
  font-size: 13px;
  line-height: 1.8;
  color: #7e8da4;
}
.detail-item-create {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 15px;
}
.detail-item-create button {
  font-size: 12px;
  padding: 8px 12px;
  min-height: 34px;
}
.detail-bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
  background: #ffffffda;
  border: 1px solid #fff;
  border-radius: 17px;
  padding: 20px;
  position: sticky;
  bottom: 16px;
  backdrop-filter: blur(18px);
  box-shadow: 0 8px 30px #34598412;
}
.detail-bottom>span {
  font-size: 13px;
  color: #7e8ea5;
  flex: 1;
}
.detail-bottom>strong {
  font-size: 18px;
}
@media (max-width:1200px) {
  .library-stat-row {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .media-grid,.library-record-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .canvas-template-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .library-form {
    grid-template-columns: 1fr;
  }
  .detail-start-layout {
    grid-template-columns: 1fr;
  }
  .detail-start-layout>aside {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .detail-start-layout aside>button {
    width: auto;
  }
  .detail-two-columns {
    grid-template-columns: 1fr;
  }
}
@media (max-width:760px) {
  .media-layout {
    display: block;
  }
  .media-folders {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
  }
  .media-folders header {
    width: 100%;
  }
  .media-folders>button {
    width: auto;
  }
  .canvas-workbench {
    display: block;
  }
  .canvas-inspector {
    width: auto;
    max-height: none;
    margin-top: 18px;
  }
  .canvas-viewport {
    height: 500px;
  }
  .library-editor-header {
    flex-wrap: wrap;
  }
  .library-editor-header h2 {
    flex-basis: 55%;
  }
  .library-editor-header>span {
    margin-right: auto;
  }
  .detail-plan-fields {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .detail-bottom {
    flex-wrap: wrap;
    position: static;
  }
  .detail-bottom>span {
    flex-basis: 70%;
  }
  .detail-section {
    padding: 18px;
  }
  .detail-plans>article {
    padding: 18px;
  }
  .detail-plan-number {
    position: static;
    display: block;
    margin-bottom: 12px;
  }
  .canvas-project-list article {
    flex-wrap: wrap;
  }
  .canvas-project-list article>div {
    flex-basis: 100%;
  }
}
@media (max-width:520px) {
  .library-record-grid,.media-grid,.detail-template-grid,.canvas-template-grid {
    grid-template-columns: 1fr;
  }
  .library-stat-row article {
    padding: 14px;
    display: grid;
    gap: 8px;
  }
  .library-stat-row strong {
    font-size: 23px;
  }
  .library-main-fields,.library-side-fields {
    padding: 18px;
  }
  .media-picker-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .media-content .studio-toolbar>input {
    max-width: none;
  }
  .media-content .studio-toolbar>select {
    width: 100%;
  }
  .library-editor-header {
    padding: 13px;
  }
  .canvas-controls>label {
    width: 100%;
  }
}
.video-reference-section {
  display: grid;
  gap: 14px;
}
.video-reference-section h2 {
  font-size: 18px;
  margin: 0;
}
.video-mode-note {
  padding: 20px;
  border: 1px dashed #b5cce7;
  border-radius: 16px;
  background: #f0f6ff;
}
.video-mode-note strong {
  font-size: 15px;
  color: #41658f;
}
.video-mode-note p {
  margin-bottom: 0;
}
.video-frame-slots {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.video-input-slot {
  padding: 18px;
  border: 1px solid #d4e2f2;
  border-radius: 16px;
  background: #f6f9fe;
  margin-bottom: 14px;
  min-width: 0;
}
.video-input-slot header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.video-input-slot h3 {
  font-size: 16px;
  margin: 0;
}
.video-input-slot header span {
  font-size: 12px;
  color: #7c90aa;
}
.video-input-slot .studio-actions {
  align-items: stretch;
  gap: 8px;
}
.video-input-slot .studio-upload {
  width: auto;
  padding: 10px 14px;
  font-size: 13px;
}
.video-input-slot .studio-actions>button {
  font-size: 13px;
}
.video-selected-files {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.video-selected-files>article {
  display: flex;
  gap: 12px;
  background: #fff;
  border: 1px solid #dce5f1;
  border-radius: 12px;
  padding: 10px;
  min-width: 0;
}
.video-selected-files img,.video-file-type {
  width: 80px;
  height: 88px;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 8px;
  background: #eaf0f8;
}
.video-file-type {
  display: grid;
  place-items: center;
  font-size: 27px;
  color: #7697c0;
}
.video-selected-files article>div {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.video-selected-files strong {
  font-size: 13px;
  overflow-wrap: anywhere;
}
.video-selected-files label {
  font-size: 12px;
}
.video-selected-files input {
  max-width: 150px;
  padding: 5px 9px;
  font-size: 14px;
}
.video-selected-files button {
  min-height: 28px;
  padding: 4px 8px;
  font-size: 12px;
}
.video-input-check {
  padding: 16px 18px;
  background: #fff8e9;
  border: 1px solid #ebd7a8;
  border-radius: 14px;
  color: #8d692c;
  font-size: 13px;
  line-height: 1.8;
}
.video-input-check ul {
  padding-left: 20px;
  margin: 6px 0 0;
}
.video-input-ready {
  font-size: 13px;
  color: #537d69 !important;
}
.video-file-manager summary {
  font-size: 13px;
  cursor: pointer;
  color: #6281a7;
}
.video-file-manager>div {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  border-bottom: 1px solid #e0e8f2;
  padding: 10px 0;
  font-size: 12px;
}
.video-file-manager>div>span {
  overflow-wrap: anywhere;
  min-width: 0;
}
.video-file-manager button {
  font-size: 12px;
  padding: 5px 8px;
  min-height: 30px;
  flex-shrink: 0;
}
.video-picker-symbol {
  display: grid !important;
  place-items: center;
  height: 110px;
  background: #e8f0fa;
  border-radius: 10px;
  font-size: 36px !important;
  color: #7697c0;
}
@media (max-width:900px) {
  .video-frame-slots {
    grid-template-columns: 1fr;
  }
}
@media (max-width:600px) {
  .video-input-slot {
    padding: 14px;
  }
  .video-selected-files img,.video-file-type {
    width: 64px;
    height: 76px;
  }
}
.inspiration-square .studio-tabs {
  flex-wrap: wrap;
  max-width: 100%;
}
.inspiration-square .studio-tabs button {
  white-space: nowrap;
}
.inspiration-square .skill-library {
  margin: 0;
}
.skill-category-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 18px;
}
:root body.liquid-glass .reliable-app .skill-category-tabs button {
  display: block;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid transparent !important;
  border-radius: 12px;
  background: #ffffff9c !important;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  white-space: nowrap;
}
:root body.liquid-glass .reliable-app .skill-category-tabs button[aria-selected=true] {
  color: #205cb4 !important;
  background: #ddeaff !important;
  border-color: #bdd5f4 !important;
}
:root body.liquid-glass .reliable-app .skill-category-tabs button:focus-visible {
  outline: 3px solid #6eafff;
  outline-offset: 3px;
}
:root body.liquid-glass .reliable-app .skill-card-showcase {
  margin: 0;
  padding: 0;
  border: 0;
}
.skill-card-showcase .github-showcase-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px;
}
:root body.liquid-glass .reliable-app .skill-card-showcase .github-showcase-heading h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  color: #52637b !important;
}
.skill-card-showcase .github-snapshot {
  font-size: 12px;
  line-height: 1.5;
  padding: 3px 8px;
  white-space: normal;
}
:root body.liquid-glass .reliable-app .skill-card-showcase .github-notice,:root body.liquid-glass .reliable-app .skill-card-showcase .github-footnote {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
  color: #61738c !important;
}
:root body.liquid-glass .reliable-app .skill-resource-grid,.skill-placeholder-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
  margin: 20px 0;
}
:root body.liquid-glass .reliable-app .github-resource.skill-resource-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ffffff;
  border-radius: 22px;
  background: #ffffffb8;
  box-shadow: 0 10px 34px #344f7710;
}
:root body.liquid-glass .reliable-app .skill-resource-card .skill-resource-cover {
  display: block;
  position: relative;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  margin: 0;
  padding: 0;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: #d9e5f8;
  cursor: pointer;
}
.skill-resource-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s;
}
.skill-resource-cover:hover img {
  transform: scale(1.035);
}
.skill-resource-cover>span,.skill-resource-cover>b {
  position: absolute;
  bottom: 14px;
  background: #142d4fdb;
  color: #fff;
  backdrop-filter: blur(12px);
  border-radius: 7px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}
.skill-resource-cover>span {
  left: 14px;
}
.skill-resource-cover>b {
  right: 14px;
}
.skill-resource-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 20px;
}
.skill-resource-body>small {
  font-size: 14px;
  line-height: 1.6;
  color: #6d7e98;
}
:root body.liquid-glass .reliable-app .skill-resource-card h3 {
  font-size: 20px;
  line-height: 1.5;
  margin: 8px 0 3px;
  overflow-wrap: anywhere;
  color: #253954 !important;
}
:root body.liquid-glass .reliable-app .workspace .skill-resource-name {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 8px;
  color: #6d7e98 !important;
  overflow-wrap: anywhere;
}
:root body.liquid-glass .reliable-app .workspace .skill-resource-card .github-resource-purpose {
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 16px;
  color: #60718b !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: initial;
  min-height: 84px;
}
.skill-selected-status {
  font-size: 13px;
  line-height: 1.5;
  color: #205ca6;
  margin-bottom: 8px;
}
:root body.liquid-glass .reliable-app .skill-resource-card footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding: 0;
  border: 0;
}
:root body.liquid-glass .reliable-app .skill-resource-card footer button {
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid #d6e0ed;
  background: #ffffffc7;
  color: #456588;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 12px;
  white-space: normal;
  cursor: pointer;
}
:root body.liquid-glass .reliable-app .skill-resource-card footer .skill-use-button,:root body.liquid-glass .reliable-app .skill-resource-card footer .skill-use-button:hover {
  background: linear-gradient(145deg,#168af0,#0870d8) !important;
  border-color: #46a5f4 !important;
  color: #fff !important;
  box-shadow: 0 5px 16px #257acf20;
}
:root body.liquid-glass .reliable-app .skill-resource-card button:focus-visible {
  outline: 3px solid #6eafff;
  outline-offset: -3px;
}
:root body.liquid-glass .reliable-app .skill-resource-card button:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.skill-placeholder-card.skill-category-empty {
  padding: 0;
  overflow: hidden;
  min-width: 0;
  border-radius: 22px;
  background: #ffffffa6;
  border: 1px dashed #b7c9df;
}
.skill-placeholder-cover {
  display: grid;
  place-items: center;
  aspect-ratio: 4/3;
  background: linear-gradient(140deg,#e4edf8,#f1f3fb);
  color: #8ba4c4;
  font-size: 52px;
  font-weight: 300;
}
.skill-placeholder-body {
  padding: 20px;
}
.skill-placeholder-body h2 {
  font-size: 20px;
  line-height: 1.5;
}
.skill-placeholder-body p {
  font-size: 16px;
  line-height: 1.75;
  color: #61738c;
}
.skill-detail-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  overflow: auto;
}
.skill-detail-dialog dd {
  overflow-wrap: anywhere;
}
.skill-detail-dialog .skill-detail-name,.skill-detail-status {
  color: #60718b;
  font-size: 14px;
}
.skill-detail-dialog .github-source-links {
  font-size: 14px;
  line-height: 1.7;
}
.skill-detail-dialog .github-source-links a {
  color: #145ca7;
}
@media (min-width:1550px) {
  :root body.liquid-glass .reliable-app .skill-resource-grid,.skill-placeholder-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}
@media (max-width:1150px) {
  :root body.liquid-glass .reliable-app .skill-resource-grid,.skill-placeholder-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:620px) {
  :root body.liquid-glass .reliable-app .skill-resource-grid,.skill-placeholder-grid {
    grid-template-columns: 1fr;
  }
  .skill-category-tabs {
    gap: 8px;
  }
  :root body.liquid-glass .reliable-app .skill-category-tabs button {
    padding: 8px 12px;
  }
  .inspiration-square .studio-tabs {
    gap: 2px;
  }
  .inspiration-square .studio-tabs button {
    padding: 10px 13px;
  }
  .skill-resource-body {
    padding: 18px;
  }
  .skill-detail-dialog dl {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  .skill-resource-cover img {
    transition: none;
  }
}
.studio-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 40px);
  overflow: auto;
  overscroll-behavior: contain;
}
.studio-dialog>header {
  min-width: 0;
  align-items: flex-start;
}
.studio-dialog>header h2 {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.5;
  flex: 1;
}
.studio-dialog>header>button {
  flex: none;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
}
.studio-dialog label {
  font-size: 14px;
  font-weight: 600;
  display: grid;
  gap: 7px;
  line-height: 1.7;
}
.studio-dialog input:not([type=checkbox]):not([type=file]),.studio-dialog select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  background: #ffffffd9;
  border: 1px solid #cbd9e9;
  border-radius: 11px;
  padding: 10px 12px;
  font: inherit;
  font-size: 15px;
  color: #253b57;
}
.studio-dialog dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.studio-dialog .studio-actions {
  min-width: 0;
}
.studio-dialog .studio-actions>* {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.studio-dialog.asset-preview-dialog {
  width: min(1180px,calc(100vw - 48px));
  padding: 24px;
  background: #f5f8fc;
}
.asset-preview-dialog>header {
  margin-bottom: 18px;
  align-items: center;
}
.asset-preview-dialog>header h2 {
  font-size: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.asset-preview-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 290px;
  gap: 24px;
  min-width: 0;
  align-items: start;
}
.asset-preview-canvas {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: min(520px,65dvh);
  background: #e8eef5;
  border: 1px solid #dbe4ef;
  border-radius: 16px;
  overflow: hidden;
  padding: 16px;
}
.asset-preview-canvas .media-large-preview {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(100dvh - 190px);
  object-fit: contain;
  margin: 0;
  border-radius: 4px;
}
.asset-preview-canvas>p {
  max-width: 360px;
  line-height: 1.8;
  color: #71839b;
  font-size: 15px;
}
.asset-preview-info {
  min-width: 0;
  display: grid;
  gap: 20px;
  max-height: calc(100dvh - 190px);
  overflow: auto;
  padding-right: 4px;
}
.asset-preview-info dl {
  margin: 0;
  display: grid;
  gap: 7px;
}
.asset-preview-info dt {
  font-size: 13px;
  color: #7c8ba1;
}
.asset-preview-info dd {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 10px;
  color: #314967;
}
.asset-preview-info details {
  font-size: 14px;
  min-width: 0;
  line-height: 1.8;
}
.asset-preview-info summary {
  cursor: pointer;
  color: #486b99;
}
.asset-preview-info .studio-preserve {
  overflow-wrap: anywhere;
  max-height: 230px;
  overflow: auto;
}
.asset-preview-info .studio-actions {
  display: grid;
  gap: 9px;
}
.asset-preview-info .studio-actions>* {
  text-align: center;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
}
.asset-preview-info label {
  color: #496582;
}
.asset-preview-dialog .library-link-button {
  background: #e4eefb;
  border-color: #c4d7f0;
  color: #285e9c;
}
@media (max-width:800px) {
  .studio-dialog.asset-preview-dialog {
    width: calc(100vw - 28px);
    padding: 18px;
    max-height: calc(100dvh - 28px);
  }
  .asset-preview-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .asset-preview-canvas {
    min-height: 200px;
    max-height: 52dvh;
    padding: 12px;
  }
  .asset-preview-canvas .media-large-preview {
    max-height: 48dvh;
    max-width: 100%;
  }
  .asset-preview-info {
    max-height: none;
    overflow: visible;
    padding: 0;
  }
  .asset-preview-info dl {
    display: grid;
    grid-template-columns: 100px minmax(0,1fr);
    gap: 9px;
  }
  .asset-preview-info dd {
    margin-bottom: 0;
  }
  .asset-preview-info .studio-actions {
    display: flex;
    flex-wrap: wrap;
  }
  .asset-preview-info .studio-actions>* {
    flex: 1 1 150px;
    width: auto;
  }
  .asset-preview-dialog>header h2 {
    font-size: 17px;
  }
  .studio-dialog>header>button {
    width: 38px;
    height: 38px;
  }
}
.asset-preview-dialog>header {
  position: sticky;
  top: -24px;
  padding: 8px 0 14px;
  z-index: 1;
  background: #f5f8fc;
}
@media (max-width:800px) {
  .asset-preview-dialog>header {
    top: -18px;
  }
}
:root body.liquid-glass .reliable-app .inspiration-square :is(.studio-filters,.skill-category-tabs)>button {
  box-sizing: border-box;
  min-height: 36px;
  padding: 7px 14px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  border-radius: 99px;
}
:root body.liquid-glass .reliable-app .inspiration-square .skill-category-tabs {
  gap: 10px;
}
.event-documents {
  max-width: 1720px;
}
.document-tool-grid {
  margin-top: 22px;
}
.document-tool-grid .commerce-symbol {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
}
.document-tool-grid .commerce-symbol svg {
  width: 30px;
  height: 30px;
}
.event-documents .commerce-card {
  min-height: 275px;
}
.doc-hub-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid #d5e0ee;
}
.doc-hub-foot p {
  font-size: 14px;
  line-height: 1.8;
  color: #697b92;
  max-width: 900px;
}
.doc-hub-foot button {
  flex-shrink: 0;
}
.doc-records {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}
.doc-records article {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #ffffffb8;
  padding: 22px;
  border: 1px solid #fff;
  border-radius: 20px;
  min-width: 0;
}
.doc-records article>svg {
  width: 32px;
  height: 32px;
  color: #537baa;
  flex-shrink: 0;
}
.doc-records article>div {
  flex: 1;
  min-width: 0;
}
.doc-records h2 {
  font-size: 19px;
  margin: 6px 0;
  overflow-wrap: anywhere;
}
.doc-records p,.doc-records small {
  font-size: 14px;
  color: #718198;
  margin: 0;
}
.doc-editor-bar,.doc-export-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.doc-editor-bar {
  padding: 16px 20px;
  border: 1px solid #fff;
  background: #ffffffc7;
  border-radius: 17px;
  margin-bottom: 12px;
}
.doc-save-state {
  margin-right: auto;
  color: #647990;
  font-size: 14px;
}
.doc-export-bar {
  margin: 18px 0 24px;
  justify-content: flex-end;
}
.doc-export-bar>span {
  margin-right: auto;
  font-size: 14px;
  color: #6c8099;
}
.doc-editor-layout {
  display: grid;
  grid-template-columns: 330px minmax(0,1fr);
  gap: 24px;
  align-items: start;
}
.doc-content-column,.doc-input-column {
  min-width: 0;
}
.doc-form-panel {
  border: 1px solid #fff;
  background: #ffffffa8;
  border-radius: 22px;
  padding: 24px;
  margin: 0 0 22px;
  min-width: 0;
  display: grid;
  gap: 18px;
}
.doc-form-panel>h2,.doc-section-title h2 {
  font-size: 20px;
  margin: 0;
}
.doc-required {
  font-size: 12px;
  font-weight: 400;
  color: #8a6372;
  display: inline;
  margin-left: 4px;
}
.doc-form-panel label {
  align-content: start;
}
.doc-section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.doc-section-title span {
  font-size: 14px;
  color: #71829a;
}
.event-documents .doc-body-editor {
  font-size: 16px;
  line-height: 2;
  padding: 24px;
  min-height: 620px;
  background: #fff;
}
.doc-edit-table-wrap,.doc-table-scroll {
  overflow-x: auto;
  width: 100%;
  border: 1px solid #d7e3ef;
  border-radius: 14px;
}
.doc-edit-table {
  border-collapse: collapse;
  min-width: 1000px;
  width: 100%;
  background: #fff;
}
.doc-edit-table th {
  background: #edf3fa;
  font-size: 14px;
  text-align: left;
  padding: 12px;
  min-width: 135px;
}
.doc-edit-table th:first-child {
  min-width: 40px;
  width: 45px;
}
.doc-edit-table th:last-child {
  min-width: 90px;
  width: 90px;
}
.doc-edit-table td {
  vertical-align: top;
  border-top: 1px solid #e0e8f0;
  padding: 8px;
}
.doc-edit-table td:first-child {
  font-size: 14px;
  padding-top: 18px;
  color: #7084a0;
}
.event-documents .doc-edit-table textarea {
  padding: 8px;
  font-size: 14px;
  border: 1px solid #e3eaf2;
  line-height: 1.6;
  min-height: 90px;
}
.doc-edit-table td:last-child button {
  display: block;
  padding: 6px 8px;
  font-size: 12px;
  margin-bottom: 6px;
  min-height: 32px;
}
.doc-acceptance-list {
  display: grid;
  gap: 22px;
}
.doc-acceptance-row {
  border: 1px solid #d6e2ef;
  background: #f7faffb0;
  border-radius: 17px;
  padding: 20px;
  min-width: 0;
}
.doc-acceptance-row>header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.doc-acceptance-row>header strong {
  flex: 1;
  font-size: 16px;
  overflow-wrap: anywhere;
}
.doc-acceptance-row>header span {
  font-size: 14px;
  color: #7d6641;
  white-space: nowrap;
}
.doc-acceptance-fields {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}
.doc-acceptance-fields>label:first-child {
  grid-column: 1/-1;
}
.doc-photo-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 20px 0;
}
.doc-photo-field {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.doc-photo-field>strong {
  font-size: 14px;
}
.doc-photo-field>img,.doc-photo-empty {
  width: 100%;
  height: 210px;
  object-fit: contain;
  background: #eaf0f7;
  border: 1px dashed #c5d5e9;
  border-radius: 13px;
}
.doc-photo-empty {
  display: grid;
  place-content: center;
  text-align: center;
  gap: 12px;
  color: #7b94b1;
  font-size: 14px;
}
.doc-photo-empty svg {
  margin: auto;
  width: 34px;
  height: 34px;
}
.doc-photo-field>span {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doc-photo-field .studio-actions {
  gap: 6px;
}
.doc-photo-field .studio-actions button,.doc-photo-field .library-file-button {
  font-size: 13px;
  padding: 7px 10px;
  min-height: 34px;
}
.doc-result-row {
  display: flex;
  align-items: end;
  gap: 20px;
  margin: 20px 0;
}
.doc-result-row label {
  width: 200px;
  flex-shrink: 0;
}
.doc-result-row p {
  font-size: 13px;
  line-height: 1.7;
  color: #728299;
}
.doc-acceptance-row details {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.8;
}
.doc-acceptance-row summary {
  cursor: pointer;
  color: #486b98;
  margin-bottom: 12px;
}
.doc-access-note {
  padding: 15px 18px;
  background: #edf4fd;
  border: 1px solid #d2e2f6;
  border-radius: 14px;
  color: #4f6e96;
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
}
.doc-links {
  display: grid;
  gap: 22px;
}
.doc-link-editor {
  padding: 20px;
  border: 1px solid #d6e2ef;
  border-radius: 17px;
  min-width: 0;
  background: #f8fbffb8;
}
.doc-link-editor>header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.doc-link-editor>header strong {
  font-size: 15px;
}
.doc-qr-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 230px;
  gap: 22px;
}
.doc-link-fields {
  display: grid;
  gap: 14px;
  min-width: 0;
}
.doc-file-address {
  font-size: 13px;
  line-height: 1.8;
  color: #66819f;
  overflow-wrap: anywhere;
}
.doc-qr-card {
  text-align: center;
  min-width: 0;
  align-self: start;
}
.doc-qr-card>img {
  width: 100%;
  max-width: 240px;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  background: white;
  border: 1px solid #e2e8ef;
  border-radius: 12px;
}
.doc-qr-card>a {
  display: inline-block;
  margin-top: 10px;
  font-size: 13px;
}
.doc-qr-empty {
  display: grid;
  place-content: center;
  aspect-ratio: 1;
  max-width: 240px;
  border: 1px dashed #b8cee7;
  color: #7f92a9;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.8;
  padding: 24px;
  background: #f0f5fb;
}
.doc-dialog textarea {
  width: 100%;
  box-sizing: border-box;
  white-space: pre-wrap;
  resize: vertical;
}
.doc-dialog .studio-actions {
  margin-top: 20px;
}
.doc-paper {
  background: #fff;
  border: 1px solid #dce5ee;
  border-radius: 18px;
  padding: 48px;
  max-width: 1150px;
  margin: auto;
  box-shadow: 0 16px 48px #233f6510;
  overflow-wrap: anywhere;
  color: #203148;
}
.doc-paper>header {
  margin-bottom: 30px;
}
.doc-paper>header small {
  font-size: 13px;
  color: #8191a5;
}
.doc-paper h1 {
  font-size: 30px;
  margin: 12px 0;
  line-height: 1.5;
}
.doc-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 25px 0;
}
.doc-meta>div {
  min-width: 0;
}
.doc-meta dt {
  font-size: 13px;
  color: #7c8ca1;
  margin-bottom: 4px;
}
.doc-meta dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.9;
  white-space: pre-wrap;
}
.doc-prose {
  font-size: 16px;
  white-space: pre-wrap;
  line-height: 2;
  margin: 30px 0;
}
.doc-paper table {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
}
.doc-paper th,.doc-paper td {
  text-align: left;
  border: 1px solid #d9e2ed;
  padding: 12px;
  font-size: 14px;
  white-space: pre-wrap;
  vertical-align: top;
}
.doc-paper th {
  background: #edf3fa;
}
.doc-paper h2 {
  font-size: 20px;
  line-height: 1.6;
}
.doc-acceptance-preview {
  border-top: 1px solid #dce5ef;
  padding-top: 24px;
  margin-top: 28px;
}
.doc-acceptance-preview h2 span {
  font-size: 14px;
  margin-left: 12px;
  color: #796442;
}
.doc-acceptance-preview p {
  font-size: 14px;
  line-height: 1.8;
}
.doc-photo-pair figure {
  margin: 0;
  text-align: center;
  background: #f1f5fa;
  padding: 12px;
  border-radius: 10px;
  min-width: 0;
}
.doc-photo-pair figcaption {
  font-size: 14px;
  margin-bottom: 10px;
}
.doc-photo-pair figure>img {
  max-width: 100%;
  height: 230px;
  object-fit: contain;
}
.doc-link-preview {
  display: flex;
  gap: 30px;
  align-items: center;
  border-top: 1px solid #e0e8ef;
  padding: 24px 0;
}
.doc-link-preview>div:first-child:empty {
  display: none;
}
.doc-link-preview>.doc-qr-card,.doc-link-preview>div:first-child:not(:empty) {
  width: 180px;
  flex-shrink: 0;
}
.doc-link-preview p,.doc-link-preview a {
  font-size: 14px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.doc-disclaimer {
  font-size: 13px;
  line-height: 1.8;
  color: #79869b;
  border-top: 1px solid #e1e8ef;
  margin-top: 30px;
  padding-top: 18px;
}
.event-documents .studio-note {
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
}
.event-documents .native-generation-panel {
  margin: 0;
  background: transparent;
  border: 0;
  padding: 0;
}
@media (min-width:1500px) {
  .document-tool-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}
@media (max-width:1200px) {
  .doc-editor-layout {
    grid-template-columns: 290px minmax(0,1fr);
  }
  .doc-form-panel {
    padding: 20px;
  }
  .doc-qr-layout {
    grid-template-columns: minmax(0,1fr) 180px;
  }
  .doc-acceptance-fields {
    grid-template-columns: 1fr;
  }
}
@media (max-width:1000px) {
  .doc-editor-layout {
    grid-template-columns: 1fr;
  }
  .doc-input-column>.doc-form-panel {
    grid-template-columns: 1fr 1fr;
  }
  .doc-input-column .doc-form-panel>h2,.doc-input-column .doc-form-panel>label:first-of-type,.doc-input-column .doc-form-panel>p {
    grid-column: 1/-1;
  }
  .doc-hub-foot {
    align-items: start;
    flex-direction: column;
  }
  .doc-paper {
    padding: 30px;
  }
}
@media (max-width:650px) {
  .doc-input-column>.doc-form-panel {
    grid-template-columns: 1fr;
  }
  .doc-editor-bar {
    padding: 14px;
  }
  .doc-save-state {
    flex-basis: 50%;
    font-size: 13px;
  }
  .doc-export-bar {
    justify-content: flex-start;
  }
  .doc-export-bar>span {
    flex-basis: 100%;
  }
  .doc-form-panel {
    padding: 16px;
    border-radius: 16px;
  }
  .doc-photo-pair,.doc-qr-layout,.doc-meta {
    grid-template-columns: 1fr;
  }
  .doc-photo-field>img,.doc-photo-empty {
    height: 220px;
  }
  .doc-qr-card {
    max-width: 240px;
    margin: auto;
  }
  .doc-result-row {
    display: block;
  }
  .doc-acceptance-row {
    padding: 14px;
  }
  .doc-acceptance-row>header {
    flex-wrap: wrap;
  }
  .doc-acceptance-row>header strong {
    flex-basis: 100%;
  }
  .doc-records article {
    flex-wrap: wrap;
  }
  .doc-records article>div {
    flex-basis: 75%;
  }
  .doc-paper {
    padding: 22px 18px;
  }
  .doc-paper h1 {
    font-size: 25px;
  }
  .doc-link-preview {
    display: block;
  }
  .doc-link-preview>div:first-child:not(:empty) {
    width: 180px;
  }
  .event-documents .doc-body-editor {
    padding: 16px;
    min-height: 460px;
  }
  .doc-dialog {
    padding: 20px;
  }
  .event-documents .commerce-card {
    min-height: 240px;
  }
}
.doc-money-panel {
  display: grid;
  gap: 18px;
  padding: 22px;
  background: #f2f7fd;
  border: 1px solid #d6e4f3;
  border-radius: 16px;
  margin-top: 8px;
}
.doc-money-summary {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}
.doc-money-summary>div {
  display: grid;
  gap: 7px;
  min-width: 0;
}
.doc-money-summary span {
  font-size: 14px;
  color: #66809e;
}
.doc-money-summary strong {
  font-size: 20px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.doc-money-summary .total {
  grid-column: 1/-1;
  border-top: 1px solid #d5e2f1;
  padding-top: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.doc-money-summary .total strong {
  font-size: 27px;
  color: #255b9b;
}
.doc-calculation-warning {
  font-size: 14px;
  color: #98653b;
  line-height: 1.8;
  margin: 0;
}
.doc-calculated {
  font-size: 15px;
  font-weight: 600;
  min-width: 125px;
  font-variant-numeric: tabular-nums;
}
.doc-bid-chapters {
  display: grid;
  gap: 22px;
}
.doc-bid-chapter {
  display: grid;
  gap: 18px;
  padding: 22px;
  border-radius: 17px;
  border: 1px solid #d7e3ef;
  background: #f7faff;
}
.doc-bid-chapter>header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.doc-bid-chapter>header strong {
  margin-right: auto;
  font-size: 15px;
  color: #6283aa;
}
.doc-bid-chapter textarea {
  line-height: 1.9;
}
.doc-bid-preview {
  padding-top: 20px;
  border-top: 1px solid #dce5ef;
  margin-top: 28px;
}
.doc-bid-preview h3 {
  font-size: 15px;
  color: #60768e;
}
.doc-bid-preview p {
  font-size: 16px;
  line-height: 2;
  white-space: pre-wrap;
}
.event-documents .doc-edit-table input,.event-documents .doc-edit-table select {
  font-size: 14px;
  min-width: 115px;
}
.doc-money-panel .studio-note {
  color: #6b7f97;
}
.doc-bid-chapter>header button {
  font-size: 14px;
}
@media (max-width:650px) {
  .doc-money-summary {
    grid-template-columns: 1fr 1fr;
  }
  .doc-money-panel,.doc-bid-chapter {
    padding: 16px;
  }
  .doc-money-summary .total strong {
    font-size: 23px;
  }
  .doc-bid-chapter>header {
    flex-wrap: wrap;
  }
}
.commerce-directory>.event-documents.embedded {
  padding: 22px 0 0;
  max-width: none;
}
.commerce-directory>.event-documents.embedded .studio-heading {
  margin-top: 12px;
}
.commerce-directory .commerce-symbol .glass-icon {
  display: grid;
  place-items: center;
}
.commerce-directory .commerce-symbol svg {
  width: 30px;
  height: 30px;
}
.review-page {
  padding: 32px;
  max-width: 1680px;
  margin: 0 auto;
  color: #243147;
}
.review-page h1 {
  font-size: 32px;
  margin: 8px 0;
}
.review-page h2 {
  font-size: 22px;
  margin: 0;
}
.review-page h3 {
  font-size: 18px;
  margin: 0;
}
.review-page p {
  font-size: 16px;
  line-height: 1.6;
}
.review-page button,.review-page select,.review-page input {
  font: inherit;
  font-size: 14px;
}
.review-page button {
  cursor: pointer;
  border: 1px solid #c4cddb;
  border-radius: 10px;
  padding: 10px 15px;
  background: #fff;
  color: #29374c;
}
.review-page button:disabled {
  cursor: not-allowed;
  opacity: .55;
}
.review-page button.primary,.review-modal button.primary {
  background: #df572c;
  color: white;
  border-color: #df572c;
}
.review-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}
.review-heading small {
  font-size: 12px;
  letter-spacing: 1.5px;
  color: #667892;
}
.review-heading p {
  margin: 0;
  color: #657287;
}
.review-toolbar {
  display: flex;
  gap: 12px;
  align-items: end;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.review-toolbar>label {
  min-width: 220px;
  flex: 1;
}
.review-toolbar>span {
  font-size: 14px;
  align-self: center;
  color: #697b8e;
}
.review-page label,.review-modal form label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
}
.review-page input,.review-page select,.review-modal input {
  background: #fff;
  color: #203047;
  border: 1px solid #c5cfdb;
  border-radius: 8px;
  padding: 10px;
  min-width: 0;
}
.review-page input[type=radio] {
  accent-color: #df572c;
  width: 18px;
  height: 18px;
  flex: none;
}
.review-section {
  margin: 0 0 30px;
  padding: 24px;
  border: 1px solid #cbd5e2;
  border-radius: 18px;
  background: #ffffffb8;
  box-shadow: 0 8px 30px #283f6110;
}
.review-section-title,.review-section-title>div {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
}
.review-section-title>div>span {
  font: 700 14px monospace;
  color: #df572c;
}
.review-section-title>strong {
  color: #c64d25;
  font-size: 20px;
}
.review-note {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #637187;
  margin: 12px 0;
}
.review-notice {
  background: #fff3dd;
  padding: 16px;
  border: 1px solid #efcc94;
  border-radius: 12px;
  color: #6b4a1b;
}
.review-group {
  padding: 20px 0;
  border-top: 1px solid #d4dce7;
}
.review-group>header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 16px;
}
.review-group>header span {
  font-size: 13px;
  color: #6a7a8f;
}
.review-version-list {
  display: flex;
  overflow-x: auto;
  gap: 14px;
  padding-bottom: 12px;
}
.review-version {
  flex: 0 0 205px;
  min-width: 0;
  border: 1px solid #cad4e0;
  background: #f7f9fc;
  border-radius: 12px;
  padding: 9px;
}
.review-version.selected {
  border: 2px solid #df572c;
  padding: 8px;
  background: #fff7f2;
}
.review-version-preview {
  display: block;
  width: 100%;
  height: 142px;
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #e9edf3 !important;
}
.review-version-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.review-version-preview p {
  font-size: 13px;
  line-height: 1.5;
  padding: 12px;
  margin: 0;
  text-align: left;
  white-space: pre-wrap;
  color: #31435b;
}
.review-version-preview span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0d1d37c9;
  color: white;
  font-size: 12px;
  padding: 4px;
}
.review-version>label {
  flex-direction: row;
  align-items: center;
  margin: 12px 0 9px;
  cursor: pointer;
}
.review-version>strong {
  display: block;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-version>small {
  font-size: 12px;
  line-height: 1.6;
  color: #6b7a8e;
}
.review-style-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin-top: 20px;
}
.review-style {
  padding: 16px;
  background: #f9fbfd;
  border: 1px solid #c8d3df;
  border-radius: 14px;
  min-width: 0;
}
.review-style.selected {
  border: 2px solid #df572c;
  padding: 15px;
  box-shadow: 0 0 0 3px #df572c0d;
}
.review-style>header,.review-style>header label {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
}
.review-style>header small {
  font-size: 12px;
  color: #6a7a8f;
  white-space: nowrap;
}
.review-style>p {
  font-size: 14px;
  min-height: 68px;
  color: #607085;
}
.review-style-previews {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.review-style-previews figure {
  margin: 0;
  min-width: 0;
}
.review-style-previews figure:first-child {
  grid-column: 1/-1;
}
.review-style-previews svg {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #cbd5e2;
  max-height: 290px;
}
.review-style-previews figcaption {
  font-size: 12px;
  color: #69798e;
  padding: 5px 0 8px;
}
.review-settings {
  border: 0;
  padding: 0;
  margin: 10px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  min-width: 0;
}
.review-settings label {
  font-size: 13px;
}
.review-settings select {
  width: 100%;
  font-size: 13px;
  padding: 8px 5px;
}
.review-saved-style {
  margin-top: 20px;
  padding: 20px;
  border: 1px dashed #d88357;
  border-radius: 12px;
}
.review-summary {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 18px 0;
}
.review-summary span {
  font-size: 14px;
  padding: 7px 10px;
  background: #edf2f8;
  border-radius: 6px;
}
.review-price-lines {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.review-price-lines p {
  margin: 0;
  font-size: 14px;
}
.review-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0;
}
.review-empty {
  padding: 48px 20px;
  text-align: center;
  color: #61728a;
}
.review-modal {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(1000px,calc(100vw - 32px));
  max-height: 90dvh;
  overflow: auto;
  z-index: 1200;
  border: 1px solid #c8d4e2;
  border-radius: 18px;
  padding: 24px;
  background: #fff;
  color: #243147;
  box-shadow: 0 30px 100px #0b1f4b55;
}
.review-modal::backdrop {
  background: #10203b99;
  backdrop-filter: blur(5px);
}
.review-modal>header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.review-modal h2 {
  font-size: 24px;
  margin: 0;
}
.review-modal p {
  font-size: 16px;
  line-height: 1.7;
}
.review-modal button {
  font: inherit;
  font-size: 14px;
  padding: 10px 16px;
  border: 1px solid #b7c6d8;
  border-radius: 9px;
  background: #f1f5fa;
  color: #243147;
  cursor: pointer;
}
.review-full-image {
  display: block;
  max-height: 68dvh;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}
.review-full-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: 16px/1.8 sans-serif;
  background: #f5f7fb;
  padding: 22px;
  border-radius: 12px;
}
.review-modal form {
  display: grid;
  gap: 16px;
}
.review-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  background: #10203b99;
}
.review-modal-backdrop .review-modal {
  position: relative;
  inset: auto;
}
.credit-balance {
  position: relative;
  flex: none;
}
.credit-balance>button {
  font-size: 30px !important;
  font-weight: 700;
  background: #fff9f4 !important;
  border-color: #e7b299 !important;
}
.credit-balance>button span {
  display: block;
  font-size: 13px;
  font-weight: 400;
}
.credit-breakdown {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 20;
  min-width: 255px;
  padding: 15px;
  background: #243147;
  color: white;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.8;
  box-shadow: 0 10px 30px #24314740;
}
.credit-breakdown small {
  display: block;
  margin-top: 8px;
  color: #d2dceb;
}
.credit-shortage {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #e4a274;
  border-radius: 12px;
  background: #fff7ed;
}
.credit-shortage h3 {
  color: #a74220;
}
.shortage-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.shortage-options article {
  padding: 16px;
  background: white;
  border-radius: 10px;
  border: 1px solid #dfd2c3;
}
.shortage-options small,.shortage-options strong {
  display: block;
  margin-bottom: 8px;
}
.shortage-options p {
  font-size: 14px;
}
.billing-plan-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  margin-top: 22px;
}
.billing-plan-grid.subscription-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.billing-plan-grid article {
  padding: 24px 20px;
  background: #f9fbff;
  border: 1px solid #cbd5e2;
  border-radius: 14px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.billing-plan-grid article.featured {
  border-color: #df572c;
  background: #fff6ef;
}
.billing-plan-grid small {
  color: #b54928;
  font-size: 13px;
}
.billing-plan-grid h3 {
  font-size: 32px;
  overflow-wrap: anywhere;
}
.billing-plan-grid h3 span {
  font-size: 14px;
  font-weight: 400;
}
.billing-plan-grid strong {
  font-size: 20px;
}
.billing-plan-grid p {
  font-size: 14px;
  flex: 1;
  margin: 0;
}
.billing-plan-grid button {
  margin-top: 8px;
}
.billing-switch {
  display: flex;
  gap: 4px;
}
.billing-switch button[aria-pressed=true] {
  background: #243147;
  color: white;
}
.billing-custom {
  display: flex;
  align-items: end;
  gap: 18px;
  flex-wrap: wrap;
  padding: 22px;
  background: #eef3fa;
  border-radius: 12px;
  margin-top: 22px;
}
.billing-custom span {
  align-self: center;
  font-size: 14px;
}
.billing-rules {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  margin-top: 22px;
}
.billing-rules p {
  font-size: 14px;
}
.billing-transactions article {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px 0;
  border-bottom: 1px solid #d8e0ea;
}
.billing-transactions article>div {
  flex: 1;
}
.billing-transactions small {
  display: block;
  font-size: 13px;
  color: #67768b;
}
.billing-transactions article>span {
  font-size: 14px;
}
.reliable-app .sidebar-bottom>.nav-item.recharge-nav,.reliable-app .sidebar-bottom>.nav-item.xg-user {
  height: 52px;
  min-height: 52px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  flex-shrink: 0;
}
.reliable-app .sidebar-bottom .recharge-nav .xg-avatar {
  font-size: 19px;
}
.reliable-app .sidebar-bottom {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media (max-height:440px) {
  .reliable-app .sidebar {
    overflow-y: auto !important;
  }
  .reliable-app .sidebar>nav {
    flex: 0 0 auto;
    overflow: visible;
  }
  .reliable-app .sidebar>.sidebar-bottom {
    margin-top: auto;
  }
}
@media (max-width:1180px) {
  .review-style-grid {
    grid-template-columns: 1fr;
  }
  .review-style {
    display: grid;
    grid-template-columns: minmax(250px,1fr) minmax(230px,1fr);
    gap: 12px 22px;
  }
  .review-style>header,.review-style>p {
    grid-column: 1/-1;
  }
  .review-style>p {
    min-height: 0;
    margin: 0;
  }
  .review-style-previews {
    align-content: start;
  }
  .review-settings {
    align-content: center;
  }
  .billing-plan-grid {
    grid-template-columns: 1fr 1fr;
  }
  .billing-rules {
    grid-template-columns: 1fr;
  }
}
@media (max-width:700px) {
  .review-page {
    padding: 20px 12px;
  }
  .review-heading {
    align-items: flex-start;
  }
  .review-heading h1 {
    font-size: 26px;
  }
  .credit-balance>button {
    font-size: 23px !important;
  }
  .review-section {
    padding: 18px 12px;
  }
  .review-section-title {
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
  }
  .review-style {
    display: block;
  }
  .review-style>p {
    margin: 12px 0;
  }
  .review-settings {
    grid-template-columns: 1fr 1fr;
  }
  .review-toolbar {
    align-items: stretch;
  }
  .review-toolbar>label {
    min-width: 100%;
  }
  .review-page input,.review-page select {
    font-size: 16px;
  }
  .billing-plan-grid,.billing-plan-grid.subscription-grid,.shortage-options {
    grid-template-columns: 1fr;
  }
  .billing-custom {
    padding: 16px;
    align-items: center;
  }
  .billing-custom>label {
    width: 100%;
  }
  .billing-transactions article {
    flex-wrap: wrap;
  }
  .billing-transactions article>div {
    flex-basis: 100%;
  }
  .review-version {
    flex-basis: 185px;
  }
  .review-modal {
    padding: 18px;
  }
  .review-summary {
    gap: 6px;
  }
  .review-summary span {
    font-size: 13px;
  }
  .review-actions button {
    flex: 1 1 auto;
  }
  .review-settings select {
    font-size: 14px;
  }
}
.tender-discovery-page>.reliable-project-grid + .tender-source-status {
  margin-top: 24px;
}
.studio-nav-children .nav-item {
  gap: 10px !important;
  padding-left: 18px !important;
}
@media (max-width:700px) {
  .tender-discovery-page>.reliable-project-grid + .tender-source-status {
    margin-top: 18px;
  }
}
.reliable-app .sidebar .nav-item.xg-sub,.reliable-app .sidebar .studio-nav-children>.nav-item {
  gap: 10px !important;
}
.reliable-app .sidebar .nav-item.xg-sub>.app-icon,.reliable-app .sidebar .studio-nav-children>.nav-item>.app-icon {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  flex: 0 0 30px !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.reliable-app .sidebar .nav-item.xg-sub>.app-icon>svg,.reliable-app .sidebar .studio-nav-children>.nav-item>.app-icon>svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  min-height: 18px;
  stroke-width: 1.85;
  transform: none !important;
  filter: none !important;
}
.review-page .review-download-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 44px;
}
.review-download-cost {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding-left: 16px;
  border-left: 1px solid currentColor;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
@media (max-width:700px) {
  .review-page .review-download-button {
    gap: 12px;
  }
  .review-download-cost {
    padding-left: 12px;
  }
}
.tender-source-overview {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
.tender-source-overview>div {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.tender-source-overview strong {
  font-size: 1.8rem;
  font-weight: 750;
}
.tender-source-overview span {
  font-size: .9rem;
  color: var(--xg-muted,#a7b2c7);
}
.tender-source-overview>p {
  grid-column: 1/-1;
  margin: 0;
  font-size: .9rem;
  color: var(--xg-muted,#a7b2c7);
}
.tender-tabs {
  margin-bottom: 18px;
}
.tender-tabs button[aria-selected=true] {
  background: var(--xg-accent,#e99ab7);
  color: #fff;
  border-color: var(--xg-accent,#e99ab7);
}
.tender-discovery .tender-filter-fields {
  grid-template-columns: 2fr 1fr 1.5fr 1.2fr auto;
}
.tender-source-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}
.tender-source-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 !important;
}
.tender-source-title {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: space-between;
}
.tender-source-title h3 {
  margin: 0;
  overflow-wrap: anywhere;
}
.tender-source-badge {
  font-size: .8rem;
  line-height: 1.5;
  padding: 4px 8px;
  border-radius: 7px;
  background: #222d44;
  color: #bfcee9;
  flex-shrink: 0;
}
.tender-source-badge.state-success {
  background: #173a31;
  color: #a9e6cb;
}
.tender-source-badge.state-error,.tender-source-badge.state-partial {
  background: #462d25;
  color: #f5c3a2;
}
.tender-source-run {
  display: grid;
  gap: 6px;
  font-size: .85rem;
  color: var(--xg-muted,#a7b2c7);
}
.tender-source-card p {
  margin: 0;
  overflow-wrap: anywhere;
}
.tender-source-card details {
  font-size: .88rem;
  line-height: 1.7;
  color: var(--xg-muted,#adb9cd);
}
.tender-source-card details>p {
  margin-top: 8px;
}
.tender-source-card>.reliable-actions {
  margin-top: auto;
  flex-wrap: wrap;
}
.tender-source-card a {
  font-size: .9rem;
  color: var(--xg-accent,#a6bcff);
}
.tender-record-labels {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.tender-record-labels span {
  font-size: .8rem;
  background: #263149;
  color: #c5d4ef;
  padding: 4px 7px;
  border-radius: 5px;
}
.tender-discovery .reliable-project-grid article>small {
  display: block;
  margin-top: 7px;
  overflow-wrap: anywhere;
}
.tender-discovery .reliable-modal {
  max-height: 85vh;
  overflow: auto;
}
.tender-discovery input,.tender-discovery select {
  min-width: 0;
  max-width: 100%;
}
@media (max-width:1050px) {
  .tender-discovery .tender-filter-fields {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .tender-source-title {
    flex-direction: column;
  }
}
@media (max-width:650px) {
  .tender-source-grid {
    grid-template-columns: 1fr;
  }
  .tender-source-overview {
    gap: 12px;
  }
  .tender-source-overview>div {
    flex-direction: column;
    gap: 4px;
  }
  .tender-source-overview strong {
    font-size: 1.4rem;
  }
  .tender-source-overview span {
    font-size: .8rem;
  }
  .tender-discovery .tender-filter-fields {
    grid-template-columns: 1fr;
  }
  .tender-source-card .reliable-actions>* {
    max-width: 100%;
  }
  .tender-discovery .reliable-project-head {
    gap: 16px;
  }
}
.tender-discovery-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tender-discovery-page>* {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.tender-discovery-page article {
  min-width: 0;
}
.tender-discovery-page article h3 {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
.tender-discovery-page .reliable-actions {
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width:650px) {
  .tender-discovery-page {
    gap: 18px;
  }
  .tender-discovery-page .reliable-actions>button {
    white-space: normal;
    height: auto;
    min-height: 40px;
  }
}
:root body.liquid-glass .reliable-app .workspace .tender-discovery-page .tender-filter-fields {
  grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.2fr) auto;
  max-width: none;
  width: 100%;
  gap: 16px;
  align-items: end;
}
:root body.liquid-glass .tender-source-badge,:root body.liquid-glass .tender-record-labels span {
  background: #e7eef9;
  color: #355371;
}
:root body.liquid-glass .tender-source-badge.state-success {
  background: #e5f4ed;
  color: #27664c;
}
:root body.liquid-glass .tender-source-badge.state-error,:root body.liquid-glass .tender-source-badge.state-partial {
  background: #fff2e7;
  color: #985123;
}
@media (max-width:1050px) {
  :root body.liquid-glass .reliable-app .workspace .tender-discovery-page .tender-filter-fields {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:650px) {
  :root body.liquid-glass .reliable-app .workspace .tender-discovery-page .tender-filter-fields {
    grid-template-columns: minmax(0,1fr);
    gap: 14px;
  }
}
:root body.liquid-glass .reliable-app .workspace .tender-discovery-page .tender-filter-fields input {
  min-height: 44px;
  height: 44px;
  box-sizing: border-box;
}
.tender-discovery .tender-lead-card {
  position: relative;
  display: flex;
  flex-direction: column;
  isolation: isolate;
  overflow: visible;
}
.tender-lead-heading {
  padding-right: 92px;
  min-height: 118px;
}
.tender-lead-heading>small {
  display: block;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.tender-status-art {
  position: absolute;
  right: 16px;
  top: 15px;
  width: 82px;
  display: grid;
  justify-items: center;
  gap: 4px;
  color: #8294b0;
  pointer-events: none;
}
.tender-status-art svg {
  width: 64px;
  height: 64px;
  display: block;
  filter: drop-shadow(0 3px 4px #1425400d);
}
.tender-status-art span {
  font-size: .875rem;
  line-height: 1.35;
  font-weight: 700;
  white-space: nowrap;
  color: var(--xg-text,#e6ecf6);
}
.tender-status-art.status-open {
  color: #dd8258;
}
.tender-status-art.status-closed {
  color: #6f9f8e;
}
.tender-status-art.status-forecast {
  color: #899ccf;
}
.tender-status-art.status-cancelled {
  color: #b97788;
}
.tender-status-art.status-planned {
  color: #839f73;
}
.tender-lead-card .reliable-actions {
  margin-top: auto;
  padding-top: 16px;
}
.tender-status-reason {
  font-size: .875rem;
  line-height: 1.7;
  color: var(--xg-muted,#a7b2c7);
}
.tender-source-coverage,.tender-forecast-evidence {
  display: grid;
  gap: 8px;
  padding: 14px;
  border-radius: 12px;
  background: #90a7d211;
  border: 1px solid #90a7d22e;
  font-size: .875rem;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.tender-source-coverage strong,.tender-forecast-evidence strong {
  font-weight: 650;
}
.tender-forecast-evidence a {
  color: var(--xg-accent,#a6bcff);
  text-underline-offset: 3px;
}
.tender-lead-card.is-forecast {
  border-style: dashed;
}
.tender-pagination {
  justify-content: center;
  margin-top: 24px;
  flex-wrap: wrap;
}
.tender-pagination span {
  font-size: .9rem;
  color: var(--xg-muted,#a7b2c7);
}
:root body.liquid-glass .tender-status-art span {
  color: #41566b;
}
:root body.liquid-glass .tender-status-reason,:root body.liquid-glass .tender-pagination span {
  color: #60758a;
}
:root body.liquid-glass .tender-source-coverage,:root body.liquid-glass .tender-forecast-evidence {
  background: #edf3fa96;
  border-color: #cbd9e8;
}
:root body.liquid-glass .tender-forecast-evidence a {
  color: #466bae;
}
:root body.liquid-glass .reliable-app .workspace .tender-discovery-page .tender-filter-fields,.tender-discovery .tender-filter-fields {
  grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr) auto;
  gap: 14px;
}
@media (max-width:1250px) {
  :root body.liquid-glass .reliable-app .workspace .tender-discovery-page .tender-filter-fields,.tender-discovery .tender-filter-fields {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}
@media (max-width:900px) {
  :root body.liquid-glass .reliable-app .workspace .tender-discovery-page .tender-filter-fields,.tender-discovery .tender-filter-fields {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .tender-lead-heading {
    padding-right: 82px;
  }
  .tender-status-art {
    right: 12px;
    width: 76px;
  }
}
@media (max-width:650px) {
  :root body.liquid-glass .reliable-app .workspace .tender-discovery-page .tender-filter-fields,.tender-discovery .tender-filter-fields {
    grid-template-columns: minmax(0,1fr);
  }
  .tender-lead-heading {
    min-height: 100px;
  }
  .tender-status-art svg {
    width: 58px;
    height: 58px;
  }
  .tender-pagination {
    gap: 12px;
  }
  .tender-pagination span {
    order: 3;
    flex-basis: 100%;
    text-align: center;
  }
}
.tender-discovery .tender-source-card .tender-source-coverage,
.tender-discovery .tender-source-card .tender-source-run {
  min-width: 0;
  gap: 10px;
  font-size: 1rem;
  line-height: 1.65;
}
.tender-discovery .tender-source-card .tender-source-coverage > strong {
  font-size: 1.0625rem;
  line-height: 1.6;
}
.tender-discovery .tender-source-card :is(.tender-source-coverage, .tender-source-run) > span {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 10px 12px;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.65;
  white-space: normal;
  overflow-wrap: anywhere;
  color: #805235;
}
.tender-discovery .tender-source-card .tender-source-badge {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 4px 8px;
  font-size: .875rem;
  line-height: 1.5;
  flex-shrink: 1;
  overflow-wrap: anywhere;
}
.reliable-app .sidebar-bottom>.recharge-nav {
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  align-items: center;
  position: relative;
  overflow: visible;
}
.recharge-nav>.sidebar-credit-label {
  display: flex !important;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
  line-height: 1.2;
}
.sidebar-credit-label>span:first-child {
  font-size: 14px;
}
.sidebar-credit-value {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-variant-numeric: tabular-nums;
}
.sidebar-credit-value small {
  font-size: 12px !important;
}
.sidebar-credit-tooltip {
  display: none !important;
  position: absolute;
  z-index: 1500;
  left: 0;
  bottom: calc(100% + 8px);
  width: 100%;
  box-sizing: border-box;
  max-height: 60dvh;
  overflow: auto;
  padding: 14px;
  border-radius: 12px;
  background: #17273f !important;
  border: 1px solid #566c86;
  color: #fff !important;
  box-shadow: 0 12px 35px #11203955;
  font-size: 14px;
  line-height: 1.5;
  pointer-events: none;
}
.recharge-nav[data-credit-tooltip-open="true"] .sidebar-credit-tooltip {
  display: flex !important;
  flex-direction: column;
  gap: 7px;
}
.sidebar-credit-tooltip small {
  color: #d7e1ef !important;
  font-size: 12px !important;
  white-space: normal;
}
.sidebar-credit-tooltip>span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.sidebar-credit-tooltip strong {
  font-size: 16px;
  overflow-wrap: anywhere;
}
.credit-balance-detailed {
  min-width: 280px;
  max-width: 100%;
  border: 1px solid #d0d8e4;
  border-radius: 14px;
  padding: 16px;
  background: #fffaf5;
}
.credit-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.credit-total>span {
  font-size: 14px;
  color: #65748a;
}
.credit-total>strong {
  font-size: 28px;
  overflow-wrap: anywhere;
  line-height: 1.25;
}
.credit-total strong small {
  font-size: 13px;
  margin-left: 5px;
  font-weight: 400;
}
.credit-balance-lines {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 14px;
  border-top: 1px solid #dce1e9;
  padding-top: 12px;
}
.credit-balance-lines>span {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  font-size: 14px;
}
.credit-balance-lines>small {
  font-size: 12px;
  color: #62748b;
  line-height: 1.6;
  margin-bottom: 5px;
}
.credit-balance-note,.credit-balance-error {
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin: 10px 0 0 !important;
  color: #62748b;
}
.credit-balance-error {
  color: #a2442a;
}
.credit-balance-error button {
  margin-left: 8px;
  padding: 4px 8px !important;
  font-size: 12px !important;
}
@media (max-width:700px) {
  .review-heading:has(.credit-balance-detailed) {
    flex-wrap: wrap;
  }
  .credit-balance-detailed {
    width: 100%;
    min-width: 0;
  }
  .credit-total>strong {
    font-size: 25px;
  }
  .sidebar-credit-tooltip {
    max-width: calc(100vw - 40px);
  }
}
.credit-balance-detailed {
  position: relative;
}
.credit-balance-detailed>.credit-breakdown {
  display: none;
}
.credit-balance-detailed:hover>.credit-breakdown,.credit-balance-detailed:focus>.credit-breakdown,.credit-balance-detailed:focus-within>.credit-breakdown {
  display: block;
}
.sidebar-credit-tooltip,.sidebar-credit-tooltip>span {
  white-space: normal !important;
  overflow-wrap: anywhere;
}
.sidebar-credit-value {
  display: block !important;
}
.sidebar-credit-label>span:first-child {
  line-height: 17px;
}
.reliable-app .sidebar-bottom .recharge-nav>.sidebar-credit-label {
  grid-column: 2;
}
.credit-balance-detailed {
  width: 380px;
  flex: 0 1 380px;
}
.credit-total>strong {
  min-width: 0;
  font-variant-numeric: tabular-nums;
}
.credit-balance-lines b {
  text-align: right;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.credit-balance-detailed>.credit-breakdown {
  max-width: min(350px,calc(100vw - 32px));
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width:700px) {
  .credit-balance-detailed {
    width: 100%;
    flex: 1 1 100%;
  }
}
.autosave-notice {
  position: fixed;
  z-index: 10000;
  max-height: calc(100dvh - 24px);
  overflow: auto;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 16px 18px;
  border: 1px solid #b9d2f9;
  border-radius: 16px;
  color: #183d70;
  background: rgba(248,252,255,.98);
  box-shadow: 0 14px 42px rgba(23,57,101,.18);
  font-size: 14px;
  line-height: 1.6;
  pointer-events: auto;
  transform-origin: center;
  animation: autosave-arrive .2s ease-out;
  box-sizing: border-box;
}
.autosave-notice p {
  margin: 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.autosave-notice small {
  display: block;
  font-size: 13px;
  line-height: 1.6;
  margin-top: 4px;
}
.autosave-symbol {
  display: grid;
  place-items: center;
  flex: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #e2f0ff;
  color: #2364b5;
  font-size: 16px;
}
.autosave-error {
  border-color: #e8b0a5;
  background: #fff8f5;
  color: #802b1d;
}
.autosave-error .autosave-symbol {
  background: #fbe4df;
  color: #b33520;
}
.autosave-notice button {
  font: inherit;
  font-size: 13px;
  border: 1px solid #a8c5e9;
  border-radius: 8px;
  padding: 5px 10px;
  background: white;
  color: inherit;
  margin-top: 9px;
  cursor: pointer;
}
.autosave-notice button:focus-visible {
  outline: 3px solid #498aea;
  outline-offset: 2px;
}
.autosave-retry {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.autosave-folding {
  animation: autosave-fold .42s cubic-bezier(.45,0,.8,.45) forwards;
  pointer-events: none;
}
.saved-draft-links {
  border-top: 1px solid #d9e4f3;
  margin-top: 20px;
  padding-top: 18px;
}
.saved-draft-links h3 {
  font-size: 16px;
  margin: 0 0 5px;
}
.saved-draft-links a {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  border: 1px solid #b8cdef;
  border-radius: 10px;
  color: #245a9e;
  background: #f0f6ff;
  font-size: 14px;
  text-decoration: none;
}
.saved-draft-links a:focus-visible {
  outline: 3px solid #498aea;
  outline-offset: 2px;
}
@keyframes autosave-arrive {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes autosave-fold {
  0% {
    opacity: 1;
    transform: translate(0,0) scale(1);
  }
  75% {
    opacity: .65;
  }
  100% {
    opacity: 0;
    transform: translate(var(--autosave-x,0),var(--autosave-y,-50px)) scale(.04);
  }
}
@media (prefers-reduced-motion:reduce) {
  .autosave-notice {
    animation: none;
  }
  .autosave-folding {
    animation: autosave-fade .1s linear forwards;
  }
  @keyframes autosave-fade {
    to {
      opacity: 0;
    }
  }
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .zcool-content {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px 32px 56px !important;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .zcool-mode-section {
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
:root body.liquid-glass .reliable-app .workspace .xg-cases .zcool-mode-heading {
  padding: 0 0 14px;
  gap: 16px;
}
:root body.liquid-glass .reliable-app .sidebar .studio-nav-children {
  position: relative;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
}
:root body.liquid-glass .reliable-app .sidebar .studio-nav-children::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  width: 1px;
  background: #c9d8ea;
  pointer-events: none;
}
:root body.liquid-glass .reliable-app .sidebar :is(.xg-sub, .studio-nav-children > .nav-item) {
  min-height: 44px !important;
  margin: 4px 0;
  padding: 6px 12px 6px 50px !important;
  gap: 10px;
  font-size: 14px !important;
  line-height: 1.3;
}
:root body.liquid-glass .reliable-app .sidebar .studio-nav-children > .nav-item.active::before {
  left: 27px;
}
@media (max-width: 900px) {
  :root body.liquid-glass .reliable-app .workspace .xg-cases .zcool-content {
    padding: 24px 22px 44px !important;
  }
}
@media (max-width: 600px) {
  :root body.liquid-glass .reliable-app .workspace .xg-cases .zcool-content {
    padding: 22px 16px 40px !important;
  }
  :root body.liquid-glass .reliable-app .workspace .xg-cases .zcool-mode-heading {
    display: grid;
    gap: 8px;
  }
}
:root body.liquid-glass .reliable-app .sidebar .studio-nav-heading {
  transform: none !important;
}
[data-category-controls], [data-category-results] {
  scroll-margin-top: var(--category-scroll-offset, 16px);
}
.category-return-dock {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(22px, env(safe-area-inset-bottom));
  z-index: 45;
  pointer-events: none;
}
:root body.liquid-glass .category-return-button {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 11px 17px;
  border: 1px solid #ffffffec;
  border-radius: 24px;
  background: linear-gradient(145deg, #fbfdff, #dceeff) !important;
  color: #145794 !important;
  box-shadow: 0 5px 22px #294a6c29, inset 0 1px 1px white;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.category-return-button > span {
  font-size: 20px;
  line-height: 1;
}
.category-return-button:focus-visible {
  outline: 3px solid #087bea;
  outline-offset: 4px;
}
body:has([data-category-controls]) {
  padding-bottom: calc(86px + env(safe-area-inset-bottom));
}
@media (max-width: 600px) {
  .category-return-dock {
    right: max(12px, env(safe-area-inset-right));
    bottom: max(14px, env(safe-area-inset-bottom));
  }
  :root body.liquid-glass .category-return-button {
    min-height: 44px;
    padding: 10px 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .category-return-button {
    transition: none !important;
  }
}
@media print {
  .category-return-dock {
    display: none;
  }
  body:has([data-category-controls]) {
    padding-bottom: 0;
  }
}
:root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) {
  max-width: none;
  min-width: 0;
  padding: 18px 24px 28px;
}
:root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) .studio-heading {
  gap: 16px;
  margin-bottom: 14px;
}
:root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) .studio-heading h1 {
  font-size: 24px;
  margin: 4px 0;
  line-height: 1.35;
}
:root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) :is(p,label) {
  font-size: 13px;
  line-height: 1.55;
}
:root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) small {
  font-size: 12px;
  line-height: 1.5;
}
:root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) :is(input,textarea,select) {
  font-size: 14px;
  line-height: 1.5;
  padding: 8px 10px;
  border-radius: 9px;
}
:root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) button {
  font-size: 13px;
  line-height: 1.4;
  padding: 8px 11px;
  min-height: 36px;
}
:root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) :is(.studio-actions,.studio-filters) {
  gap: 7px;
}
:root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) .studio-toolbar {
  margin: 16px 0 12px;
}
:root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) .studio-toolbar h2 {
  font-size: 18px;
  margin: 0;
}
.studio-creation-workspace .studio-savebar {
  padding: 8px 0;
  margin-bottom: 12px;
}
.studio-creation-workspace .habit-context-note {
  padding: 9px 12px;
  margin: 0 0 12px;
}
.studio-creation-workspace .studio-editor-grid {
  gap: 16px;
}
.studio-creation-workspace :is(.studio-editor,.studio-output-status) {
  padding: 16px;
  border-radius: 16px;
}
.studio-creation-workspace .studio-fieldset {
  gap: 12px;
}
.studio-creation-workspace .studio-fieldset h2 {
  font-size: 16px;
  margin: 0 0 8px;
}
.studio-creation-workspace .studio-fieldset label {
  gap: 4px;
}
.studio-creation-workspace .studio-fieldset p {
  margin: 6px 0;
}
.studio-creation-workspace .studio-prompt-region {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}
.studio-creation-workspace .studio-prompt-region textarea {
  min-height: 104px;
  height: 116px;
}
.studio-creation-workspace .studio-reference-region {
  min-width: 0;
}
.studio-creation-workspace .studio-reference-section {
  padding-top: 0;
}
.studio-creation-workspace .studio-reference-section > label:last-child {
  margin-top: 8px;
}
.studio-creation-workspace .studio-upload {
  padding: 11px;
  border-radius: 10px;
}
.studio-creation-workspace .studio-file-grid {
  gap: 8px;
  margin-top: 8px;
}
.studio-creation-workspace .studio-file-grid:empty {
  margin: 0;
}
.studio-creation-workspace :is(.studio-file-grid img,.studio-file-symbol) {
  height: 70px;
}
.studio-creation-workspace .studio-tool-fields {
  gap: 10px;
  padding: 12px;
}
.studio-creation-workspace .studio-parameters {
  gap: 10px;
}
.studio-creation-workspace .studio-core-parameters {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.studio-creation-workspace .studio-instruction summary {
  padding: 4px 0;
}
.studio-creation-workspace .studio-output {
  gap: 12px;
}
.studio-creation-workspace .studio-output-status h2 {
  font-size: 18px;
  margin: 5px 0;
}
.studio-creation-workspace .studio-output .native-generation-panel {
  padding: 14px;
  border-radius: 16px;
}
.studio-creation-workspace .studio-output .native-generation-panel h3 {
  font-size: 16px;
}
.studio-creation-workspace .studio-empty.compact {
  padding: 20px 14px;
  margin: 0;
}
.studio-creation-workspace .studio-empty.compact > span {
  font-size: 26px;
}
.studio-creation-workspace .studio-script {
  padding: 14px;
}
.studio-creation-workspace .studio-script textarea {
  height: 190px;
  min-height: 150px;
}
.studio-creation-workspace .video-input-slot {
  padding: 12px;
  margin: 8px 0;
}
.studio-creation-workspace .video-input-slot header h3 {
  font-size: 14px;
}
.studio-creation-workspace .video-mode-note {
  padding: 12px;
}
.studio-creation-workspace .studio-result-grid {
  gap: 12px;
}
.studio-creation-workspace .studio-result-grid img {
  max-height: 400px;
  object-fit: contain;
}
.canvas-page .canvas-template-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin: 18px 0;
}
:root body.liquid-glass .reliable-app .workspace .canvas-page .canvas-template-grid > button {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: center;
  align-content: center;
  justify-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 150px;
  padding: 14px;
  border-radius: 16px;
  text-align: center;
}
.canvas-page .canvas-template-symbol {
  width: 64px;
  height: 40px;
  display: grid;
  place-items: center;
  margin: 0;
}
.canvas-template-symbol svg {
  display: block;
  width: 64px;
  height: 40px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.canvas-template-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
  align-content: center;
  justify-items: center;
}
.canvas-page .canvas-template-copy h2 {
  display: grid;
  place-items: center;
  min-height: 42px;
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.canvas-page .canvas-template-copy p {
  margin: 0;
}
.canvas-page .studio-empty {
  padding: 24px 18px;
  margin: 14px 0;
}
.canvas-page .studio-empty h2 {
  font-size: 18px;
  margin: 0 0 6px;
}
.canvas-page .studio-empty p {
  margin: 0;
}
.canvas-page .canvas-project-list article {
  padding: 12px 16px;
  margin-bottom: 9px;
}
.canvas-page .canvas-project-list h3 {
  font-size: 15px;
}
.canvas-page .library-editor-header {
  padding: 10px 14px;
  margin-bottom: 12px;
}
.canvas-page .canvas-controls {
  gap: 12px;
}
.canvas-page .canvas-workbench {
  gap: 14px;
  min-height: 460px;
}
.canvas-page .canvas-viewport {
  height: clamp(460px,calc(100dvh - 340px),720px);
}
.canvas-page .canvas-inspector {
  width: 260px;
  padding: 14px;
  max-height: clamp(460px,calc(100dvh - 340px),720px);
}
:root body.liquid-glass .reliable-app .workspace .canvas-page .canvas-node-handle {
  justify-content: center;
  text-align: center;
  padding: 12px;
}
.canvas-page .canvas-node-handle > span {
  display: grid;
  place-items: center;
  flex: none;
  width: 26px;
  height: 26px;
  padding: 0;
}
:root body.liquid-glass .reliable-app .workspace .canvas-page .canvas-node :is(p,small) {
  text-align: center;
  overflow-wrap: anywhere;
}
.commerce-directory .commerce-grid {
  gap: 12px;
  margin: 16px 0;
}
:root body.liquid-glass .reliable-app .workspace .commerce-directory .commerce-card {
  grid-template-columns: 40px minmax(0,1fr);
  gap: 4px 10px;
  padding: 14px;
  border-radius: 15px;
}
.commerce-directory .commerce-symbol {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  grid-row: span 2;
}
.commerce-directory .commerce-symbol .glass-icon {
  width: 28px;
  height: 28px;
}
.commerce-directory .commerce-card h2 {
  font-size: 16px;
  line-height: 1.4;
}
.commerce-directory .commerce-card p {
  margin: 5px 0;
}
@media (min-width: 1180px) {
  :root body.liquid-glass .reliable-app .workspace:has(> :is(.studio-creation-workspace,.canvas-page,.commerce-directory)) > .topbar {
    min-height: 74px;
    padding: 14px 24px;
  }
  :root body.liquid-glass .reliable-app .workspace:has(> :is(.studio-creation-workspace,.canvas-page,.commerce-directory)) .reliable-crumb {
    font-size: 23px;
  }
  .studio-creation-workspace .studio-editor-grid {
    grid-template-columns: minmax(0,1.65fr) minmax(280px,.85fr);
  }
  .studio-creation-workspace .studio-fieldset {
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: start;
  }
  .studio-creation-workspace .studio-fieldset > * {
    grid-column: 1 / -1;
    min-width: 0;
  }
  .studio-creation-workspace .studio-fieldset > :is(.studio-title-field,.studio-project-field,.studio-prompt-region,.studio-reference-region,.studio-context-parameters,.studio-instruction) {
    grid-column: auto;
  }
  .studio-creation-workspace .studio-tool-fields {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .studio-creation-workspace .studio-tool-fields > h2 {
    grid-column: 1 / -1;
  }
  .studio-creation-workspace .studio-core-parameters {
    grid-template-columns: repeat(auto-fit,minmax(125px,1fr));
  }
}
@media (max-width: 1179px) {
  .canvas-page .canvas-template-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  :root body.liquid-glass .reliable-app .workspace .canvas-page .canvas-template-grid > button {
    min-height: 140px;
  }
}
@media (max-width: 900px) {
  :root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) {
    padding: 18px;
  }
  .studio-creation-workspace .studio-editor-grid {
    grid-template-columns: minmax(0,1fr);
  }
  .commerce-directory .commerce-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 760px) {
  .canvas-page .canvas-workbench {
    display: block;
    min-height: 0;
  }
  .canvas-page .canvas-inspector {
    width: auto;
    max-height: none;
    margin-top: 14px;
    overflow: visible;
  }
  .canvas-page .canvas-viewport {
    height: 460px;
  }
}
@media (max-width: 600px) {
  :root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) {
    padding: 16px 14px 28px;
  }
  :root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) :is(input,textarea,select) {
    font-size: 16px;
  }
  :root body.liquid-glass .reliable-app .workspace :is(.studio-creation-workspace,.canvas-page,.commerce-directory) button {
    min-height: 44px;
  }
  .canvas-page .canvas-template-grid,.commerce-directory .commerce-grid {
    grid-template-columns: minmax(0,1fr);
  }
  .studio-creation-workspace .studio-core-parameters {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .studio-creation-workspace .studio-result-grid figcaption {
    flex-wrap: wrap;
  }
  .canvas-page .canvas-controls > label {
    width: 100%;
    min-width: 0;
  }
}
.activity-creation-order {
  margin: 0 0 14px;
  padding: 11px 13px;
  border: 1px solid #c9ddee;
  border-radius: 14px;
  background: #f5faff;
  color: #223d55;
}
.activity-order-context {
  display: flex;
  align-items: center;
  gap: 8px 12px;
  flex-wrap: wrap;
  min-width: 0;
}
.activity-order-context>strong {
  font-size: 14px;
  white-space: nowrap;
}
.activity-order-project {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.activity-order-context label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
.activity-order-context select {
  max-width: 180px;
  padding: 5px 8px;
  border: 1px solid #c2d5e4;
  border-radius: 8px;
  background: #fff;
  color: #24445e;
  font: inherit;
  min-height: 32px;
}
.activity-order-context small {
  font-size: 12px;
  color: #627589;
}
.activity-order-context .activity-project-button {
  border: 0;
  background: transparent;
  color: #1565a8;
  padding: 5px 0;
  font-size: 13px;
  cursor: pointer;
}
.activity-order-summary {
  margin: 7px 0 8px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #435e76 !important;
}
.activity-order-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.activity-order-steps li {
  margin: 0;
  min-width: 0;
}
.activity-order-steps button {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #bfd8ed;
  border-radius: 9px;
  padding: 6px 9px;
  min-height: 34px;
  background: #fff;
  color: #1e5681;
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
}
.activity-order-steps button>span {
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  border-radius: 6px;
  background: #e8f3ff;
  font-size: 12px;
  color: #1460a1;
}
.activity-order-steps button:hover {
  border-color: #2f87cf;
  background: #edf6ff;
}
.activity-creation-order :is(button,select):focus-visible {
  outline: 3px solid #1686d9;
  outline-offset: 3px;
}
[data-activity-tool-editor] {
  scroll-margin-top: var(--category-scroll-offset,16px);
}
@media (max-width:600px) {
  .activity-creation-order {
    padding: 10px;
  }
  .activity-order-project {
    max-width: 160px;
  }
  .activity-order-context label {
    flex-wrap: wrap;
  }
  .activity-order-steps button {
    min-height: 42px;
  }
  .activity-order-context select {
    min-height: 38px;
  }
}
.context-assistant-drawer {
  box-sizing: border-box;
  transform-origin: center center;
}
.context-assistant-drawer.context-assistant-folding {
  animation: context-assistant-fold .42s cubic-bezier(.45,0,.8,.45) forwards;
  pointer-events: none;
  will-change: transform,opacity;
}
.context-assistant-drawer .context-assistant-retention {
  font-size: 12px;
  color: #57708e;
  margin: 12px 0 8px;
}
.context-assistant-drawer button:focus-visible,.context-assistant-drawer textarea:focus-visible {
  outline: 3px solid #498aea;
  outline-offset: 2px;
}
@keyframes context-assistant-fold {
  0% {
    opacity: 1;
    transform: translate(0,0) scale(1);
  }
  75% {
    opacity: .65;
  }
  100% {
    opacity: 0;
    transform: translate(var(--assistant-fold-x,0),var(--assistant-fold-y,-50px)) scale(.04);
  }
}
@media (prefers-reduced-motion:reduce) {
  .context-assistant-drawer.context-assistant-folding {
    animation: context-assistant-fade .1s linear forwards;
    will-change: opacity;
  }
  @keyframes context-assistant-fade {
    to {
      opacity: 0;
    }
  }
}
.reliable-app .sidebar-bottom>.nav-item.xg-user:not(.recharge-nav) {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  box-sizing: border-box;
  align-items: center;
}
.account-avatar-image.xg-avatar {
  width: 32px;
  height: 32px;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  flex: 0 0 32px;
  overflow: hidden;
  display: grid;
  place-items: center;
  box-sizing: border-box;
}
.account-avatar-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}
.reliable-app .sidebar-bottom>.nav-item.xg-user:not(.recharge-nav)>span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-avatar-editor {
  display: flex;
  gap: 22px;
  align-items: center;
  margin: 16px 0;
}
.account-avatar-preview {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.account-avatar-image.account-avatar-large {
  width: 88px;
  height: 88px;
  min-width: 88px;
  max-width: 88px;
  min-height: 88px;
  max-height: 88px;
  flex-basis: 88px;
  border-radius: 20px;
  font-size: 24px;
}
.account-avatar-preview small {
  font-size: 12px;
  color: var(--xg-muted,#667389);
}
.account-avatar-controls {
  min-width: 0;
}
.account-avatar-controls p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 14px;
}
.account-avatar-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.account-avatar-file {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0 !important;
}
@media (max-width:600px) {
  .account-avatar-editor {
    align-items: flex-start;
    gap: 15px;
  }
  .account-avatar-controls p {
    font-size: 13px;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --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-outline-style: solid;
      --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;
    }
  }
}

/* cyrillic-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-8ac0455e797f/geist-ff2310f5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-8ac0455e797f/geist-875ccdd4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-8ac0455e797f/geist-52306abf.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-8ac0455e797f/geist-001175b1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-8ac0455e797f/geist-98bbbccb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-mono-00e989178794/geist-mono-f6b33328.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-mono-00e989178794/geist-mono-44e03052.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* symbols2 */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-mono-00e989178794/geist-mono-0638449e.woff2) format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-mono-00e989178794/geist-mono-971fb274.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-mono-00e989178794/geist-mono-44745446.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../assets/fonts/geist-mono-00e989178794/geist-mono-013b2f2f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--font-geist-sans:Geist,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--font-geist-mono:"Geist Mono",monospace;--offline-banner-height:34px}body{padding-top:var(--offline-banner-height)!important}.reliable-app>.sidebar{top:var(--offline-banner-height)!important;height:calc(100vh - var(--offline-banner-height))!important}.snapshot-bar{position:fixed;inset:0 0 auto 0;height:34px;z-index:99999;display:flex;align-items:center;gap:16px;padding:0 20px;background:#f4f8fc;border-bottom:1px solid #dfe8f0;color:#63758a;font:12px/1.5 Arial,"Microsoft YaHei",sans-serif;box-sizing:border-box}.snapshot-bar strong{font-weight:500;flex:1}.snapshot-bar a{color:#426c9f;text-decoration:none;white-space:nowrap}.snapshot-bar a:hover{text-decoration:underline}@media(max-width:700px){:root{--offline-banner-height:58px}.snapshot-bar{height:58px;gap:6px 12px;padding:6px 10px;flex-wrap:wrap}.snapshot-bar strong{flex-basis:100%;font-size:11px}}

.snapshot-counts{font-size:12px;line-height:1.6;color:#64748b;margin:0 0 12px;padding:8px 12px;background:#f5f7fa;border-radius:8px}.snapshot-counts a{margin-left:8px;color:#3564b8}