:root {
  --paper: #f1f1ef;
  --ink: #151516;
  --muted: #737378;
  --glass: rgba(255, 255, 255, 0.58);
  --accent: #065dfd;
  --accent-rgb: 6, 93, 253;
  --green: #1f9f49;
  --orange: #ee872b;
  --radius-card: 30px;
  --radius-pill: 999px;
  --shadow: 0 24px 80px rgba(20, 20, 22, 0.12);
  --mx: 50vw;
  --my: 46vh;
}
@property --fluid-radius {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 104px; }
body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--ink);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--paper);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(720px circle at var(--mx) var(--my), rgba(var(--accent-rgb), 0.09), transparent 56%),
    radial-gradient(620px circle at 16% 18%, rgba(255,255,255,0.86), transparent 58%),
    linear-gradient(125deg, #fafafa, #e1e1df);
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid rgba(var(--accent-rgb), 0.92); outline-offset: 4px; }
.hidden { display: none !important; }
body.guest .auth-only-link, body.guest .billing-ledger { display: none !important; }
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
.mono {
  font-family: "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 70;
  min-height: 76px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  padding: 14px 24px;
  background: linear-gradient(to bottom, rgba(241,241,239,0.94), rgba(241,241,239,0.64) 72%, transparent);
  backdrop-filter: blur(18px);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-height: 48px;
  padding: 3px 12px 3px 3px;
  border-radius: var(--radius-pill);
  width: max-content;
  font-weight: 800;
}
.brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: var(--ink);
  box-shadow: 0 16px 44px rgba(20,20,22,0.18);
}
.top-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,0.78);
  border-radius: var(--radius-pill);
  background: rgba(255,255,255,0.54);
  backdrop-filter: blur(22px);
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}
.top-nav a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding-inline: 16px;
  border-radius: var(--radius-pill);
}
.top-nav a:hover { color: #fff; }
.top-actions {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
}
.topbar .top-actions .btn.primary {
  color: var(--ink);
  background-color: rgba(255,255,255,0.62);
  border-color: rgba(255,255,255,0.82);
}
.topbar .top-actions .btn.primary.is-fluid-active {
  color: #fff;
  border-color: rgba(21,21,22,0.82);
}
.credit-pill {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  background: rgba(255,255,255,0.62);
  border: 1px solid rgba(255,255,255,0.8);
  font-weight: 800;
}
.btn {
  position: relative;
  overflow: hidden;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,0.82);
  border-radius: var(--radius-pill);
  color: var(--ink);
  background: rgba(255,255,255,0.62);
  box-shadow: 0 14px 42px rgba(20,20,22,0.1);
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
  transition: transform 180ms ease, color 260ms ease, box-shadow 180ms ease, border-color 260ms ease;
}
.btn.primary { color: white; background-color: var(--ink); border-color: rgba(20,20,22,0.9); }
.btn.icon { width: 46px; padding: 0; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 20px 54px rgba(20,20,22,0.14); }
.btn.is-pressing { transform: translateY(2px) scale(0.975); box-shadow: inset 0 2px 10px rgba(0,0,0,0.16); }
.layout {
  width: min(1240px, calc(100% - 48px));
  margin: 18px auto 72px;
  display: grid;
  grid-template-columns: 246px minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}
.sidebar {
  position: sticky;
  top: 96px;
  display: grid;
  gap: 16px;
}
.side-panel, .side-note, .glass-card, .inner-panel {
  border: 1px solid rgba(255,255,255,0.76);
  background: rgba(255,255,255,0.52);
  backdrop-filter: blur(26px) saturate(1.16);
  box-shadow: var(--shadow);
}
.side-panel { padding: 14px; border-radius: 28px; }
.side-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px 14px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.side-title span:last-child { max-width: 118px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-nav { display: grid; gap: 6px; }
.side-link {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}
.side-link:hover, .side-link.active { color: var(--ink); background-color: rgba(255,255,255,0.74); transform: translateX(3px); }
.side-link .material-symbols-outlined { font-size: 19px; }
.side-note {
  padding: 18px;
  border-radius: 28px;
  color: var(--muted);
  line-height: 1.55;
  font-size: 13px;
}
.main { min-width: 0; display: grid; gap: 24px; }
.section { scroll-margin-top: 110px; display: grid; gap: 18px; }
#dashboard { order: 1; }
#generator { order: 2; }
#billing { order: 3; }
#history { order: 4; }
#profile { order: 5; }
#auth { order: 6; }
.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
}
.label {
  display: inline-flex;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
h1, h2, h3, p { margin: 0; }
h1 {
  max-width: 780px;
  margin-top: 18px;
  font-size: clamp(48px, 6.4vw, 88px);
  line-height: 0.92;
  font-weight: 300;
  letter-spacing: 0;
}
h2 { font-size: clamp(30px, 3.2vw, 48px); line-height: 1; font-weight: 300; }
h3 { font-size: 22px; line-height: 1.1; font-weight: 500; }
.lead {
  max-width: 720px;
  margin-top: 24px;
  color: var(--muted);
  font-size: clamp(17px, 1.6vw, 20px);
  line-height: 1.65;
  font-weight: 300;
}
.grid { display: grid; gap: 18px; }
.hero-grid { grid-template-columns: minmax(0, 1.24fr) minmax(280px, 0.76fr); align-items: stretch; }
.plans-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.results-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.glass-card {
  --dot-rgb: 112, 114, 120;
  --liquid-x: 50%;
  --liquid-y: 50%;
  --spot-x: 50%;
  --spot-y: 50%;
  --liquid-radius: 0px;
  --push-x: 0px;
  --push-y: 0px;
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 220px;
  padding: 28px;
  border-radius: var(--radius-card);
  transform: translate3d(var(--push-x), var(--push-y), 0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transform-style: preserve-3d;
  transition: transform 760ms cubic-bezier(0.16, 1, 0.3, 1), border-color 220ms ease, box-shadow 220ms ease;
}
.glass-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  clip-path: circle(0px at var(--liquid-x) var(--liquid-y));
  background:
    radial-gradient(circle, rgba(var(--dot-rgb, var(--accent-rgb)), var(--dot-a1, 0.58)) 0 1.15px, transparent 1.55px) 0 0 / 15px 15px,
    radial-gradient(circle, rgba(var(--dot-rgb, var(--accent-rgb)), var(--dot-a2, 0.28)) 0 1px, transparent 1.4px) 7px 6px / 21px 21px,
    radial-gradient(circle, rgba(var(--dot-rgb, var(--accent-rgb)), var(--dot-a3, 0.16)) 0 1.25px, transparent 1.65px) 3px 4px / 31px 31px,
    radial-gradient(circle, rgba(var(--dot-rgb, var(--accent-rgb)), var(--dot-a4, 0.11)) 0 1px, transparent 1.4px) 12px 10px / 39px 39px;
  mask-image: radial-gradient(360px circle at var(--spot-x) var(--spot-y), rgba(0,0,0,0.96), rgba(0,0,0,0.38) 52%, rgba(0,0,0,0.08) 78%);
  transition: clip-path 960ms cubic-bezier(0.16, 1, 0.3, 1), opacity 220ms ease;
}
.glass-card::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  clip-path: circle(0px at var(--liquid-x) var(--liquid-y));
  background: rgba(112,114,120,0.14);
  mix-blend-mode: soft-light;
  transition: clip-path 960ms cubic-bezier(0.16, 1, 0.3, 1), opacity 180ms ease;
}
.glass-card > * { position: relative; z-index: 1; }
.glass-card.is-liquid-hover { border-color: rgba(var(--accent-rgb),0.28); box-shadow: 0 34px 100px rgba(20,20,22,0.16); }
.glass-card.is-liquid-hover::before { opacity: 0.58; clip-path: circle(var(--liquid-radius) at var(--liquid-x) var(--liquid-y)); }
.glass-card.is-liquid-hover::after { opacity: 1; clip-path: circle(var(--liquid-radius) at var(--liquid-x) var(--liquid-y)); }
.glass-card.has-active-control {
  --push-x: 0px;
  --push-y: 0px;
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  transition-duration: 420ms;
}
.hero-card { min-height: 520px; display: flex; flex-direction: column; justify-content: space-between; }
.quick-card { display: grid; align-content: space-between; gap: 18px; }
.metric-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 34px; }
.metric {
  min-height: 104px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,0.58);
  border-radius: 24px;
  background: rgba(255,255,255,0.42);
}
.dot-number {
  font-family: "IBM Plex Mono", monospace;
  font-size: 34px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: rgba(20,20,22,0.78);
  text-shadow: 2px 0 rgba(20,20,22,0.18), 4px 0 rgba(20,20,22,0.08);
}
.metric span, .mini-copy {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}
.card-title, .card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.icon-bubble {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: rgba(255,255,255,0.62);
}
.list { display: grid; gap: 10px; margin-top: 22px; }
.list-row {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  background: rgba(255,255,255,0.46);
  color: rgba(20,20,22,0.78);
  font-size: 13px;
  font-weight: 700;
}
.tag {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: rgba(var(--accent-rgb),0.12);
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}
.auth-card { min-height: 680px; }
.auth-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.auth-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 34px; }
.inner-panel {
  display: grid;
  gap: 12px;
  padding: 22px;
  border-radius: 26px;
}
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
label { display: grid; gap: 8px; color: var(--muted); font-size: 13px; font-weight: 800; }
input, textarea, select {
  width: 100%;
  border: 1px solid rgba(255,255,255,0.7);
  border-radius: 20px;
  background: rgba(255,255,255,0.72);
  color: var(--ink);
  padding: 14px 16px;
  outline: 0;
}
textarea { min-height: 130px; resize: vertical; line-height: 1.5; }
.native-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip-path: inset(50%);
}
.custom-select { position: relative; width: 100%; }
.custom-select-trigger {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 14px 0 16px;
  border: 1px solid rgba(255,255,255,0.7);
  border-radius: 20px;
  color: var(--ink);
  background-color: rgba(255,255,255,0.72);
  text-align: left;
  cursor: pointer;
}
.custom-select-value {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-select-arrow {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: rgba(20,20,22,0.06);
  font-size: 21px;
  transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1), background-color 180ms ease;
  pointer-events: none;
}
.custom-select.is-open .custom-select-arrow { transform: rotate(180deg); }
.custom-select-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 32;
  display: grid;
  gap: 3px;
  max-height: 260px;
  overflow: auto;
  padding: 6px;
  border: 1px solid rgba(255,255,255,0.9);
  border-radius: 18px;
  background: rgba(248,248,247,0.94);
  backdrop-filter: blur(24px) saturate(1.12);
  box-shadow: 0 24px 70px rgba(20,20,22,0.18), 0 2px 8px rgba(20,20,22,0.08);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-5px) scale(0.985);
  transform-origin: 50% 0;
  transition: opacity 170ms ease, transform 190ms cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 190ms;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--accent-rgb),0.42) transparent;
}
.custom-select.is-open .custom-select-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  transition-delay: 0s;
}
.custom-select-option {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border: 0;
  border-radius: 13px;
  color: rgba(20,20,22,0.78);
  background-color: transparent;
  text-align: left;
  cursor: pointer;
}
.custom-select-option[aria-selected="true"] {
  color: var(--accent);
  background-color: rgba(var(--accent-rgb),0.09);
  font-weight: 800;
}
.custom-select-menu::-webkit-scrollbar { width: 10px; }
.custom-select-menu::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background: rgba(var(--accent-rgb),0.42);
  background-clip: padding-box;
}
.liquid-control {
  --fluid-x: 50%;
  --fluid-y: 50%;
  --fluid-max: 0px;
  --fluid-radius: 0px;
  --control-base: transparent;
  --control-fluid: #151516;
  isolation: isolate;
  background-image: radial-gradient(
    circle at var(--fluid-x) var(--fluid-y),
    var(--control-fluid) 0 var(--fluid-radius),
    transparent calc(var(--fluid-radius) + 0.75px)
  );
  background-color: var(--control-base);
  background-repeat: no-repeat;
  transition:
    --fluid-radius 680ms cubic-bezier(0.16, 1, 0.3, 1),
    color 260ms ease,
    border-color 260ms ease,
    box-shadow 360ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 180ms ease;
}
.btn.liquid-control { --control-base: rgba(255,255,255,0.62); }
.btn.primary.liquid-control { --control-base: #151516; }
.custom-select-trigger.liquid-control { --control-base: rgba(255,255,255,0.72); }
input.liquid-control,
textarea.liquid-control,
select.liquid-control { --control-base: rgba(255,255,255,0.72); }
.upload-box.liquid-control { --control-base: rgba(255,255,255,0.48); }
.side-link.active.liquid-control:not(.is-fluid-active) { --control-base: rgba(255,255,255,0.74); }
.liquid-control.is-fluid-active {
  --fluid-radius: var(--fluid-max);
  color: #fff;
  border-color: rgba(21,21,22,0.82);
  box-shadow: 0 16px 44px rgba(20,20,22,0.16);
}
.liquid-control.is-fluid-exiting {
  --fluid-radius: 0px;
  transition-timing-function: cubic-bezier(0.55, 0, 0.45, 1), ease, ease, ease, ease;
  transition-duration: 520ms, 280ms, 280ms, 360ms, 180ms;
}
.liquid-control.is-surface-control {
  --control-fluid: var(--accent);
}
.liquid-control.is-surface-control.is-fluid-active {
  color: #fff;
  border-color: rgba(var(--accent-rgb),0.88);
  box-shadow: 0 18px 48px rgba(var(--accent-rgb),0.18), inset 0 0 0 1px rgba(255,255,255,0.24);
}
.liquid-control.is-fluid-active::placeholder { color: rgba(255,255,255,0.7); }
.liquid-control.is-surface-control.is-fluid-active::placeholder { color: rgba(255,255,255,0.72); }
.side-link.liquid-control:hover,
.side-link.liquid-control.active.is-fluid-active {
  color: #fff;
  background-color: var(--control-base);
}
.top-nav .liquid-control { border-radius: var(--radius-pill); }
select.liquid-control option { color: var(--ink); background: #fff; }
.upload-box {
  margin-top: 14px;
  min-height: 150px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 24px;
  border: 1px dashed rgba(var(--accent-rgb),0.45);
  border-radius: 26px;
  background: rgba(255,255,255,0.48);
  cursor: pointer;
}
.upload-box input { display: none; }
.card-foot { margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(20,20,22,0.08); color: var(--muted); font-size: 13px; }
.plan-card strong { font-size: 42px; font-weight: 300; }
.result-card img, .result-card .mock-preview {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 22px;
  background: rgba(255,255,255,0.5);
}
.result-card .mock-preview { display: grid; place-items: center; color: var(--muted); }
.status { font-weight: 800; color: var(--accent); }
.toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 90;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: min(380px, calc(100% - 44px));
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,0.78);
  border-radius: var(--radius-pill);
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(24px);
  box-shadow: var(--shadow);
  opacity: 0;
  transform: translateY(18px);
  pointer-events: none;
  transition: opacity 220ms ease, transform 220ms ease;
  font-size: 14px;
  font-weight: 800;
}
.toast.visible { opacity: 1; transform: translateY(0); }
#custom-cursor {
  --cursor-size: 16px;
  --cursor-fill: #151516;
  --cursor-border: transparent;
  --cursor-shadow: none;
  --cursor-x: -40px;
  --cursor-y: -40px;
  --cursor-angle: 0deg;
  --cursor-stretch: 1;
  --cursor-squash: 1;
  --cursor-tail-radius: 50%;
  --cursor-nose-radius: 50%;
  --cursor-origin: 50% 50%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 120;
  width: var(--cursor-size);
  height: var(--cursor-size);
  border-radius: var(--cursor-tail-radius) var(--cursor-nose-radius) var(--cursor-nose-radius) var(--cursor-tail-radius) / 50%;
  background: var(--cursor-fill);
  border: 1.5px solid var(--cursor-border);
  pointer-events: none;
  mix-blend-mode: normal;
  opacity: 0;
  transform: translate3d(var(--cursor-x), var(--cursor-y), 0) translate(-50%, -50%) rotate(var(--cursor-angle)) scaleX(var(--cursor-stretch)) scaleY(var(--cursor-squash));
  transform-origin: var(--cursor-origin);
  box-shadow: var(--cursor-shadow);
  will-change: transform, width, height, background, border-color;
  transition:
    width 260ms cubic-bezier(0.16, 1, 0.3, 1),
    height 260ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 180ms ease,
    border-color 240ms cubic-bezier(0.16, 1, 0.3, 1),
    background-color 240ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 260ms cubic-bezier(0.16, 1, 0.3, 1);
}
.cursor-droplet {
  --drop-x: -40px;
  --drop-y: -40px;
  --drop-scale: .5;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 119;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #151516;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(var(--drop-x), var(--drop-y), 0) translate(-50%, -50%) scale(var(--drop-scale));
  will-change: transform, opacity;
}
.cursor-droplet-b { filter: blur(.25px); }
body.cursor-in-surface #custom-cursor {
  --cursor-size: 16px;
  --cursor-fill: transparent;
  --cursor-border: rgba(255,255,255,0.94);
  --cursor-shadow: 0 8px 24px rgba(0,0,0,0.16), inset 0 0 0 1px rgba(20,20,22,0.08);
  mix-blend-mode: normal;
}
body.cursor-merging #custom-cursor {
  --cursor-size: 9px;
  --cursor-shadow: 0 5px 12px rgba(0,0,0,0.2);
  transition-duration: 90ms;
}
body.cursor-absorbed #custom-cursor {
  --cursor-size: 14px;
  --cursor-fill: #fff;
  --cursor-border: rgba(255,255,255,0.72);
  --cursor-shadow: 0 7px 18px rgba(0,0,0,0.18);
}
body.cursor-surface-control.cursor-absorbed #custom-cursor {
  --cursor-fill: #fff;
  --cursor-border: rgba(255,255,255,0.78);
  --cursor-shadow: 0 7px 18px rgba(0,0,0,0.18);
}
body.cursor-pressing #custom-cursor { --cursor-size: 9px; }
body.cursor-ejecting #custom-cursor {
  animation: cursor-eject 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes cursor-eject {
  0% { width: 8px; height: 8px; opacity: 0.72; }
  52% { width: 16px; height: 13px; opacity: 1; }
  100% { width: 16px; height: 16px; opacity: 1; }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1061px) {body.cursor-ready, body.cursor-ready a, body.cursor-ready button, body.cursor-ready input, body.cursor-ready textarea, body.cursor-ready select { cursor: none; }
body.cursor-ready .upload-stage,
  body.cursor-ready .upload-stage * { cursor: none !important; }}
@media (max-width: 1060px) {.topbar { grid-template-columns: 1fr auto; }
.top-nav { display: none; }
.layout { grid-template-columns: 1fr; }
.sidebar { position: sticky; top: 76px; z-index: 50; }
.side-panel { overflow-x: auto; scrollbar-width: none; }
.side-panel::-webkit-scrollbar { display: none; }
.side-title, .side-note { display: none; }
.side-nav { display: flex; min-width: max-content; }
.hero-grid, .plans-grid, .results-grid { grid-template-columns: 1fr 1fr; }}
@media (max-width: 720px) {.topbar { padding: 10px 14px; }
.brand span:last-child { display: none; }
.top-actions .btn.primary { display: none; }
.layout { width: min(100% - 28px, 1240px); margin-top: 12px; gap: 16px; }
.section { scroll-margin-top: 138px; }
.hero-grid, .plans-grid, .results-grid, .form-grid, .auth-grid { grid-template-columns: 1fr; }
.hero-card { min-height: 520px; }
.metric-strip { grid-template-columns: 1fr; }
h1 { font-size: clamp(42px, 14vw, 64px); }
h2 { font-size: 34px; }
.glass-card { padding: 22px; }
.card-foot { align-items: start; flex-direction: column; }
.card-foot .btn { width: 100%; }
.toast { left: 12px; right: 12px; bottom: 12px; border-radius: 24px; }}
.generator-studio {
  align-items: stretch;
  min-height: 0;
}
.brief-field {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(20,20,22,0.07);
  background-color: #e7e7e4;
  box-shadow: inset 0 1px 2px rgba(20,20,22,0.04);
}
.brief-field > span,
.brief-field input,
.brief-field textarea { transition: color 220ms ease; }
.brief-field input:focus,
.brief-field textarea:focus { outline: 0; }
.tool-rack { align-self: start; }
.tool-field {
  min-height: 90px;
  border: 1px solid rgba(20,20,22,0.06);
  background: #e7e7e4;
}
.tool-field .custom-select-trigger { min-width: 0; padding-right: 4px; }
.custom-select-value {
  position: relative;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.custom-select-value-track { display: inline-block; padding-right: 12px; }
.custom-select-trigger:hover .custom-select-value.is-overflowing .custom-select-value-track,
.custom-select-trigger:focus-visible .custom-select-value.is-overflowing .custom-select-value-track {
  animation: select-value-marquee 4.8s ease-in-out infinite alternate;
}
@keyframes select-value-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-100% + var(--value-window, 112px))); }
}
.tool-field .custom-select-menu {
  min-width: 270px;
  max-width: min(340px, calc(100vw - 40px));
  padding: 8px;
}
.custom-select-option {
  min-height: 46px;
  padding: 10px 16px;
  white-space: normal;
  line-height: 1.35;
  text-wrap: pretty;
}
.generator-footer { margin-top: 0; }
.template-wave {
  position: absolute;
  inset: 0;
  z-index: 500;
  overflow: hidden;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
}
.template-wave::before {
  content: "";
  position: absolute;
  top: -20%;
  bottom: -20%;
  left: -42%;
  width: 42%;
  background:
    radial-gradient(circle, rgba(255,255,255,0.86) 0 1.2px, transparent 1.6px) 0 0 / 13px 13px,
    linear-gradient(90deg, transparent, rgba(var(--accent-rgb),0.72) 48%, rgba(var(--accent-rgb),0.08));
  filter: blur(0.15px);
  transform: skewX(-10deg);
}
.template-wave.is-running { opacity: 1; }
.template-wave.is-running::before { animation: template-dot-wave 760ms cubic-bezier(0.16,1,0.3,1) forwards; }
@keyframes template-dot-wave {
  0% { left: -42%; opacity: 0; }
  16% { opacity: 0.95; }
  100% { left: 108%; opacity: 0; }
}
.ideas-strip {
  display: grid;
  gap: 12px;
  padding: 2px 6px 8px;
}
.ideas-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}
.ideas-heading > div { display: flex; align-items: baseline; gap: 12px; }
.ideas-heading h2 { font-size: 20px; font-weight: 600; }
.ideas-heading > span { color: var(--muted); font-size: 11px; }
.ideas-carousel {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 4px 2px 10px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--accent-rgb),0.28) transparent;
}
.idea-template {
  min-width: 174px;
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px 7px 7px;
  border: 1px solid rgba(255,255,255,0.82);
  border-radius: 999px;
  color: var(--ink);
  background-color: rgba(255,255,255,0.58);
  scroll-snap-align: start;
  text-align: left;
  cursor: pointer;
}
.idea-template img {
  width: 60px;
  height: 60px;
  flex: 0 0 auto;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: inset 0 0 0 1px rgba(20,20,22,0.08);
}
.idea-template-copy { min-width: 0; display: grid; gap: 2px; }
.idea-template-copy strong,
.idea-template-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idea-template-copy strong { font-size: 12px; }
.idea-template-copy small { color: var(--muted); font-size: 10px; }
.idea-template.active { border-color: rgba(var(--accent-rgb),0.34); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),0.08); }
.recent-projects {
  max-height: min(430px, calc(100vh - 420px));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--accent-rgb),0.24) transparent;
}
.recent-date-group { display: grid; gap: 5px; }
.recent-date-label,
.project-date-label {
  padding: 7px 10px 3px;
  color: rgba(115,115,120,0.78);
  font-size: 9px;
}
.recent-project {
  position: relative;
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
  background-color: transparent;
}
.recent-project-main {
  min-width: 0;
  min-height: 50px;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border: 0;
  border-radius: 16px;
  color: var(--ink);
  background-color: transparent;
  text-align: left;
  cursor: pointer;
}
.recent-project.is-new-project { animation: recent-project-fan 520ms cubic-bezier(0.23,1,0.32,1); transform-origin: 0 100%; }
@keyframes recent-project-fan {
  0% { opacity: 0; transform: translateY(-18px) rotate(-6deg) scale(0.95); }
  66% { opacity: 1; transform: translateY(2px) rotate(0.8deg) scale(1.01); }
  100% { transform: translateY(0) rotate(0) scale(1); }
}
.project-status {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
}
.project-status.is-loading { background: rgba(var(--accent-rgb),0.1); }
.project-status.is-loading span {
  width: 12px;
  height: 12px;
  border: 2px solid rgba(var(--accent-rgb),0.2);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: project-spin 760ms linear infinite;
}
@keyframes project-spin { to { transform: rotate(360deg); } }
.project-status.is-ready {
  color: var(--accent);
  background: rgba(var(--accent-rgb),0.1);
  font-size: 18px;
  animation: project-ready 420ms cubic-bezier(0.23,1,0.32,1);
}
@keyframes project-ready {
  0% { opacity: 0; transform: scale(0.65) rotate(-18deg); }
  70% { transform: scale(1.12) rotate(2deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}
.project-status.is-failed { color: #b4233a; background: rgba(180,35,58,0.1); font-size: 18px; }
.project-actions { display: inline-flex; gap: 2px; padding-right: 5px; }
.project-icon-action {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--muted);
  background-color: rgba(20,20,22,0.045);
  cursor: pointer;
}
.project-icon-action .material-symbols-outlined { font-size: 16px; }
.project-icon-action.is-confirming { color: #fff; background-color: #b4233a; }
#generationsList.results-grid { display: block; }
.project-date-group { display: grid; gap: 8px; margin-top: 18px; }
.project-date-group:first-child { margin-top: 0; }
.project-date-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.project-preview {
  width: 100%;
  display: grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 20px;
  background-color: rgba(230,230,228,0.7);
  cursor: pointer;
}
.project-preview img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.project-preview { position: relative; overflow: hidden; }
.project-preview-media { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.project-video-badge { position: absolute; right: 10px; bottom: 10px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: rgba(0,0,0,.72); color: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.25); }
.recent-thumb > img,
.recent-thumb > video { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; display: block; }
.project-preview.mock-preview { aspect-ratio: 1; }
.project-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; }
.project-card-heading h3 { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; }
.project-card-status { display: inline-flex; align-items: center; gap: 4px; }
.project-rename-row { min-width: 0; flex: 1; display: flex; align-items: center; gap: 5px; }
.project-rename-row input { min-width: 0; flex: 1; min-height: 38px; padding: 0 11px; border-radius: 12px; background: #ededeb; }
.project-error { color: #b4233a; }
body.cursor-pressing #custom-cursor { --cursor-size: 8px; }
@media (max-width: 1060px) {.recent-projects { max-height: none; overflow: visible; }
.ideas-strip { padding-bottom: 2px; }}
@media (max-width: 720px) {.upload-stage { min-height: 230px; }
.brief-field textarea { min-height: 96px; }
.ideas-heading > span { display: none; }
.idea-template { min-width: 160px; }
.project-date-grid { grid-template-columns: 1fr; }
.tool-field .custom-select-menu { min-width: 100%; max-width: 100%; }}
body.modal-open { overflow: hidden; }
body:has(dialog[open]) #custom-cursor { opacity: 0 !important; }
body.cursor-ready:has(dialog[open]),
body.cursor-ready:has(dialog[open]) a,
body.cursor-ready:has(dialog[open]) button,
body.cursor-ready:has(dialog[open]) input,
body.cursor-ready:has(dialog[open]) textarea,
body.cursor-ready:has(dialog[open]) select { cursor: auto; }
.app-topbar {
  grid-template-columns: 1fr auto 1fr;
  min-height: 78px;
}
.workspace-context {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  color: var(--muted);
  background: rgba(255,255,255,0.5);
  font-size: 12px;
  font-weight: 800;
}
.workspace-context-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 5px rgba(var(--accent-rgb),0.1);
}
.credit-wrap { position: relative; }
.credit-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,0.84);
  border-radius: var(--radius-pill);
  color: var(--ink);
  background-color: rgba(255,255,255,0.68);
  font-weight: 800;
  cursor: pointer;
}
.credit-tooltip {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 90;
  width: max-content;
  max-width: 240px;
  padding: 9px 12px;
  border-radius: 12px;
  color: rgba(255,255,255,0.9);
  background: #151516;
  box-shadow: 0 16px 40px rgba(20,20,22,0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px) scale(0.98);
  transform-origin: 80% 0;
  transition: opacity 150ms ease, transform 180ms cubic-bezier(0.23,1,0.32,1), visibility 0s linear 180ms;
  pointer-events: none;
  font-size: 12px;
  font-weight: 700;
}
.credit-wrap:hover .credit-tooltip,
.credit-wrap:focus-within .credit-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  transition-delay: 0s;
}
.header-login { min-width: 82px; }
.product-layout {
  width: min(1380px, calc(100% - 48px));
  grid-template-columns: 244px minmax(0, 1fr);
  gap: 24px;
  margin-top: 12px;
}
.product-sidebar { top: 94px; }
.product-side-panel {
  display: grid;
  gap: 6px;
  padding: 12px;
  overflow: visible;
}
.recent-projects { display: grid; gap: 6px; }
.recent-empty {
  padding: 12px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.recent-project,
.side-action {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 9px;
  border: 0;
  border-radius: 16px;
  color: var(--ink);
  background-color: transparent;
  text-align: left;
  cursor: pointer;
}
.recent-thumb {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 12px;
  color: var(--accent);
  background: rgba(var(--accent-rgb),0.1);
  font-size: 19px;
}
.recent-copy { min-width: 0; flex: 1; display: grid; gap: 2px; }
.recent-copy strong,
.recent-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recent-copy strong { font-size: 12px; }
.recent-copy small { color: var(--muted); font-size: 10px; }
.recent-project > .material-symbols-outlined { color: var(--muted); font-size: 18px; }
.side-action {
  min-height: 40px;
  padding-inline: 11px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.side-action .material-symbols-outlined { font-size: 18px; }
.side-divider { height: 1px; margin: 7px 8px; background: rgba(20,20,22,0.07); }
.product-nav .side-link {
  width: 100%;
  border: 0;
  text-align: left;
  cursor: pointer;
}
.side-badge {
  margin-left: auto;
  padding: 2px 6px;
  border-radius: 999px;
  color: var(--accent);
  background: rgba(var(--accent-rgb),0.1);
  font-size: 9px;
  text-transform: uppercase;
}
.generator-main { display: grid; align-content: start; gap: 18px; }
.generator-heading {
  min-height: 70px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 0 6px;
}
.generator-heading h1 {
  margin-top: 8px;
  font-size: 38px;
  line-height: 1;
  font-weight: 400;
}
.generation-price {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  color: var(--muted);
  background: rgba(255,255,255,0.52);
  font-size: 12px;
  font-weight: 800;
}
.generation-price .material-symbols-outlined { color: var(--accent); font-size: 18px; }
.generator-studio {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(320px, 0.88fr) minmax(420px, 1.12fr);
  gap: 14px;
  padding: 14px;
  overflow: visible;
  border: 1px solid rgba(255,255,255,0.8);
  border-radius: 32px;
  background: rgba(255,255,255,0.5);
  backdrop-filter: blur(28px) saturate(1.12);
  box-shadow: 0 28px 90px rgba(20,20,22,0.12);
}
.upload-stage {
  min-height: 590px;
  margin: 0;
  align-content: center;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 14px;
  padding: 28px;
  border-style: solid;
  border-color: rgba(255,255,255,0.72);
  border-radius: 24px;
  text-align: left;
  --control-base: rgba(244,244,242,0.76);
}
.upload-box.liquid-control {
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + 0.75px));
  background-color: var(--control-base);
}
.upload-icon,
.upload-action {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.upload-icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  color: var(--accent);
  background: rgba(var(--accent-rgb),0.1);
}
.upload-copy { display: grid; gap: 5px; }
.upload-copy strong { font-size: 17px; }
.upload-copy small { color: var(--muted); line-height: 1.45; }
.upload-action {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #fff;
  background: var(--ink);
}
.upload-stage.is-fluid-active .upload-icon { color: #fff; background: rgba(255,255,255,0.16); }
.upload-stage.is-fluid-active .upload-copy small { color: rgba(255,255,255,0.74); }
.upload-stage.is-fluid-active .upload-action { color: var(--accent); background: #fff; }
.brief-panel {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 10px;
}
.brief-field {
  display: grid;
  gap: 8px;
  padding: 14px 16px;
  border-radius: 20px;
  background: rgba(244,244,242,0.76);
}
.brief-field > span { color: var(--muted); font-size: 11px; font-weight: 800; }
.brief-field input,
.brief-field textarea {
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.brief-field input { min-height: 40px; font-size: 20px; font-weight: 600; }
.brief-field textarea { min-height: 150px; font-size: 15px; }
.tool-rack {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}
.tool-field {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  align-items: center;
  gap: 2px 8px;
  padding: 10px;
  border-radius: 18px;
  background: rgba(244,244,242,0.76);
}
.tool-field:has(.custom-select.is-open) { z-index: 400; }
.tool-icon {
  grid-row: 1 / span 2;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--accent);
  background: rgba(var(--accent-rgb),0.09);
  font-size: 18px;
}
.tool-copy { grid-column: 2; min-width: 0; }
.tool-copy small { color: var(--muted); font-size: 10px; font-weight: 800; }
.tool-field .custom-select { grid-column: 2; min-width: 0; }
.tool-field .custom-select-trigger {
  min-height: 30px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background-color: transparent;
  box-shadow: none;
  font-size: 11px;
}
.tool-field .custom-select-arrow {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  font-size: 18px;
}
.tool-field .custom-select-menu {
  left: -44px;
  right: -8px;
  top: calc(100% + 10px);
  z-index: 1000;
  min-width: 210px;
  border-color: rgba(20,20,22,0.08);
  background: #f8f8f7;
  backdrop-filter: none;
  box-shadow: 0 28px 80px rgba(20,20,22,0.24), 0 0 0 1px rgba(20,20,22,0.04);
}
.custom-select-menu { background: #f8f8f7; backdrop-filter: none; }
.custom-select-option { color: #38383c; }
.custom-select-option[aria-selected="true"] { color: var(--accent); background-color: rgba(var(--accent-rgb),0.09); }
.generator-footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: auto;
  padding-top: 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
.generate-button { min-width: 190px; }
dialog.modal-shell {
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 24px;
  overflow: hidden;
  border: 0;
  background: transparent;
  opacity: 0;
  transition: opacity 180ms ease;
}
dialog.modal-shell[open] { display: grid; place-items: center; }
dialog.modal-shell.is-visible { opacity: 1; }
dialog.modal-shell::backdrop {
  background: rgba(230,230,228,0.48);
  backdrop-filter: blur(22px) saturate(0.82);
}
.modal-card {
  position: relative;
  width: min(520px, 100%);
  max-height: min(820px, calc(100dvh - 48px));
  padding: 28px;
  overflow: visible;
  border: 1px solid rgba(255,255,255,0.96);
  border-radius: 28px;
  background: #f7f7f5;
  box-shadow: 0 40px 120px rgba(20,20,22,0.24), 0 0 0 1px rgba(20,20,22,0.04);
  opacity: 0;
  transform: translateY(14px) scale(0.975);
  transition: opacity 180ms ease, transform 260ms cubic-bezier(0.23,1,0.32,1);
}
.modal-shell.is-visible .modal-card { opacity: 1; transform: translateY(0) scale(1); }
.wide-modal .modal-card { width: min(1160px, 100%); }
.modal-scroll-card { overflow-y: auto; overscroll-behavior: contain; }
.modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 20;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--ink);
  background-color: rgba(20,20,22,0.06);
  cursor: pointer;
}
.modal-heading { display: grid; gap: 10px; padding-right: 52px; margin-bottom: 24px; }
.modal-heading h2 { font-size: 34px; }
.modal-heading p { color: var(--muted); line-height: 1.55; }
.modal-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.auth-stage { transform-origin: 12% 100%; }
.auth-view { display: grid; gap: 14px; }
.auth-view input { background-color: rgba(230,230,228,0.72); border-color: rgba(20,20,22,0.06); }
.auth-submit { width: 100%; margin-top: 4px; }
.auth-switch {
  width: 100%;
  min-height: 44px;
  margin-top: 12px;
  border: 0;
  border-radius: 14px;
  color: var(--muted);
  background-color: transparent;
  cursor: pointer;
  font-size: 13px;
}
.auth-switch strong { color: var(--accent); }
.modal-plans { margin-top: 8px; }
.modal-plans .glass-card { min-height: 0; padding: 22px; background: #fff; box-shadow: 0 12px 40px rgba(20,20,22,0.08); }
.billing-ledger { margin-top: 24px; padding-top: 22px; border-top: 1px solid rgba(20,20,22,0.08); }
.profile-form { display: grid; gap: 14px; }
.profile-form input,
.profile-form textarea { background-color: rgba(230,230,228,0.72); border-color: rgba(20,20,22,0.06); }
.modal-form-footer { display: flex; justify-content: flex-end; padding-top: 8px; }
.results-grid .glass-card { background: #fff; }
@media (prefers-reduced-motion: reduce) {.modal-card,
  dialog.modal-shell,
  .credit-tooltip,
  .custom-select-menu { transition-duration: 1ms !important; }}
@media (hover: hover) and (pointer: fine) and (min-width: 1061px) {body.cursor-ready { cursor: auto; }
body.cursor-ready a,
  body.cursor-ready button,
  body.cursor-ready select,
  body.cursor-ready .upload-stage,
  body.cursor-ready .upload-stage * { cursor: pointer !important; }
body.cursor-ready input,
  body.cursor-ready textarea { cursor: text !important; }}
@media (hover: hover) and (pointer: fine) and (min-width: 1061px) {body.cursor-ready,
  body.cursor-ready a,
  body.cursor-ready button,
  body.cursor-ready input,
  body.cursor-ready textarea,
  body.cursor-ready select,
  body.cursor-ready:has(dialog[open]),
  body.cursor-ready:has(dialog[open]) select,
  body.cursor-ready .upload-stage,
  body.cursor-ready .upload-stage * { cursor: none !important; }}
@media (max-width: 1060px) {.app-topbar { grid-template-columns: 1fr auto; }
.workspace-context { display: none; }
.product-layout { grid-template-columns: 1fr; width: min(100% - 28px, 900px); padding-bottom: 98px; }
.product-sidebar {
    position: fixed;
    top: auto;
    left: 14px;
    right: 14px;
    bottom: 12px;
    z-index: 170;
  }
.product-side-panel {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    border-radius: 24px;
  }
.product-side-panel .side-title,
  .product-side-panel .recent-projects,
  .product-side-panel .side-action,
  .product-side-panel .side-divider { display: none; }
.product-nav { display: flex; min-width: max-content; gap: 6px; }
.product-nav .side-link { width: auto; min-height: 46px; white-space: nowrap; }
.generator-studio { grid-template-columns: 1fr; }
.upload-stage { min-height: 330px; }}
@media (max-width: 720px) {.app-topbar { min-height: 68px; }
.credit-button { min-height: 42px; padding-inline: 12px; font-size: 12px; }
.header-login { min-width: 0; width: 42px; padding: 0; font-size: 0; }
.header-login::after { content: "login"; font-family: "Material Symbols Outlined"; font-size: 21px; }
.authed .header-login::after { content: "logout"; }
.generator-heading { min-height: 58px; align-items: center; }
.generator-heading h1 { font-size: 30px; }
.generation-price { display: none; }
.generator-studio { padding: 9px; border-radius: 26px; }
.upload-stage { min-height: 260px; grid-template-columns: 44px minmax(0,1fr); padding: 20px; border-radius: 20px; }
.upload-icon { width: 44px; height: 44px; border-radius: 14px; }
.upload-action { display: none; }
.brief-panel { padding: 6px; }
.tool-rack { grid-template-columns: 1fr; }
.tool-field .custom-select-menu { left: 0; right: 0; }
.generator-footer { align-items: stretch; flex-direction: column; }
.generate-button { width: 100%; }
dialog.modal-shell { padding: 10px; align-items: end; }
.modal-card { width: 100%; max-height: calc(100dvh - 20px); padding: 22px; border-radius: 26px; }
.wide-modal .modal-card { width: 100%; }
.modal-heading h2 { font-size: 28px; }
.modal-plans,
  .results-grid,
  .profile-form .form-grid { grid-template-columns: 1fr; }}
.app-topbar { grid-template-columns: 1fr auto; }
.generator-studio { min-height: 0; align-items: stretch; }
.upload-stage { min-height: 410px; }
.brief-panel { align-content: stretch; grid-template-rows: auto auto auto auto; }
.brief-field {
  overflow: hidden;
  border: 1px solid rgba(20,20,22,0.08);
  background: #e7e7e4;
  box-shadow: inset 0 1px 2px rgba(20,20,22,0.04);
}
.brief-field.liquid-control {
  --control-base: #e7e7e4;
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + 0.75px));
  background-color: var(--control-base);
}
.brief-field textarea { min-height: 106px; }
.brief-field.is-fluid-active > span,
.brief-field.is-fluid-active input,
.brief-field.is-fluid-active textarea { color: #fff; }
.brief-field.is-fluid-active input::placeholder,
.brief-field.is-fluid-active textarea::placeholder { color: rgba(255,255,255,0.72); }
.tool-field { min-height: 90px; border: 1px solid rgba(20,20,22,0.06); background: #e7e7e4; }
.tool-field .custom-select-menu {
  z-index: 1000;
  min-width: 270px;
  max-width: min(340px, calc(100vw - 40px));
  padding: 8px;
  background: #f8f8f7;
}
.tool-field:last-child .custom-select-menu {
  left: auto;
  right: 0;
}
.product-sidebar .recent-project {
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
  background-color: transparent;
}
.product-sidebar .recent-project-main {
  min-width: 0;
  min-height: 50px;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border: 0;
  border-radius: 16px;
  color: var(--ink);
  background-color: transparent;
  text-align: left;
}
body:has(dialog[open]) #custom-cursor { opacity: 1 !important; }
body.cursor-ready:has(dialog[open]),
body.cursor-ready:has(dialog[open]) a,
body.cursor-ready:has(dialog[open]) button,
body.cursor-ready:has(dialog[open]) input,
body.cursor-ready:has(dialog[open]) textarea,
body.cursor-ready:has(dialog[open]) select { cursor: none; }
body.cursor-pressing #custom-cursor { transition-duration: 90ms; }
@media (max-width: 1060px) {.upload-stage { min-height: 330px; }}
@media (max-width: 720px) {.upload-stage { min-height: 230px; }
.brief-field textarea { min-height: 96px; }
.tool-field .custom-select-menu { min-width: 100%; max-width: 100%; }
.tool-field:last-child .custom-select-menu { left: 0; right: 0; }}
* { scrollbar-width: none; }
*::-webkit-scrollbar { display: none; }
.generator-studio { z-index: 40; }
.brief-panel { position: relative; z-index: 80; }
.tool-rack { z-index: 300; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.tool-field {
  min-height: 68px;
  padding: 8px;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 1px 7px;
  overflow: visible;
  border-radius: 16px;
  --control-base: #e7e7e4;
}
.tool-field:has(.custom-select.is-open) { z-index: 1000; }
.tool-field .tool-icon {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  font-size: 16px;
}
.tool-field .custom-select-trigger { min-height: 24px; font-size: 10px; }
.tool-field .custom-select-arrow { width: 22px; height: 22px; font-size: 16px; }
.tool-field .custom-select-menu { z-index: 10000; }
.tool-field.is-fluid-active .tool-icon {
  color: #fff;
  background: rgba(255,255,255,0.17);
}
.tool-field.is-fluid-active .tool-copy small,
.tool-field.is-fluid-active .custom-select-trigger { color: #fff; }
.tool-field.is-fluid-active .custom-select-arrow { color: var(--accent); background: #fff; }
.ideas-strip { position: relative; z-index: 1; overflow: visible; }
.ideas-carousel {
  padding: 14px 14px 18px;
  margin: -10px -14px -16px;
  overflow-x: auto;
  overflow-y: hidden;
}
.idea-template { box-shadow: 0 0 0 rgba(20,20,22,0); }
.idea-template.is-fluid-active,
.idea-template:hover { box-shadow: 0 10px 24px rgba(20,20,22,0.12); }
.modal-plans .plan-card {
  position: relative;
  overflow: hidden;
  --control-base: #fff;
  --control-fluid: var(--accent);
  background-image: radial-gradient(
    circle at var(--fluid-x) var(--fluid-y),
    var(--control-fluid) 0 var(--fluid-radius),
    transparent calc(var(--fluid-radius) + 0.75px)
  );
  background-color: var(--control-base);
  transition: --fluid-radius 560ms cubic-bezier(0.16,1,0.3,1), color 180ms ease, border-color 180ms ease, box-shadow 240ms ease;
}
.modal-plans .plan-card.is-fluid-active { color: #fff; border-color: rgba(var(--accent-rgb),0.72); }
.modal-plans .plan-card.is-fluid-active .label,
.modal-plans .plan-card.is-fluid-active .lead,
.modal-plans .plan-card.is-fluid-active strong,
.modal-plans .plan-card.is-fluid-active .list-row,
.modal-plans .plan-card.is-fluid-active .card-foot { color: #fff !important; }
.modal-plans .plan-card.is-fluid-active .tag {
  color: #fff;
  border-color: rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.15);
}
.modal-plans .plan-card.is-fluid-active .card-foot { border-top-color: rgba(255,255,255,0.22); }
.modal-plans .plan-card.is-fluid-active .btn.primary { color: #151516 !important; background-color: #fff; }
.modal-plans .plan-card .btn.primary.is-fluid-active { color: #fff !important; background-color: #151516; }
.project-date-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.results-grid .result-card { padding: 11px; border-radius: 18px; }
.project-preview { border-radius: 14px; }
.project-preview img,
.project-preview.mock-preview { aspect-ratio: 4 / 3; }
.project-preview-media { aspect-ratio: 4 / 3; }
.project-card-heading { gap: 6px; margin-top: 9px; }
.project-card-heading h3 { font-size: 14px; }
.result-card .mini-copy { margin-top: 6px; font-size: 11px; line-height: 1.4; }
.project-icon-action { width: 26px; height: 26px; }
.project-icon-action .material-symbols-outlined { font-size: 15px; }
.recent-project.is-removing,
.result-card.is-removing { pointer-events: none; animation: project-remove 180ms cubic-bezier(0.55,0,0.45,1) forwards; }
@keyframes project-remove {
  to { opacity: 0; transform: translateY(-10px) scale(0.96); }
}
.compact-modal .modal-card { width: min(430px, 100%); }
.legal-consent-update-modal .modal-card { overflow: visible; }
.legal-consent-update-form { margin-top: 20px; }
.legal-consent-update-form .btn { width: 100%; justify-content: center; margin-top: 8px; }
.delete-project-card { overflow: hidden; }
.delete-project-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 14px;
  color: #b4233a;
  background: rgba(180,35,58,0.1);
}
.delete-project-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.delete-project-actions .btn { justify-content: center; }
.delete-confirm-button { color: #fff; background-color: #151516; }
@media (max-width: 900px) and (min-width: 721px) {.tool-rack { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.project-date-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (max-width: 720px) {.tool-rack { grid-template-columns: 1fr; }
.tool-field { min-height: 62px; }
.project-date-grid { grid-template-columns: 1fr; }}
.brand { min-width: 164px; }
.brand img { width: 142px; height: auto; display: block; }
.brand::before { display: none; }
.brand .brand-mark { display: none; }
.product-sidebar { display: grid; gap: 12px; }
.account-side-panel { display: grid; gap: 8px; padding: 10px; }
.account-summary {
  width: 100%; min-height: 64px; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center; gap: 10px; padding: 8px; border: 0; border-radius: 17px;
  color: var(--ink); background: transparent; text-align: left; cursor: pointer;
}
.account-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 1px rgba(20,20,22,.07); }
.account-identity { min-width: 0; display: grid; gap: 2px; }
.account-identity strong, .account-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-identity strong { font-size: 13px; }
.account-identity small { color: var(--muted); font-size: 10px; }
.account-summary > .material-symbols-outlined { color: var(--muted); font-size: 17px; }
.account-nav { display: grid; gap: 3px; }
.side-link.liquid-control { --control-base: transparent; --control-fluid: var(--accent); }
.side-link.liquid-control.is-fluid-active,
.side-link.liquid-control:hover { color: #fff; background-color: var(--control-base); transform: none; }
.side-link.active,
.side-link.active.liquid-control:not(.is-fluid-active) { color: #fff; background-color: #151516; }
.side-link.active:hover { background-color: #151516; }
#creditsButton.liquid-control, #refreshBtn.liquid-control { --control-fluid: var(--accent); }
#creditsButton.liquid-control.is-fluid-active, #refreshBtn.liquid-control.is-fluid-active { color: #fff; border-color: rgba(var(--accent-rgb),.85); }
.tool-field.liquid-control {
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px));
  background-color: var(--control-base);
  background-repeat: no-repeat;
}
.tool-field.liquid-control.is-fluid-active { border-color: rgba(var(--accent-rgb),.78); box-shadow: 0 14px 34px rgba(var(--accent-rgb),.15); }
.tool-field.liquid-control.is-fluid-active .tool-icon { color: #fff; background: rgba(255,255,255,.16); }
.tool-field.liquid-control.is-fluid-active .tool-copy small { color: rgba(255,255,255,.78); }
.tool-field.liquid-control.is-fluid-active .custom-select-arrow { color: var(--accent); background: #fff; }
.tool-field .custom-select-trigger { display: flex; align-items: center; justify-content: space-between; }
.custom-select-value { min-width: 0; overflow: visible; }
.custom-select-value-track { display: inline-flex; align-items: center; min-width: 22px; }
.select-current-icon { color: var(--ink); font-size: 18px; }
.tool-field.is-fluid-active .select-current-icon { color: #fff; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.custom-select-option {
  min-height: 52px; display: grid; grid-template-columns: auto 24px minmax(0,1fr) auto; align-items: center;
  gap: 9px; padding: 8px 10px; border-radius: 12px;
}
.custom-select-option .option-leading { color: var(--accent); font-size: 19px; }
.option-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 800; }
.option-preview { width: 34px; height: 34px; border-radius: 10px; display: block; background: #e9eefb; box-shadow: inset 0 0 0 1px rgba(20,20,22,.06); }
.option-preview-studio { background: #dce7ff; position: relative; }
.option-preview-studio::after { content: ""; position: absolute; inset: 8px; border: 5px solid #151516; border-radius: 50%; box-shadow: 0 0 0 3px #fff, 0 0 0 6px #065dfd; }
.option-preview-showcase { background: #151516; position: relative; }
.option-preview-showcase::after { content: ""; position: absolute; inset: 8px; border: 2px solid #fff; border-top: 9px solid #065dfd; border-radius: 5px; }
.option-preview-interior { background: #eae6dd; position: relative; }
.option-preview-interior::after { content: ""; position: absolute; left: 6px; right: 6px; bottom: 7px; height: 13px; border-radius: 4px; background: #6b584f; box-shadow: 13px -11px 0 -4px #065dfd; }
.option-preview-info { background: #e6edff; position: relative; }
.option-preview-info::after { content: ""; position: absolute; inset: 9px 7px; border-radius: 3px; background: repeating-linear-gradient(90deg, #065dfd 0 4px, transparent 4px 7px); }
.option-preview-social { background: #065dfd; position: relative; }
.option-preview-social::after { content: ""; position: absolute; width: 12px; height: 12px; top: 6px; right: 6px; border-radius: 50%; background: #fff; box-shadow: -12px 12px 0 -2px #151516; }
.option-preview-mini { background: #e6edff; }
.option-preview-pro { background: #065dfd; box-shadow: inset 12px -12px 0 #dce7ff; }
.option-preview-max { background: #151516; box-shadow: inset 0 0 0 2px #065dfd; }
.option-brands { justify-self: end; display: flex; flex-wrap: wrap; justify-content: end; gap: 3px; max-width: 118px; }
.option-brands i { padding: 3px 5px; border-radius: 7px; color: var(--muted); background: rgba(20,20,22,.05); font-size: 9px; font-style: normal; font-weight: 800; white-space: nowrap; }
.custom-select-option[aria-selected="true"] .option-brands i { color: var(--accent); background: rgba(var(--accent-rgb),.1); }
.tool-field:has(select[name="quantity"]) .custom-select-option { margin: 3px 0; border: 1px solid rgba(20,20,22,.06); background: rgba(20,20,22,.025); }
.generation-price { margin-right: auto; color: var(--ink); background: rgba(255,255,255,.72); }
.generation-price .material-symbols-outlined { color: var(--accent); }
.generator-footer { justify-content: flex-end; }
.generate-button { margin-left: 0; }
.upload-stage.is-fluid-active .upload-action { color: #fff; background: #151516; }
.idea-template.liquid-control { --control-fluid: var(--accent); }
.idea-template.liquid-control.is-fluid-active,
.idea-template.liquid-control:hover { color: #fff; border-color: rgba(var(--accent-rgb),.8); }
.idea-template.is-fluid-active .idea-template-copy small,
.idea-template:hover .idea-template-copy small { color: rgba(255,255,255,.72); }
.modal-plans .plan-card.is-fluid-active .btn.primary { color: #fff !important; background: #151516; }
.modal-plans .plan-card.is-fluid-active .btn.primary.is-fluid-active { color: #151516 !important; background: #fff; }
.plan-quality-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 10px; }
.plan-quality-grid span { display: grid; gap: 2px; padding: 7px; border-radius: 10px; background: rgba(20,20,22,.045); text-align: center; }
.plan-quality-grid b { font-size: 10px; text-transform: uppercase; }
.plan-quality-grid small { font-size: 11px; font-variant-numeric: tabular-nums; }
.modal-plans .plan-card.is-fluid-active .plan-quality-grid span { background: rgba(255,255,255,.14); }
.avatar-picker-card { display: grid; grid-template-columns: 72px minmax(0,1fr); align-items: center; gap: 14px; padding: 14px; border-radius: 20px; background: rgba(230,230,228,.72); }
.avatar-picker-current img { width: 64px; height: 64px; display: block; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px rgba(255,255,255,.84); }
.avatar-picker-card strong { font-size: 14px; }
.avatar-picker-card p { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.avatar-picker-options { grid-column: 1 / -1; display: flex; gap: 7px; }
.avatar-option { width: 36px; height: 36px; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 50%; background: transparent; cursor: pointer; }
.avatar-option.active { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.12); }
.profile-usage { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.profile-usage span { display: grid; gap: 2px; padding: 10px; border-radius: 14px; background: rgba(230,230,228,.72); }
.profile-usage strong { font-size: 17px; font-variant-numeric: tabular-nums; }
.profile-usage small { color: var(--muted); font-size: 10px; }
.billing-ledger .list-row > span:first-child { display: grid; gap: 3px; }
.billing-ledger .list-row small { color: var(--muted); font-size: 10px; }
.billing-refunds {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(20,20,22,.08);
}
.billing-refunds h3 {
  margin: 0 0 9px;
  font-size: 24px;
  font-weight: 500;
}
.billing-refunds-note {
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}
.refund-row {
  align-items: center;
  gap: 12px;
}
.refund-row > span:first-child {
  display: grid;
  gap: 3px;
}
.refund-row small {
  color: var(--muted);
  font-size: 11px;
}
.refund-row .btn.small {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 12px;
}
@media (max-width: 1060px) {.product-sidebar { display: flex; }
.account-side-panel { display: flex; padding: 6px; }
.account-summary { width: 52px; min-height: 46px; grid-template-columns: 1fr; padding: 5px; }
.account-summary .account-identity, .account-summary > .material-symbols-outlined { display: none; }
.account-avatar { width: 36px; height: 36px; }
.account-nav { display: flex; }
.account-nav .side-link { width: auto; min-height: 46px; font-size: 0; }
.account-nav .side-link .material-symbols-outlined { font-size: 20px; }}
@media (max-width: 720px) {.brand { min-width: 112px; }
.brand img { width: 108px; }
.generation-price { align-self: flex-start; }
.custom-select-option { grid-template-columns: auto 22px minmax(0,1fr); }
.option-brands { grid-column: 3; justify-self: start; justify-content: start; max-width: none; margin-top: -5px; }
.avatar-picker-card { grid-template-columns: 60px minmax(0,1fr); }
.avatar-picker-current img { width: 54px; height: 54px; }}
.app-topbar { min-height: 94px; height: 94px; }
.brand { min-width: 174px; }
.brand img { width: 158px; }
.product-layout { margin-top: 4px; }
.product-sidebar { top: 86px; }
.generator-main { gap: 14px; }
.ideas-strip { margin-top: -4px; }
.account-side-panel .side-link { min-height: 42px; padding: 7px 10px; border: 0; box-shadow: none; background-color: transparent; }
.account-side-panel .side-link.liquid-control { --control-fluid: var(--accent); }
.account-summary.liquid-control { --control-fluid: var(--accent); }
.account-summary.liquid-control.is-fluid-active { color: #fff; }
.account-summary.liquid-control.is-fluid-active .account-identity small,
.account-summary.liquid-control.is-fluid-active > .material-symbols-outlined { color: rgba(255,255,255,.76); }
.account-summary > .material-symbols-outlined { transition: transform 180ms cubic-bezier(.23,1,.32,1), color 180ms ease; }
.account-summary.is-fluid-active > .material-symbols-outlined { transform: translateX(3px); color: #fff; }
.account-summary.is-pressing { transform: scale(.975); }
.upload-action { color: var(--ink); background: rgba(20,20,22,.07); }
.upload-stage.is-fluid-active .upload-action { color: var(--ink); background: rgba(255,255,255,.76); }
.upload-action.liquid-control { --control-base: rgba(20,20,22,.07); --control-fluid: #151516; }
.upload-action.liquid-control.is-fluid-active { color: #fff; background-color: var(--control-base); }
.toast { color: #fff; background: var(--accent); box-shadow: 0 18px 42px rgba(var(--accent-rgb),.28); }
.toast .material-symbols-outlined { color: #fff; }
.tool-rack { gap: 8px; }
.tool-field { border-radius: 17px; }
.tool-field .custom-select-trigger { min-height: 27px; }
.select-current-format { margin-left: 6px; color: var(--ink); font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; }
.tool-field.is-fluid-active .select-current-format { color: #fff; }
.custom-select-menu { scrollbar-width: none; }
.custom-select-menu::-webkit-scrollbar { display: none; }
.custom-select-option { min-height: 46px; gap: 8px; }
.custom-select-option:not(:has(.option-preview)) { grid-template-columns: 22px minmax(0,1fr) auto; }
.custom-select-option .option-leading { font-size: 18px; }
.option-credit { display: inline-flex; align-items: center; gap: 3px; justify-self: end; color: var(--muted); font-size: 11px; font-weight: 800; }
.option-credit .material-symbols-outlined { color: var(--accent); font-size: 15px; }
.custom-select-option[aria-selected="true"] .option-credit { color: var(--accent); }
.tool-field:has(select[name="quantity"]) .custom-select-menu { left: auto; right: 0; width: 66px; min-width: 66px; padding: 4px; }
.tool-field:has(select[name="quantity"]) .custom-select-option { min-height: 42px; margin: 2px 0; display: grid; grid-template-columns: 1fr; place-items: center; padding: 0; border-radius: 10px; }
.tool-field:has(select[name="quantity"]) .custom-select-option .option-leading { font-size: 20px; }
.tool-field:has(select[name="quantity"]) .custom-select-option .sr-only { position: absolute; }
.modal-scroll-card { overflow: visible; }
.modal-scroll-card::after { content: ""; position: absolute; top: -1px; right: -1px; z-index: 2; width: 132px; height: 70px; border-bottom-left-radius: 38px; background: rgba(230,230,228,.78); backdrop-filter: blur(16px); pointer-events: none; }
.modal-corner-actions { position: absolute; top: -22px; right: -22px; z-index: 5; display: flex; align-items: center; gap: 7px; }
.modal-corner-actions .modal-close,
.modal-corner-actions .btn { position: relative; top: auto; right: auto; width: 42px; min-width: 42px; height: 42px; display: grid; place-items: center; padding: 0; border-radius: 50%; }
.modal-corner-actions .modal-close.liquid-control { --control-fluid: #151516; }
.modal-corner-actions .modal-close.is-fluid-active { color: #fff; }
#refreshJobsBtn.liquid-control { --control-fluid: var(--accent); }
#refreshJobsBtn.liquid-control.is-fluid-active { color: #fff; }
.modal-heading-row { padding-right: 76px; }
.profile-modal-card { width: min(620px, 100%) !important; }
.profile-modal-card::after { width: 82px; }
.profile-form { gap: 12px; }
.profile-identity-card { overflow: hidden; border-radius: 24px; background: #fff; box-shadow: 0 14px 34px rgba(20,20,22,.07); }
.profile-cover { height: 138px; display: flex; align-items: flex-start; justify-content: flex-end; padding: 20px; background: var(--accent); }
.profile-cover img { width: 172px; height: auto; filter: brightness(0) invert(1); opacity: .94; }
.profile-identity-row { display: grid; grid-template-columns: 74px minmax(0,1fr); align-items: end; gap: 13px; padding: 0 18px; margin-top: -34px; }
.profile-identity-row .avatar-picker-current { width: 74px; height: 74px; padding: 3px; border-radius: 50%; background: #fff; }
.profile-identity-row .avatar-picker-current img { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; }
.profile-identity-row .label { color: var(--muted); font-size: 10px; }
.profile-identity-row h2 { margin-top: 5px; font-size: 24px; line-height: 1.05; }
.profile-identity-row p { margin-top: 5px; color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-identity-card .profile-usage { margin: 18px; }
.profile-usage { gap: 6px; }
.profile-usage span { min-height: 58px; padding: 10px; border-radius: 13px; background: #f0f0ee; }
.profile-usage strong { font-size: 18px; }
.avatar-picker-card { grid-template-columns: 1fr; gap: 9px; padding: 15px; border-radius: 19px; }
.avatar-picker-options { grid-column: auto; }
.profile-modal-card .form-grid { gap: 9px; }
.profile-modal-card .form-grid label { font-size: 11px; font-weight: 800; }
.profile-modal-card .modal-form-footer { padding-top: 2px; }
.profile-modal-card .modal-form-footer .btn { width: 100%; justify-content: center; }
@media (max-width: 1060px) {.product-layout { margin-top: 0; }
.product-sidebar { top: auto; }}
@media (max-width: 720px) {.brand { min-width: 132px; }
.brand img { width: 126px; }
.modal-scroll-card::after { display: none; }
.modal-corner-actions { top: 14px; right: 14px; }
.profile-cover { height: 116px; padding: 16px; }
.profile-cover img { width: 142px; }
.profile-identity-row { padding-inline: 14px; }}
.ideas-strip { display: flex; align-items: center; gap: 12px; margin-top: -12px; }
.ideas-heading { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; padding: 0 5px; }
.ideas-heading > .material-symbols-outlined { color: var(--accent); font-size: 18px; }
.ideas-carousel { flex: 1; min-width: 0; }
.account-summary.liquid-control,
.side-action.liquid-control {
  --control-base: transparent;
  --control-fluid: var(--accent);
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px));
  background-color: var(--control-base);
  background-repeat: no-repeat;
}
.account-summary.liquid-control.is-fluid-active,
.side-action.liquid-control.is-fluid-active { color: #fff; }
.side-action.liquid-control.is-fluid-active .material-symbols-outlined { color: #fff; }
.modal-scroll-card::after { top: 0; right: 0; width: 136px; height: 72px; border-bottom-left-radius: 44px; background: rgba(230,230,228,.82); }
.modal-corner-actions { top: 10px; right: 10px; z-index: 6; }
.modal-corner-actions .modal-close,
.modal-corner-actions .btn { box-shadow: 0 0 0 5px rgba(230,230,228,.82); }
.profile-modal-card::after { width: 72px; }
.profile-identity-row { grid-template-columns: 74px minmax(0,1fr); align-items: center; padding-bottom: 14px; }
.profile-name-line { min-width: 0; display: grid; gap: 9px; }
.profile-identity-row h2 { margin: 0; }
.avatar-edit { position: absolute; right: -4px; bottom: -4px; width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 3px solid #fff; border-radius: 50%; color: #fff; background: #151516; cursor: pointer; }
.avatar-edit .material-symbols-outlined { font-size: 14px; }
.avatar-picker-current { position: relative; }
.avatar-picker-popover { display: none; min-width: 0; padding: 10px; overflow-x: auto; border-radius: 18px; background: #e7e7e4; box-shadow: inset 0 0 0 1px rgba(20,20,22,.06); }
.avatar-picker-popover.is-open { display: block; animation: picker-in 180ms cubic-bezier(.23,1,.32,1); }
@keyframes picker-in { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.avatar-picker-options { display: flex; width: max-content; gap: 8px; }
.avatar-option { width: 48px; height: 48px; flex: 0 0 auto; }
.achievement-rail { display: flex; align-items: start; gap: 9px; min-width: 0; overflow-x: auto; }
.achievement { width: 22px; min-width: 22px; display: grid; justify-items: center; gap: 4px; color: rgba(20,20,22,.24); }
.achievement i { font-size: 17px; font-style: normal; }
.achievement b { width: 4px; height: 4px; border-radius: 50%; background: rgba(20,20,22,.16); }
.achievement.unlocked { color: #151516; }
.achievement.unlocked b { background: var(--accent); }
.achievement.featured b { visibility: hidden; }
.profile-identity-card .profile-usage { display: grid; grid-template-columns: repeat(2,1fr); margin: 0 18px 18px; }
.profile-usage span { min-height: 50px; padding: 8px 10px; }
.profile-usage strong { font-size: 16px; }
.profile-usage small { font-size: 9px; }
.profile-modal-card .form-grid { grid-template-columns: 1fr 1fr; }
.account-field-action { display: grid; grid-template-columns: minmax(0,1fr) 36px; gap: 6px; align-items: center; }
.account-field-action .btn { width: 36px; height: 36px; padding: 0; border-radius: 50%; }
.account-security { display: grid; gap: 5px; }
.account-security .side-action { min-height: 44px; padding: 7px 9px; border-radius: 14px; }
.account-security .side-action > .material-symbols-outlined:last-child { margin-left: auto; color: var(--muted); }
.danger-action { color: #b4233a; }
.danger-action .material-symbols-outlined { color: #b4233a; }
.danger-action.liquid-control { --control-fluid: #b4233a; }
.danger-action.liquid-control.is-fluid-active { color: #fff; }
.account-action-form { display: grid; gap: 12px; }
.account-action-form input { background: rgba(230,230,228,.72); border-color: rgba(20,20,22,.06); }
.account-action-form .btn.primary { justify-content: center; }
@media (max-width: 720px) {.ideas-strip { display: grid; gap: 3px; margin-top: -6px; }
.ideas-heading { padding-inline: 4px; }
.profile-modal-card .form-grid { grid-template-columns: 1fr; }
.profile-identity-card .profile-usage { margin-inline: 14px; }
.modal-scroll-card::after { width: 72px; }}
.modal-scroll-card { overflow-y: auto; overflow-x: hidden; }
.modal-scroll-card::after { display: none; }
.modal-corner-actions { top: 18px; right: 18px; }
.modal-corner-actions .modal-close,
.modal-corner-actions .btn { box-shadow: none; }
.modal-heading-row { padding-right: 104px; }
.modal-plans { align-items: stretch; }
.modal-plans .plan-card {
  min-height: 480px;
  display: grid;
  grid-template-rows: auto minmax(54px, 1fr) 72px auto 1fr auto;
  gap: 12px;
}
.modal-plans .plan-card > div[style] { min-height: 72px; display: flex; align-items: center; margin-top: 0 !important; }
.modal-plans .plan-card .list { display: grid; align-content: start; gap: 8px; }
.modal-plans .plan-card .card-foot { align-self: end; margin-top: 0; }
.modal-plans .plan-card .lead { margin-top: 0 !important; }
.plan-quality-grid { align-self: start; }
.tool-rack { gap: 9px; }
.tool-field { min-height: 84px; display: block; padding: 9px 10px; }
.tool-field .tool-copy { position: absolute; top: 9px; left: 10px; z-index: 2; }
.tool-field .tool-icon { position: absolute; top: 35px; left: 10px; z-index: 2; }
.tool-field .custom-select { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.tool-field .custom-select-trigger { position: relative; width: 100%; height: 100%; min-height: 84px; display: flex; align-items: center; justify-content: center; padding: 0 38px; text-align: center; }
.tool-field .custom-select-value { display: inline-flex; align-items: center; justify-content: center; }
.tool-field .custom-select-value-track { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.tool-field .custom-select-arrow { position: absolute; top: 50%; right: 9px; margin: 0; transform: translateY(-50%); }
.tool-field .custom-select.is-open .custom-select-arrow { transform: translateY(-50%) rotate(180deg); }
.tool-field .custom-select-menu { top: calc(100% + 13px); }
.select-current-icon { font-size: 20px; }
.select-current-format { margin-left: 0; font-size: 12px; }
.tool-field .custom-select-option[aria-selected="true"] { color: #fff; background: #151516; }
.tool-field .custom-select-option[aria-selected="true"] .option-leading,
.tool-field .custom-select-option[aria-selected="true"] .option-credit,
.tool-field .custom-select-option[aria-selected="true"] .option-credit .material-symbols-outlined { color: #fff; }
.tool-field .custom-select-option:hover:not([aria-selected="true"]) { color: #fff; background: var(--accent); }
.tool-field .custom-select-option:hover:not([aria-selected="true"]) .option-leading,
.tool-field .custom-select-option:hover:not([aria-selected="true"]) .option-credit,
.tool-field .custom-select-option:hover:not([aria-selected="true"]) .option-credit .material-symbols-outlined,
.tool-field .custom-select-option:hover:not([aria-selected="true"]) .option-brands i { color: #fff; }
.tool-field .custom-select-option:hover:not([aria-selected="true"]) .option-brands i { background: rgba(255,255,255,.16); }
.ideas-strip { width: calc(100% + 268px); margin-left: -268px; gap: 40px; padding-left: 0; }
.ideas-carousel { margin-left: 0; }
.ideas-carousel::-webkit-scrollbar { display: none; }
.brand { min-width: 184px; }
.brand img { width: 168px; }
.brand.liquid-control,
.brand.liquid-control.is-fluid-active {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  transform: scale(1.035);
}
.brand.liquid-control.is-pressing { transform: scale(.97); }
.brand:focus-visible { outline: none; }
@media (max-width: 1060px) {.ideas-strip { width: 100%; margin-left: 0; }}
@media (max-width: 720px) {.ideas-strip { width: 100%; margin-left: 0; gap: 3px; }
.brand { min-width: 140px; }
.brand img { width: 134px; }
.tool-field { min-height: 80px; }
.tool-field .custom-select-menu { top: calc(100% + 10px); }
.modal-plans .plan-card { min-height: auto; }}
.brief-field .brief-control::placeholder { color: rgba(20,20,22,.48); opacity: 1; }
.brief-field.is-fluid-active .brief-control::placeholder { color: rgba(255,255,255,.74); }
.profile-modal-card { padding: 12px; }
.profile-modal-card .modal-corner-actions { top: 18px; right: 18px; }
.profile-modal-card .modal-close { --control-base: #fff; background-color: #fff; box-shadow: 0 8px 22px rgba(20,20,22,.14); }
.profile-modal-card .modal-close.is-fluid-active { color: #fff; }
.profile-cover-card { position: relative; min-height: 160px; padding-bottom: 30px; }
.profile-cover-card .profile-cover { height: 132px; padding: 18px; overflow: hidden; border-radius: 22px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
.profile-cover-card .profile-cover img { width: 166px; }
.profile-cover-card .avatar-picker-current { position: absolute; left: 20px; bottom: 0; width: 76px; height: 76px; padding: 4px; border-radius: 50%; background: #fff; box-shadow: 0 10px 22px rgba(20,20,22,.14); }
.profile-cover-card .avatar-picker-current img { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; }
.profile-summary-card { display: grid; gap: 14px; padding: 16px 18px; border-radius: 20px; background: #fff; box-shadow: 0 12px 28px rgba(20,20,22,.06); }
.profile-summary-card .profile-name-line { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; padding-top: 0; }
.profile-summary-card h2 { margin: 0; font-size: 24px; line-height: 1; font-weight: 800; }
.profile-summary-card .achievement-rail { justify-content: flex-end; max-width: 232px; }
.profile-summary-card .profile-usage { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px; margin: 0; }
.profile-summary-card .profile-usage span { min-height: 50px; padding: 8px 10px; }
@media (max-width: 720px) {.profile-modal-card { padding: 10px; }
.profile-cover-card { min-height: 146px; padding-bottom: 28px; }
.profile-cover-card .profile-cover { height: 118px; padding: 16px; border-radius: 19px; }
.profile-cover-card .profile-cover img { width: 136px; }
.profile-cover-card .avatar-picker-current { left: 16px; width: 68px; height: 68px; }
.profile-cover-card .avatar-picker-current img { width: 60px; height: 60px; }
.profile-summary-card { padding: 14px; }
.profile-summary-card .profile-name-line { grid-template-columns: 1fr; gap: 12px; }
.profile-summary-card .achievement-rail { justify-content: flex-start; max-width: 100%; }}
.app-topbar { position: relative; display: block; }
.app-topbar .brand {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 260ms cubic-bezier(.23,1,.32,1);
}
.app-topbar .top-actions {
  position: absolute;
  top: 50%;
  left: max(24px, calc((100% - 1380px) / 2));
  right: max(24px, calc((100% - 1380px) / 2));
  justify-content: flex-start;
  transform: translateY(-50%);
}
.app-topbar .header-login { position: absolute; right: 0; }
.brand.liquid-control { transform: translate(-50%, -50%) scale(1); }
.brand:hover,
.brand.liquid-control.is-fluid-active { transform: translate(-50%, -50%) scale(1.045); }
.brand.liquid-control.is-pressing { transform: translate(-50%, -50%) scale(.975); }
.ideas-strip { width: 100%; margin-left: 0; }
.ideas-heading { margin-left: 0; padding-left: 5px; }
.ideas-carousel { margin: -10px 0 -16px; padding: 14px 0 18px 14px; }
.generator-main { min-width: 0; grid-template-columns: minmax(0, 1fr); }
.generator-studio { width: 100%; min-width: 0; }
.tool-field > .tool-icon { display: none; }
.tool-field .tool-copy { left: 16px; }
.tool-field .custom-select-trigger { justify-content: flex-start; padding: 14px 38px 0 16px; }
.tool-field .custom-select-value,
.tool-field .custom-select-value-track { justify-content: flex-start; }
.tool-field .select-current-icon { font-size: 31px; }
.tool-field .select-current-format { font-size: 14px; }
.upload-reset {
  width: max-content;
  min-height: 24px;
  padding: 0;
  border: 0;
  color: var(--muted);
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  transition: color 180ms cubic-bezier(.23,1,.32,1), transform 140ms cubic-bezier(.23,1,.32,1);
}
.upload-reset:hover { color: var(--accent); }
.upload-reset:active { transform: scale(.97); }
.upload-stage.is-fluid-active .upload-reset { color: rgba(255,255,255,.78); }
.upload-stage.has-files .upload-copy { animation: upload-copy-in 220ms cubic-bezier(.23,1,.32,1); }
.upload-stage.is-dragging { border-color: rgba(var(--accent-rgb),.78); box-shadow: inset 0 0 0 2px rgba(var(--accent-rgb),.16), 0 18px 42px rgba(var(--accent-rgb),.14); }
@keyframes upload-copy-in {
  from { opacity: .35; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
.tool-field .custom-select-option.liquid-control {
  --control-base: rgba(248,248,247,.8);
  --control-fluid: rgba(6,93,253,.78);
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px));
  background-color: var(--control-base);
  box-shadow: none;
}
.tool-field .custom-select-option.liquid-control.is-fluid-active { color: #fff; box-shadow: none; }
.tool-field .custom-select-option[aria-selected="true"] { color: #fff; background: rgba(21,21,22,.88); }
.tool-field .custom-select-option[aria-selected="true"].is-surface-control { --control-fluid: rgba(21,21,22,.84); }
.tool-field .custom-select-option:hover:not([aria-selected="true"]) { color: inherit; background-color: var(--control-base); }
.tool-field .custom-select-option.liquid-control:hover:not([aria-selected="true"]) {
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px));
  background-color: var(--control-base);
}
.tool-field .custom-select-option:hover:not([aria-selected="true"]) .option-leading,
.tool-field .custom-select-option:hover:not([aria-selected="true"]) .option-credit,
.tool-field .custom-select-option:hover:not([aria-selected="true"]) .option-credit .material-symbols-outlined { color: inherit; }
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-leading,
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-label,
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-credit,
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-credit .material-symbols-outlined { color: #fff; }
.tool-field .custom-select-option[aria-selected="true"] .option-leading,
.tool-field .custom-select-option[aria-selected="true"] .option-credit,
.tool-field .custom-select-option[aria-selected="true"] .option-credit .material-symbols-outlined { color: rgba(255,255,255,.92); }
.upload-action.liquid-control.is-surface-control { --control-fluid: #151516; }
.upload-action.liquid-control.is-fluid-active { color: #fff; background-color: rgba(21,21,22,.9); }
#refreshJobsBtn { color: var(--ink); background: rgba(20,20,22,.06); }
.modal-corner-actions .modal-close,
.modal-corner-actions .btn { width: 42px; min-width: 42px; height: 42px; flex: 0 0 42px; aspect-ratio: 1; border-radius: 50%; }
.ideas-strip { margin-top: -6px; }
.ideas-carousel-shell { position: relative; flex: 1; min-width: 0; overflow: visible; }
.ideas-carousel-shell::before,
.ideas-carousel-shell::after { content: none; }
.ideas-carousel {
  width: 100%;
  scroll-snap-type: none;
  scroll-behavior: auto;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 64px), rgba(0,0,0,.92) calc(100% - 48px), rgba(0,0,0,.52) calc(100% - 22px), transparent 100%);
  mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 64px), rgba(0,0,0,.92) calc(100% - 48px), rgba(0,0,0,.52) calc(100% - 22px), transparent 100%);
}
.ideas-carousel.is-scrolled {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.48) 22px, rgba(0,0,0,.9) 48px, #000 66px, #000 calc(100% - 64px), rgba(0,0,0,.92) calc(100% - 48px), rgba(0,0,0,.52) calc(100% - 22px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.48) 22px, rgba(0,0,0,.9) 48px, #000 66px, #000 calc(100% - 64px), rgba(0,0,0,.92) calc(100% - 48px), rgba(0,0,0,.52) calc(100% - 22px), transparent 100%);
}
.ideas-carousel.is-at-end {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.48) 22px, rgba(0,0,0,.9) 48px, #000 66px, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.48) 22px, rgba(0,0,0,.9) 48px, #000 66px, #000 100%);
}
.ideas-carousel::-webkit-scrollbar { display: none; width: 0; height: 0; }
@media (max-width: 1060px) {.app-topbar .top-actions { left: 14px; right: 14px; }
.ideas-strip { width: 100%; }}
@media (max-width: 720px) {.app-topbar .brand { left: 50%; }
.tool-field .select-current-icon { font-size: 28px; }}
.app-topbar .brand {
  left: max(24px, calc((100% - 1380px) / 2));
  transform: translateY(-50%) scale(1);
}
.brand.liquid-control { transform: translateY(-50%) scale(1); }
.brand:hover,
.brand.liquid-control.is-fluid-active { transform: translateY(-50%) scale(1.045); }
.brand.liquid-control.is-pressing { transform: translateY(-50%) scale(.975); }
.app-topbar .top-actions {
  left: auto;
  right: max(24px, calc((100% - 1380px) / 2));
  justify-content: flex-end;
}
.app-topbar .header-login { position: static; right: auto; }
.header-generation-progress {
  position: fixed;
  top: 47px;
  left: 50%;
  z-index: 4100;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) translateY(-5px);
  transition: opacity 220ms cubic-bezier(.23,1,.32,1), transform 280ms cubic-bezier(.23,1,.32,1), visibility 0s linear 280ms;
  pointer-events: none;
}
.header-generation-progress.is-active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) translateY(0);
  transition-delay: 0s;
}
.header-progress-stage {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: rgba(20,20,22,.34);
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 0 0 1px rgba(20,20,22,.05);
  opacity: 0;
  transform: scale(0);
  transition: opacity 180ms cubic-bezier(.23,1,.32,1), color 220ms ease, background-color 220ms ease, transform 480ms cubic-bezier(.34,1.56,.64,1);
}
.header-progress-stage .material-symbols-outlined { font-size: 18px; }
.header-progress-stage.is-visible { opacity: 1; transform: scale(1); }
.header-progress-stage.is-passed { color: #151516; }
.header-progress-stage.is-current { color: #fff; background: var(--accent); box-shadow: 0 8px 22px rgba(var(--accent-rgb),.2); }
.header-progress-link {
  width: 34px;
  height: 2px;
  flex: 0 0 34px;
  border-radius: 2px;
  background: var(--accent);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: opacity 160ms ease, transform 520ms cubic-bezier(.23,1,.32,1);
}
.header-progress-link.is-visible { opacity: .72; transform: scaleX(1); }
.header-progress-finale.is-visible { color: #fff; background: var(--accent); }
.header-progress-finale.is-celebrating { animation: progress-finale-pop 680ms cubic-bezier(.34,1.56,.64,1); }
.header-progress-finale.is-celebrating::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 2px solid rgba(var(--accent-rgb),.42);
  border-radius: 50%;
  animation: progress-finale-ring 900ms cubic-bezier(.16,.72,.2,1) both;
}
@keyframes progress-finale-pop {
  0% { transform: scale(0); }
  45% { transform: scale(1.82) rotate(-11deg); }
  72% { transform: scale(.86) rotate(6deg); }
  100% { transform: scale(1) rotate(0); }
}
@keyframes progress-finale-ring {
  0% { opacity: 0; transform: scale(.2); }
  28% { opacity: 1; }
  100% { opacity: 0; transform: scale(2.25); }
}
.confetti-layer { position: fixed; inset: 0; z-index: 4000; overflow: visible; pointer-events: none; }
.confetti-layer i { position: fixed; display: block; border-radius: 1px; will-change: transform, opacity; }
.tool-field .custom-select-menu {
  --option-row: 46px;
  height: 164px;
  max-height: 164px;
  display: block;
  overflow: hidden;
  min-width: 300px;
  max-width: min(380px, calc(100vw - 40px));
  padding: 8px 38px 8px 8px;
}
.tool-field .custom-select-options {
  height: 148px;
  display: grid;
  gap: 3px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.tool-field .custom-select-options::-webkit-scrollbar { display: none; }
.tool-field:has(select[name="quantity"]) .custom-select-menu {
  --option-row: 42px;
  height: 164px;
  max-height: 164px;
  width: 110px;
  min-width: 110px;
  padding: 8px 34px 8px 8px;
}
.tool-field:has(select[name="quantity"]) .custom-select-options { height: 148px; }
.custom-select-dots {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 24px;
  z-index: 4;
  display: grid;
  gap: 6px;
  place-items: center;
  transform: translateY(-50%);
  pointer-events: none;
}
.custom-select-dots i {
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 50%;
  background: #151516;
  opacity: var(--dot-opacity, .35);
  transform: scale(var(--dot-scale, .8));
  transition: opacity 180ms ease, transform 240ms cubic-bezier(.23,1,.32,1);
}
.custom-select-dots i.is-current {
  opacity: 1;
  transform: scale(1.42);
  box-shadow: 0 0 0 3px rgba(21,21,22,.06);
}
.tool-field:has(select[name="quality"]) .custom-select-menu {
  min-width: 270px;
  width: 270px;
  max-width: min(340px, calc(100vw - 40px));
  padding: 8px;
}
.tool-field:has(select[name="quality"]) .custom-select-dots { display: none; }
.tool-field .custom-select-option.liquid-control {
  --control-base: rgba(248,248,247,.84);
  --control-fluid: rgba(6,93,253,.12);
  color: #38383c;
  border: 1px solid transparent;
}
.tool-field .custom-select-option[aria-selected="true"],
.tool-field .custom-select-option[aria-selected="true"].is-surface-control {
  --control-fluid: rgba(6,93,253,.1);
  color: #1e3158;
  background: rgba(6,93,253,.055);
  border-color: rgba(6,93,253,.24);
  box-shadow: none;
}
.tool-field .custom-select-option.liquid-control.is-fluid-active,
.tool-field .custom-select-option:hover {
  color: #1e3158;
  background-color: rgba(6,93,253,.1);
  border-color: rgba(6,93,253,.08);
}
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-leading,
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-label,
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-credit,
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-credit .material-symbols-outlined,
.tool-field .custom-select-option[aria-selected="true"] .option-leading,
.tool-field .custom-select-option[aria-selected="true"] .option-credit,
.tool-field .custom-select-option[aria-selected="true"] .option-credit .material-symbols-outlined { color: #1e3158; }
.generate-button.is-fluid-active {
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-clip: padding-box;
}
.upload-reset,
.upload-reset.liquid-control,
.upload-reset.liquid-control.is-fluid-active,
.upload-reset.liquid-control.is-fluid-exiting {
  color: var(--muted);
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.upload-reset:hover,
.upload-reset.liquid-control:hover,
.upload-stage.is-fluid-active .upload-reset:hover { color: #d92d42; }
.tool-field .custom-select-option,
.tool-field .custom-select-option.liquid-control {
  color: #27272a;
  background-color: transparent;
  border-color: transparent;
}
.tool-field .custom-select-option .option-leading,
.tool-field .custom-select-option .option-credit .material-symbols-outlined { color: #151516; }
.tool-field .custom-select-option[aria-selected="true"],
.tool-field .custom-select-option[aria-selected="true"].is-surface-control {
  color: #27272a;
  background: transparent;
  background-image: none;
  border-color: rgba(6,93,253,.28);
  box-shadow: inset 0 0 0 1px rgba(6,93,253,.08);
}
.tool-field .custom-select-option[aria-selected="true"] .option-leading,
.tool-field .custom-select-option[aria-selected="true"] .option-credit,
.tool-field .custom-select-option[aria-selected="true"] .option-credit .material-symbols-outlined { color: var(--accent); }
.tool-field .custom-select-option:hover,
.tool-field .custom-select-option.liquid-control.is-fluid-active {
  color: #27272a;
  background-color: rgba(6,93,253,.095);
  border-color: rgba(6,93,253,.08);
}
.tool-field .custom-select-option:hover .option-leading,
.tool-field .custom-select-option:hover .option-credit,
.tool-field .custom-select-option:hover .option-credit .material-symbols-outlined,
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-leading,
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-credit,
.tool-field .custom-select-option.liquid-control.is-fluid-active .option-credit .material-symbols-outlined { color: #151516; }
.tool-field .custom-select-option:hover:not([aria-selected="true"]) .option-brands i {
  color: #151516;
  background: rgba(21,21,22,.075);
}
@media (max-width: 1060px) {.app-topbar .brand { left: 14px; }
.app-topbar .top-actions { right: 14px; }}
@media (max-width: 720px) {.app-topbar .brand { left: 14px; }
.brand img { width: 122px; }
.brand { min-width: 128px; }
.header-generation-progress {
    position: fixed;
    top: auto;
    bottom: 96px;
    width: min(350px, calc(100% - 28px));
    min-height: 54px;
    padding: 8px 12px;
    gap: 5px;
    border-radius: 28px;
    background: rgba(248,248,247,.9);
    box-shadow: 0 18px 46px rgba(20,20,22,.14);
    backdrop-filter: blur(18px);
    transform: translate(-50%, 12px);
  }
.header-generation-progress.is-active { transform: translate(-50%, 0); }
.header-progress-stage { width: 28px; height: 28px; flex-basis: 28px; }
.header-progress-stage .material-symbols-outlined { font-size: 16px; }
.header-progress-link { width: min(27px, 7vw); flex-basis: min(27px, 7vw); }}
@media (prefers-reduced-motion: reduce) {.header-generation-progress,
  .header-progress-stage,
  .header-progress-link { transition-duration: 1ms !important; }
.header-progress-finale.is-celebrating { animation-duration: 1ms; }}
.liquid-control:not(.is-fluid-exiting) {
  transition-duration: 360ms, 140ms, 140ms, 220ms, 120ms;
}
.brief-field > span,
.brief-field input,
.brief-field textarea,
.tool-field .tool-copy,
.tool-field .select-current-icon { transition-duration: 120ms; }
#custom-cursor,
.cursor-droplet { display: none !important; }
@media (hover: hover) and (pointer: fine) and (min-width: 1061px) {body.cursor-ready,
  body.cursor-ready:has(dialog[open]) { cursor: auto !important; }
body.cursor-ready a,
  body.cursor-ready button,
  body.cursor-ready select,
  body.cursor-ready:has(dialog[open]) select,
  body.cursor-ready .upload-stage,
  body.cursor-ready .upload-stage * { cursor: pointer !important; }
body.cursor-ready input,
  body.cursor-ready textarea { cursor: text !important; }}
#custom-cursor { display: block !important; }
.cursor-droplet { display: none !important; }
@media (hover: hover) and (pointer: fine) and (min-width: 1061px) {body.cursor-ready,
  body.cursor-ready a,
  body.cursor-ready button,
  body.cursor-ready input,
  body.cursor-ready textarea,
  body.cursor-ready select,
  body.cursor-ready:has(dialog[open]),
  body.cursor-ready:has(dialog[open]) select,
  body.cursor-ready .upload-stage,
  body.cursor-ready .upload-stage * { cursor: none !important; }}
.upload-reset,
.upload-reset.liquid-control,
.upload-reset.liquid-control.is-fluid-exiting {
  --control-base: rgba(20,20,22,.07);
  --control-fluid: #151516;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  display: grid;
  place-items: center;
  margin-top: 12px;
  padding: 0;
  border: 0 !important;
  border-radius: 50%;
  color: var(--ink);
  background-color: var(--control-base) !important;
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px)) !important;
  box-shadow: none !important;
}
.upload-reset .material-symbols-outlined { font-size: 21px; }
.upload-reset.liquid-control.is-fluid-active,
.upload-stage.is-fluid-active .upload-reset.liquid-control.is-fluid-active {
  color: #fff;
  background-color: var(--control-base) !important;
}
@media (hover: hover) and (pointer: fine) and (min-width: 1061px) {body.cursor-ready,
  body.cursor-ready * { cursor: none !important; }}
.liquid-control:not(.is-fluid-exiting) {
  transition-duration: 430ms, 180ms, 180ms, 250ms, 140ms;
  transition-timing-function: cubic-bezier(.2,.78,.22,1), ease, ease, cubic-bezier(.2,.78,.22,1), ease;
}
.support-side-panel { padding: 10px; }
.support-side-panel .side-nav { display: grid; gap: 3px; }
.support-side-panel .side-link {
  min-height: 42px;
  padding: 7px 10px;
  border: 0;
  box-shadow: none;
  background-color: transparent;
}
.sidebar-legal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px 10px;
  padding: 0 10px;
}
.sidebar-legal-link {
  min-height: 24px;
  padding: 0;
  border: 0;
  color: var(--muted);
  background: transparent;
  font-size: 9px;
  font-weight: 700;
  text-align: left;
  transition: color 160ms ease;
}
.sidebar-legal-link:hover { color: var(--ink); }
@media (min-width: 1061px) {.app-topbar {
    position: fixed;
    inset: 0 0 auto;
    width: 100%;
    z-index: 1800;
  }
.product-layout { margin-top: 106px; }
.product-sidebar {
    position: fixed;
    top: 96px;
    left: max(24px, calc((100vw - 1380px) / 2));
    width: 244px;
    max-height: calc(100vh - 108px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }
.product-sidebar::-webkit-scrollbar { display: none; }
.generator-main { grid-column: 2; }}
#billingModal .modal-heading,
#projectsModal .modal-heading {
  height: 72px;
}
.ai-copy-action {
  position: absolute;
  z-index: 12;
  top: -14px;
  right: 22px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  max-width: calc(100% - 44px);
  padding: 7px 11px;
  border: 0;
  border-radius: 999px;
  background: #065dfd;
  color: #fff;
  box-shadow: 0 10px 22px rgba(6,93,253,.24);
  font: 700 12px/1 Manrope, system-ui, sans-serif;
  cursor: pointer;
  transition: transform 180ms cubic-bezier(.2,.9,.25,1), background 180ms ease, box-shadow 180ms ease;
}
.video-workbench {
  align-self: start;
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(7, 93, 253, .16);
  border-radius: 24px;
  background: rgba(232, 240, 255, .62);
  box-shadow: inset 0 1px rgba(255,255,255,.8);
}
.video-workbench[hidden] { display: none !important; }
.video-workbench-heading { display: flex; align-items: center; gap: 8px; }
.video-workbench-heading .material-symbols-outlined { color: var(--accent); }
.video-workbench-heading small { color: var(--muted); margin-left: auto; }
.video-workbench-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.video-workbench-grid label { display: grid; gap: 5px; min-width: 0; color: var(--muted); font-size: 12px; font-weight: 700; }
.video-workbench-grid select { width: 100%; min-width: 0; border: 0; border-radius: 12px; padding: 10px; background: #fff; color: var(--ink); font: inherit; }
.video-sound-toggle { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-size: 13px; font-weight: 700; }
.video-sound-toggle input { accent-color: var(--accent); }
.video-materials { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.video-material-action { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 54px; padding: 8px 10px; border: 1px solid rgba(6,93,253,.12); border-radius: 14px; background: rgba(255,255,255,.7); cursor: pointer; transition: background 180ms ease, border-color 180ms ease, transform 180ms ease; }
.video-material-action:hover, .video-material-action.has-files { border-color: #065dfd; background: #e8f0ff; transform: translateY(-1px); }
.video-material-action.is-conflict { border-color: #e2374f; background: #fff1f3; }
.video-material-action .material-symbols-outlined { color: #065dfd; font-size: 20px; }
.video-material-action > span:last-child { display: grid; gap: 2px; min-width: 0; }
.video-material-action strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.video-material-action small { color: var(--muted); font-size: 10px; }
.video-file-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.generator-studio.is-video-mode .brief-title > span { color: var(--accent); }
.generator-studio.is-video-mode .brief-title input { color: var(--muted); }
@media (max-width: 1100px) {.video-workbench-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.video-materials { grid-template-columns: 1fr; }}
.ai-copy-action:hover { transform: translateY(-1px) scale(1.02); background: #004edc; box-shadow: 0 14px 28px rgba(6,93,253,.3); }
.ai-copy-action:active { transform: scale(.97); }
.ai-copy-action .material-symbols-outlined { font-size: 16px; }
.brief-field.is-ai-copy-loading { background: #065dfd !important; border-color: #065dfd !important; color: #fff !important; }
.brief-field.is-ai-copy-loading > span,
.brief-field.is-ai-copy-loading .brief-control,
.brief-field.is-ai-copy-loading .brief-counter { color: #fff !important; caret-color: transparent; }
.brief-field.is-ai-copy-loading .brief-control { font-family: "IBM Plex Mono", monospace; letter-spacing: .08em; }
@media (min-width: 1061px) {.sidebar-brand-row .sidebar-brand-full,
  .sidebar-brand-row .sidebar-compact-mark {
    transition: opacity 180ms ease, transform 280ms cubic-bezier(.23,1,.32,1);
    transform-origin: center;
  }
.sidebar-brand-row .sidebar-brand-full {
    display: block;
    opacity: 1;
    transform: scale(1);
  }
.sidebar-brand-row .sidebar-compact-mark {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 24px !important;
    height: 24px;
    display: block !important;
    opacity: 0;
    transform: translate(-50%,-50%) scale(0);
  }
body.sidebar-collapsed .sidebar-brand-row .sidebar-brand-full {
    display: block;
    opacity: 0;
    transform: scale(0);
  }
body.sidebar-collapsed .sidebar-brand-row .sidebar-compact-mark {
    display: block !important;
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
  }
body.sidebar-transitioning .sidebar-brand-row .sidebar-brand-full,
  body.sidebar-transitioning .sidebar-brand-row .sidebar-compact-mark {
    opacity: 0;
    transform: translate(-50%,-50%) scale(0);
  }
body:not(.sidebar-collapsed) .sidebar-brand-row .brand:hover .sidebar-brand-full { transform: scale(1.035); }
body.sidebar-collapsed .sidebar-brand-row .brand:hover .sidebar-compact-mark { transform: translate(-50%,-50%) scale(1.1) !important; }
body:not(.sidebar-collapsed) .sidebar-brand-row .brand.is-pressing .sidebar-brand-full { animation: brand-press-full 300ms cubic-bezier(.34,1.56,.64,1); }
body.sidebar-collapsed .sidebar-brand-row .brand.is-pressing .sidebar-compact-mark { animation: brand-press-compact 300ms cubic-bezier(.34,1.56,.64,1); }
.sidebar-collapse.liquid-control,
  .sidebar-collapse.liquid-control.is-fluid-exiting,
  body.sidebar-collapsed #sidebarCollapse.liquid-control,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    --control-base: rgba(255,255,255,.9);
    --control-fluid: var(--accent);
    color: var(--ink);
    background-color: var(--control-base);
    background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px));
    transition-property: --fluid-radius, opacity, color, background-color, box-shadow !important;
  }
.sidebar-collapse.liquid-control.is-fluid-active,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active {
    color: #fff;
    box-shadow: 0 14px 34px rgba(var(--accent-rgb),.18);
  }
.sidebar-legal-link,
  .sidebar-legal-toggle {
    --control-base: rgba(255,255,255,.38);
    --control-fluid: var(--accent);
    border: 1px solid rgba(255,255,255,.72);
    color: var(--muted);
    background-color: var(--control-base);
    box-shadow: none;
  }
.sidebar-legal-link {
    min-height: 28px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
  }
.sidebar-legal-link.liquid-control.is-fluid-active,
  .sidebar-legal-toggle.liquid-control.is-fluid-active {
    color: #fff;
    border-color: rgba(var(--accent-rgb),.78);
    box-shadow: 0 10px 24px rgba(var(--accent-rgb),.14);
  }}
@keyframes brand-press-full {
  0%,100% { transform: scale(1.035); }
  42% { transform: scale(.94); }
  72% { transform: scale(1.055); }
}
@keyframes brand-press-compact {
  0%,100% { transform: translate(-50%,-50%) scale(1.1); }
  42% { transform: translate(-50%,-50%) scale(.86); }
  72% { transform: translate(-50%,-50%) scale(1.14); }
}
@media (min-width: 1061px) {.sidebar-brand-row .brand {
    position: relative;
    overflow: visible;
  }
.sidebar-brand-row .sidebar-brand-full,
  .sidebar-brand-row .sidebar-compact-mark {
    transition: opacity 180ms ease, transform 280ms cubic-bezier(.23,1,.32,1);
    transform-origin: center;
  }
.sidebar-brand-row .sidebar-brand-full {
    display: block;
    opacity: 1;
    transform: scale(1);
  }
.sidebar-brand-row .sidebar-compact-mark {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 24px;
    height: 24px;
    display: block;
    opacity: 0;
    transform: translate(-50%,-50%) scale(0);
  }
body.sidebar-collapsed .sidebar-brand-row .sidebar-brand-full {
    opacity: 0;
    transform: scale(0);
  }
body.sidebar-collapsed .sidebar-brand-row .sidebar-compact-mark {
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
  }
body.sidebar-transitioning .sidebar-brand-row .sidebar-brand-full,
  body.sidebar-transitioning .sidebar-brand-row .sidebar-compact-mark {
    opacity: 0;
    transform: translate(-50%,-50%) scale(0);
  }
body:not(.sidebar-collapsed) .sidebar-brand-row .brand:hover .sidebar-brand-full {
    transform: scale(1.035);
  }
body.sidebar-collapsed .sidebar-brand-row .brand:hover .sidebar-compact-mark {
    transform: translate(-50%,-50%) scale(1.1) !important;
  }
body:not(.sidebar-collapsed) .sidebar-brand-row .brand.is-pressing .sidebar-brand-full {
    animation: brand-press-full 300ms cubic-bezier(.34,1.56,.64,1);
  }
body.sidebar-collapsed .sidebar-brand-row .brand.is-pressing .sidebar-compact-mark {
    animation: brand-press-compact 300ms cubic-bezier(.34,1.56,.64,1);
  }
.sidebar-collapse.liquid-control,
  .sidebar-collapse.liquid-control.is-fluid-exiting,
  body.sidebar-collapsed #sidebarCollapse.liquid-control,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    --control-base: rgba(255,255,255,.9);
    --control-fluid: var(--accent);
    color: var(--ink);
    background-color: var(--control-base);
    background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px));
    transition-property: --fluid-radius, opacity, color, background-color, box-shadow !important;
  }
.sidebar-collapse.liquid-control.is-fluid-active,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active {
    color: #fff;
    box-shadow: 0 14px 34px rgba(var(--accent-rgb),.18);
  }
.sidebar-collapse.is-morphing,
  body.sidebar-collapsed #sidebarCollapse.is-morphing {
    opacity: 0 !important;
    pointer-events: none;
  }
.sidebar-legal-link,
  .sidebar-legal-toggle {
    --control-base: rgba(255,255,255,.38);
    --control-fluid: var(--accent);
    border: 1px solid rgba(255,255,255,.72);
    color: var(--muted);
    background-color: var(--control-base);
    box-shadow: none;
  }
.sidebar-legal-link {
    min-height: 28px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
  }
.sidebar-legal-link.liquid-control.is-fluid-active,
  .sidebar-legal-toggle.liquid-control.is-fluid-active {
    color: #fff;
    border-color: rgba(var(--accent-rgb),.78);
    box-shadow: 0 10px 24px rgba(var(--accent-rgb),.14);
  }}
@keyframes brand-press-full {
  0%,100% { transform: scale(1.035); }
  42% { transform: scale(.94); }
  72% { transform: scale(1.055); }
}
@keyframes brand-press-compact {
  0%,100% { transform: translate(-50%,-50%) scale(1.1); }
  42% { transform: translate(-50%,-50%) scale(.86); }
  72% { transform: translate(-50%,-50%) scale(1.14); }
}
.ideas-carousel {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.ideas-carousel-shell::before,
.ideas-carousel-shell::after {
  content: "";
  position: absolute;
  top: -10px;
  bottom: -10px;
  z-index: 5;
  width: 76px;
  display: block;
  pointer-events: none;
  transition: opacity 520ms cubic-bezier(.23,1,.32,1);
}
.ideas-carousel-shell::before {
  left: -1px;
  opacity: 0;
  background: linear-gradient(90deg, rgba(247,247,245,.98), rgba(247,247,245,.72) 38%, transparent 100%);
}
.ideas-carousel-shell::after {
  right: -1px;
  opacity: 1;
  background: linear-gradient(270deg, rgba(247,247,245,.98), rgba(247,247,245,.72) 38%, transparent 100%);
}
@media (min-width: 1061px) {.sidebar-collapse,
  .sidebar-collapse.liquid-control,
  .sidebar-collapse.liquid-control.is-fluid-active {
    position: relative;
    overflow: hidden;
    color: var(--ink);
    background: rgba(255,255,255,.88);
    box-shadow: 0 9px 24px rgba(20,20,22,.08);
  }
.sidebar-collapse::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: -9px 0 0 var(--accent), 9px 0 0 var(--accent);
    opacity: 0;
    transform: translate(-50%,-50%) scale(.25);
  }
.sidebar-collapse .collapse-glyph { color: var(--ink); opacity: 1; transition: opacity 130ms ease, transform 420ms cubic-bezier(.34,1.56,.64,1); }
.sidebar-collapse.is-morphing { color: var(--accent); }
.sidebar-collapse.is-morphing .collapse-glyph { color: var(--accent); opacity: 0; transform: scale(.12) !important; }
.sidebar-collapse.is-morphing::after { animation: drawer-dots 540ms cubic-bezier(.2,.75,.22,1) both; }
body.sidebar-collapsed .product-sidebar { align-items: center; }
body.sidebar-collapsed .sidebar-brand-row {
    width: 74px;
    height: 68px;
    flex-basis: 68px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 4px;
  }
body.sidebar-collapsed .sidebar-brand-row .brand { width: 26px; min-width: 26px; }
body.sidebar-collapsed .sidebar-compact-mark { font-size: 24px; }
body.sidebar-collapsed .sidebar-collapse { width: 36px; min-width: 36px; height: 36px; }
body.sidebar-collapsed .account-side-panel { width: 58px; }
body.sidebar-collapsed .account-summary,
  body.sidebar-collapsed .account-summary.liquid-control,
  body.sidebar-collapsed .account-summary.liquid-control.is-fluid-active {
    width: 58px;
    height: 58px;
    min-height: 58px;
  }
body.sidebar-collapsed .account-avatar { width: 58px; height: 58px; }
body.sidebar-collapsed .product-side-panel,
  body.sidebar-collapsed .support-side-panel {
    width: 62px;
    display: grid;
    justify-items: center;
    align-items: center;
    padding: 6px;
  }
body.sidebar-collapsed .product-side-panel .side-nav,
  body.sidebar-collapsed .support-side-panel .side-nav {
    width: 50px;
    display: grid;
    justify-items: center;
  }
body.sidebar-collapsed .sidebar-legal { width: 50px; }}
@keyframes drawer-dots {
  0% { opacity: 0; transform: translate(-50%,-50%) scale(.2); filter: blur(1px); }
  20% { opacity: 1; transform: translate(-50%,-50%) scale(1); filter: blur(0); }
  45% { opacity: 1; transform: translate(-62%,-50%) scale(.82); }
  72% { opacity: 1; transform: translate(-38%,-50%) scale(1.08); }
  100% { opacity: 0; transform: translate(-50%,-50%) scale(.2); filter: blur(1px); }
}
#billingModal .modal-scroll-card,
#projectsModal .modal-scroll-card { width: min(1300px, calc(100vw - 24px)); }
#billingModal .modal-sticky-header,
#projectsModal .modal-sticky-header {
  min-height: 112px;
  padding-bottom: 18px;
  transition: min-height 360ms cubic-bezier(.22,.8,.24,1), padding 360ms cubic-bezier(.22,.8,.24,1);
}
#billingModal .modal-sticky-header::after,
#projectsModal .modal-sticky-header::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -4px;
  right: -4px;
  bottom: -30px;
  height: 42px;
  pointer-events: none;
  background: linear-gradient(to bottom, #f7f7f5 0%, rgba(247,247,245,.92) 38%, rgba(247,247,245,0) 100%);
}
#billingModal .modal-heading,
#projectsModal .modal-heading {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-right: 64px;
}
#billingModal .modal-heading-title,
#projectsModal .modal-heading-title {
  position: relative;
  display: block;
  height: 58px;
  transition: height 360ms cubic-bezier(.22,.8,.24,1);
}
#billingModal .modal-heading-title .label,
#projectsModal .modal-heading-title .label {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  opacity: 1;
  white-space: nowrap;
  transform: translate(0,0);
  transition: transform 360ms cubic-bezier(.22,.8,.24,1);
}
#billingModal .modal-heading h2,
#projectsModal .modal-heading h2 {
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 30px;
  line-height: 1.08;
  white-space: nowrap;
  transition: transform 360ms cubic-bezier(.22,.8,.24,1);
}
#billingModal .modal-heading p {
  max-height: 48px;
  margin: 0;
  opacity: 1;
  transform: translateY(0);
  transition: max-height 360ms cubic-bezier(.22,.8,.24,1), opacity 220ms ease, transform 360ms cubic-bezier(.22,.8,.24,1);
}
#billingModal .modal-scroll-card.is-header-compact .modal-sticky-header,
#projectsModal .modal-scroll-card.is-header-compact .modal-sticky-header {
  min-height: 64px;
  padding-bottom: 10px;
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading {
  min-height: 44px;
  display: grid;
  margin: 0;
  padding-right: 64px;
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading-title,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading-title { height: 40px; }
#billingModal .modal-scroll-card.is-header-compact .modal-heading-title .label,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading-title .label {
  width: auto;
  transform: translateY(13px);
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading h2,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading h2 {
  font-size: 30px;
  transform: translate(72px,-16px);
}
#projectsModal .modal-scroll-card.is-header-compact .modal-heading h2 { transform: translate(80px,-16px); }
#billingModal .modal-scroll-card.is-header-compact .modal-heading p {
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
}
#billingModal .modal-scroll-body,
#projectsModal .modal-scroll-body {
  margin: -8px -28px 0;
  padding: 38px 36px 42px;
}
@media (min-width: 1061px) {body.sidebar-collapsed .product-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
body.sidebar-collapsed .sidebar-brand-row { pointer-events: none; }
body.sidebar-collapsed .product-sidebar > * { margin-inline: auto; }
body.sidebar-collapsed .account-side-panel {
    display: grid;
    place-items: center;
  }
body.sidebar-collapsed .account-summary,
  body.sidebar-collapsed .account-summary.liquid-control,
  body.sidebar-collapsed .account-summary.liquid-control.is-fluid-active {
    display: grid;
    grid-template-columns: 58px;
    grid-template-rows: 58px;
    place-items: center;
    place-content: center;
    gap: 0;
    margin: 0;
  }
body.sidebar-collapsed .account-avatar {
    display: block;
    grid-column: 1;
    grid-row: 1;
    margin: 0;
  }
body.sidebar-collapsed .product-side-panel,
  body.sidebar-collapsed .support-side-panel {
    box-sizing: border-box;
    place-items: center;
  }
body.sidebar-collapsed .product-side-panel > *,
  body.sidebar-collapsed .support-side-panel > *,
  body.sidebar-collapsed .product-side-panel .side-nav,
  body.sidebar-collapsed .support-side-panel .side-nav,
  body.sidebar-collapsed .product-sidebar .side-link,
  body.sidebar-collapsed .product-sidebar .side-action {
    margin-inline: auto;
  }
body.sidebar-collapsed .product-sidebar .side-link,
  body.sidebar-collapsed .product-sidebar .side-action {
    display: flex;
    align-items: center;
    justify-content: center;
  }
body.sidebar-collapsed .product-sidebar .side-link > .material-symbols-outlined,
  body.sidebar-collapsed .product-sidebar .side-action > .material-symbols-outlined {
    width: 22px;
    flex: 0 0 22px;
    margin: 0;
    text-align: center;
  }}
@media (min-width: 1061px) {body.sidebar-collapsed .product-side-panel .side-action,
  body.sidebar-collapsed .product-side-panel .side-nav,
  body.sidebar-collapsed .support-side-panel .side-nav {
    position: relative;
    left: -4px;
  }}
.app-topbar,
.topbar.app-topbar {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  pointer-events: none;
}
.app-topbar .top-actions {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 999px;
  background: rgba(247,247,245,.48);
  -webkit-backdrop-filter: blur(24px) saturate(.88);
  backdrop-filter: blur(24px) saturate(.88);
  box-shadow: 0 14px 40px rgba(20,20,22,.09), inset 0 0 0 1px rgba(255,255,255,.28);
  isolation: isolate;
  overflow: visible;
  pointer-events: auto;
}
.app-topbar .top-actions::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255,255,255,.58), rgba(255,255,255,.2) 14%, rgba(255,255,255,.2) 86%, rgba(255,255,255,.58));
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  pointer-events: none;
}
.app-topbar .credit-button,
.app-topbar #refreshBtn,
.app-topbar .header-login {
  border-color: rgba(255,255,255,.88);
  background-color: rgba(255,255,255,.82);
  box-shadow: 0 5px 16px rgba(20,20,22,.055);
}
@media (max-width: 1060px) {.app-topbar .top-actions { gap: 4px; padding: 4px; }}
@media (max-width: 1060px) {#billingModal .modal-heading h2,
  #projectsModal .modal-heading h2,
  #billingModal .modal-scroll-card.is-header-compact .modal-heading h2,
  #projectsModal .modal-scroll-card.is-header-compact .modal-heading h2 { font-size: 21px; }
#billingModal .modal-scroll-body,
  #projectsModal .modal-scroll-body { margin-inline: -16px; padding-inline: 22px; }}
@media (max-width: 1060px) {.account-side-panel,
  .support-side-panel,
  .sidebar-legal { display: none; }}
#billingModal .modal-scroll-card,
#projectsModal .modal-scroll-card {
  width: min(1240px, calc(100vw - 32px));
  max-height: calc(100dvh - 24px);
  padding: 26px 28px 18px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-color: rgba(255,255,255,.72);
  border-radius: 34px;
  box-shadow: 0 34px 110px rgba(20,20,22,.18), 0 0 0 1px rgba(20,20,22,.025);
}
#billingModal .modal-sticky-header,
#projectsModal .modal-sticky-header {
  position: relative;
  z-index: 8;
  flex: 0 0 auto;
  background: inherit;
  transition: padding 320ms cubic-bezier(.23,1,.32,1);
}
#billingModal .modal-sticky-header .modal-heading,
#projectsModal .modal-sticky-header .modal-heading {
  margin-bottom: 18px;
  transition: margin 320ms cubic-bezier(.23,1,.32,1), gap 320ms cubic-bezier(.23,1,.32,1);
}
#billingModal .modal-sticky-header .modal-heading p {
  max-height: 54px;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  transition: max-height 280ms cubic-bezier(.23,1,.32,1), opacity 180ms ease, transform 280ms cubic-bezier(.23,1,.32,1), margin 280ms ease;
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 8px;
  padding-right: 64px;
}
#projectsModal .modal-scroll-card.is-header-compact .modal-heading > div {
  display: flex;
  align-items: center;
  gap: 14px;
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading .label,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading .label { flex: 0 0 auto; }
#billingModal .modal-scroll-card.is-header-compact .modal-heading h2,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading h2 {
  font-size: 22px;
  line-height: 1;
  white-space: nowrap;
  transition: font-size 280ms cubic-bezier(.23,1,.32,1);
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading p {
  max-height: 0;
  margin: 0;
  opacity: 0;
  transform: translateY(-8px);
}
#billingModal .modal-scroll-body,
#projectsModal .modal-scroll-body {
  min-height: 0;
  margin: 0 -14px;
  padding: 8px 14px 34px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
#billingModal .modal-scroll-body::-webkit-scrollbar,
#projectsModal .modal-scroll-body::-webkit-scrollbar { display: none; }
@media (max-width: 1060px) {#billingModal .modal-scroll-card,
  #projectsModal .modal-scroll-card { width: 100%; padding: 20px 16px 12px; border-radius: 28px; }
#billingModal .modal-scroll-card.is-header-compact .modal-heading,
  #projectsModal .modal-scroll-card.is-header-compact .modal-heading { gap: 8px; padding-right: 50px; }
#billingModal .modal-scroll-card.is-header-compact .modal-heading h2,
  #projectsModal .modal-scroll-card.is-header-compact .modal-heading h2 { font-size: 18px; }}
.sidebar-brand-row { display: none; }
.sidebar-compact-mark { display: none; }
@media (min-width: 1061px) {body { --drawer-width: 244px; }
body.sidebar-collapsed { --drawer-width: 74px; }
.app-topbar { pointer-events: none; }
.app-topbar .top-actions { pointer-events: auto; }
.product-layout {
    grid-template-columns: var(--drawer-width) minmax(0,1fr);
    transition: grid-template-columns 360ms cubic-bezier(.23,1,.32,1);
  }
.product-sidebar {
    top: 24px;
    z-index: 1900;
    width: var(--drawer-width);
    height: min(calc(100vh - 36px), 710px);
    max-height: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: visible;
    transition: width 360ms cubic-bezier(.23,1,.32,1);
  }
.sidebar-brand-row {
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 68px;
    padding: 0 4px 0 8px;
  }
.sidebar-brand-row .brand,
  .sidebar-brand-row .brand.liquid-control,
  .sidebar-brand-row .brand.liquid-control.is-fluid-active,
  .sidebar-brand-row .brand.liquid-control.is-pressing {
    position: static;
    min-width: 0;
    min-height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
  }
.sidebar-brand-row .brand img { width: 148px; transition: opacity 180ms ease, transform 260ms cubic-bezier(.23,1,.32,1); }
.sidebar-brand-row .brand:hover img { transform: scale(1.035); }
.sidebar-collapse {
    width: 38px;
    min-width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--ink);
    background: rgba(20,20,22,.065);
  }
.sidebar-collapse .material-symbols-outlined { font-size: 20px; }
.product-sidebar .side-panel { flex: 0 0 auto; }
.product-sidebar .side-link,
  .product-sidebar .side-action {
    width: 100%;
    height: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    padding: 0 10px;
    border: 0;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    box-shadow: none;
  }
.product-sidebar .side-link > .material-symbols-outlined,
  .product-sidebar .side-action > .material-symbols-outlined { flex: 0 0 22px; font-size: 21px; }
.sidebar-legal { margin-top: auto; flex: 0 0 auto; padding-bottom: 2px; }
body.sidebar-collapsed .sidebar-brand-row { padding-inline: 3px; }
body.sidebar-collapsed .sidebar-brand-row .brand { width: 28px; justify-content: center; }
body.sidebar-collapsed .sidebar-brand-row .brand img { display: none; }
body.sidebar-collapsed .sidebar-compact-mark { display: block; color: var(--accent); font-size: 22px; }
body.sidebar-collapsed .sidebar-collapse { width: 32px; min-width: 32px; height: 32px; }
body.sidebar-collapsed .account-side-panel,
  body.sidebar-collapsed .product-side-panel,
  body.sidebar-collapsed .support-side-panel { padding: 6px; border-radius: 22px; }
body.sidebar-collapsed .account-summary {
    min-height: 50px;
    display: grid;
    grid-template-columns: 42px;
    place-content: center;
    padding: 4px;
  }
body.sidebar-collapsed .account-identity,
  body.sidebar-collapsed .account-summary > .material-symbols-outlined,
  body.sidebar-collapsed .product-side-panel .side-title,
  body.sidebar-collapsed .product-side-panel .recent-projects,
  body.sidebar-collapsed .product-side-panel .side-divider,
  body.sidebar-collapsed .side-link:not(.active) .side-badge,
  body.sidebar-collapsed .sidebar-legal { display: none; }
body.sidebar-collapsed .product-side-panel { display: grid; gap: 4px; }
body.sidebar-collapsed .product-side-panel .side-action { display: flex; }
body.sidebar-collapsed .product-sidebar .side-link,
  body.sidebar-collapsed .product-sidebar .side-action {
    width: 50px;
    padding: 0;
    justify-content: center;
    gap: 0;
    font-size: 0;
  }
body.sidebar-collapsed .product-sidebar .side-link > .material-symbols-outlined,
  body.sidebar-collapsed .product-sidebar .side-action > .material-symbols-outlined { flex-basis: auto; font-size: 21px; }
body.sidebar-collapsed .product-sidebar .side-action > span:not(.material-symbols-outlined) { display: none; }}
@media (max-width: 1060px) {.sidebar-brand-row { display: none; }}
@media (min-width: 1061px) {.collapse-glyph.material-symbols-outlined {
    width: auto;
    height: auto;
    font-size: 22px;
    transition: transform 420ms cubic-bezier(.34,1.56,.64,1);
  }
body.sidebar-collapsed .collapse-glyph.material-symbols-outlined { transform: rotate(180deg); }
body.sidebar-collapsed .sidebar-collapse:hover .collapse-glyph.material-symbols-outlined { transform: rotate(180deg) translateX(-2px); }
.sidebar-collapse:active .collapse-glyph.material-symbols-outlined { transform: scale(.78); }
body.sidebar-collapsed .sidebar-collapse:active .collapse-glyph.material-symbols-outlined { transform: rotate(180deg) scale(.78); }}
#custom-cursor { z-index: 100000 !important; }
.sidebar-legal-toggle { display: none; }
.sidebar-legal-menu { display: flex; align-items: center; gap: 12px; }
@media (min-width: 1061px) {.collapse-glyph {
    position: relative;
    width: 18px;
    height: 16px;
    display: grid;
    place-items: center;
    transition: transform 420ms cubic-bezier(.34,1.56,.64,1);
  }
.collapse-glyph b { width: 2px; height: 16px; border-radius: 2px; background: currentColor; }
.collapse-glyph i {
    position: absolute;
    left: 2px;
    width: 8px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform-origin: left center;
    transition: left 360ms ease, transform 360ms cubic-bezier(.34,1.56,.64,1);
  }
.collapse-glyph i:first-child { top: 5px; transform: rotate(38deg); }
.collapse-glyph i:last-child { bottom: 5px; transform: rotate(-38deg); }
.sidebar-collapse:hover .collapse-glyph { transform: translateX(-2px); }
.sidebar-collapse:active .collapse-glyph { transform: scale(.82); }
body.sidebar-collapsed .sidebar-brand-row {
    height: 88px;
    flex-basis: 88px;
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
    align-content: center;
    gap: 7px;
    padding: 0;
  }
body.sidebar-collapsed .sidebar-brand-row .brand { width: 32px; }
body.sidebar-collapsed .sidebar-collapse:hover .collapse-glyph { transform: translateX(2px); }
body.sidebar-collapsed .collapse-glyph i { left: 8px; transform-origin: right center; }
body.sidebar-collapsed .collapse-glyph i:first-child { transform: rotate(-38deg); }
body.sidebar-collapsed .collapse-glyph i:last-child { transform: rotate(38deg); }
body.sidebar-collapsed .account-side-panel {
    width: 50px;
    padding: 0;
    align-self: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
body.sidebar-collapsed .account-summary,
  body.sidebar-collapsed .account-summary.liquid-control,
  body.sidebar-collapsed .account-summary.liquid-control.is-fluid-active {
    width: 50px;
    height: 50px;
    min-height: 50px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
  }
body.sidebar-collapsed .account-avatar { width: 50px; height: 50px; }
body.sidebar-collapsed .product-side-panel,
  body.sidebar-collapsed .support-side-panel { justify-items: center; }
body.sidebar-collapsed .sidebar-legal {
    position: relative;
    width: 50px;
    display: grid;
    place-items: center;
    align-self: center;
    margin-top: auto;
    padding: 0;
  }
body.sidebar-collapsed .sidebar-legal-toggle {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--muted);
    background: rgba(255,255,255,.72);
    box-shadow: 0 12px 32px rgba(20,20,22,.09);
  }
body.sidebar-collapsed .sidebar-legal-menu {
    position: absolute;
    left: 58px;
    bottom: 0;
    width: max-content;
    max-width: 300px;
    display: flex;
    gap: 5px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 16px;
    background: rgba(247,247,245,.97);
    box-shadow: 0 18px 44px rgba(20,20,22,.16);
    opacity: 0;
    pointer-events: none;
    transform: translateX(-8px) scale(.96);
    transform-origin: left bottom;
    transition: opacity 180ms ease, transform 280ms cubic-bezier(.23,1,.32,1);
  }
body.sidebar-collapsed .sidebar-legal.is-open .sidebar-legal-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0) scale(1);
  }
body.sidebar-collapsed .sidebar-legal-link {
    min-height: 34px;
    padding: 0 10px;
    border-radius: 10px;
    white-space: nowrap;
  }}
@media (min-width: 1061px) {.sidebar-brand-row .sidebar-brand-full,
  .sidebar-brand-row .sidebar-compact-mark { transition: opacity 180ms ease, transform 280ms cubic-bezier(.23,1,.32,1); transform-origin: center; }
.sidebar-brand-row .sidebar-brand-full { display: block; opacity: 1; transform: scale(1); }
.sidebar-brand-row .sidebar-compact-mark { position: absolute; inset: 50% auto auto 50%; width: 24px !important; height: 24px; display: block !important; opacity: 0; transform: translate(-50%,-50%) scale(0); }
body.sidebar-collapsed .sidebar-brand-row .sidebar-brand-full { display: block; opacity: 0; transform: scale(0); }
body.sidebar-collapsed .sidebar-brand-row .sidebar-compact-mark { display: block !important; opacity: 1; transform: translate(-50%,-50%) scale(1); }
body.sidebar-transitioning .sidebar-brand-row .sidebar-brand-full,
  body.sidebar-transitioning .sidebar-brand-row .sidebar-compact-mark { opacity: 0; transform: translate(-50%,-50%) scale(0); }
body:not(.sidebar-collapsed) .sidebar-brand-row .brand:hover .sidebar-brand-full { transform: scale(1.035); }
body.sidebar-collapsed .sidebar-brand-row .brand:hover .sidebar-compact-mark { transform: translate(-50%,-50%) scale(1.1) !important; }
body:not(.sidebar-collapsed) .sidebar-brand-row .brand.is-pressing .sidebar-brand-full { animation: brand-press-full 300ms cubic-bezier(.34,1.56,.64,1); }
body.sidebar-collapsed .sidebar-brand-row .brand.is-pressing .sidebar-compact-mark { animation: brand-press-compact 300ms cubic-bezier(.34,1.56,.64,1); }
.sidebar-collapse.liquid-control,
  .sidebar-collapse.liquid-control.is-fluid-exiting,
  body.sidebar-collapsed #sidebarCollapse.liquid-control,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    --control-base: rgba(255,255,255,.9); --control-fluid: var(--accent); color: var(--ink);
    background-color: var(--control-base);
    background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px));
    transition-property: --fluid-radius, opacity, color, background-color, box-shadow !important;
  }
.sidebar-collapse.liquid-control.is-fluid-active,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active { color: #fff; box-shadow: 0 14px 34px rgba(var(--accent-rgb),.18); }
.sidebar-legal-link,
  .sidebar-legal-toggle { --control-base: rgba(255,255,255,.38); --control-fluid: var(--accent); border: 1px solid rgba(255,255,255,.72); color: var(--muted); background-color: var(--control-base); box-shadow: none; }
.sidebar-legal-link { min-height: 28px; padding: 0 9px; border-radius: 999px; font-size: 10px; font-weight: 700; }
.sidebar-legal-link.liquid-control.is-fluid-active,
  .sidebar-legal-toggle.liquid-control.is-fluid-active { color: #fff; border-color: rgba(var(--accent-rgb),.78); box-shadow: 0 10px 24px rgba(var(--accent-rgb),.14); }}
@keyframes brand-press-full {
  0%,100% { transform: scale(1.035); }
  42% { transform: scale(.94); }
  72% { transform: scale(1.055); }
}
@keyframes brand-press-compact {
  0%,100% { transform: translate(-50%,-50%) scale(1.1); }
  42% { transform: translate(-50%,-50%) scale(.86); }
  72% { transform: translate(-50%,-50%) scale(1.14); }
}
@media (min-width: 1061px) {.sidebar-collapse,
  .sidebar-collapse.liquid-control,
  .sidebar-collapse.liquid-control.is-fluid-active {
    position: relative;
    overflow: hidden;
    color: var(--ink);
    background: rgba(255,255,255,.9);
    box-shadow: 0 9px 24px rgba(20,20,22,.08);
  }
.sidebar-collapse .collapse-glyph { color: var(--ink); }
.sidebar-collapse.is-morphing .collapse-glyph { color: var(--accent); opacity: 0; transform: scale(.12) !important; }
.sidebar-collapse.is-morphing::after { animation: drawer-dots 540ms cubic-bezier(.2,.75,.22,1) both; }
body.sidebar-collapsed .product-sidebar { align-items: center; }
body.sidebar-collapsed .sidebar-brand-row {
    width: 74px;
    height: 68px;
    flex-basis: 68px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 4px;
  }
body.sidebar-collapsed .sidebar-brand-row .brand { width: 26px; min-width: 26px; }
body.sidebar-collapsed .sidebar-compact-mark { font-size: 24px; }
body.sidebar-collapsed .sidebar-collapse { width: 36px; min-width: 36px; height: 36px; }
body.sidebar-collapsed .account-side-panel { width: 58px; }
body.sidebar-collapsed .account-summary,
  body.sidebar-collapsed .account-summary.liquid-control,
  body.sidebar-collapsed .account-summary.liquid-control.is-fluid-active {
    width: 58px;
    height: 58px;
    min-height: 58px;
  }
body.sidebar-collapsed .account-avatar { width: 58px; height: 58px; }
body.sidebar-collapsed .product-side-panel,
  body.sidebar-collapsed .support-side-panel {
    width: 62px;
    display: grid;
    justify-items: center;
    align-items: center;
    padding: 6px;
  }
body.sidebar-collapsed .product-side-panel .side-nav,
  body.sidebar-collapsed .support-side-panel .side-nav {
    width: 50px;
    display: grid;
    justify-items: center;
  }}
.confetti-layer { z-index: 2147483647; }
@media (min-width: 1061px) {.product-layout { margin-top: 92px; }
.product-sidebar { top: 12px; }}
#billingModal .modal-scroll-body,
#projectsModal .modal-scroll-body {
  -webkit-mask-image:
    linear-gradient(to right, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%),
    linear-gradient(to bottom, transparent 0, #000 24px, #000 calc(100% - 30px), transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%),
    linear-gradient(to bottom, transparent 0, #000 24px, #000 calc(100% - 30px), transparent 100%);
  mask-composite: intersect;
}
@media (min-width: 1061px) {body.sidebar-collapsed .sidebar-brand-row {
    gap: 12px;
    padding-inline: 0;
  }
body.sidebar-collapsed .product-side-panel .side-action,
  body.sidebar-collapsed .product-side-panel .side-nav,
  body.sidebar-collapsed .support-side-panel .side-nav {
    left: -4px;
  }
body.sidebar-collapsed .product-sidebar .side-link,
  body.sidebar-collapsed .product-sidebar .side-link:hover,
  body.sidebar-collapsed .product-sidebar .side-link.active,
  body.sidebar-collapsed .product-sidebar .side-link.is-fluid-active,
  body.sidebar-collapsed .product-sidebar .side-action,
  body.sidebar-collapsed .product-sidebar .side-action:hover,
  body.sidebar-collapsed .product-sidebar .side-action.is-fluid-active {
    left: 0;
    width: 50px;
    height: 44px;
    min-height: 44px;
    margin-inline: auto;
  }
body.sidebar-collapsed .product-sidebar .side-link:not(.active),
  body.sidebar-collapsed .product-sidebar .side-link:not(.active):hover,
  body.sidebar-collapsed .product-sidebar .side-link:not(.active).is-fluid-active,
  body.sidebar-collapsed .product-sidebar .side-action,
  body.sidebar-collapsed .product-sidebar .side-action:hover,
  body.sidebar-collapsed .product-sidebar .side-action.is-fluid-active { transform: translateX(4px) !important; }
body.sidebar-collapsed .product-sidebar .side-link.active,
  body.sidebar-collapsed .product-sidebar .side-link.active:hover,
  body.sidebar-collapsed .product-sidebar .side-link.active.is-fluid-active { transform: translateX(3px) !important; }}
.app-topbar .top-actions {
  border-color: transparent;
  background: transparent;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  box-shadow: none;
  transition: background-color 260ms ease, border-color 260ms ease, box-shadow 320ms ease, backdrop-filter 320ms ease;
}
.app-topbar .top-actions::before {
  opacity: 0;
  transition: opacity 260ms ease;
}
body.header-scrolled .app-topbar .top-actions {
  border-color: rgba(255,255,255,.82);
  background: rgba(247,247,245,.48);
  -webkit-backdrop-filter: blur(24px) saturate(.88);
  backdrop-filter: blur(24px) saturate(.88);
  box-shadow: 0 14px 40px rgba(20,20,22,.09), inset 0 0 0 1px rgba(255,255,255,.28);
}
body.header-scrolled .app-topbar .top-actions::before { opacity: 1; }
.header-generation-progress {
  padding: 6px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  box-shadow: none;
}
.header-generation-progress.is-active {
  border-color: rgba(255,255,255,.82);
  background: rgba(247,247,245,.5);
  -webkit-backdrop-filter: blur(24px) saturate(.88);
  backdrop-filter: blur(24px) saturate(.88);
  box-shadow: 0 14px 40px rgba(20,20,22,.09), inset 0 0 0 1px rgba(255,255,255,.3);
}
.tool-field .custom-select-arrow { top: 60%; }
@media (min-width: 1061px) {body.sidebar-collapsed .product-side-panel > .side-action { transform: translateX(-1px) !important; }
body.sidebar-collapsed .product-sidebar .side-link[data-mode="video"]:not(.active),
  body.sidebar-collapsed .support-side-panel .side-link { transform: translateX(2px) !important; }
body.sidebar-collapsed .product-sidebar .side-link.active { transform: translateX(3px) !important; }}
.tool-field:has(select[name="outputFormat"]) .custom-select-value-track,
.tool-field:has(select[name="outputFormat"]) .custom-select-trigger:hover .custom-select-value-track,
.tool-field:has(select[name="outputFormat"]) .custom-select-trigger:focus-visible .custom-select-value-track {
  animation: none !important;
  transform: none !important;
}
.tool-field .custom-select-value-track,
.tool-field .custom-select-trigger:hover .custom-select-value-track,
.tool-field .custom-select-trigger:focus-visible .custom-select-value-track {
  animation: none !important;
  transform: none !important;
}
#billingModal .modal-scroll-body,
#projectsModal .modal-scroll-body {
  -webkit-mask-image:
    linear-gradient(to right, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%),
    linear-gradient(to bottom, #000 0, #000 calc(100% - 30px), transparent 100%);
  mask-image:
    linear-gradient(to right, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%),
    linear-gradient(to bottom, #000 0, #000 calc(100% - 30px), transparent 100%);
}
#billingModal .modal-scroll-card.is-header-compact .modal-scroll-body,
#projectsModal .modal-scroll-card.is-header-compact .modal-scroll-body {
  -webkit-mask-image:
    linear-gradient(to right, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%),
    linear-gradient(to bottom, transparent 0, #000 24px, #000 calc(100% - 30px), transparent 100%);
  mask-image:
    linear-gradient(to right, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%),
    linear-gradient(to bottom, transparent 0, #000 24px, #000 calc(100% - 30px), transparent 100%);
}
@media (min-width: 1061px) {.sidebar-brand-row { height: 70px; flex-basis: 70px; }
.sidebar-brand-row .brand img { width: 160px; }
.sidebar-collapse,
  .sidebar-collapse.liquid-control,
  .sidebar-collapse.liquid-control.is-fluid-active {
    width: 46px;
    min-width: 46px;
    height: 46px;
  }
.sidebar-collapse .collapse-glyph.material-symbols-outlined { font-size: 24px; }
body:not(.sidebar-collapsed) .product-side-panel { transform: translateY(-14px); }
body:not(.sidebar-collapsed) .support-side-panel { transform: translateY(46px); }
body.sidebar-collapsed .sidebar-brand-row { height: 70px; flex-basis: 70px; }
body.sidebar-collapsed .sidebar-collapse { width: 46px; min-width: 46px; height: 46px; }
body.sidebar-collapsed .sidebar-brand-row {
    width: 84px;
    gap: 10px;
    overflow: visible;
  }}
.drawer-travel-dot {
  position: fixed;
  z-index: 100001;
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 7px rgba(var(--accent-rgb),.08), 0 8px 22px rgba(var(--accent-rgb),.24);
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%,-50%) scale(.15);
  animation: drawer-point-hop 210ms cubic-bezier(.22,.8,.24,1) both;
}
@keyframes drawer-point-hop {
  0% { opacity: 0; transform: translate(-50%,-50%) scale(.12); }
  38% { opacity: 1; transform: translate(-50%,-50%) scale(1); }
  66% { opacity: 1; transform: translate(-50%,-50%) scale(.9); }
  100% { opacity: 0; transform: translate(-50%,-50%) scale(.1); }
}
@media (min-width: 1061px) {.sidebar-collapse.is-morphing,
  .sidebar-collapse.is-morphing.liquid-control,
  .sidebar-collapse.is-morphing.liquid-control.is-fluid-active {
    opacity: 0;
    transform: scale(.1) !important;
    transition: opacity 100ms ease, transform 140ms cubic-bezier(.4,0,.8,.2);
  }
.sidebar-collapse.is-morphing::after { animation: none !important; opacity: 0 !important; }
body.sidebar-collapsed .sidebar-brand-row {
    position: relative;
    width: 244px;
    display: block;
    align-self: flex-start;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
body.sidebar-collapsed .sidebar-brand-row .brand {
    position: absolute;
    top: 50%;
    left: 24px;
    width: 26px;
    min-width: 26px;
    transform: translateY(-50%);
  }
body.sidebar-collapsed .sidebar-brand-row .brand:hover { transform: translateY(-50%) scale(1.04); }
body.sidebar-collapsed .sidebar-collapse {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 98px;
    transform: translateY(-50%);
  }
body.sidebar-collapsed .sidebar-collapse:hover { transform: translateY(-50%); }
body.sidebar-collapsed .sidebar-collapse:active { transform: translateY(-50%) scale(.92); }}
@media (min-width: 1061px) {body:not(.sidebar-collapsed) .product-sidebar {
    gap: 0;
  }
body:not(.sidebar-collapsed) .account-side-panel {
    margin-top: 12px;
  }
body:not(.sidebar-collapsed) .product-side-panel,
  body:not(.sidebar-collapsed) .support-side-panel {
    margin-top: 16px;
    transform: none;
  }}
@media (min-width: 1061px) {body:not(.sidebar-collapsed) .account-side-panel {
    min-height: 66px;
    padding: 0;
  }
body:not(.sidebar-collapsed) .account-summary { min-height: 64px; }
body:not(.sidebar-collapsed) .support-side-panel { min-height: 121px; }}
@media (min-width: 1061px) {.sidebar-collapse,
  .sidebar-collapse.liquid-control,
  .sidebar-collapse.liquid-control.is-fluid-active {
    transition: opacity 140ms ease, transform 160ms cubic-bezier(.4,0,.8,.2), background-color 180ms ease, box-shadow 180ms ease;
  }
.sidebar-collapse:hover,
  .sidebar-collapse.liquid-control:hover,
  .sidebar-collapse.liquid-control.is-fluid-active:hover { transform: none !important; }
.sidebar-collapse:hover .collapse-glyph,
  .sidebar-collapse.liquid-control:hover .collapse-glyph { transform: none !important; }
body.sidebar-collapsed .sidebar-collapse:hover,
  body.sidebar-collapsed .sidebar-collapse.liquid-control:hover { transform: translateY(-50%) !important; }
body.sidebar-collapsed .sidebar-collapse:hover .collapse-glyph.material-symbols-outlined { transform: rotate(180deg) !important; }
.sidebar-collapse.is-morphing,
  .sidebar-collapse.is-morphing.liquid-control,
  .sidebar-collapse.is-morphing.liquid-control.is-fluid-active {
    opacity: 0 !important;
    transform: scale(0) !important;
    pointer-events: none;
  }
body.sidebar-collapsed .sidebar-collapse.is-morphing,
  body.sidebar-collapsed .sidebar-collapse.is-morphing.liquid-control {
    transform: translateY(-50%) scale(0) !important;
  }
.sidebar-collapse.is-appearing { animation: drawer-button-appear 240ms cubic-bezier(.34,1.56,.64,1) both; }
body.sidebar-collapsed .sidebar-collapse.is-appearing { animation-name: drawer-button-appear-collapsed; }
.drawer-travel-dot { display: none !important; }}
@keyframes drawer-button-appear {
  0% { opacity: 0; transform: scale(0); }
  72% { opacity: 1; transform: scale(1.08); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes drawer-button-appear-collapsed {
  0% { opacity: 0; transform: translateY(-50%) scale(0); }
  72% { opacity: 1; transform: translateY(-50%) scale(1.08); }
  100% { opacity: 1; transform: translateY(-50%) scale(1); }
}
@media (min-width: 1061px) {.generator-heading .label {
    display: inline-block;
    transform: translateY(-8px);
  }}
#billingModal .modal-corner-actions,
#projectsModal .modal-corner-actions {
  top: 18px;
  right: 18px;
}
#billingModal .modal-sticky-header,
#projectsModal .modal-sticky-header {
  min-height: 124px;
  padding: 0;
  overflow: visible;
}
#billingModal .modal-heading,
#projectsModal .modal-heading,
#billingModal .modal-scroll-card.is-header-compact .modal-heading,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading {
  position: relative;
  height: 124px;
  min-height: 0;
  display: block;
  margin: 0;
  padding: 0 64px 0 0;
}
#billingModal .modal-heading-title,
#projectsModal .modal-heading-title,
#billingModal .modal-scroll-card.is-header-compact .modal-heading-title,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading-title {
  position: static;
  display: block;
  height: auto;
}
#billingModal .modal-heading-title .label,
#projectsModal .modal-heading-title .label,
#billingModal .modal-scroll-card.is-header-compact .modal-heading-title .label,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading-title .label {
  position: absolute;
  top: 39px;
  left: 0;
  width: auto;
  opacity: 1;
  transform: translateY(-50%);
}
#billingModal .modal-heading h2,
#projectsModal .modal-heading h2 {
  position: absolute;
  top: 57px;
  left: 0;
  margin: 0;
  font-size: 30px;
  line-height: 1.08;
  opacity: 1;
  transform: none;
}
#billingModal .modal-heading p {
  position: absolute;
  top: 96px;
  left: 0;
  max-height: 28px;
  margin: 0;
  opacity: 1;
  transform: none;
}
#billingModal .modal-scroll-card.is-header-compact .modal-sticky-header,
#projectsModal .modal-scroll-card.is-header-compact .modal-sticky-header {
  min-height: 64px;
  padding: 0;
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading { height: 64px; }
#billingModal .modal-scroll-card.is-header-compact .modal-heading h2,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading h2 {
  animation: modal-title-dock 430ms cubic-bezier(.22,.8,.24,1) both;
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading p {
  animation: modal-description-out 170ms ease both;
}
#billingModal .modal-scroll-card.is-header-expanding .modal-heading h2,
#projectsModal .modal-scroll-card.is-header-expanding .modal-heading h2 {
  animation: modal-title-undock 430ms cubic-bezier(.22,.8,.24,1) both;
}
#billingModal .modal-scroll-card.is-header-expanding .modal-heading p {
  animation: modal-description-in 430ms ease both;
}
@keyframes modal-title-dock {
  0% { left: 0; top: 57px; opacity: 1; transform: scale(1); }
  42% { left: 0; top: 57px; opacity: 0; transform: translateY(8px) scale(.05); }
  52% { left: 50%; top: 39px; opacity: 0; transform: translate(-50%,-50%) scale(.05); }
  100% { left: 50%; top: 39px; opacity: 1; transform: translate(-50%,-50%) scale(1); }
}
@keyframes modal-title-undock {
  0% { left: 50%; top: 39px; opacity: 1; transform: translate(-50%,-50%) scale(1); }
  42% { left: 50%; top: 39px; opacity: 0; transform: translate(-50%,-50%) scale(.05); }
  52% { left: 0; top: 57px; opacity: 0; transform: translateY(8px) scale(.05); }
  100% { left: 0; top: 57px; opacity: 1; transform: none; }
}
@media (min-width: 1061px) {body.sidebar-collapsed .product-sidebar {
    width: 74px;
    align-items: stretch;
    gap: 0;
  }
body.sidebar-collapsed .sidebar-brand-row {
    position: relative;
    width: 244px;
    height: 70px;
    flex: 0 0 70px;
    margin: 0;
    padding: 0;
    overflow: visible;
    pointer-events: none;
  }
body.sidebar-collapsed .sidebar-brand-row .brand,
  body.sidebar-collapsed .sidebar-brand-row .brand:hover,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control.is-fluid-active,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control.is-fluid-exiting,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control.is-pressing {
    position: absolute;
    top: 50%;
    left: 24px;
    z-index: 5;
    width: 26px;
    min-width: 26px;
    height: 40px;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    translate: none !important;
    transform: translateY(-50%) !important;
  }
body.sidebar-collapsed .sidebar-brand-row .brand:hover .sidebar-compact-mark,
  body.sidebar-collapsed .sidebar-brand-row .brand.is-fluid-active .sidebar-compact-mark {
    transform: none !important;
  }
body.sidebar-collapsed #sidebarCollapse,
  body.sidebar-collapsed #sidebarCollapse:hover,
  body.sidebar-collapsed #sidebarCollapse:focus-visible,
  body.sidebar-collapsed #sidebarCollapse.liquid-control,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-entering,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    position: absolute;
    top: 50%;
    left: 98px;
    z-index: 6;
    width: 46px;
    min-width: 46px;
    height: 46px;
    margin: 0;
    pointer-events: auto;
    translate: none !important;
    transform: translateY(-50%) !important;
  }
body.sidebar-collapsed #sidebarCollapse:active {
    transform: translateY(-50%) scale(.92) !important;
  }
body.sidebar-collapsed #sidebarCollapse.is-morphing {
    transform: translateY(-50%) scale(0) !important;
  }
body.sidebar-collapsed .account-side-panel {
    width: 70px;
    height: 70px;
    min-height: 70px;
    align-self: center;
    margin: 10px auto 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none !important;
  }
body.sidebar-collapsed .account-summary,
  body.sidebar-collapsed .account-summary:hover,
  body.sidebar-collapsed .account-summary.liquid-control,
  body.sidebar-collapsed .account-summary.liquid-control.is-fluid-active,
  body.sidebar-collapsed .account-summary.liquid-control.is-fluid-exiting {
    width: 70px;
    height: 70px;
    min-height: 70px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    translate: none !important;
    transform: none !important;
  }
body.sidebar-collapsed .account-avatar {
    width: 70px;
    height: 70px;
  }
body.sidebar-collapsed .product-side-panel,
  body.sidebar-collapsed .support-side-panel {
    width: 62px;
    align-self: center;
    margin-inline: auto;
    padding: 6px;
    transform: none !important;
  }
body.sidebar-collapsed .product-side-panel { margin-top: 14px; }
body.sidebar-collapsed .support-side-panel { margin-top: 16px; }
body.sidebar-collapsed .product-side-panel > .side-action,
  body.sidebar-collapsed .product-side-panel .side-nav,
  body.sidebar-collapsed .support-side-panel .side-nav {
    position: static;
    left: auto;
    width: 50px;
    margin: 0 auto;
    translate: none !important;
    transform: none !important;
  }
body.sidebar-collapsed .product-sidebar .side-link,
  body.sidebar-collapsed .product-sidebar .side-link:hover,
  body.sidebar-collapsed .product-sidebar .side-link.active,
  body.sidebar-collapsed .product-sidebar .side-link.is-fluid-active,
  body.sidebar-collapsed .product-sidebar .side-link.is-fluid-exiting,
  body.sidebar-collapsed .product-sidebar .side-action,
  body.sidebar-collapsed .product-sidebar .side-action:hover,
  body.sidebar-collapsed .product-sidebar .side-action.is-fluid-active,
  body.sidebar-collapsed .product-sidebar .side-action.is-fluid-exiting {
    position: relative;
    left: auto;
    width: 50px;
    height: 44px;
    min-height: 44px;
    margin-inline: auto;
    justify-self: center;
    translate: none !important;
    transform: none !important;
  }
body.sidebar-collapsed .sidebar-legal {
    width: 50px;
    margin: auto auto 0;
    padding: 0;
    place-items: center;
    transform: none !important;
  }}
@keyframes modal-description-out {
  to { opacity: 0; transform: translateY(8px) scale(.96); }
}
@keyframes modal-description-in {
  0%, 55% { opacity: 0; transform: translateY(8px) scale(.96); }
  100% { opacity: 1; transform: none; }
}
@media (min-width: 1061px) {.generator-heading h1 { transform: translateY(-5px); }
body.sidebar-collapsed .product-sidebar {
    --compact-control: 50px;
    align-items: center;
  }
body.sidebar-collapsed .account-side-panel,
  body.sidebar-collapsed .product-side-panel,
  body.sidebar-collapsed .support-side-panel,
  body.sidebar-collapsed .sidebar-legal {
    margin-inline: auto;
  }
body.sidebar-collapsed .product-side-panel,
  body.sidebar-collapsed .support-side-panel {
    width: 62px;
    box-sizing: border-box;
    padding: 6px;
    display: grid;
    place-items: center;
  }
body.sidebar-collapsed .product-side-panel .side-nav,
  body.sidebar-collapsed .support-side-panel .side-nav {
    position: static;
    left: auto;
    width: var(--compact-control);
    margin: 0 auto;
    transform: none !important;
    justify-items: center;
  }
body.sidebar-collapsed .product-side-panel > .side-action,
  body.sidebar-collapsed .product-sidebar .side-link,
  body.sidebar-collapsed .product-sidebar .side-link:hover,
  body.sidebar-collapsed .product-sidebar .side-link.active,
  body.sidebar-collapsed .product-sidebar .side-link.is-fluid-active,
  body.sidebar-collapsed .product-sidebar .side-action,
  body.sidebar-collapsed .product-sidebar .side-action:hover,
  body.sidebar-collapsed .product-sidebar .side-action.is-fluid-active {
    position: relative;
    left: auto;
    width: var(--compact-control);
    height: 44px;
    min-height: 44px;
    margin: 0 auto;
    transform: none !important;
    justify-self: center;
  }
body.sidebar-collapsed .account-side-panel { width: 58px; place-items: center; }
body.sidebar-collapsed .account-summary,
  body.sidebar-collapsed .account-summary:hover,
  body.sidebar-collapsed .account-summary.is-fluid-active {
    margin: 0;
    transform: none !important;
  }
body.sidebar-collapsed .sidebar-legal { width: var(--compact-control); place-items: center; }
body.sidebar-collapsed .sidebar-brand-row .brand,
  body.sidebar-collapsed .sidebar-brand-row .brand:hover,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control.is-fluid-active,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control.is-pressing {
    z-index: 5;
    pointer-events: auto;
    top: 50%;
    left: 24px;
    width: 26px;
    min-width: 26px;
    transform: translateY(-50%) !important;
  }
body.sidebar-collapsed #sidebarCollapse,
  body.sidebar-collapsed #sidebarCollapse:hover,
  body.sidebar-collapsed #sidebarCollapse:focus-visible,
  body.sidebar-collapsed #sidebarCollapse.liquid-control,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-entering,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    z-index: 6;
    pointer-events: auto;
    top: 50%;
    left: 98px;
    transform: translateY(-50%) !important;
  }
body.sidebar-collapsed #sidebarCollapse:active { transform: translateY(-50%) scale(.92) !important; }
body.sidebar-collapsed #sidebarCollapse .collapse-glyph,
  body.sidebar-collapsed #sidebarCollapse:hover .collapse-glyph,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active .collapse-glyph {
    transform: rotate(180deg) !important;
  }
body.sidebar-collapsed #sidebarCollapse.is-morphing { transform: translateY(-50%) scale(0) !important; }}
#billingModal .modal-corner-actions,
#projectsModal .modal-corner-actions {
  top: -10px;
  right: -10px;
}
#billingModal .modal-sticky-header,
#projectsModal .modal-sticky-header {
  min-height: 100px;
}
#billingModal .modal-heading,
#projectsModal .modal-heading,
#billingModal .modal-scroll-card.is-header-compact .modal-heading,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading {
  height: 100px;
}
#billingModal .modal-heading-title .label,
#projectsModal .modal-heading-title .label,
#billingModal .modal-scroll-card.is-header-compact .modal-heading-title .label,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading-title .label {
  top: 10px;
}
#billingModal .modal-heading h2,
#projectsModal .modal-heading h2 {
  top: 30px;
}
#billingModal .modal-heading p { top: 66px; }
#billingModal .modal-scroll-card.is-header-compact .modal-sticky-header,
#projectsModal .modal-scroll-card.is-header-compact .modal-sticky-header {
  min-height: 50px;
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading { height: 50px; }
#billingModal .modal-scroll-card.is-header-compact .modal-heading h2,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading h2 {
  top: 10px;
}
#billingModal .modal-heading h2.is-title-swapping,
#projectsModal .modal-heading h2.is-title-swapping {
  opacity: 0 !important;
  transform: translate(-50%, -50%) scale(.12) !important;
  transition: opacity 140ms ease, transform 170ms cubic-bezier(.4,0,.8,.2);
}
.billing-ledger h3 {
  margin: 0 0 18px;
  font-size: 30px;
  line-height: 1.08;
  font-weight: 400;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(.23,1,.32,1);
}
.billing-ledger.is-docked-section h3 {
  opacity: 0;
  transform: translateY(-5px) scale(.92);
  pointer-events: none;
}
@keyframes modal-title-dock {
  0% { left: 0; top: 30px; opacity: 1; transform: scale(1); }
  42% { left: 0; top: 30px; opacity: 0; transform: translateY(7px) scale(.05); }
  52% { left: 50%; top: 10px; opacity: 0; transform: translate(-50%,-50%) scale(.05); }
  100% { left: 50%; top: 10px; opacity: 1; transform: translate(-50%,-50%) scale(1); }
}
@keyframes modal-title-undock {
  0% { left: 50%; top: 10px; opacity: 1; transform: translate(-50%,-50%) scale(1); }
  42% { left: 50%; top: 10px; opacity: 0; transform: translate(-50%,-50%) scale(.05); }
  52% { left: 0; top: 30px; opacity: 0; transform: translateY(7px) scale(.05); }
  100% { left: 0; top: 30px; opacity: 1; transform: none; }
}
@media (min-width: 1061px) {body.sidebar-collapsed .product-sidebar {
    width: 74px;
    align-items: stretch;
    gap: 0;
  }
body.sidebar-collapsed .sidebar-brand-row {
    position: relative;
    width: 244px;
    height: 70px;
    flex: 0 0 70px;
    margin: 0;
    padding: 0;
    overflow: visible;
    pointer-events: none;
  }
body.sidebar-collapsed .sidebar-brand-row .brand,
  body.sidebar-collapsed .sidebar-brand-row .brand:hover,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control.is-fluid-active,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control.is-fluid-exiting,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control.is-pressing {
    position: absolute;
    top: 50%;
    left: 24px;
    z-index: 5;
    width: 26px;
    min-width: 26px;
    height: 40px;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    translate: none !important;
    transform: translateY(-50%) !important;
    transition-property: opacity, color !important;
  }
body.sidebar-collapsed .sidebar-brand-row .brand:hover .sidebar-compact-mark,
  body.sidebar-collapsed .sidebar-brand-row .brand.is-fluid-active .sidebar-compact-mark {
    transform: none !important;
  }
body.sidebar-collapsed #sidebarCollapse,
  body.sidebar-collapsed #sidebarCollapse:hover,
  body.sidebar-collapsed #sidebarCollapse:focus-visible,
  body.sidebar-collapsed #sidebarCollapse.liquid-control,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-entering,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    position: absolute;
    top: 50%;
    left: 98px;
    z-index: 6;
    width: 46px;
    min-width: 46px;
    height: 46px;
    margin: 0;
    pointer-events: auto;
    translate: none !important;
    transform: translateY(-50%) !important;
    transition-property: opacity, background-color, box-shadow !important;
  }
body.sidebar-collapsed #sidebarCollapse:active { transform: translateY(-50%) scale(.92) !important; }
body.sidebar-collapsed #sidebarCollapse.is-morphing { transform: translateY(-50%) scale(0) !important; }
body.sidebar-collapsed .account-side-panel {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    align-self: center;
    margin: 10px auto 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none !important;
  }
body.sidebar-collapsed .account-summary,
  body.sidebar-collapsed .account-summary:hover,
  body.sidebar-collapsed .account-summary.liquid-control,
  body.sidebar-collapsed .account-summary.liquid-control.is-fluid-active,
  body.sidebar-collapsed .account-summary.liquid-control.is-fluid-exiting {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    translate: none !important;
    transform: none !important;
  }
body.sidebar-collapsed .account-avatar { width: 70px; height: 70px; }
body.sidebar-collapsed .product-side-panel,
  body.sidebar-collapsed .support-side-panel {
    width: 64px;
    align-self: center;
    margin-inline: auto;
    padding: 6px;
    transform: none !important;
  }
body.sidebar-collapsed .product-side-panel { margin-top: 14px; }
body.sidebar-collapsed .support-side-panel { margin-top: 16px; }
body.sidebar-collapsed .product-side-panel > .side-action,
  body.sidebar-collapsed .product-side-panel .side-nav,
  body.sidebar-collapsed .support-side-panel .side-nav {
    position: static;
    left: auto;
    width: 50px;
    margin: 0 auto;
    justify-self: center;
    translate: none !important;
    transform: none !important;
  }
html body.sidebar-collapsed .product-sidebar .side-link,
  html body.sidebar-collapsed .product-sidebar .side-link:hover,
  html body.sidebar-collapsed .product-sidebar .side-link.active,
  html body.sidebar-collapsed .product-sidebar .side-link.active:hover,
  html body.sidebar-collapsed .product-sidebar .side-link.liquid-control.is-fluid-active,
  html body.sidebar-collapsed .product-sidebar .side-link.active.liquid-control.is-fluid-active,
  html body.sidebar-collapsed .product-sidebar .side-link.liquid-control.is-fluid-exiting,
  html body.sidebar-collapsed .product-sidebar .side-action,
  html body.sidebar-collapsed .product-sidebar .side-action:hover,
  html body.sidebar-collapsed .product-sidebar .side-action.liquid-control.is-fluid-active,
  html body.sidebar-collapsed .product-sidebar .side-action.liquid-control.is-fluid-exiting {
    position: relative;
    left: auto;
    width: 50px;
    height: 44px;
    min-height: 44px;
    margin-inline: auto;
    justify-self: center;
    translate: none !important;
    transform: none !important;
    transition-property: --fluid-radius, color, border-color, box-shadow, background-color !important;
  }
html body.sidebar-collapsed .product-sidebar .side-link[data-mode="video"]:not(.active),
  html body.sidebar-collapsed .product-sidebar .side-link[data-mode="video"]:not(.active):hover,
  html body.sidebar-collapsed .product-sidebar .side-link[data-mode="video"].liquid-control.is-fluid-active,
  html body.sidebar-collapsed .support-side-panel .side-link,
  html body.sidebar-collapsed .support-side-panel .side-link:not(.active),
  html body.sidebar-collapsed .support-side-panel .side-link:hover,
  html body.sidebar-collapsed .support-side-panel .side-link:not(.active):hover,
  html body.sidebar-collapsed .support-side-panel .side-link.liquid-control.is-fluid-active,
  html body.sidebar-collapsed .support-side-panel .side-link.liquid-control.is-fluid-exiting {
    translate: none !important;
    transform: none !important;
  }
body.sidebar-collapsed .sidebar-legal {
    width: 50px;
    margin: auto auto 0;
    padding: 0;
    place-items: center;
    transform: none !important;
  }}
#billingModal .modal-sticky-header,
#projectsModal .modal-sticky-header {
  min-height: 72px;
  padding-bottom: 0;
}
#billingModal .modal-heading,
#projectsModal .modal-heading { height: 72px; }
#billingModal .modal-sticky-header::after,
#projectsModal .modal-sticky-header::after {
  bottom: -18px;
  height: 30px;
}
.billing-ledger h3 {
  margin: 0 0 18px;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: 0;
}
@media (min-width: 1061px) {.sidebar-brand-row .sidebar-brand-full,
  .sidebar-brand-row .sidebar-compact-mark {
    transition: opacity 180ms ease, transform 280ms cubic-bezier(.23,1,.32,1);
    transform-origin: center;
  }
.sidebar-brand-row .sidebar-brand-full { display: block; opacity: 1; transform: scale(1); }
.sidebar-brand-row .sidebar-compact-mark {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 24px !important;
    height: 24px;
    display: block !important;
    opacity: 0;
    transform: translate(-50%,-50%) scale(0);
  }
body.sidebar-collapsed .sidebar-brand-row .sidebar-brand-full { display: block; opacity: 0; transform: scale(0); }
body.sidebar-collapsed .sidebar-brand-row .sidebar-compact-mark { display: block !important; opacity: 1; transform: translate(-50%,-50%) scale(1); }
body.sidebar-transitioning .sidebar-brand-row .sidebar-brand-full,
  body.sidebar-transitioning .sidebar-brand-row .sidebar-compact-mark { opacity: 0; transform: translate(-50%,-50%) scale(0); }
body:not(.sidebar-collapsed) .sidebar-brand-row .brand:hover .sidebar-brand-full { transform: scale(1.035); }
body.sidebar-collapsed .sidebar-brand-row .brand:hover .sidebar-compact-mark { transform: translate(-50%,-50%) scale(1.1) !important; }
body:not(.sidebar-collapsed) .sidebar-brand-row .brand.is-pressing .sidebar-brand-full { animation: final-brand-press-full 300ms cubic-bezier(.34,1.56,.64,1); }
body.sidebar-collapsed .sidebar-brand-row .brand.is-pressing .sidebar-compact-mark { animation: final-brand-press-compact 300ms cubic-bezier(.34,1.56,.64,1); }
.sidebar-collapse.liquid-control,
  .sidebar-collapse.liquid-control.is-fluid-exiting,
  body.sidebar-collapsed #sidebarCollapse.liquid-control,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    --control-base: rgba(255,255,255,.9);
    --control-fluid: var(--accent);
    color: var(--ink);
    background-color: var(--control-base);
    background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px));
    transition-property: --fluid-radius, opacity, color, background-color, box-shadow !important;
  }
.sidebar-collapse.liquid-control.is-fluid-active,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active {
    color: #fff;
    box-shadow: 0 14px 34px rgba(var(--accent-rgb),.18);
  }
.sidebar-legal-link,
  .sidebar-legal-toggle {
    --control-base: rgba(255,255,255,.38);
    --control-fluid: var(--accent);
    border: 1px solid rgba(255,255,255,.72);
    color: var(--muted);
    background-color: var(--control-base);
    box-shadow: none;
  }
.sidebar-legal-link { min-height: 28px; padding: 0 9px; border-radius: 999px; font-size: 10px; font-weight: 700; }
.sidebar-legal-link.liquid-control.is-fluid-active,
  .sidebar-legal-toggle.liquid-control.is-fluid-active {
    color: #fff;
    border-color: rgba(var(--accent-rgb),.78);
    box-shadow: 0 10px 24px rgba(var(--accent-rgb),.14);
  }}
@keyframes final-brand-press-full {
  0%,100% { transform: scale(1.035); }
  42% { transform: scale(.94); }
  72% { transform: scale(1.055); }
}
@keyframes final-brand-press-compact {
  0%,100% { transform: translate(-50%,-50%) scale(1.1); }
  42% { transform: translate(-50%,-50%) scale(.86); }
  72% { transform: translate(-50%,-50%) scale(1.14); }
}
.ideas-carousel { -webkit-mask-image: none !important; mask-image: none !important; }
.ideas-carousel-shell::before,
.ideas-carousel-shell::after {
  content: "" !important;
  position: absolute;
  top: -10px;
  bottom: -10px;
  z-index: 5;
  width: 76px;
  display: block !important;
  pointer-events: none;
  transition: opacity 520ms cubic-bezier(.23,1,.32,1);
  background: transparent;
  -webkit-backdrop-filter: blur(10px) saturate(.9);
  backdrop-filter: blur(10px) saturate(.9);
}
.ideas-carousel-shell::before {
  left: -1px;
  opacity: 0;
  -webkit-mask-image: linear-gradient(90deg, #000 0, rgba(0,0,0,.72) 42%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0, rgba(0,0,0,.72) 42%, transparent 100%);
}
.ideas-carousel-shell::after {
  right: -1px;
  opacity: 1;
  -webkit-mask-image: linear-gradient(270deg, #000 0, rgba(0,0,0,.72) 42%, transparent 100%);
  mask-image: linear-gradient(270deg, #000 0, rgba(0,0,0,.72) 42%, transparent 100%);
}
.ideas-carousel-shell:has(.ideas-carousel.is-scrolled)::before { opacity: 1; }
.ideas-carousel-shell:has(.ideas-carousel.is-at-end)::after { opacity: 0; }
.ideas-carousel-shell { margin-right: -6px; }
.ideas-carousel {
  gap: 16px !important;
  padding-right: 14px;
}
.ideas-carousel .idea-template {
  flex: 1 0 174px;
  min-width: 174px;
}
.ideas-carousel-shell::before,
.ideas-carousel-shell::after {
  width: 120px;
  -webkit-backdrop-filter: blur(16px) saturate(.88);
  backdrop-filter: blur(16px) saturate(.88);
  transition: opacity 620ms cubic-bezier(.23,1,.32,1);
}
.ideas-carousel-shell::before {
  opacity: 0 !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0, rgba(0,0,0,.78) 30%, rgba(0,0,0,.28) 68%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0, rgba(0,0,0,.78) 30%, rgba(0,0,0,.28) 68%, transparent 100%);
}
.ideas-carousel-shell::after {
  opacity: 0 !important;
  -webkit-mask-image: linear-gradient(270deg, #000 0, rgba(0,0,0,.78) 30%, rgba(0,0,0,.28) 68%, transparent 100%);
  mask-image: linear-gradient(270deg, #000 0, rgba(0,0,0,.78) 30%, rgba(0,0,0,.28) 68%, transparent 100%);
}
.ideas-carousel-shell:has(.ideas-carousel.is-overflowing.is-scrolled)::before { opacity: 1 !important; }
.ideas-carousel-shell:has(.ideas-carousel.is-overflowing:not(.is-at-end))::after { opacity: 1 !important; }
@media (min-width: 1061px) {body.sidebar-wave-collapse .account-side-panel,
  body.sidebar-wave-collapse .product-side-panel,
  body.sidebar-wave-collapse .support-side-panel,
  body.sidebar-wave-collapse .sidebar-legal,
  body.sidebar-wave-expand .account-side-panel,
  body.sidebar-wave-expand .product-side-panel,
  body.sidebar-wave-expand .support-side-panel,
  body.sidebar-wave-expand .sidebar-legal {
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }
body.sidebar-wave-collapse .account-side-panel::after,
  body.sidebar-wave-collapse .product-side-panel::after,
  body.sidebar-wave-collapse .support-side-panel::after,
  body.sidebar-wave-collapse .sidebar-legal::after,
  body.sidebar-wave-expand .account-side-panel::after,
  body.sidebar-wave-expand .product-side-panel::after,
  body.sidebar-wave-expand .support-side-panel::after,
  body.sidebar-wave-expand .sidebar-legal::after {
    content: "";
    position: absolute;
    inset: -18% -35%;
    z-index: 8;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(6,93,253,.66) 1.45px, transparent 1.85px);
    background-size: 8px 8px;
    opacity: 0;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 35%, #000 65%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 35%, #000 65%, transparent);
  }
body.sidebar-wave-collapse .account-side-panel::after,
  body.sidebar-wave-collapse .product-side-panel::after,
  body.sidebar-wave-collapse .support-side-panel::after,
  body.sidebar-wave-collapse .sidebar-legal::after { animation: drawer-dots-to-left 860ms cubic-bezier(.2,.78,.22,1) both; }
body.sidebar-wave-expand .account-side-panel::after,
  body.sidebar-wave-expand .product-side-panel::after,
  body.sidebar-wave-expand .support-side-panel::after,
  body.sidebar-wave-expand .sidebar-legal::after { animation: drawer-dots-to-right 860ms cubic-bezier(.2,.78,.22,1) both; }
body.sidebar-wave-collapse .account-summary,
  body.sidebar-wave-collapse .product-side-panel > :not(.side-title),
  body.sidebar-wave-collapse .support-side-panel > *,
  body.sidebar-wave-collapse .sidebar-legal > *,
  body.sidebar-wave-expand .account-summary,
  body.sidebar-wave-expand .product-side-panel > :not(.side-title),
  body.sidebar-wave-expand .support-side-panel > *,
  body.sidebar-wave-expand .sidebar-legal > * {
    transform-origin: center;
    will-change: transform, opacity;
  }
body.sidebar-wave-collapse .account-summary,
  body.sidebar-wave-collapse .product-side-panel > :not(.side-title),
  body.sidebar-wave-collapse .support-side-panel > *,
  body.sidebar-wave-collapse .sidebar-legal > * { animation: drawer-fan-to-left 860ms cubic-bezier(.2,.78,.22,1) both; }
body.sidebar-wave-expand .account-summary,
  body.sidebar-wave-expand .product-side-panel > :not(.side-title),
  body.sidebar-wave-expand .support-side-panel > *,
  body.sidebar-wave-expand .sidebar-legal > * { animation: drawer-fan-to-right 860ms cubic-bezier(.2,.78,.22,1) both; }
body.sidebar-wave-collapse .product-side-panel::after,
  body.sidebar-wave-expand .product-side-panel::after,
  body.sidebar-wave-collapse .product-side-panel > *,
  body.sidebar-wave-expand .product-side-panel > * { animation-delay: 30ms; }
body.sidebar-wave-collapse .support-side-panel::after,
  body.sidebar-wave-expand .support-side-panel::after,
  body.sidebar-wave-collapse .support-side-panel > *,
  body.sidebar-wave-expand .support-side-panel > * { animation-delay: 60ms; }
body.sidebar-wave-collapse .sidebar-legal::after,
  body.sidebar-wave-expand .sidebar-legal::after,
  body.sidebar-wave-collapse .sidebar-legal > *,
  body.sidebar-wave-expand .sidebar-legal > * { animation-delay: 90ms; }
body.sidebar-collapsed .account-avatar {
    transition: box-shadow 240ms ease, filter 240ms ease;
  }
body.sidebar-collapsed .account-summary:hover .account-avatar,
  body.sidebar-collapsed .account-summary.is-fluid-active .account-avatar {
    box-shadow: 0 0 0 1px var(--accent), 0 0 0 4px rgba(var(--accent-rgb),.16), 0 10px 28px rgba(var(--accent-rgb),.16);
    filter: saturate(1.04);
  }}
@keyframes drawer-dots-to-left {
  0% { opacity: 0; transform: translateX(42%) scaleX(.72); }
  28% { opacity: .9; }
  72% { opacity: .48; }
  100% { opacity: 0; transform: translateX(-42%) scaleX(1.08); }
}
@keyframes drawer-dots-to-right {
  0% { opacity: 0; transform: translateX(-42%) scaleX(.72); }
  28% { opacity: .9; }
  72% { opacity: .48; }
  100% { opacity: 0; transform: translateX(42%) scaleX(1.08); }
}
@keyframes drawer-fan-to-left {
  0%,100% { opacity: 1; transform: perspective(700px) translateX(0) rotateY(0) skewY(0); }
  34% { opacity: .78; transform: perspective(700px) translateX(-7px) rotateY(7deg) skewY(-1.2deg); }
  55% { opacity: .18; transform: perspective(700px) translateX(-13px) rotateY(12deg) skewY(-2deg); }
  72% { opacity: .7; transform: perspective(700px) translateX(4px) rotateY(-3deg) skewY(.5deg); }
}
@keyframes drawer-fan-to-right {
  0%,100% { opacity: 1; transform: perspective(700px) translateX(0) rotateY(0) skewY(0); }
  34% { opacity: .78; transform: perspective(700px) translateX(7px) rotateY(-7deg) skewY(1.2deg); }
  55% { opacity: .18; transform: perspective(700px) translateX(13px) rotateY(-12deg) skewY(2deg); }
  72% { opacity: .7; transform: perspective(700px) translateX(-4px) rotateY(3deg) skewY(-.5deg); }
}
#billingModal .modal-scroll-body,
#projectsModal .modal-scroll-body {
  border-radius: 28px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 18px), transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 18px), transparent 100%) !important;
  -webkit-mask-composite: initial;
  mask-composite: initial;
}
#billingModal .modal-scroll-card.is-header-compact .modal-scroll-body,
#projectsModal .modal-scroll-card.is-header-compact .modal-scroll-body {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 18px), transparent 100%) !important;
  mask-image: linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 18px), transparent 100%) !important;
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading h2,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading h2 {
  animation: final-modal-title-dock 560ms cubic-bezier(.2,.78,.22,1) both;
}
#billingModal .modal-scroll-card.is-header-expanding .modal-heading h2,
#projectsModal .modal-scroll-card.is-header-expanding .modal-heading h2 {
  animation: final-modal-title-undock 520ms cubic-bezier(.2,.78,.22,1) both;
}
@keyframes final-modal-title-dock {
  0% { left: 0; top: 30px; opacity: 1; filter: blur(0); transform: translate(0,0) scale(1); }
  38% { opacity: .72; filter: blur(1.6px); transform: translate(18px,-3px) scale(.96); }
  100% { left: 50%; top: 10px; opacity: 1; filter: blur(0); transform: translate(-50%,-50%) scale(1); }
}
@keyframes final-modal-title-undock {
  0% { left: 50%; top: 10px; opacity: 1; filter: blur(0); transform: translate(-50%,-50%) scale(1); }
  40% { opacity: .7; filter: blur(1.6px); transform: translate(-44%,-48%) scale(.96); }
  100% { left: 0; top: 30px; opacity: 1; filter: blur(0); transform: translate(0,0) scale(1); }
}
.modal-plans .plan-card.is-fluid-active {
  border-color: var(--accent) !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.modal-plans .plan-card.is-fluid-active::before,
.modal-plans .plan-card.is-fluid-active::after { box-shadow: none !important; }
body.sidebar-brand-hiding .sidebar-brand-full,
body.sidebar-brand-hiding .sidebar-compact-mark {
  opacity: 0 !important;
  transform: translate(-50%,-50%) scale(0) !important;
  transition-duration: 150ms !important;
}
body.sidebar-brand-appearing:not(.sidebar-collapsed) .sidebar-brand-full {
  display: block;
  opacity: 1;
  animation: final-brand-arrive-full 260ms cubic-bezier(.34,1.4,.64,1) both;
}
body.sidebar-brand-appearing.sidebar-collapsed .sidebar-compact-mark {
  display: block !important;
  opacity: 1;
  animation: final-brand-arrive-compact 260ms cubic-bezier(.34,1.4,.64,1) both;
}
@keyframes final-brand-arrive-full {
  0% { opacity: 0; transform: scale(0); }
  72% { opacity: 1; transform: scale(1.05); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes final-brand-arrive-compact {
  0% { opacity: 0; transform: translate(-50%,-50%) scale(0); }
  72% { opacity: 1; transform: translate(-50%,-50%) scale(1.08); }
  100% { opacity: 1; transform: translate(-50%,-50%) scale(1); }
}
#sidebarCollapse.liquid-control,
#sidebarCollapse.liquid-control.is-fluid-exiting,
body.sidebar-collapsed #sidebarCollapse.liquid-control,
body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting,
#sidebarLegalToggle.liquid-control,
#sidebarLegalToggle.liquid-control.is-fluid-exiting {
  --control-base: rgba(255,255,255,.9);
  --control-fluid: var(--accent);
  color: var(--ink);
  background-color: var(--control-base) !important;
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px)) !important;
  transition: --fluid-radius 360ms cubic-bezier(.2,.78,.22,1), color 140ms ease, box-shadow 220ms ease, opacity 140ms ease !important;
}
#sidebarCollapse.liquid-control.is-fluid-active,
body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active,
#sidebarLegalToggle.liquid-control.is-fluid-active {
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 14px 34px rgba(var(--accent-rgb),.18) !important;
}
#sidebarCollapse.liquid-control.is-fluid-active .collapse-glyph,
#sidebarCollapse.liquid-control.is-fluid-active .material-symbols-outlined,
#sidebarLegalToggle.liquid-control.is-fluid-active .material-symbols-outlined { color: #fff !important; }
body:not(.sidebar-collapsed) .sidebar-legal-link,
body:not(.sidebar-collapsed) .sidebar-legal-link.liquid-control,
body:not(.sidebar-collapsed) .sidebar-legal-link.liquid-control.is-fluid-active {
  min-height: 24px;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  color: var(--muted);
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
body:not(.sidebar-collapsed) .sidebar-legal-link:hover,
body:not(.sidebar-collapsed) .sidebar-legal-link.liquid-control.is-fluid-active { color: var(--accent) !important; }
body.sidebar-collapsed .sidebar-legal-menu .sidebar-legal-link.liquid-control {
  --control-base: rgba(255,255,255,.54);
  --control-fluid: var(--accent);
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 999px;
  background-color: var(--control-base);
}
body.sidebar-collapsed .sidebar-legal-menu .sidebar-legal-link.liquid-control.is-fluid-active {
  color: #fff;
  border-color: transparent;
}
body.sidebar-collapsed .sidebar-legal-menu .sidebar-legal-link.liquid-control {
  --control-base: rgba(255,255,255,.54);
  --control-fluid: var(--accent);
  background-color: var(--control-base) !important;
  background-image: radial-gradient(
    circle at var(--fluid-x) var(--fluid-y),
    var(--control-fluid) 0 var(--fluid-radius),
    transparent calc(var(--fluid-radius) + .75px)
  ) !important;
}
body.sidebar-collapsed .sidebar-legal-menu .sidebar-legal-link.liquid-control.is-fluid-active {
  color: #fff !important;
  border-color: transparent !important;
  background-color: var(--control-base) !important;
  background-image: radial-gradient(
    circle at var(--fluid-x) var(--fluid-y),
    var(--control-fluid) 0 var(--fluid-radius),
    transparent calc(var(--fluid-radius) + .75px)
  ) !important;
}
.brief-field .brief-counter {
  position: absolute;
  right: 14px;
  bottom: 9px;
  z-index: 4;
  color: rgba(20,20,22,.38);
  font-family: "IBM Plex Mono", monospace;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  pointer-events: none;
  transition: color 160ms ease;
}
.brief-title .brief-control { padding-right: 72px; }
.brief-description .brief-control { padding-bottom: 24px; }
.brief-description textarea.brief-control { resize: none; }
.brief-field.is-fluid-active .brief-counter { color: rgba(255,255,255,.62); }
@media (min-width: 1061px) {.product-sidebar { isolation: isolate; }
.sidebar-transition-wave {
    position: absolute;
    inset: 0;
    z-index: 30;
    display: block;
    overflow: hidden;
    border-radius: 30px;
    opacity: 0;
    pointer-events: none;
    transition: right 470ms cubic-bezier(.2,.78,.22,1), width 470ms cubic-bezier(.2,.78,.22,1), border-radius 470ms cubic-bezier(.2,.78,.22,1);
  }
body.sidebar-collapsed .sidebar-transition-wave { right: -70px; }
.sidebar-transition-wave::before {
    content: "";
    position: absolute;
    inset: -8% -48%;
    background-image: radial-gradient(circle, rgba(6,93,253,.7) 1.45px, transparent 1.9px);
    background-size: 8px 8px;
    opacity: 0;
    -webkit-mask-image: linear-gradient(90deg, transparent 12%, #000 39%, #000 61%, transparent 88%);
    mask-image: linear-gradient(90deg, transparent 12%, #000 39%, #000 61%, transparent 88%);
    will-change: transform, opacity;
  }
body.sidebar-wave-collapse .sidebar-transition-wave,
  body.sidebar-wave-expand .sidebar-transition-wave { opacity: 1; }
body.sidebar-wave-collapse .sidebar-transition-wave::before {
    animation: drawer-global-dots-left 890ms cubic-bezier(.2,.78,.22,1) both;
  }
body.sidebar-wave-expand .sidebar-transition-wave::before {
    animation: drawer-global-dots-right 890ms cubic-bezier(.2,.78,.22,1) both;
  }
body.sidebar-wave-collapse .account-side-panel::after,
  body.sidebar-wave-collapse .product-side-panel::after,
  body.sidebar-wave-collapse .support-side-panel::after,
  body.sidebar-wave-collapse .sidebar-legal::after,
  body.sidebar-wave-expand .account-side-panel::after,
  body.sidebar-wave-expand .product-side-panel::after,
  body.sidebar-wave-expand .support-side-panel::after,
  body.sidebar-wave-expand .sidebar-legal::after {
    content: none !important;
    animation: none !important;
  }
body.sidebar-wave-collapse .account-summary,
  body.sidebar-wave-collapse .product-side-panel > :not(.side-title),
  body.sidebar-wave-collapse .support-side-panel > *,
  body.sidebar-wave-collapse .sidebar-legal > * {
    animation: drawer-card-fold-left 820ms cubic-bezier(.2,.78,.22,1) both !important;
  }
body.sidebar-wave-expand .account-summary,
  body.sidebar-wave-expand .product-side-panel > :not(.side-title),
  body.sidebar-wave-expand .support-side-panel > *,
  body.sidebar-wave-expand .sidebar-legal > * {
    animation: drawer-card-fold-right 820ms cubic-bezier(.2,.78,.22,1) both !important;
  }
#sidebarCollapse.is-morphing,
  body.sidebar-collapsed #sidebarCollapse.is-morphing {
    opacity: 1 !important;
    animation: drawer-control-collapse 190ms cubic-bezier(.55,.02,.72,.38) both !important;
  }
#sidebarCollapse.is-morphing { transform: none !important; }
body.sidebar-collapsed #sidebarCollapse.is-morphing { transform: translateY(-50%) !important; }
#sidebarCollapse.is-appearing,
  body.sidebar-collapsed #sidebarCollapse.is-appearing {
    animation: drawer-control-bubble 300ms cubic-bezier(.2,1.5,.38,1) both !important;
  }
#sidebarCollapse.is-appearing { transform: none !important; }
body.sidebar-collapsed #sidebarCollapse.is-appearing { transform: translateY(-50%) !important; }}
@keyframes drawer-global-dots-left {
  0% { opacity: 0; transform: translateX(42%) scaleX(.7); }
  22% { opacity: .92; }
  68% { opacity: .58; }
  100% { opacity: 0; transform: translateX(-42%) scaleX(1.08); }
}
@keyframes drawer-global-dots-right {
  0% { opacity: 0; transform: translateX(-42%) scaleX(.7); }
  22% { opacity: .92; }
  68% { opacity: .58; }
  100% { opacity: 0; transform: translateX(42%) scaleX(1.08); }
}
@keyframes drawer-card-fold-left {
  0%,100% { opacity: 1; transform: perspective(900px) translateX(0) rotateY(0deg) skewY(0deg); }
  30% { opacity: .9; transform: perspective(900px) translateX(-5px) rotateY(5deg) skewY(-.7deg); }
  49% { opacity: .22; transform: perspective(900px) translateX(-11px) rotateY(10deg) skewY(-1.2deg); }
  68% { opacity: .82; transform: perspective(900px) translateX(3px) rotateY(-2deg) skewY(.25deg); }
}
@keyframes drawer-card-fold-right {
  0%,100% { opacity: 1; transform: perspective(900px) translateX(0) rotateY(0deg) skewY(0deg); }
  30% { opacity: .9; transform: perspective(900px) translateX(5px) rotateY(-5deg) skewY(.7deg); }
  49% { opacity: .22; transform: perspective(900px) translateX(11px) rotateY(-10deg) skewY(1.2deg); }
  68% { opacity: .82; transform: perspective(900px) translateX(-3px) rotateY(2deg) skewY(-.25deg); }
}
@keyframes drawer-control-collapse {
  0% { opacity: 1; scale: 1; filter: blur(0); }
  62% { opacity: .72; scale: .72; filter: blur(.2px); }
  100% { opacity: 0; scale: 0; filter: blur(1px); }
}
@keyframes drawer-control-bubble {
  0% { opacity: 0; scale: 0; filter: blur(1px); }
  66% { opacity: 1; scale: 1.12; filter: blur(0); }
  84% { scale: .96; }
  100% { opacity: 1; scale: 1; }
}
.profile-modal-card {
  width: min(510px, calc(100vw - 28px)) !important;
  max-height: min(790px, calc(100vh - 24px));
  padding: 10px !important;
  overflow: visible;
}
.profile-modal-card .profile-form { gap: 10px; }
.profile-cover-card {
  position: relative;
  min-height: 232px !important;
  padding-bottom: 42px !important;
  overflow: visible;
}
.profile-cover-card .profile-cover {
  --profile-cover: url("assets/templates/ozon-electronics.png");
  position: relative;
  height: 190px !important;
  padding: 18px !important;
  overflow: hidden;
  border-radius: 21px !important;
  background-color: var(--accent);
  background-image: var(--profile-cover);
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.34);
  transition: background-image 260ms ease, filter 260ms ease;
}
.profile-cover-card .profile-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(6,93,253,.46);
  pointer-events: none;
}
.profile-cover-card .profile-cover > img {
  position: relative;
  z-index: 2;
  width: 142px !important;
  margin-left: auto;
  filter: brightness(0) invert(1);
}
.cover-edit,
.avatar-edit {
  position: absolute;
  z-index: 8;
  display: grid;
  place-items: center;
  padding: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: #151516;
  box-shadow: 0 8px 20px rgba(20,20,22,.16);
  cursor: pointer;
  transition: transform 180ms cubic-bezier(.23,1,.32,1), background-color 180ms ease;
}
.cover-edit:hover,
.avatar-edit:hover { transform: scale(1.08); background: var(--accent); }
.cover-edit { right: 14px; bottom: 14px; width: 31px; height: 31px; }
.cover-edit .material-symbols-outlined,
.avatar-edit .material-symbols-outlined { font-size: 15px; }
.profile-cover-card .avatar-picker-current {
  position: absolute;
  left: 22px;
  bottom: 0;
  z-index: 7;
  width: 108px !important;
  height: 108px !important;
  padding: 5px !important;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 14px 32px rgba(20,20,22,.17);
}
.profile-cover-card .avatar-picker-current > img {
  width: 98px !important;
  height: 98px !important;
  border-radius: 50%;
  object-fit: cover;
}
.profile-cover-card .avatar-edit { right: -3px; bottom: 2px; width: 32px; height: 32px; }
.avatar-picker-popover,
.cover-picker-popover {
  position: absolute;
  z-index: 6;
  display: block !important;
  padding: 7px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.8);
  background: rgba(245,246,248,.84);
  box-shadow: 0 18px 42px rgba(20,20,22,.15);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(.88);
  transition: opacity 180ms ease, transform 260ms cubic-bezier(.2,1.3,.38,1), visibility 180ms;
}
.avatar-picker-popover.is-open,
.cover-picker-popover.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); }
.avatar-picker-popover {
  left: -81px;
  bottom: -1px;
  z-index: 9;
  width: 310px;
  border-radius: 999px;
  transform-origin: 50% 50%;
}
.avatar-picker-options,
.cover-picker-options {
  display: flex;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.avatar-picker-options::-webkit-scrollbar,
.cover-picker-options::-webkit-scrollbar { display: none; }
.avatar-picker-options { gap: 10px; padding-inline: 112px; }
.avatar-option {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px;
  padding: 0;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 50%;
  background: #fff;
  scroll-snap-align: center;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(.23,1,.32,1), border-color 180ms ease;
}
.avatar-option:hover { transform: scale(1.08); }
.avatar-option.active { opacity: 0; transform: scale(.82); pointer-events: none; }
.avatar-option img { width: 100%; height: 100%; object-fit: cover; }
.cover-picker-popover {
  top: 35px;
  left: 50%;
  width: min(430px, calc(100% - 28px));
  border-radius: 17px;
  transform: translateX(-50%) scale(.9);
  transform-origin: 50% 50%;
}
.cover-picker-popover.is-open { transform: translateX(-50%) scale(1); }
.cover-picker-options { gap: 9px; padding-inline: 136px; }
.cover-option {
  width: 128px;
  height: 70px;
  flex: 0 0 128px;
  border: 2px solid transparent;
  border-radius: 13px;
  background-image: var(--cover-preview);
  background-position: center;
  background-size: cover;
  scroll-snap-align: center;
  transition: transform 220ms cubic-bezier(.23,1,.32,1), border-color 180ms ease, opacity 180ms ease;
}
.cover-option:hover { transform: scale(1.035); }
.cover-option.active { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.14); }
.avatar-picker-popover.is-selecting,
.cover-picker-popover.is-selecting { pointer-events: none; }
.profile-summary-card {
  position: relative;
  display: grid;
  gap: 11px !important;
  padding: 7px 14px 13px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.profile-summary-card .profile-name-line {
  grid-template-columns: minmax(0,1fr) minmax(210px,240px) !important;
  gap: 26px !important;
}
.profile-summary-card h2 { display: grid; font-size: 25px !important; font-weight: 800; }
.profile-summary-card h2 > * { grid-area: 1 / 1; }
.profile-identity-copy { min-width: 0; display: grid; gap: 2px; }
.profile-name-trigger,
.profile-public-id {
  width: max-content;
  max-width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-align: left;
}
.profile-name-trigger {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: color 180ms ease, transform 180ms cubic-bezier(.23,1,.32,1);
}
.profile-name-trigger:hover { color: var(--accent); transform: translateY(-1px); }
.profile-name-trigger.is-editing { opacity: 0; pointer-events: none; }
.profile-name-input {
  display: none;
  width: min(250px, 100%);
  min-height: 34px;
  margin: 0;
  padding: 0 8px;
  border: 1px solid rgba(var(--accent-rgb),.34);
  border-radius: 9px;
  font: inherit;
  font-weight: inherit;
  background: rgba(255,255,255,.82);
  outline: none;
}
.profile-name-input.is-editing { display: inline-block; }
.profile-public-id {
  color: var(--muted);
  font-family: "IBM Plex Mono", monospace;
  font-size: 9px;
  letter-spacing: 0;
  transition: color 160ms ease;
}
.profile-public-id:hover { color: var(--accent); }
.profile-summary-card .achievement-rail {
  max-width: 240px;
  gap: 8px;
  padding: 4px 2px;
  overflow-x: auto;
  scrollbar-width: none;
}
.profile-summary-card .achievement-rail::-webkit-scrollbar { display: none; }
.achievement {
  width: 24px !important;
  min-width: 24px !important;
  height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: transform 180ms cubic-bezier(.23,1,.32,1), color 180ms ease;
}
.achievement:hover { transform: scale(1.18); }
.achievement i { font-size: 18px !important; }
.achievement b { width: 4px; height: 4px; }
.achievement.unlocked b,
.achievement.featured b { visibility: visible !important; background: var(--accent) !important; }
.achievement.featured { color: var(--accent); }
.achievement-popover {
  position: absolute;
  top: 48px;
  right: 14px;
  z-index: 12;
  width: min(245px, calc(100% - 28px));
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 13px;
  color: #fff;
  background: rgba(6,93,253,.94);
  box-shadow: 0 14px 34px rgba(var(--accent-rgb),.22);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px) scale(.96);
  transition: opacity 170ms ease, transform 220ms cubic-bezier(.23,1,.32,1), visibility 170ms;
}
.achievement-popover.is-open { opacity: 1; visibility: visible; transform: none; }
.achievement-popover strong { font-size: 11px; }
.achievement-popover span { font-size: 10px; line-height: 1.4; opacity: .82; }
.profile-details-row {
  display: grid;
  grid-template-columns: minmax(0,1.38fr) minmax(0,1fr);
  align-items: stretch;
  padding-top: 8px;
  border-top: 1px solid rgba(20,20,22,.08);
}
.profile-summary-card .profile-usage {
  display: flex !important;
  gap: 0 !important;
  padding: 0;
  border: 0;
}
.profile-summary-card .profile-usage span {
  min-height: 0 !important;
  flex: 1;
  display: grid;
  justify-items: center;
  grid-template-rows: 22px 14px;
  align-content: center;
  gap: 1px;
  padding: 2px 10px !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: center;
}
.profile-summary-card .profile-usage span + span { border-left: 1px solid rgba(20,20,22,.08); }
.profile-summary-card .profile-usage strong { font-size: 17px; line-height: 22px; }
.profile-summary-card .profile-usage small { line-height: 14px; }
.profile-email {
  min-width: 0;
  display: grid;
  grid-template-rows: 22px 14px;
  align-content: center;
  justify-items: center;
  gap: 2px;
  padding: 2px 10px;
  border-left: 1px solid rgba(20,20,22,.08);
}
.profile-email small { color: var(--muted); font-size: 9px; line-height: 14px; }
.profile-email-copy {
  width: 100%;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: var(--ink);
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  font: 700 17px/22px "Manrope", sans-serif;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 160ms ease, transform 180ms cubic-bezier(.23,1,.32,1);
}
.profile-email-copy:hover { color: var(--accent); transform: translateY(-1px); }
.profile-name-trigger.liquid-control.is-fluid-active,
.profile-name-trigger.liquid-control.is-fluid-exiting,
.profile-public-id.liquid-control.is-fluid-active,
.profile-public-id.liquid-control.is-fluid-exiting,
.profile-email-copy.liquid-control.is-fluid-active,
.profile-email-copy.liquid-control.is-fluid-exiting {
  color: var(--accent) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.profile-name-input,
.profile-name-input:focus {
  color: var(--accent) !important;
  caret-color: var(--accent);
}
.profile-name-input::selection { color: var(--accent); background: transparent; }
@media (min-width: 1061px) {body:not(.sidebar-collapsed) .account-side-panel {
    --fluid-radius: 0px;
    --control-fluid: var(--accent);
    overflow: hidden;
    border-radius: 28px;
    background-color: rgba(255,255,255,.38);
    background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px));
    background-repeat: no-repeat;
    transition: --fluid-radius 560ms cubic-bezier(.16,1,.3,1), box-shadow 220ms ease;
  }
body:not(.sidebar-collapsed) .account-side-panel:has(.account-summary.is-fluid-active) {
    --fluid-radius: var(--fluid-max);
    box-shadow: 0 16px 38px rgba(var(--accent-rgb),.16);
  }
body:not(.sidebar-collapsed) .account-summary.liquid-control,
  body:not(.sidebar-collapsed) .account-summary.liquid-control.is-fluid-active,
  body:not(.sidebar-collapsed) .account-summary.liquid-control.is-fluid-exiting {
    background: transparent !important;
    background-image: none !important;
  }
body.sidebar-wave-collapse .sidebar-legal,
  body.sidebar-wave-expand .sidebar-legal {
    overflow: visible !important;
    isolation: auto !important;
    background: transparent !important;
    box-shadow: none !important;
  }
body.sidebar-wave-collapse #sidebarLegalToggle,
  body.sidebar-wave-expand #sidebarLegalToggle {
    overflow: visible !important;
    border-radius: 50% !important;
    background-clip: padding-box !important;
    box-shadow: 0 12px 32px rgba(20,20,22,.09) !important;
  }}
.auth-forgot {
  width: max-content;
  margin: 2px 2px 0 auto;
  padding: 0;
  border: 0;
  color: var(--muted);
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  font: 600 10px "Manrope", sans-serif;
  transition: color 160ms ease;
}
.auth-forgot:hover { color: var(--accent); }
.auth-forgot-back { margin: 2px auto 0; }
.profile-modal-card .form-grid { gap: 7px; }
.profile-modal-card .form-grid label { font-size: 10px; }
.profile-modal-card .form-grid input { min-height: 46px; border-radius: 15px; }
.profile-modal-card .account-security { gap: 2px; }
.profile-modal-card .account-security .side-action { min-height: 42px; }
.profile-modal-card .account-security .side-action,
.profile-modal-card .account-security .side-action:hover,
.profile-modal-card .account-security .side-action:focus-visible,
.profile-modal-card .account-security .side-action.liquid-control.is-fluid-active,
.profile-modal-card .account-security .side-action.liquid-control.is-fluid-entering,
.profile-modal-card .account-security .side-action.liquid-control.is-fluid-exiting {
  box-shadow: none !important;
}
.profile-modal-card .modal-form-footer .btn { min-height: 48px; }
body.sidebar-transitioning .sidebar-legal-menu {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(-8px) scale(.96) !important;
}
#uploadAction {
  padding: 0;
  border: 0;
  transition: transform 180ms cubic-bezier(.23,1,.32,1), background-color 200ms ease, color 160ms ease !important;
}
#uploadAction > .material-symbols-outlined { font-size: 22px; }
#uploadAction.is-reset,
#uploadAction.is-reset.liquid-control,
.upload-stage.is-fluid-active #uploadAction.is-reset,
#uploadAction.is-reset.liquid-control.is-fluid-exiting {
  --control-base: #151516;
  --control-fluid: #d92d42;
  color: #fff !important;
  border-color: transparent !important;
  background-color: #151516 !important;
  background-image: none !important;
  box-shadow: none !important;
}
#uploadAction.is-reset:hover,
#uploadAction.is-reset.liquid-control.is-fluid-active {
  color: #fff !important;
  background-color: #d92d42 !important;
  background-image: none !important;
  transform: scale(1.045);
}
#uploadAction.is-reset:active { transform: scale(.92); }
.brief-field { isolation: isolate; }
.brief-field::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: #e7e7e4;
  pointer-events: none;
  visibility: hidden;
  clip-path: circle(3px at var(--restore-x, 50%) var(--restore-y, 50%));
  transition: none;
  will-change: clip-path;
}
.brief-field > span,
.brief-field > .brief-control { position: relative; z-index: 2; }
.brief-field > .brief-counter { z-index: 4; }
.brief-field.is-restoring::after {
  visibility: visible;
  clip-path: circle(var(--restore-radius, 320px) at var(--restore-x, 50%) var(--restore-y, 50%));
  transition: clip-path 1350ms cubic-bezier(.36,.05,.18,1), visibility 0s;
}
.brief-field.is-input-active,
.brief-field.is-fluid-active.is-input-active {
  border-color: rgba(20,20,22,.08) !important;
  background-color: #e7e7e4 !important;
  background-image: none !important;
}
.brief-field.is-restoring > span,
.brief-field.is-restoring > .brief-control,
.brief-field.is-fluid-active.is-input-active > span,
.brief-field.is-fluid-active.is-input-active > .brief-control {
  color: var(--ink) !important;
}
.brief-field.is-restoring > span,
.brief-field.is-restoring > .brief-control { transition-delay: 180ms; }
.brief-field.is-restoring .brief-control::placeholder,
.brief-field.is-fluid-active.is-input-active .brief-control::placeholder { color: rgba(20,20,22,.48) !important; }
.brief-field.is-restoring .brief-counter,
.brief-field.is-fluid-active.is-input-active .brief-counter { color: rgba(20,20,22,.38) !important; }
@media (min-width: 1061px) {body.sidebar-collapsed .sidebar-legal:not(.is-open) .sidebar-legal-menu,
  body.sidebar-transitioning .sidebar-legal-menu,
  body.sidebar-wave-collapse .sidebar-legal-menu,
  body.sidebar-wave-expand .sidebar-legal-menu {
    display: none !important;
  }
body.sidebar-collapsed .sidebar-legal.is-open .sidebar-legal-menu {
    display: flex !important;
    animation: compact-legal-in 220ms cubic-bezier(.23,1,.32,1) both;
  }}
@keyframes compact-legal-in {
  from { opacity: 0; transform: translateX(-8px) scale(.96); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}
.product-sidebar .side-link[data-mode="video"].is-fluid-active .side-badge,
.product-sidebar .side-link[data-mode="video"]:hover .side-badge {
  color: var(--accent) !important;
  background: rgba(255,255,255,.94) !important;
}
.idea-template-copy {
  align-self: stretch;
  display: flex !important;
  align-items: center;
  gap: 0 !important;
}
.idea-template-copy strong { line-height: 1.25; }
.product-sidebar .side-link.active,
.product-sidebar .side-link.active:hover,
.product-sidebar .side-link.active.liquid-control,
.product-sidebar .side-link.active.liquid-control.is-fluid-active,
.product-sidebar .side-link.active.liquid-control.is-fluid-exiting {
  left: auto !important;
  translate: none !important;
  transform: none !important;
}
.product-sidebar .side-link.active,
.product-sidebar .side-link.active:hover,
.product-sidebar .side-link.active.is-inert-hover,
.product-sidebar .side-link.active.liquid-control,
.product-sidebar .side-link.active.liquid-control.is-fluid-active,
.product-sidebar .side-link.active.liquid-control.is-fluid-exiting {
  --fluid-radius: 0px !important;
  --control-base: #151516 !important;
  --control-fluid: #151516 !important;
  color: #fff !important;
  border-color: transparent !important;
  background-color: #151516 !important;
  background-image: none !important;
  box-shadow: none !important;
  translate: none !important;
  transform: none !important;
}
body.cursor-active-nav #custom-cursor,
body:has(.product-sidebar .side-link.active:hover) #custom-cursor {
  --cursor-size: 16px !important;
  --cursor-fill: #fff !important;
  --cursor-border: rgba(255,255,255,.72) !important;
  --cursor-shadow: none !important;
}
@media (max-width: 620px) {.profile-modal-card { width: calc(100vw - 18px) !important; max-height: calc(100vh - 12px); }
.profile-cover-card .profile-cover { height: 170px !important; }
.profile-cover-card { min-height: 214px !important; }
.profile-cover-card .avatar-picker-current { left: 16px; width: 96px !important; height: 96px !important; }
.profile-cover-card .avatar-picker-current > img { width: 86px !important; height: 86px !important; }
.avatar-picker-popover { left: -96px; width: min(300px, calc(100vw - 34px)); }
.profile-summary-card .profile-name-line { grid-template-columns: 1fr !important; }
.profile-summary-card .achievement-rail { justify-content: flex-start; max-width: 100%; }
.profile-details-row { grid-template-columns: 1fr; gap: 8px; }
.profile-email { padding-top: 8px; border-top: 1px solid rgba(20,20,22,.08); border-left: 0; }
.profile-modal-card .form-grid { grid-template-columns: 1fr; }}
.cover-option {
  width: 78px !important;
  flex: 0 0 78px !important;
  opacity: .74;
  background-size: cover;
  background-position: center;
  transform: translateY(26px) scale(.86);
  transition: flex-basis 380ms cubic-bezier(.2,.78,.22,1), width 380ms cubic-bezier(.2,.78,.22,1), transform 380ms cubic-bezier(.2,.78,.22,1), opacity 220ms ease !important;
}
.cover-option.active {
  width: 100% !important;
  flex-basis: 100% !important;
  opacity: 0 !important;
  transform: translateY(0) scale(1) !important;
}
.cover-picker-options,
.avatar-picker-options { touch-action: pan-y; cursor: grab; }
@keyframes picker-confirm-arrive {
  0% { opacity: 0; scale: .25; }
  72% { opacity: 1; scale: 1.12; }
  100% { opacity: 1; scale: 1; }
}
@media (max-width: 620px) {.cover-option { width: 58px !important; flex-basis: 58px !important; }
.cover-option.active { width: 100% !important; flex-basis: 100% !important; }}
.profile-modal-card,
.profile-modal-card .profile-form,
.profile-cover-card { overflow: visible !important; }
.avatar-picker-popover,
.cover-picker-popover {
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.cover-picker-popover {
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  height: 190px;
  transform: scale(.96) !important;
}
.cover-picker-popover.is-open { transform: scale(1) !important; }
.cover-picker-options {
  width: 100% !important;
  height: 190px;
  gap: 18px !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  will-change: transform;
}
.cover-option {
  width: 100% !important;
  height: 190px !important;
  flex: 0 0 100% !important;
  border: 0 !important;
  border-radius: 21px !important;
  box-shadow: 0 20px 46px rgba(20,20,22,.18);
  opacity: .82;
  transform: scale(.92);
}
.cover-option:hover { opacity: 1; transform: scale(.95); }
.cover-option.active {
  opacity: 0 !important;
  pointer-events: none;
  box-shadow: none !important;
}
.avatar-picker-popover {
  left: 22px !important;
  right: auto !important;
  bottom: 0 !important;
  width: 108px !important;
  height: 108px;
  transform: scale(.9) !important;
}
.avatar-picker-popover.is-open { transform: scale(1) !important; }
.avatar-picker-options {
  width: 108px !important;
  height: 108px;
  gap: 16px !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  will-change: transform;
}
.avatar-option {
  width: 108px !important;
  height: 108px !important;
  flex: 0 0 108px !important;
  border: 5px solid #fff !important;
  box-shadow: 0 16px 36px rgba(20,20,22,.18);
  opacity: .86;
  transform: scale(.9);
}
.avatar-option:hover { opacity: 1; transform: scale(.96); }
.avatar-option.active {
  opacity: 0 !important;
  pointer-events: none;
  box-shadow: none !important;
}
.cover-picker-popover.is-selecting,
.avatar-picker-popover.is-selecting { opacity: 1; }
@media (max-width: 620px) {.cover-picker-popover,
  .cover-picker-options,
  .cover-option { height: 170px !important; }
.avatar-picker-popover { left: 16px !important; width: 96px !important; height: 96px; }
.avatar-picker-options { width: 96px !important; height: 96px; }
.avatar-option { width: 96px !important; height: 96px !important; flex-basis: 96px !important; }}
body:not(.sidebar-collapsed) .support-side-panel {
  display: grid;
  align-content: center;
}
body:not(.sidebar-collapsed) .support-side-panel .side-nav { gap: 6px; }
.upload-stage.is-fluid-active,
.brief-field.is-fluid-active {
  border-color: var(--accent) !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.upload-stage.is-fluid-active::before,
.upload-stage.is-fluid-active::after,
.brief-field.is-fluid-active::before,
.brief-field.is-fluid-active::after { box-shadow: none !important; }
#billingModal .modal-heading h2,
#projectsModal .modal-heading h2,
#billingModal .modal-scroll-card.is-header-compact .modal-heading h2,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading h2,
#billingModal .modal-scroll-card.is-header-expanding .modal-heading h2,
#projectsModal .modal-scroll-card.is-header-expanding .modal-heading h2 {
  animation: none !important;
  transition: none !important;
}
#billingModal .modal-scroll-card.is-header-compact .modal-heading h2,
#projectsModal .modal-scroll-card.is-header-compact .modal-heading h2 {
  left: 50%;
  top: 10px;
  transform: translate(-50%,-50%);
}
#billingModal .modal-scroll-card:not(.is-header-compact) .modal-heading h2,
#projectsModal .modal-scroll-card:not(.is-header-compact) .modal-heading h2 {
  left: 0;
  top: 30px;
  transform: none;
}
.cover-picker-options { touch-action: pan-y; cursor: grab; }
.avatar-picker-options { touch-action: pan-y; cursor: grab; }
.cover-picker-options:active,
.avatar-picker-options:active { cursor: grabbing; }
.cover-option,
.cover-picker-options .cover-option {
  width: 78px !important;
  flex: 0 0 78px !important;
  opacity: .74;
  background-size: cover;
  background-position: center;
  transform: translateY(26px) scale(.86);
  transition: flex-basis 380ms cubic-bezier(.2,.78,.22,1), width 380ms cubic-bezier(.2,.78,.22,1), transform 380ms cubic-bezier(.2,.78,.22,1), opacity 220ms ease !important;
}
.cover-option[data-distance="-1"],
.cover-option[data-distance="1"] { opacity: .9; transform: translateY(14px) scale(.94); }
.cover-option[data-distance="-2"],
.cover-option[data-distance="2"] { opacity: .48; transform: translateY(38px) scale(.78); }
.cover-option.active,
.cover-picker-options .cover-option.active {
  width: 100% !important;
  flex: 0 0 100% !important;
  opacity: 0 !important;
  transform: translateY(0) scale(1) !important;
}
.cover-edit.is-confirm,
.avatar-edit.is-confirm {
  z-index: 12;
  color: #fff;
  background: var(--accent);
  animation: picker-confirm-arrive 260ms cubic-bezier(.2,1.4,.38,1) both;
}
.cover-edit.is-confirm .material-symbols-outlined,
.avatar-edit.is-confirm .material-symbols-outlined { font-size: 18px; }
@media (max-width: 620px) {.cover-option,
  .cover-picker-options .cover-option { width: 58px !important; flex-basis: 58px !important; }
.cover-option.active,
  .cover-picker-options .cover-option.active { width: 100% !important; flex-basis: 100% !important; }}
.cover-picker-options,
.avatar-picker-options {
  position: absolute;
  inset: 0;
  display: block !important;
  overflow: visible !important;
  transform: none !important;
  touch-action: pan-y;
  user-select: none;
  z-index: 2;
}
.cover-option,
.avatar-option {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  will-change: width, height, transform;
}
.cover-option,
.cover-option:hover,
.cover-option.active,
.cover-picker-options .cover-option.active {
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: 0 18px 42px rgba(20,20,22,.16) !important;
  transition: box-shadow 180ms ease, border-color 180ms ease !important;
}
.avatar-option,
.avatar-option:hover,
.avatar-option.active {
  opacity: 1 !important;
  pointer-events: auto !important;
  border: 5px solid #fff !important;
  box-shadow: 0 14px 34px rgba(20,20,22,.16) !important;
  transition: box-shadow 180ms ease, border-color 180ms ease !important;
}
.cover-option.active,
.avatar-option.active {
  border-color: var(--accent) !important;
  animation: picker-selected-pulse 1.8s ease-in-out infinite;
}
@keyframes picker-selected-pulse {
  0%,100% { filter: drop-shadow(0 0 1px rgba(var(--accent-rgb),.8)); }
  50% { filter: drop-shadow(0 0 7px rgba(var(--accent-rgb),.42)); }
}
.cover-picker-popover::after,
.avatar-picker-popover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 2px solid rgba(20,20,22,.18);
  pointer-events: none;
  transform: scale(1);
  transition: border-color 220ms ease, box-shadow 220ms ease;
}
.cover-picker-popover::after { border-radius: 21px; }
.avatar-picker-popover::after { border-radius: 50%; }
.cover-picker-popover.is-moving::after,
.avatar-picker-popover.is-moving::after {
  border-color: rgba(20,20,22,.22);
  transform: none;
}
.cover-picker-popover.is-snapped::after,
.avatar-picker-popover.is-snapped::after {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(var(--accent-rgb),.12);
  animation: picker-frame-lock 420ms ease-out both;
}
@keyframes picker-frame-lock {
  0% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb),0); }
  55% { box-shadow: 0 0 0 6px rgba(var(--accent-rgb),.16); }
  100% { box-shadow: 0 0 0 4px rgba(var(--accent-rgb),.12); }
}
.profile-cover.is-picker-editing {
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.profile-cover.is-picker-editing::after,
.profile-cover.is-picker-editing > img { opacity: 0 !important; }
.avatar-picker-current.is-picker-editing {
  background: transparent !important;
  box-shadow: none !important;
}
.avatar-picker-current.is-picker-editing > img { opacity: 0 !important; }
.cover-edit,
.avatar-edit,
.cover-edit:hover,
.avatar-edit:hover {
  border: 0 !important;
  color: var(--ink);
  background-color: #fff;
  box-shadow: 0 10px 26px rgba(20,20,22,.14);
  transform: none;
}
.cover-edit.liquid-control,
.avatar-edit.liquid-control {
  --control-base: #fff;
  --control-fluid: var(--accent);
  background-color: var(--control-base) !important;
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px)) !important;
}
.cover-edit.liquid-control.is-fluid-active,
.avatar-edit.liquid-control.is-fluid-active { color: #fff !important; }
.cover-edit:active,
.avatar-edit:active { scale: .9; }
@media (min-width: 1061px) {body.sidebar-collapsed .account-side-panel,
  body.sidebar-collapsed .account-summary,
  body.sidebar-collapsed .account-summary:hover,
  body.sidebar-collapsed .account-summary.liquid-control,
  body.sidebar-collapsed .account-summary.liquid-control.is-fluid-active {
    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    border-radius: 22px !important;
  }
body.sidebar-collapsed .account-avatar {
    width: 54px !important;
    height: 54px !important;
    border-radius: 17px !important;
  }}
.profile-summary-card .profile-name-line { align-items: center !important; }
.profile-summary-card h2 { line-height: 34px !important; }
.profile-summary-card .achievement-rail {
  min-height: 38px;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 6px 8px !important;
  margin: -6px -8px !important;
  scroll-padding-inline: 8px;
}
.profile-summary-card .achievement:first-child { margin-left: 2px; }
.profile-modal-card .modal-corner-actions,
.profile-modal-card .modal-close {
  z-index: 80 !important;
  pointer-events: auto !important;
}
.modal-shell > .toast { z-index: 120 !important; }
.project-nav-control { position: relative; }
.project-nav-control .project-nav-badge { margin-left: auto; }
.project-nav-badge { min-width: 17px; height: 17px; padding: 0 4px; display: inline-grid; place-items: center; border-radius: 999px; background: var(--accent); color: #fff; font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 700; line-height: 1; }
.project-nav-badge.is-loading { background: #151518; }
.project-nav-badge.is-loading .material-symbols-outlined { font-size: 12px; animation: project-badge-spin 1s linear infinite; }
.project-nav-badge.is-ready { animation: project-badge-pop 360ms cubic-bezier(.2,1.45,.3,1) both; }
.project-nav-badge.is-ready .material-symbols-outlined { font-size: 12px; }
.project-card-heading h3 button { max-width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.project-actions { display: inline-flex; align-items: center; gap: 3px; }
.project-actions .project-icon-action { width: 28px; height: 28px; }
.project-flight { position: fixed; z-index: 1000; width: 28px; height: 28px; border-radius: 10px; background: var(--accent); box-shadow: 0 0 0 8px rgba(var(--accent-rgb),.12); pointer-events: none; animation: project-flight 670ms cubic-bezier(.22,.9,.25,1) both; }
.project-viewer[open] { position: fixed; z-index: 900; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: clamp(14px, 3vw, 40px); border: 0; background: rgba(20,23,30,.24); backdrop-filter: blur(16px); }
.project-viewer::backdrop { background: rgba(20,23,30,.24); backdrop-filter: blur(16px); }
.project-viewer-card { width: min(1120px, 100%); height: 100%; margin: auto; display: grid; grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; border: 1px solid rgba(255,255,255,.88); border-radius: 30px; background: rgba(247,248,251,.96); box-shadow: 0 28px 80px rgba(18,22,34,.28); }
.project-viewer-header { min-height: 68px; padding: 12px 14px; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 12px; align-items: center; border-bottom: 1px solid rgba(18,19,24,.08); }
.project-viewer-close { width: 42px; height: 42px; border: 0; border-radius: 50%; background: #fff; color: #151518; }
.project-viewer-name { min-width: 0; text-align: center; }
.project-viewer-name button, .project-viewer-name input { max-width: 100%; border: 0; background: transparent; color: #151518; font: 700 clamp(16px, 2vw, 23px)/1.2 Manrope, sans-serif; text-align: center; }
.project-viewer-name input { width: min(100%, 420px); padding: 7px 12px; border-radius: 12px; background: #fff; outline: 2px solid rgba(var(--accent-rgb),.24); }
.project-viewer-save-title { min-height: 40px; padding: 0 14px; border: 0; border-radius: 13px; background: var(--accent); color: #fff; font-weight: 800; }
.project-viewer-media { min-height: 0; padding: 22px; display: flex; gap: 16px; align-items: center; justify-content: center; overflow: auto; scrollbar-width: none; }
.project-viewer-media::-webkit-scrollbar { display: none; }
.project-viewer-media img { max-width: min(100%, 760px); max-height: 100%; border-radius: 18px; object-fit: contain; box-shadow: 0 24px 50px rgba(18,22,34,.2); }
.project-viewer-actions { padding: 13px 16px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; border-top: 1px solid rgba(18,19,24,.08); }
.project-viewer-actions button { min-height: 42px; padding: 0 14px; display: inline-flex; align-items: center; gap: 6px; border: 0; border-radius: 14px; background: #151518; color: #fff; font-weight: 800; }
.project-viewer-actions button.is-danger { background: #fff0f2; color: #c5273c; }
.credit-button.is-free::after { content: "Бесплатно"; margin-left: 5px; color: var(--accent); font: 700 10px/1 "IBM Plex Mono", monospace; }
.desktop-project-toolbar { display: inline-flex; align-items: center; gap: 6px; margin-right: 64px; }
.desktop-project-toolbar .icon-button { width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(18,19,24,.06); color: #151518; }
.desktop-project-toolbar .icon-button.is-active { background: var(--accent); color: #fff; }
@media (min-width: 1061px) {#projectsModal .desktop-project-toolbar { position: absolute; z-index: 4; top: 20px; right: 66px; margin: 0; }
#projectsModal .modal-scroll-card.is-header-compact .desktop-project-toolbar { opacity: 0; transform: translateY(-5px); pointer-events: none; transition: opacity 140ms ease, transform 140ms ease; }}
.auth-dialog { position: relative; margin-top: 42px !important; }
.auth-brand-mark { position: absolute; z-index: 2; top: -42px; left: 50%; width: 124px; transform: translateX(-50%); pointer-events: none; }
@media (min-width: 1061px) {body.product-layout, body:has(.product-layout) { overflow: hidden; }
.generator-main { overflow: hidden; }}
.profile-modal-card { isolation: isolate; }
.profile-transition-wave {
  --wave-x: 50%;
  --wave-y: 50%;
  position: absolute;
  z-index: 70;
  inset: 0;
  clip-path: inset(0 round 28px);
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at var(--wave-x) var(--wave-y), rgba(6,93,253,.12), transparent 34%);
}
.profile-transition-wave::before,
.profile-transition-wave::after {
  content: "";
  position: absolute;
  left: var(--wave-x);
  top: var(--wave-y);
  width: 1500px;
  height: 1500px;
  border-radius: 50%;
  background-image: radial-gradient(circle, rgba(6,93,253,.9) 0 1.55px, transparent 1.95px);
  background-size: 11px 11px;
  -webkit-mask-image: radial-gradient(circle, transparent 0 35%, #000 41%, #000 49%, transparent 57%);
  mask-image: radial-gradient(circle, transparent 0 35%, #000 41%, #000 49%, transparent 57%);
  opacity: 0;
  transform: translate(-50%,-50%) scale(.025) rotate(-3deg);
  will-change: transform, opacity;
}
.profile-transition-wave::after {
  width: 1660px;
  height: 1660px;
  background-image: radial-gradient(circle, rgba(6,93,253,.58) 0 1px, transparent 1.45px);
  background-size: 8px 8px;
  -webkit-mask-image: radial-gradient(circle, transparent 0 39%, #000 43%, #000 51%, transparent 60%);
  mask-image: radial-gradient(circle, transparent 0 39%, #000 43%, #000 51%, transparent 60%);
}
.profile-transition-wave.is-active {
  opacity: 1;
  animation: profile-wave-veil 980ms ease-out both;
}
.profile-transition-wave.is-active::before { animation: profile-wave-front 940ms cubic-bezier(.18,.72,.2,1) both; }
.profile-transition-wave.is-active::after { animation: profile-wave-tail 1020ms cubic-bezier(.16,.7,.2,1) 70ms both; }
.profile-transition-wave.is-closing::before { animation-direction: reverse; }
.profile-transition-wave.is-closing::after { animation-direction: reverse; }
@keyframes profile-wave-front {
  0% { opacity: 0; transform: translate(-50%,-50%) scale(.02) rotate(-4deg); }
  14% { opacity: .92; }
  68% { opacity: .76; }
  100% { opacity: 0; transform: translate(-50%,-50%) scale(1.08) rotate(2deg); }
}
@keyframes profile-wave-tail {
  0% { opacity: 0; transform: translate(-50%,-50%) scale(.015) rotate(3deg); }
  20% { opacity: .62; }
  72% { opacity: .38; }
  100% { opacity: 0; transform: translate(-50%,-50%) scale(1.12) rotate(-1deg); }
}
@keyframes profile-wave-veil {
  0%,100% { background-color: rgba(6,93,253,0); }
  42% { background-color: rgba(6,93,253,.025); }
}
.cover-option.active,
.cover-picker-options .cover-option.active {
  border: 0 !important;
  animation: none !important;
  filter: none !important;
}
.avatar-option.active {
  border-color: #fff !important;
  animation: none !important;
  filter: none !important;
}
.cover-picker-popover::after,
.avatar-picker-popover::after { z-index: 1; transform: none !important; }
.cover-picker-popover.is-moving::after,
.avatar-picker-popover.is-moving::after {
  z-index: 1;
  border-color: rgba(20,20,22,.2) !important;
  box-shadow: none !important;
  animation: none !important;
}
.cover-picker-popover.is-snapped::after,
.avatar-picker-popover.is-snapped::after { z-index: 40; }
.profile-form { position: relative; }
.profile-picker-save {
  position: absolute;
  top: var(--picker-curtain-top, 330px);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 24;
  display: grid;
  place-items: center;
  padding: 24px;
  border-radius: 0 0 22px 22px;
  background: rgba(246,247,249,.42);
  -webkit-backdrop-filter: blur(16px) saturate(.86);
  backdrop-filter: blur(16px) saturate(.86);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 220ms ease, transform 300ms cubic-bezier(.23,1,.32,1), visibility 220ms;
}
.profile-picker-save::before {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 0;
  border-radius: inherit;
  background: rgba(255,255,255,.16);
  pointer-events: none;
}
.profile-picker-save .btn {
  position: relative;
  z-index: 2;
  min-width: 190px;
  min-height: 52px;
  justify-content: center;
  box-shadow: 0 16px 38px rgba(20,20,22,.18);
  margin-top: -5px;
  margin-bottom: 5px;
}
.profile-picker-active .profile-picker-save {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}
.profile-editable-lower {
  display: grid;
  grid-template-rows: 1fr;
  min-height: 0;
  perspective: 900px;
  transition: grid-template-rows 680ms cubic-bezier(.16,1,.3,1);
}
.profile-editable-lower-inner {
  min-height: 0;
  display: grid;
  gap: 10px;
  overflow: hidden;
  opacity: 1;
  transform: none;
  transform-origin: 50% 0;
  transition: opacity 310ms ease, transform 680ms cubic-bezier(.16,1,.3,1), filter 460ms ease;
}
.profile-editable-lower-inner > * {
  transform: none;
  transition: transform 680ms cubic-bezier(.16,1,.3,1), opacity 300ms ease;
}
.profile-picker-active .profile-editable-lower { grid-template-rows: 0fr; }
.profile-picker-active .profile-editable-lower-inner {
  opacity: 0;
  filter: blur(1.2px);
  transform: translateY(-15px) rotateX(7deg) scale(.985);
  pointer-events: none;
}
.profile-picker-active .profile-editable-lower-inner > :nth-child(1) { transform: translateX(-12px) rotate(-.65deg); }
.profile-picker-active .profile-editable-lower-inner > :nth-child(2) { transform: translateX(8px) rotate(.5deg); }
.profile-picker-active .profile-editable-lower-inner > :nth-child(3) { transform: translateX(-5px) rotate(-.3deg); }
.profile-picker-active .profile-picker-save {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  min-height: 78px;
  padding: 8px 14px 14px;
  border-radius: 18px;
  z-index: 36;
  overflow: visible;
}
.profile-picker-releasing .profile-editable-lower-inner { transform-origin: 50% 50%; }
.profile-picker-releasing { position: relative; }
.cover-picker-popover:focus,
.avatar-picker-popover:focus { outline: none; }
.profile-picker-active .cover-edit,
.profile-picker-active .avatar-edit {
  opacity: 0 !important;
  scale: .2;
  pointer-events: none !important;
}
.cover-picker-options .cover-option,
.cover-picker-options .cover-option:hover,
.cover-picker-options .cover-option.active,
.avatar-picker-options .avatar-option,
.avatar-picker-options .avatar-option:hover,
.avatar-picker-options .avatar-option.active {
  transition: border-color 160ms ease, box-shadow 180ms ease, filter 180ms ease !important;
}
#mobileApp,
.m-settings-sheet { display: none; }
.mobile-brand,
.mobile-tabbar { display: none; }
@media (max-width: 1060px) {:root {
    --m-blue: #065dfd;
    --m-ink: #121318;
    --m-muted: #72757f;
    --m-canvas: #f4f6fa;
    --m-tile: #ffffff;
    --m-line: #e6e8ee;
    --m-edge: 16px;
    --m-header: 58px;
    --m-dock: 72px;
    --m-gap: 10px;
    --m-radius: 22px;
    --m-shadow: 0 10px 26px rgba(26, 37, 57, .08);
  }
html, body {
    width: 100%;
    height: 100%;
    min-height: 100dvh;
    overflow: hidden !important;
    background: var(--m-canvas) !important;
    overscroll-behavior: none;
  }
body { padding: 0 !important; }
body > .app-topbar,
  body > .product-layout,
  body > .mobile-tabbar,
  body > .header-generation-progress,
  #billingModal,
  #projectsModal,
  #profileModal {
    display: none !important;
  }
#custom-cursor { display: none !important; }
#mobileApp {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: block;
    overflow: hidden;
    color: var(--m-ink);
    background: var(--m-canvas);
    font-family: Manrope, sans-serif;
  }
#mobileApp *,
  #mobileApp *::before,
  #mobileApp *::after { box-sizing: border-box; }
#mobileApp button,
  #mobileApp input,
  #mobileApp textarea { font: inherit; }
#mobileApp button { -webkit-tap-highlight-color: transparent; }
#mobileApp .liquid-control,
  #mobileApp .liquid-control.is-fluid-active,
  #mobileApp .liquid-control.is-fluid-exiting,
  #mobileApp .liquid-control.is-pressing {
    --fluid-radius: 0px !important;
    background-image: none !important;
    color: inherit !important;
    transform: none !important;
  }
#mobileApp .m-upload-tile.liquid-control,
  #mobileApp .m-upload-tile.liquid-control.is-fluid-active {
    background-color: var(--m-tile) !important;
    border-color: var(--m-line) !important;
    box-shadow: var(--m-shadow) !important;
  }
#mobileApp .m-upload-tile.liquid-control strong { color: var(--m-ink) !important; }
#mobileApp .m-upload-tile.liquid-control small { color: var(--m-muted) !important; }
.m-topbar {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    left: 0;
    height: calc(var(--m-header) + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) var(--m-edge) 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--m-canvas);
  }
.m-brand { display: inline-flex; width: 108px; height: 34px; align-items: center; transform: translateX(-8px); }
.m-brand img { width: 104px; height: auto; display: block; }
.m-topbar-actions { display: flex; align-items: center; gap: 8px; }
.m-credit-button,
  .m-account-button,
  .m-help-button,
  .m-icon-button {
    border: 1px solid rgba(18,19,24,.06);
    background: rgba(255,255,255,.9);
    color: var(--m-ink);
    box-shadow: 0 6px 16px rgba(28,40,62,.08);
    transition: background 180ms ease, color 180ms ease, transform 180ms ease;
  }
.m-credit-button {
    min-width: 56px;
    height: 40px;
    padding: 0 12px;
    border-radius: 20px;
    display: inline-flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
  }
.m-credit-button .material-symbols-outlined { font-size: 19px; }
.m-credit-button strong { font-size: 13px; }
.m-credit-free { display: none; color: var(--m-blue); font: 800 8px/1 "IBM Plex Mono", monospace; }
.m-credit-button.is-free { gap: 4px; }
.m-credit-button.is-free .m-credit-free { display: inline; }
.m-account-button,
  .m-help-button,
  .m-icon-button {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
  }
.m-account-button .material-symbols-outlined,
  .m-help-button .material-symbols-outlined,
  .m-icon-button .material-symbols-outlined { font-size: 21px; }
.mobile-help-actions {
    display: grid;
    gap: 10px;
    margin-top: 18px;
  }
.mobile-help-action {
    width: 100%;
    min-height: 70px;
    padding: 12px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 20px;
    gap: 12px;
    align-items: center;
    border: 1px solid var(--m-line);
    border-radius: 18px;
    background: #fff;
    color: var(--m-ink);
    box-shadow: 0 8px 20px rgba(26, 37, 57, .05);
    text-align: left;
    transition: background 180ms ease, color 180ms ease, transform 180ms ease, border-color 180ms ease;
  }
.mobile-help-action-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(6, 93, 253, .11);
    color: var(--m-blue);
    font-size: 20px;
  }
.mobile-help-action strong { display: block; font-size: 14px; line-height: 1.2; }
.mobile-help-action small { display: block; margin-top: 3px; color: var(--m-muted); font-size: 11px; line-height: 1.3; }
.mobile-help-action > .material-symbols-outlined:last-child { color: var(--m-muted); }
.mobile-help-action:active { transform: scale(.98); background: var(--m-blue); border-color: var(--m-blue); color: #fff; }
.mobile-help-action:active .mobile-help-action-icon { background: rgba(255, 255, 255, .18); color: #fff; }
.mobile-help-action:active small,
  .mobile-help-action:active > .material-symbols-outlined:last-child { color: rgba(255, 255, 255, .78); }
.m-stage {
    position: absolute;
    inset: calc(var(--m-header) + env(safe-area-inset-top)) 0 calc(var(--m-dock) + env(safe-area-inset-bottom) + 12px);
    overflow: hidden;
  }
.m-page {
    position: absolute;
    inset: 0;
    padding: 7px var(--m-edge) 0;
    display: none;
    min-height: 0;
    animation: m-page-in 260ms cubic-bezier(.2,.9,.25,1) both;
  }
.m-page.is-active { display: flex; flex-direction: column; }
.m-page[data-mobile-view="create"] { overflow-y: auto; scrollbar-width: none; }
.m-page[data-mobile-view="create"] { overscroll-behavior-y: contain; }
.m-page::-webkit-scrollbar,
  .m-scroll-content::-webkit-scrollbar { display: none; }
.m-page-heading {
    min-height: 42px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
.m-page-heading-row { flex-direction: row; align-items: flex-end; justify-content: space-between; }
.m-eyebrow {
    display: block;
    color: var(--m-muted);
    font-family: "IBM Plex Mono", monospace;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
.m-page h1,
  .m-settings-sheet h2 {
    margin: 3px 0 0;
    color: var(--m-ink);
    font-size: 23px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
  }
.m-upload-tile,
  .m-field-tile,
  .m-setting-tile,
  .m-balance-tile,
  .m-plan,
  .m-empty-state,
  .m-project,
  .m-profile-hero,
  .m-profile-data,
  .m-profile-action,
  .m-ledger-row {
    border: 1px solid var(--m-line);
    background: var(--m-tile);
    box-shadow: var(--m-shadow);
  }
.m-upload-tile {
    width: 100%;
    min-height: 106px;
    margin: 0 0 var(--m-gap);
    padding: 16px;
    display: grid;
    grid-template-columns: 48px minmax(0,1fr) 40px;
    gap: 12px;
    align-items: center;
    border-radius: var(--m-radius);
    text-align: left;
    color: var(--m-ink);
  }
.m-upload-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: rgba(6,93,253,.1);
    color: var(--m-blue);
    font-size: 23px;
  }
.m-upload-tile strong { display: block; font-size: 14px; font-weight: 700; }
.m-upload-tile small { display: block; margin-top: 3px; color: var(--m-muted); font-size: 11px; }
.m-tile-arrow {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f1f2f5;
    font-size: 20px;
  }
.m-upload-tile.has-files #mobileUploadAction { background: var(--m-ink); color: #fff; }
.m-field-tile {
    position: relative;
    width: 100%;
    min-height: 62px;
    margin-bottom: var(--m-gap);
    padding: 10px 14px 9px;
    display: block;
    border-radius: 18px;
  }
.m-field-tile > span { display: block; color: var(--m-muted); font-size: 10px; font-weight: 700; }
.m-field-tile input,
  .m-field-tile textarea {
    width: 100%;
    margin-top: 4px;
    min-width: 0;
    padding: 0 34px 0 2px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--m-ink);
    font-size: 14px;
    line-height: 1.35;
    resize: none;
    text-indent: 0;
    overflow-x: hidden;
    -webkit-appearance: none;
    -webkit-text-fill-color: var(--m-ink);
    clip-path: none !important;
    transform: none !important;
  }
.m-field-tile input::placeholder,
  .m-field-tile textarea::placeholder { color: #a2a5ad; }
.m-description-tile { min-height: 102px; }
.m-description-tile textarea { min-height: 63px; }
.m-field-tile small {
    position: absolute;
    right: 12px;
    bottom: 10px;
    color: #a2a5ad;
    font-family: "IBM Plex Mono", monospace;
    font-size: 8px;
  }
.m-settings-grid {
    width: 100%;
    margin-bottom: var(--m-gap);
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
  }
.m-setting-tile {
    position: relative;
    min-width: 0;
    height: 76px;
    padding: 9px 7px 8px;
    border-radius: 18px;
    color: var(--m-ink);
    text-align: left;
  }
.m-setting-tile small { display: block; color: var(--m-muted); font-size: 8px; font-weight: 700; }
.m-setting-tile > .material-symbols-outlined { display: block; margin-top: 7px; font-size: 22px; }
.m-setting-tile strong {
    position: absolute;
    right: 8px;
    bottom: 9px;
    left: 8px;
    overflow: hidden;
    color: var(--m-ink);
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.m-generate-row { display: grid; grid-template-columns: 82px minmax(0,1fr); gap: 8px; margin-bottom: 12px; }
.m-cost {
    min-height: 48px;
    display: inline-flex;
    gap: 3px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--m-line);
    border-radius: 16px;
    background: var(--m-tile);
    color: var(--m-blue);
    box-shadow: var(--m-shadow);
    font-size: 13px;
    font-weight: 800;
  }
.m-cost .material-symbols-outlined { font-size: 18px; }
.m-generate-button {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 16px;
    background: var(--m-ink);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 12px 24px rgba(18,19,24,.16);
  }
.m-generate-button .material-symbols-outlined { font-size: 21px; }
.m-template-section {
    width: 100%;
    min-height: 98px;
    margin: 2px 0 22px;
    padding: 0 0 10px;
    overflow: visible;
  }
.m-template-label {
    min-height: 26px;
    margin: 0 0 5px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--m-blue);
    font-family: "IBM Plex Mono", monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
.m-template-label .material-symbols-outlined { font-size: 20px; }
.m-template-mask {
    width: calc(100% + var(--m-edge));
    margin-right: calc(-1 * var(--m-edge));
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 42px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 42px), transparent 100%);
  }
.m-template-list {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 10px 44px 14px 0;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
.m-template-list::-webkit-scrollbar { display: none; }
.m-template-card {
    min-width: 132px;
    height: 58px;
    padding: 6px;
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 8px;
    align-items: center;
    border: 1px solid var(--m-line);
    border-radius: 18px;
    background: rgba(255,255,255,.88);
    color: var(--m-ink);
    box-shadow: 0 10px 22px rgba(32,42,60,.1);
    scroll-snap-align: start;
    text-align: left;
  }
.m-template-card img { width: 42px; height: 42px; border-radius: 13px; object-fit: cover; }
.m-template-card strong { display: block; overflow: hidden; font-size: 10px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.m-template-card.is-active { border-color: var(--m-blue); background: rgba(6,93,253,.1); }
.m-scroll-content { flex: 1; min-height: 0; overflow-y: auto; padding: 0 1px 18px; scrollbar-width: none; }
.m-scroll-content > * + * { margin-top: 10px; }
.m-empty-state { min-height: 180px; padding: 22px; border-radius: 22px; }
.m-empty-state h2 { margin: 0; font-size: 22px; font-weight: 600; }
.m-empty-state p { margin: 10px 0 0; color: var(--m-muted); font-size: 14px; line-height: 1.45; }
.m-project-group + .m-project-group { margin-top: 16px; }
.m-project-date { margin: 0 0 7px 2px; color: var(--m-muted); font-family: "IBM Plex Mono", monospace; font-size: 9px; text-transform: uppercase; }
.m-project { min-height: 88px; padding: 9px; display: grid; grid-template-columns: 70px minmax(0,1fr) 30px; gap: 10px; align-items: center; border-radius: 20px; }
.m-project img,
  .m-project video,
  .m-project-placeholder { width: 70px; height: 70px; border-radius: 15px; object-fit: cover; background: #eef0f5; }
.m-project-media { position: relative; width: 70px; height: 70px; overflow: hidden; border-radius: 15px; }
.m-project-media .m-project-preview { width: 100%; height: 100%; object-fit: cover; display: block; }
.m-project-video-badge { position: absolute; right: 5px; bottom: 5px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: rgba(0,0,0,.74); color: #fff; font-size: 17px; }
.m-project h3 { margin: 0; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.m-project p { margin: 4px 0 0; color: var(--m-muted); font-size: 11px; line-height: 1.3; }
.m-project p.m-project-error { color: #b4233d; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.m-project-status { color: var(--m-blue); font-size: 20px; }
.m-balance-tile { min-height: 132px; padding: 18px; border-radius: 24px; color: #fff; background: var(--m-blue); border-color: var(--m-blue); box-shadow: 0 16px 34px rgba(6,93,253,.22); }
.m-balance-tile > span { display: block; font-size: 12px; font-weight: 700; opacity: .82; }
.m-balance-tile strong { display: inline-block; margin-top: 5px; font-size: 42px; line-height: 1; font-weight: 500; }
.m-balance-tile small { margin-left: 5px; font-size: 12px; opacity: .86; }
.m-balance-tile button { float: right; margin-top: 33px; padding: 10px 13px; border: 0; border-radius: 14px; background: #fff; color: var(--m-ink); font-size: 12px; font-weight: 800; }
.m-section-title { margin: 18px 2px 8px; color: var(--m-ink); font-size: 15px; font-weight: 800; }
.m-plan-list { display: grid; gap: 9px; }
.m-plan { padding: 16px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; border-radius: 22px; }
.m-plan .m-eyebrow { margin-bottom: 8px; }
.m-plan h3 { margin: 0; font-size: 18px; }
.m-plan p { margin: 6px 0 0; color: var(--m-muted); font-size: 12px; line-height: 1.35; }
.m-plan strong { align-self: center; font-size: 19px; font-weight: 500; white-space: nowrap; }
.m-plan button { grid-column: 1 / -1; min-height: 42px; border: 0; border-radius: 14px; background: var(--m-ink); color: #fff; font-weight: 800; }
.m-ledger-list { display: grid; gap: 7px; }
.m-ledger-row { min-height: 58px; padding: 11px 14px; display: flex; align-items: center; justify-content: space-between; border-radius: 16px; }
.m-ledger-row span { font-size: 12px; font-weight: 700; }
.m-ledger-row small { display: block; margin-top: 2px; color: var(--m-muted); font-size: 10px; }
.m-refund-row button {
    min-height: 34px;
    padding: 7px 10px;
    border: 0;
    border-radius: 12px;
    background: var(--m-blue);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
  }
.m-ledger-row strong { color: var(--m-blue); }
.m-profile-hero { overflow: hidden; border-radius: 24px; }
.m-profile-cover { height: 118px; background: center / cover no-repeat; }
.m-profile-main { min-height: 130px; padding: 0 16px 16px; position: relative; }
.m-profile-avatar { width: 78px; height: 78px; margin-top: -38px; border: 4px solid #fff; border-radius: 50%; object-fit: cover; background: #fff; }
.m-profile-main h2 { margin: 8px 0 0; font-size: 22px; line-height: 1.1; }
.m-profile-main p { margin: 4px 0 0; color: var(--m-muted); font-size: 11px; }
.m-profile-stats { margin-top: 14px; display: grid; grid-template-columns: .56fr .56fr 1.88fr; border-top: 1px solid var(--m-line); }
.m-profile-stats span { padding-top: 10px; text-align: center; border-right: 1px solid var(--m-line); }
.m-profile-stats > :last-child { border-right: 0; }
.m-profile-stats strong { display: block; font-size: 16px; }
.m-profile-stats small { color: var(--m-muted); font-size: 9px; }
.m-profile-email-stat { min-width: 0; padding: 10px 8px 0; border: 0; background: transparent; color: var(--m-ink); text-align: center; }
.m-profile-email-stat strong { overflow: hidden; font-size: clamp(9px, 2.8vw, 15px); font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.m-profile-data { padding: 14px; border-radius: 20px; }
.m-mobile-achievements { min-height: 44px; padding: 8px 11px; display: flex; gap: 8px; overflow-x: auto; border: 1px solid var(--m-line); border-radius: 17px; background: var(--m-tile); box-shadow: var(--m-shadow); scrollbar-width: none; }
.m-mobile-achievements::-webkit-scrollbar { display: none; }
.m-mobile-achievements button { width: 40px; min-width: 40px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 11px; color: #b7bac1; background: #f2f3f6; transition: transform 180ms cubic-bezier(.2,1.1,.25,1), color 180ms ease, background 180ms ease; }
.m-mobile-achievements button.is-unlocked { color: var(--m-blue); background: rgba(6,93,253,.1); }
.m-mobile-achievements button:active { transform: scale(.92); }
.m-mobile-achievements i { font-size: 18px; }
.m-profile-data label { display: block; color: var(--m-muted); font-size: 10px; font-weight: 700; }
.m-profile-data input { width: 100%; margin-top: 5px; padding: 10px 12px; border: 1px solid var(--m-line); border-radius: 13px; outline: none; font-size: 14px; }
.m-avatar-choice-row, .m-cover-choice-row { margin-top: 11px; display: flex; gap: 8px; overflow-x: auto; padding: 5px 8px 9px; scroll-snap-type: x proximity; scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none; }
.m-avatar-choice-row::-webkit-scrollbar, .m-cover-choice-row::-webkit-scrollbar { display: none; }
.m-avatar-choice { width: 46px; height: 46px; min-width: 46px; padding: 2px; border: 2px solid transparent; border-radius: 50%; background: #fff; scroll-snap-align: center; transition: border-color 180ms ease, transform 180ms cubic-bezier(.2,1.15,.25,1), box-shadow 180ms ease; }
.m-avatar-choice img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.m-cover-choice { width: 82px; height: 46px; min-width: 82px; border: 2px solid transparent; border-radius: 13px; background: center / cover no-repeat; scroll-snap-align: center; transition: border-color 180ms ease, transform 180ms cubic-bezier(.2,1.15,.25,1), box-shadow 180ms ease; }
.m-avatar-choice.is-selected, .m-cover-choice.is-selected { border-color: var(--m-blue); box-shadow: 0 0 0 4px rgba(6,93,253,.12); }
.m-avatar-choice:active, .m-cover-choice:active { transform: scale(.94); }
.m-profile-save { width: 100%; min-height: 44px; margin-top: 13px; border: 0; border-radius: 14px; background: var(--m-ink); color: #fff; font-weight: 800; }
.m-profile-action { width: 100%; min-height: 56px; padding: 0 15px; display: grid; grid-template-columns: 22px minmax(0,1fr) 22px; gap: 8px; align-items: center; border-radius: 18px; color: var(--m-ink); text-align: left; font-size: 13px; font-weight: 800; }
.m-profile-action.danger { color: #c5273c; }
.m-profile-action.m-profile-admin { color: var(--m-blue); }
.m-profile-action.m-profile-admin .material-symbols-outlined:first-child { font-variation-settings: "FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24; }
.m-dock {
    position: absolute;
    z-index: 5;
    right: var(--m-edge);
    bottom: calc(8px + env(safe-area-inset-bottom));
    left: var(--m-edge);
    height: var(--m-dock);
    padding: 5px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4px;
    border: 1px solid rgba(18,19,24,.05);
    border-radius: 24px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 15px 35px rgba(26,37,57,.14);
    backdrop-filter: blur(18px);
  }
.m-dock button {
    min-width: 0;
    border: 0;
    border-radius: 18px;
    background: transparent;
    color: var(--m-muted);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
  }
.m-dock .material-symbols-outlined { font-size: 21px; }
.m-dock small { font-size: 8px; line-height: 1; }
.m-dock button.is-active { color: #fff; background: var(--m-ink); }
.m-settings-sheet[open] { position: fixed; z-index: 300; inset: 0; display: block; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; }
.m-settings-sheet::backdrop { background: rgba(18,19,24,.28); backdrop-filter: blur(7px); }
.m-settings-sheet-card { position: absolute; right: 0; bottom: 0; left: 0; max-height: min(68dvh,560px); padding: 10px var(--m-edge) calc(18px + env(safe-area-inset-bottom)); overflow-y: auto; border-radius: 28px 28px 0 0; background: #fff; box-shadow: 0 -16px 50px rgba(18,19,24,.18); animation: m-sheet-in 260ms cubic-bezier(.2,.9,.25,1) both; will-change: transform, opacity; }
.m-sheet-grabber { width: 38px; height: 4px; margin: 0 auto 14px; border-radius: 99px; background: #d8dbe2; }
.m-sheet-grabber,
  .m-settings-sheet header { touch-action: none; }
.m-settings-sheet header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.m-settings-sheet h2 { margin: 0; font-size: 21px; line-height: 1.1; }
#mobileSettingsClose { background: var(--m-ink); color: #fff; box-shadow: none; }
.m-settings-options { display: grid; gap: 7px; }
.m-setting-option { min-height: 58px; padding: 10px 13px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; gap: 10px; align-items: center; border: 1px solid transparent; border-radius: 17px; background: #f4f5f8; color: var(--m-ink); text-align: left; }
.m-setting-option .material-symbols-outlined { color: var(--m-ink); font-size: 22px; }
.m-setting-option strong { display: block; font-size: 14px; }
.m-setting-option small { display: block; margin-top: 2px; color: var(--m-muted); font-size: 11px; }
.m-setting-option.is-selected { border-color: var(--m-blue); background: rgba(6,93,253,.09); color: var(--m-blue); }
.m-setting-option.is-selected .material-symbols-outlined { color: var(--m-blue); }
.m-setting-option.is-selected::after { content: "check"; font-family: "Material Symbols Outlined"; color: var(--m-blue); font-size: 20px; }
#authModal[open] { position: fixed; z-index: 310; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; }
#authModal::backdrop { background: rgba(18,19,24,.28); backdrop-filter: blur(8px); }
#authModal .modal-card { position: absolute; right: 10px; bottom: 10px; left: 10px; width: auto; max-width: none; max-height: min(78dvh,590px); margin: 0; padding: 24px 18px 18px; border-radius: 26px; background: #fff; box-shadow: 0 20px 60px rgba(18,19,24,.22); }
#authModal .modal-close { width: 40px; height: 40px; top: 14px; right: 14px; }
#authModal .modal-heading h2 { font-size: 26px; }
#authModal .auth-view input { min-height: 50px; }
#deleteProjectModal[open],
  #deleteAccountModal[open],
  #emailChangeModal[open],
  #passwordChangeModal[open] {
    position: fixed;
    z-index: 320;
    inset: 0;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
#deleteProjectModal::backdrop,
  #deleteAccountModal::backdrop,
  #emailChangeModal::backdrop,
  #passwordChangeModal::backdrop { background: rgba(18,19,24,.28); backdrop-filter: blur(8px); }
#deleteProjectModal .modal-card,
  #deleteAccountModal .modal-card,
  #emailChangeModal .modal-card,
  #passwordChangeModal .modal-card {
    position: absolute;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 10px;
    width: auto;
    max-width: none;
    max-height: min(76dvh,560px);
    margin: 0;
    overflow-y: auto;
    border-radius: 26px;
  }
.m-topbar button:active,
  .m-upload-tile:active,
  .m-setting-tile:active,
  .m-template-card:active,
  .m-dock button:active,
  .m-generate-button:active,
  .m-plan button:active,
  .m-profile-action:active { transform: scale(.97); }
.m-profile-action.m-profile-admin:active { background: var(--m-blue); color: #fff; }
@media (hover: hover) {.m-credit-button:hover,
    .m-account-button:hover,
    .m-help-button:hover,
    .m-icon-button:hover { background: var(--m-blue); color: #fff; }
.mobile-help-action:hover { background: var(--m-blue); border-color: var(--m-blue); color: #fff; }
.mobile-help-action:hover .mobile-help-action-icon { background: rgba(255, 255, 255, .18); color: #fff; }
.mobile-help-action:hover small,
    .mobile-help-action:hover > .material-symbols-outlined:last-child { color: rgba(255, 255, 255, .78); }
.m-setting-tile:hover,
    .m-template-card:hover { border-color: rgba(6,93,253,.35); background: rgba(6,93,253,.06); }}
@media (prefers-reduced-motion: reduce) {*, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }}}
@media (max-width: 380px) {:root { --m-edge: 12px; --m-gap: 8px; }
.m-upload-tile { min-height: 92px; padding: 12px; }
.m-description-tile { min-height: 92px; }
.m-setting-tile { height: 70px; }
.m-template-section { min-height: 62px; }}
@keyframes m-page-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes m-sheet-in { from { transform: translateY(32px); opacity: .4; } to { transform: translateY(0); opacity: 1; } }
@media (max-width: 1060px) {#mobileApp { isolation: isolate; }
.m-topbar { padding-inline: var(--m-edge); }
.m-brand { margin-right: auto; }
.m-mode-rail {
    display: flex;
    gap: 8px;
    margin: 0 0 var(--m-gap);
    overflow-x: auto;
    scrollbar-width: none;
  }
.m-mode-rail::-webkit-scrollbar { display: none; }
.m-mode-pill {
    min-height: 40px;
    padding: 0 12px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--m-line);
    border-radius: 14px;
    background: rgba(255,255,255,.82);
    color: var(--m-muted);
    font-size: 11px;
    font-weight: 800;
    transition: transform 180ms cubic-bezier(.2,.85,.24,1), background 180ms ease, color 180ms ease;
  }
.m-mode-pill .material-symbols-outlined { font-size: 18px; }
.m-mode-pill small { padding: 2px 4px; border-radius: 6px; background: rgba(6,93,253,.12); color: var(--m-blue); font-size: 7px; }
.m-mode-pill.is-active { background: var(--m-ink); color: #fff; border-color: var(--m-ink); }
.m-mode-pill:active { transform: scale(.96); }
.m-template-section { min-height: 126px; margin: 5px 0 30px; padding-bottom: 22px; overflow: visible; }
.m-template-label { margin-left: 0; padding-left: 0; }
.m-template-mask {
    width: 100vw;
    margin-left: calc(-1 * var(--m-edge));
    margin-right: 0;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
    position: relative;
  }
.m-template-mask::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: -16px;
    right: 0;
    bottom: -16px;
    width: 52px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(241,244,250,0), var(--m-bg) 94%);
  }
.m-template-list {
    gap: 12px;
    padding: 14px calc(var(--m-edge) + 46px) 26px var(--m-edge);
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    
    scroll-padding-left: var(--m-edge);
    scroll-padding-right: calc(var(--m-edge) + 46px);
  }
.m-template-card { scroll-snap-align: start; box-shadow: 0 14px 30px rgba(32,42,60,.14); transition: transform 200ms cubic-bezier(.22,.9,.25,1), box-shadow 200ms ease, background 180ms ease; }
.m-template-card:active { transform: scale(.97) translateY(1px); box-shadow: 0 7px 16px rgba(32,42,60,.12); }
.m-template-list:active { scroll-snap-type: x proximity; }
.m-field-tile { overflow: visible; }
.m-field-tile input,
  .m-field-tile textarea { padding-left: 0; clip-path: none; }
.m-field-tile:focus-within { border-color: rgba(6,93,253,.44); box-shadow: 0 12px 26px rgba(6,93,253,.12); }
.m-setting-tile, .m-upload-tile, .m-field-tile, .m-generate-button, .m-cost, .m-plan, .m-project, .m-profile-action, .m-icon-button { transition: transform 190ms cubic-bezier(.2,.88,.25,1), background 190ms ease, border-color 190ms ease, box-shadow 190ms ease; }
.m-setting-tile:active, .m-upload-tile:active, .m-field-tile:active, .m-plan:active, .m-project:active { transform: scale(.985); }
.m-upload-tile.has-files #mobileUploadAction { background: #151518; color: #fff; }
.m-upload-tile.has-files #mobileUploadAction .material-symbols-outlined { color: inherit; }
.m-project-toolbar { display: flex; align-items: center; gap: 6px; }
.m-project-toolbar .m-icon-button { width: 34px; height: 34px; }
.m-project-toolbar .m-icon-button.is-active { background: var(--m-blue); color: #fff; }
.m-scroll-content { padding: 1px 2px 26px; overflow-x: visible; }
.m-scroll-content::before, .m-scroll-content::after { content: ""; position: sticky; display: block; height: 8px; pointer-events: none; }
.m-scroll-content.is-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; align-content: start; }
.m-scroll-content.is-grid .m-project-group { display: contents; }
.m-scroll-content.is-grid .m-project-date { grid-column: 1 / -1; margin-top: 10px; }
.m-scroll-content.is-grid .m-project { min-height: 0; padding: 6px; display: block; border-radius: 16px; }
.m-scroll-content.is-grid .m-project img,
  .m-scroll-content.is-grid .m-project video,
  .m-scroll-content.is-grid .m-project-placeholder { width: 100%; height: auto; aspect-ratio: 1; border-radius: 11px; display: block; }
.m-scroll-content.is-grid .m-project-media { width: 100%; height: auto; aspect-ratio: 1; border-radius: 11px; }
.m-scroll-content.is-grid .m-project h3 { margin-top: 6px; font-size: 10px; }
.m-scroll-content.is-grid .m-project p, .m-scroll-content.is-grid .m-project-status { display: none; }
.m-projects-tab { position: relative; }
.project-nav-badge {
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: var(--m-blue);
    color: #fff;
    font-family: "IBM Plex Mono", monospace;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    transform: translateZ(0);
    transition: background 180ms ease, transform 180ms cubic-bezier(.2,1.1,.25,1);
  }
.m-projects-tab .project-nav-badge { position: absolute; top: 5px; right: calc(50% - 18px); }
.project-nav-badge.is-loading { background: #151518; animation: project-badge-breathe 1s ease-in-out infinite; }
.project-nav-badge.is-loading .material-symbols-outlined { font-size: 11px; animation: project-badge-spin 1s linear infinite; }
.project-nav-badge.is-ready { background: var(--m-blue); animation: project-badge-pop 360ms cubic-bezier(.2,1.45,.3,1) both; }
.project-nav-badge.is-ready .material-symbols-outlined { font-size: 12px; }
.m-profile-hero { overflow: visible; }
.m-profile-data { position: relative; }
.m-profile-data::before { content: ""; position: absolute; inset: -8px; z-index: -1; border-radius: 25px; background: rgba(6,93,253,.08); opacity: 0; transition: opacity 200ms ease; }
.m-page:has(.m-profile-data) .m-mobile-achievements,
  .m-page:has(.m-profile-data) .m-profile-action { transition: opacity 220ms ease, filter 220ms ease; }
.m-page:has(.m-profile-data) .m-mobile-achievements { opacity: .56; filter: saturate(.72); }
.m-page:has(.m-profile-data) .m-profile-data::before { opacity: 1; }
.m-profile-utility { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 9px; }
.m-profile-utility button { min-height: 50px; border: 1px solid var(--m-line); border-radius: 17px; background: var(--m-tile); color: var(--m-ink); box-shadow: var(--m-shadow); font-weight: 800; }
.m-profile-utility button:first-child { display: grid; place-items: center; }
.m-profile-utility .material-symbols-outlined { font-size: 21px; }
body.authed .m-account-button { background: var(--m-ink); color: #fff; }
#mobileProfileEditButton[hidden] { display: none; }
#mobileSettingsClose { background: var(--m-ink); color: #fff; }
.m-settings-sheet-card { touch-action: pan-y; overscroll-behavior: contain; }
.m-settings-options { padding-bottom: 10px; }
.m-setting-option:active { transform: scale(.985); background: rgba(6,93,253,.11); }
#authModal[open] { display: grid; place-items: center; padding: 18px; }
#authModal .modal-card { position: relative; inset: auto; width: min(100%, 410px); max-height: min(76dvh, 590px); }
#authModal .auth-brand-mark { position: absolute; left: 50%; top: -54px; width: 122px; transform: translateX(-50%); }
#authModal .modal-heading { padding-top: 5px; }
.project-flight { position: fixed; z-index: 1000; width: 28px; height: 28px; border-radius: 10px; background: var(--m-blue); box-shadow: 0 0 0 7px rgba(6,93,253,.12); pointer-events: none; animation: project-flight 670ms cubic-bezier(.22,.9,.25,1) both; }}
@keyframes project-badge-spin { to { transform: rotate(1turn); } }
@keyframes project-badge-breathe { 50% { transform: scale(.88); } }
@keyframes project-badge-pop { 0% { transform: scale(.1); } 70% { transform: scale(1.25); } 100% { transform: scale(1); } }
@keyframes project-flight { 0% { transform: translate(0,0) scale(.6); opacity: 0; } 20% { opacity: 1; } 55% { transform: translate(calc(var(--flight-x) * .55), calc(var(--flight-y) * .28 - 28px)) scale(1); } 100% { transform: translate(var(--flight-x), var(--flight-y)) scale(.18); opacity: 0; } }
@media (max-width: 1060px) {#mobileProductNameGroup { position: relative; }
.m-ai-copy-action {
    position: absolute;
    z-index: 5;
    right: 0;
    top: -31px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    padding: 5px 9px;
    border: 0;
    border-radius: 999px;
    background: var(--m-blue);
    color: #fff;
    box-shadow: 0 8px 16px rgba(6,93,253,.2);
    font: 800 10px/1 Manrope, system-ui, sans-serif;
    touch-action: manipulation;
  }
.m-video-workbench {
    display: grid;
    gap: 10px;
    padding: 16px;
    border-radius: 22px;
    background: #e8f0ff;
    color: #15171d;
  }
.m-video-workbench[hidden] { display: none !important; }
.m-video-workbench > div:first-child { display: grid; grid-template-columns: 28px 1fr; align-items: center; column-gap: 8px; }
.m-video-workbench > div:first-child .material-symbols-outlined { grid-row: span 2; color: var(--accent); }
.m-video-workbench > div:first-child strong { font-size: 16px; }
.m-video-workbench > div:first-child small { color: #707684; }
.m-video-workbench > label { display: grid; gap: 5px; color: #707684; font-size: 12px; font-weight: 700; }
.m-video-workbench select { width: 100%; border: 0; border-radius: 12px; padding: 10px; background: #fff; color: #15171d; font: inherit; }
.m-video-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.m-video-options label { display: grid; gap: 5px; min-width: 0; color: #707684; font-size: 11px; font-weight: 700; }
.m-video-audio { display: flex !important; align-items: center; gap: 8px; color: #15171d !important; }
.m-video-audio input { accent-color: var(--accent); }
.m-video-materials { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.m-video-material-action { display: grid; justify-items: center; gap: 5px; min-height: 62px; padding: 8px 4px; border: 1px solid rgba(6,93,253,.12); border-radius: 14px; background: #fff; color: #15171d; text-align: center; cursor: pointer; }
.m-video-material-action.has-files { border-color: var(--m-blue); background: #e8f0ff; }
.m-video-material-action.is-conflict { border-color: #e2374f; background: #fff1f3; }
.m-video-material-action .material-symbols-outlined { color: var(--m-blue); font-size: 19px; }
.m-video-material-action > span:last-child { display: grid; gap: 2px; font-size: 10px; font-weight: 800; }
.m-video-material-action small { color: #7a8190; font-size: 9px; font-weight: 700; }
.m-ai-copy-action .material-symbols-outlined { font-size: 13px; }
.m-field-tile.is-ai-copy-loading { background: var(--m-blue) !important; border-color: var(--m-blue) !important; }
.m-field-tile.is-ai-copy-loading textarea,
  .m-field-tile.is-ai-copy-loading input,
  .m-field-tile.is-ai-copy-loading small,
  .m-field-tile.is-ai-copy-loading + * { color: #fff !important; caret-color: transparent; }
.m-field-tile.is-ai-copy-loading textarea,
  .m-field-tile.is-ai-copy-loading input { font-family: "IBM Plex Mono", monospace; letter-spacing: .08em; }}
@media (max-width: 1060px) {.m-project-deck {
    margin: 1px 0 10px;
    color: var(--m-ink);
  }
.m-project-deck-heading {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    min-height: 48px;
    padding: 2px 1px;
  }
.m-project-deck-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(6, 93, 253, .1);
    color: var(--m-blue);
    font-size: 20px;
  }
.m-project-deck-copy { min-width: 0; display: grid; gap: 2px; }
.m-project-deck-copy > small {
    color: var(--m-muted);
    font: 700 9px/1.1 "IBM Plex Mono", monospace;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
.m-project-deck-copy > strong {
    overflow: hidden;
    color: var(--m-ink);
    font-size: 17px;
    font-weight: 720;
    line-height: 1.18;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.m-project-deck-copy > em {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--m-muted);
    font-size: 10px;
    font-style: normal;
    line-height: 1.2;
  }
.m-project-deck-copy > em i {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--m-blue);
    box-shadow: 0 0 0 4px rgba(6, 93, 253, .1);
  }
.m-project-deck[data-project-state="result"] .m-project-deck-copy > em i { background: #48c85d; box-shadow: 0 0 0 4px rgba(72, 200, 93, .12); }
.m-project-visual { margin-top: 10px; }
.m-project-visual[hidden],
  .m-project-context[hidden] { display: none !important; }
.m-project-visual-main {
    position: relative;
    display: block;
    width: 100%;
    min-height: 184px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 25px;
    background: #e8ebf1;
    box-shadow: 0 15px 34px rgba(28, 40, 62, .12);
    color: inherit;
    text-align: left;
  }
.m-project-visual-main:not(button) { pointer-events: none; }
.m-project-visual-media {
    display: block;
    width: 100%;
    height: min(52vw, 255px);
    min-height: 184px;
    object-fit: cover;
  }
.m-project-visual-overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 54px;
    padding: 18px 15px 12px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    background: linear-gradient(180deg, transparent, rgba(13, 16, 24, .76));
    color: #fff;
    font-size: 13px;
    font-weight: 800;
  }
.m-project-visual-overlay i {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .48);
    border-radius: 11px;
    background: rgba(255, 255, 255, .16);
    font-size: 18px;
    font-style: normal;
  }
.m-project-visual-main:active { transform: scale(.985); }
.m-project-context {
    margin-top: 9px;
    padding: 11px 12px 12px;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 20px;
    background: rgba(255, 255, 255, .68);
    box-shadow: 0 10px 25px rgba(28, 40, 62, .06);
    backdrop-filter: blur(16px) saturate(1.1);
  }
.m-project-context-label {
    display: block;
    margin-bottom: 8px;
    color: var(--m-muted);
    font: 700 9px/1 "IBM Plex Mono", monospace;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
.m-project-context-rail {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
  }
.m-project-context-rail::-webkit-scrollbar { display: none; }
.m-project-context-item {
    width: 58px;
    flex: 0 0 58px;
    display: grid;
    gap: 4px;
    color: var(--m-muted);
    font-size: 8px;
    line-height: 1.1;
    text-align: center;
  }
.m-project-context-thumb {
    display: block;
    width: 58px;
    height: 52px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 13px;
    background: #edf0f5;
    object-fit: cover;
  }
.m-project-context-item.is-primary .m-project-context-thumb { border-color: var(--m-blue); box-shadow: 0 0 0 2px rgba(6, 93, 253, .12); }
.m-project-context-thumb.is-placeholder { display: grid; place-items: center; color: var(--m-muted); font-size: 20px; }
.m-project-context-more {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: grid;
    place-items: center;
    align-self: start;
    border: 1px dashed rgba(6, 93, 253, .35);
    border-radius: 13px;
    color: var(--m-blue);
    font: 800 12px/1 Manrope, sans-serif;
  }
.m-mode-rail {
    gap: 8px;
    margin: 0 0 12px;
    padding: 1px 0 3px;
    scroll-snap-type: x proximity;
    scroll-padding-inline: var(--m-edge);
  }
.m-mode-pill {
    min-height: 44px;
    padding: 0 13px;
    border-radius: 15px;
    font-size: 11px;
    scroll-snap-align: start;
    touch-action: manipulation;
  }
.m-mode-pill.is-active {
    border-color: var(--m-blue);
    background: var(--m-blue);
    box-shadow: 0 9px 18px rgba(6, 93, 253, .24);
  }
.m-mode-pill:focus-visible,
  .m-project-visual-main:focus-visible,
  .m-inspiration-card-main:focus-visible,
  .m-inspiration-action:focus-visible,
  .m-inspiration-heading button:focus-visible {
    outline: 3px solid rgba(6, 93, 253, .35);
    outline-offset: 3px;
  }
.m-inspiration-section {
    padding: 7px 0 calc(26px + env(safe-area-inset-bottom));
  }
.m-inspiration-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    margin-bottom: 8px;
  }
.m-inspiration-heading > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
  }
.m-inspiration-heading > span > i {
    color: var(--m-blue);
    font-size: 18px;
    font-style: normal;
  }
.m-inspiration-heading strong {
    color: var(--m-ink);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.15;
  }
.m-inspiration-heading button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 44px;
    min-height: 44px;
    padding: 0 5px 0 9px;
    border: 0;
    border-radius: 13px;
    background: transparent;
    color: var(--m-blue);
    font: 800 11px/1 Manrope, system-ui, sans-serif;
  }
.m-inspiration-heading button:disabled { color: var(--m-muted); }
.m-inspiration-heading button i { font-size: 17px; font-style: normal; }
.m-inspiration-heading button:disabled i { animation: m-idea-spin .8s linear infinite; }
.m-inspiration-heading button[hidden] { display: none; }
.m-inspiration-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
    min-height: 188px;
  }
.m-inspiration-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 19px;
    background: #edf0f5;
    box-shadow: 0 10px 20px rgba(28, 40, 62, .08);
  }
.m-inspiration-card-main {
    position: relative;
    display: block;
    width: 100%;
    min-height: 170px;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #edf0f5;
    color: #fff;
    text-align: left;
  }
.m-inspiration-card-main::after {
    content: "";
    position: absolute;
    inset: 38% 0 0;
    background: linear-gradient(180deg, transparent, rgba(11, 14, 20, .74));
    pointer-events: none;
  }
.m-inspiration-card-main img {
    display: block;
    width: 100%;
    min-height: 170px;
    aspect-ratio: var(--m-idea-ratio);
    object-fit: cover;
  }
.m-inspiration-card-main span {
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 8px;
    left: 10px;
    display: -webkit-box;
    overflow: hidden;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
.m-inspiration-card-actions {
    position: absolute;
    z-index: 2;
    top: 7px;
    right: 7px;
    display: flex;
    gap: 5px;
  }
.m-inspiration-action {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .48);
    border-radius: 12px;
    background: rgba(255, 255, 255, .86);
    color: #202532;
    box-shadow: 0 5px 13px rgba(17, 25, 42, .16);
    backdrop-filter: blur(10px);
  }
.m-inspiration-action .material-symbols-outlined { font-size: 18px; }
.m-inspiration-action[aria-pressed="true"] { color: #e24765; }
.m-inspiration-action.is-confirmed { background: var(--m-blue); color: #fff; }
.m-inspiration-action.is-pending .material-symbols-outlined { animation: m-idea-spin .7s linear infinite; }
.m-inspiration-action:disabled { opacity: 1; }
.m-inspiration-card-main:active,
  .m-inspiration-action:active { transform: scale(.965); }
.m-inspiration-skeleton {
    display: block;
    min-height: 174px;
    overflow: hidden;
    border-radius: 19px;
    background: linear-gradient(108deg, #edf0f5 24%, #f8f9fb 43%, #edf0f5 62%);
    background-size: 240% 100%;
    animation: m-idea-shimmer 1.35s ease-in-out infinite;
    animation-delay: calc(var(--m-skeleton-index) * 70ms);
  }
.m-inspiration-empty {
    grid-column: 1 / -1;
    min-height: 188px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 7px;
    padding: 22px;
    border: 1px dashed rgba(6, 93, 253, .28);
    border-radius: 20px;
    background: rgba(255, 255, 255, .5);
    color: var(--m-muted);
    text-align: center;
  }
.m-inspiration-empty > i { color: var(--m-blue); font-size: 24px; font-style: normal; }
.m-inspiration-empty strong { color: var(--m-ink); font-size: 13px; }
.m-inspiration-empty small { max-width: 240px; font-size: 10px; line-height: 1.45; }
.m-inspiration-inline-error {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    padding: 9px 10px;
    border-radius: 14px;
    background: #fff3e8;
    color: #9b541b;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
  }
.m-inspiration-inline-error i { flex: 0 0 auto; font-size: 15px; font-style: normal; }
@media (prefers-reduced-motion: no-preference) {.m-project-visual-main,
    .m-project-context,
    .m-project-deck[data-has-context="true"] .m-project-deck-heading {
      animation: m-workbench-reveal 300ms cubic-bezier(.2,.9,.25,1) both;
    }}}
@keyframes m-workbench-reveal {
  from { opacity: 0; transform: translateY(8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes m-idea-spin { to { transform: rotate(1turn); } }
@keyframes m-idea-shimmer { to { background-position: -150% 0; } }
@media (max-width: 360px) {.m-inspiration-grid { gap: 8px; }
.m-inspiration-card-main,
  .m-inspiration-card-main img { min-height: 148px; }
.m-inspiration-card-actions { top: 5px; right: 5px; gap: 4px; }
.m-inspiration-action { width: 33px; height: 33px; border-radius: 10px; }}
@media (prefers-reduced-motion: reduce) {.m-inspiration-skeleton,
  .m-inspiration-heading button:disabled i,
  .m-inspiration-action.is-pending .material-symbols-outlined { animation: none; }}
:root { --v-blue: #065dfd; --v-ink: #121214; }
.header-generation-progress.is-feature-disabled,
.confetti-layer { display: none !important; }
.generator-studio,
.generator-workbench,
.brief-panel { box-shadow: none !important; }
.billing-plan-accordion {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 520ms cubic-bezier(.22,1,.36,1), opacity 220ms ease, margin 360ms cubic-bezier(.22,1,.36,1);
}
.billing-plan-accordion.is-open { max-height: 2200px; opacity: 1; overflow: visible; }
#plansList.billing-plan-accordion { margin-block: 0; }
#plansList.billing-plan-accordion.is-open { margin-block: 18px 28px; }
.desktop-billing-balance {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: 4px 16px;
  padding: 28px 32px;
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(16,24,40,.08);
}
.desktop-billing-balance > span { grid-column: 1 / -1; color: #74777e; }
.desktop-billing-balance strong { font-size: 56px; font-weight: 400; line-height: 1; }
.desktop-billing-balance small { align-self: center; color: #74777e; }
.desktop-billing-balance button,
.m-balance-tile #mobileBalanceBuy {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 999px;
  padding: 14px 18px;
  background: var(--v-ink);
  color: #fff;
  font: 700 14px Manrope, sans-serif;
}
.desktop-billing-balance button[aria-expanded="true"] .material-symbols-outlined,
.m-balance-tile #mobileBalanceBuy[aria-expanded="true"] .material-symbols-outlined { transform: rotate(180deg); }
.desktop-billing-balance .material-symbols-outlined,
.m-balance-tile #mobileBalanceBuy .material-symbols-outlined { transition: transform 260ms cubic-bezier(.22,1,.36,1); }
.project-viewer { width: 100vw; height: 100dvh; max-width: none; max-height: none; border: 0; padding: 0; background: rgba(8,10,16,.78); }
.project-viewer::backdrop { background: rgba(8,10,16,.66); backdrop-filter: blur(18px); }
.project-viewer-card { position: relative; width: 100%; height: 100%; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.project-viewer-header { position: absolute; inset: 24px 24px auto 24px; z-index: 8; pointer-events: none; }
.project-viewer-close { pointer-events: auto; position: absolute; right: 0; top: 0; width: 56px; height: 56px; border: 0; border-radius: 50%; background: #111; color: #fff; }
.project-viewer-name { pointer-events: auto; position: absolute; left: 0; top: 0; max-width: min(56vw, 520px); }
.project-viewer-name button,
.project-viewer-name input { border: 0; border-radius: 999px; padding: 12px 18px; background: rgba(255,255,255,.75); backdrop-filter: blur(18px); font: 700 16px Manrope, sans-serif; }
.project-viewer-save-title { display: none !important; }
.project-viewer-media { height: 100%; display: grid; place-items: center; overflow: hidden; touch-action: pan-y; }
.project-viewer-stage { position: relative; display: grid; place-items: center; width: 100%; height: 100%; }
.project-viewer-image { display: block; max-width: min(88vw, 1180px); max-height: 88dvh; width: auto; height: auto; object-fit: contain; border-radius: 24px; box-shadow: 0 34px 90px rgba(0,0,0,.35); }
.project-viewer-actions { position: absolute; z-index: 9; left: 50%; bottom: max(24px, env(safe-area-inset-bottom)); width: max-content !important; max-width: calc(100vw - 24px); transform: translateX(-50%); display: flex !important; flex-wrap: nowrap !important; grid-template-columns: none !important; gap: 8px; padding: 8px; border: 1px solid rgba(255,255,255,.36); border-radius: 999px; background: rgba(255,255,255,.25); backdrop-filter: blur(20px) saturate(150%); }
.project-viewer-actions button { width: 50px; height: 50px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.82); color: #111; font-size: 0; transition: transform 160ms ease, background 160ms ease, color 160ms ease; }
.project-viewer-actions button:hover { transform: translateY(-2px); background: var(--v-blue); color: #fff; }
.project-viewer-actions button.is-danger:hover { background: #e12b43; }
.project-viewer-arrow { position: absolute; z-index: 3; top: 50%; width: 54px; height: 54px; border: 0; border-radius: 50%; background: rgba(255,255,255,.72); backdrop-filter: blur(16px); transform: translateY(-50%); }
.project-viewer-arrow.is-prev { left: 28px; }
.project-viewer-arrow.is-next { right: 28px; }
.project-viewer-dots { position: absolute; left: 50%; bottom: 100px; z-index: 4; transform: translateX(-50%); display: flex; gap: 7px; }
.project-viewer-dots button { width: 7px; height: 7px; border: 0; padding: 0; border-radius: 50%; background: rgba(255,255,255,.48); }
.project-viewer-dots button.is-active { background: var(--v-blue); transform: scale(1.35); }
.edit-source-preview { position: absolute; inset: auto 24px 24px; z-index: 4; display: flex; gap: 8px; overflow: auto; scrollbar-width: none; }
.edit-source-preview::-webkit-scrollbar { display: none; }
.edit-source-preview img { width: 64px; height: 64px; flex: 0 0 auto; object-fit: cover; border-radius: 16px; border: 2px solid #fff; box-shadow: 0 8px 20px rgba(0,0,0,.12); }
@media (min-width: 1061px) {html, body { overflow: hidden; }
dialog .modal-scroll-body { overflow-y: auto; }}
@media (max-width: 1060px) {html, body { overscroll-behavior: none; }
.project-viewer-header { inset: max(14px, env(safe-area-inset-top)) 14px auto; }
.project-viewer-close { width: 48px; height: 48px; }
.project-viewer-name { max-width: calc(100vw - 90px); }
.project-viewer-image { max-width: 100vw; max-height: 100dvh; width: 100%; height: 100%; object-fit: contain; border-radius: 0; box-shadow: none; }
.project-viewer-arrow { display: none; }
.project-viewer-dots { bottom: calc(max(22px, env(safe-area-inset-bottom)) + 86px); }
.project-viewer-actions { bottom: max(14px, env(safe-area-inset-bottom)); }
.m-field-tile { overflow: visible !important; }
.m-field-tile input,
  .m-field-tile textarea {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    padding-inline: 0 !important;
    border-radius: 0 !important;
    overflow: visible;
    text-indent: 0;
  }
.m-field-tile textarea { resize: none; }
.m-field-tile > small { right: 18px !important; left: auto !important; }
.m-upload-tile,
  .m-field-tile { position: relative; isolation: isolate; overflow: hidden !important; }
.m-upload-tile::after,
  .m-field-tile::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: var(--tap-x, 50%);
    top: var(--tap-y, 50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--v-blue) 16%, transparent);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    pointer-events: none;
  }
.m-upload-tile.is-tap-rippling::after,
  .m-field-tile.is-tap-rippling::after { animation: mobileTapRipple 720ms cubic-bezier(.16,1,.3,1); }
@keyframes mobileTapRipple {
    0% { transform: translate(-50%, -50%) scale(0); opacity: .9; }
    72% { opacity: .34; }
    100% { transform: translate(-50%, -50%) scale(34); opacity: 0; }
  }
#mobileCreatePage::after {
    content: "";
    position: fixed;
    z-index: 20;
    inset: 72px 0 92px;
    pointer-events: none;
    opacity: 0;
    background-image: radial-gradient(circle, var(--v-blue) 0 1.6px, transparent 1.9px);
    background-size: 12px 12px;
    mask-image: linear-gradient(90deg, transparent, #000 22%, #000 78%, transparent);
  }
#mobileCreatePage.is-mobile-wave::after { animation: mobileWorkbenchWave 700ms cubic-bezier(.22,1,.36,1); }
#mobileCreatePage.is-mobile-wave .m-upload-tile,
  #mobileCreatePage.is-mobile-wave .m-field-tile,
  #mobileCreatePage.is-mobile-wave .m-setting-tile { animation: mobileCardFan 560ms cubic-bezier(.22,1,.36,1); }
@keyframes mobileWorkbenchWave {
    0% { opacity: 0; transform: translateX(-34%) scaleX(.5); }
    38% { opacity: .32; }
    100% { opacity: 0; transform: translateX(34%) scaleX(1.2); }
  }
@keyframes mobileCardFan {
    0%,100% { transform: translateX(0) rotate(0); }
    38% { transform: translateX(5px) rotate(.6deg); }
    72% { transform: translateX(-2px) rotate(-.22deg); }
  }
.m-settings-sheet-card { touch-action: none; will-change: transform, opacity; }
.m-settings-options { touch-action: pan-y; overscroll-behavior: contain; }
#mobileSettingsClose { background: #111 !important; color: #fff !important; }
.m-setting-option { transition: transform 140ms ease, background 180ms ease, border-color 180ms ease; }
.m-setting-option:active { transform: scale(.98); }
.m-template-section { overflow: visible !important; padding-bottom: 18px !important; }
.m-template-mask { overflow: visible !important; margin-inline: calc(var(--m-edge, 16px) * -1) 0; padding-inline: 0; mask-image: linear-gradient(90deg, transparent 0, #000 8px, #000 calc(100% - 8px), transparent 100%); }
.m-template-list { overflow-x: auto; overflow-y: visible !important; padding-block: 8px 24px !important; scroll-behavior: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; touch-action: pan-x; overscroll-behavior-inline: contain; }
.m-template-list::-webkit-scrollbar { display: none; }
.m-template-card { box-shadow: none !important; scroll-snap-align: start; }
.billing-plan-accordion { margin: 0 !important; }
.billing-plan-accordion.is-open { margin-top: 12px !important; padding-bottom: 12px; }
.m-balance-tile #mobileBalanceBuy { grid-column: 1 / -1; justify-self: stretch; justify-content: center; }
.m-plan-list { overflow: hidden !important; }
.m-plan-list.is-open { overflow: visible !important; }
#mobileProjectsList.is-grid .m-project-group { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
#mobileProjectsList.is-grid .m-project-date { grid-column: 1 / -1; }
#mobileProjectsList.is-grid .m-project { display: grid; grid-template-columns: 1fr; align-content: start; min-width: 0; padding: 8px; }
#mobileProjectsList.is-grid .m-project > img,
  #mobileProjectsList.is-grid .m-project > .m-project-placeholder { width: 100%; aspect-ratio: 1; height: auto; }
#mobileProjectsList.is-grid .m-project h3 { font-size: 11px; line-height: 1.2; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mobileProjectsList.is-grid .m-project p { display: none; }
#mobileProjectsList.is-grid .m-project-status { position: absolute; top: 12px; right: 12px; }
.project-view-toggle .material-symbols-outlined { transition: transform 220ms cubic-bezier(.22,1,.36,1); }
.project-view-toggle:active .material-symbols-outlined { transform: rotate(90deg) scale(.86); }
.m-mobile-achievements { display: flex !important; gap: 10px; overflow-x: auto; padding: 8px 4px 16px !important; scrollbar-width: none; }
.m-mobile-achievements::-webkit-scrollbar { display: none; }
.m-mobile-achievements button { width: 52px !important; height: 52px !important; flex: 0 0 52px; border-radius: 18px !important; }
.m-mobile-achievements button i { font-size: 26px !important; }
.m-mobile-achievements button.is-unlocked { color: var(--v-blue) !important; background: rgba(6,93,253,.1) !important; }
.m-profile-content.is-editing .m-profile-cover,
  .m-profile-content.is-editing .m-profile-avatar { filter: none !important; opacity: 1 !important; }
.m-profile-data { position: relative; z-index: 3; }
#mobileProfileContent.is-editing .m-mobile-achievements,
  #mobileProfileContent.is-editing .m-profile-action,
  #mobileProfileContent.is-editing .m-profile-utility { opacity: .34; filter: saturate(.4); pointer-events: none; transition: opacity 220ms ease, filter 220ms ease; }
.m-profile-utility button { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; }
#mobileProfileQuestion .material-symbols-outlined { margin: 0 !important; transform: none !important; }}
@media (prefers-reduced-motion: reduce) {*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }}
@media (min-width: 1061px) {#billingModal .modal-scroll-card,
  #projectsModal .modal-scroll-card {
    position: relative;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }
#billingModal .modal-scroll-card::-webkit-scrollbar,
  #projectsModal .modal-scroll-card::-webkit-scrollbar { display: none; }
#billingModal .modal-scroll-card::before,
  #billingModal .modal-scroll-card::after,
  #projectsModal .modal-scroll-card::before,
  #projectsModal .modal-scroll-card::after,
  #billingModal .modal-sticky-header::before,
  #billingModal .modal-sticky-header::after,
  #projectsModal .modal-sticky-header::before,
  #projectsModal .modal-sticky-header::after { display: none !important; }
#billingModal .modal-sticky-header,
  #projectsModal .modal-sticky-header {
    position: relative !important;
    inset: auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 8px 86px 26px 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
#billingModal .modal-heading,
  #projectsModal .modal-heading,
  #billingModal .modal-scroll-card.is-header-compact .modal-heading,
  #projectsModal .modal-scroll-card.is-header-compact .modal-heading,
  #billingModal .modal-scroll-card.is-header-expanding .modal-heading,
  #projectsModal .modal-scroll-card.is-header-expanding .modal-heading {
    position: static !important;
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
#billingModal .modal-heading-title,
  #projectsModal .modal-heading-title,
  #billingModal .modal-heading-title .label,
  #projectsModal .modal-heading-title .label,
  #billingModal .modal-heading h2,
  #projectsModal .modal-heading h2 {
    position: static !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
#billingModal .modal-heading-title .label,
  #projectsModal .modal-heading-title .label {
    display: block;
    margin: 0 0 12px;
  }
#billingModal .modal-heading h2,
  #projectsModal .modal-heading h2 {
    margin: 0;
    font-size: clamp(34px, 3.1vw, 48px);
    line-height: 1.04;
    font-weight: 300;
  }
#billingModal .modal-scroll-body,
  #projectsModal .modal-scroll-body,
  #billingModal .modal-scroll-card.is-header-compact .modal-scroll-body,
  #projectsModal .modal-scroll-card.is-header-compact .modal-scroll-body {
    max-height: none !important;
    margin: 0 !important;
    padding: 0 2px 34px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
.desktop-modal-controls {
    position: sticky;
    z-index: 60;
    top: 14px;
    width: 100%;
    height: 0;
    pointer-events: none;
  }
.desktop-modal-controls-inner {
    position: absolute;
    top: 0;
    left: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    transform: translateX(-100%);
    transition: left 420ms cubic-bezier(.22,1,.36,1), transform 420ms cubic-bezier(.22,1,.36,1);
    pointer-events: auto;
  }
.modal-scroll-card.is-controls-docked .desktop-modal-controls-inner {
    left: 50%;
    transform: translateX(-50%);
  }
.desktop-modal-close,
  .desktop-grid-toggle {
    position: relative !important;
    inset: auto !important;
    translate: none !important;
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 28px rgba(20,22,28,.11) !important;
    transition: width 320ms cubic-bezier(.22,1,.36,1), background-color 190ms ease, color 190ms ease, transform 190ms cubic-bezier(.22,1,.36,1), box-shadow 190ms ease !important;
  }
.desktop-modal-close {
    background: #151518 !important;
    color: #fff !important;
  }
.desktop-grid-toggle {
    background: #efefed !important;
    color: #151518 !important;
  }
.desktop-modal-close:hover {
    background: #d72d45 !important;
    color: #fff !important;
    transform: translateY(-2px) scale(1.025);
  }
.desktop-grid-toggle:hover {
    background: #065dfd !important;
    color: #fff !important;
    transform: translateY(-2px) scale(1.025);
  }
.desktop-modal-close:active,
  .desktop-grid-toggle:active { transform: scale(.93); }
.desktop-modal-controls .desktop-modal-close::before,
  .desktop-modal-controls .desktop-modal-close::after,
  .desktop-modal-controls .desktop-grid-toggle::before,
  .desktop-modal-controls .desktop-grid-toggle::after { display: none !important; }
.control-close-label {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 750;
    transition: max-width 260ms ease, opacity 160ms ease;
  }
.control-close-icon {
    max-width: 26px;
    opacity: 1;
    overflow: hidden;
    transition: max-width 220ms ease, opacity 140ms ease;
  }
.modal-scroll-card.is-controls-docked .desktop-modal-close {
    width: 118px !important;
    background: rgba(21,21,24,.82) !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    -webkit-backdrop-filter: blur(20px) saturate(145%);
    backdrop-filter: blur(20px) saturate(145%);
  }
.modal-scroll-card.is-controls-docked .desktop-modal-close:hover { background: rgba(215,45,69,.92) !important; }
.modal-scroll-card.is-controls-docked .control-close-icon { max-width: 0; opacity: 0; }
.modal-scroll-card.is-controls-docked .control-close-label { max-width: 72px; opacity: 1; }
#projectsModal .project-date-grid.is-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px;
  }
#projectsModal .project-date-grid.is-list {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
  }
#projectsModal .project-date-grid.is-list .result-card {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    column-gap: 18px;
    align-items: start;
    padding: 12px;
  }
#projectsModal .project-date-grid.is-list .project-preview {
    grid-row: 1 / 3;
    height: 116px;
  }
#projectsModal .project-date-grid.is-list .project-preview img,
  #projectsModal .project-date-grid.is-list .project-preview.mock-preview {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
  }
#projectsModal .project-date-grid.is-list .project-card-heading { margin-top: 2px; }
#projectsModal .project-date-grid.is-list .project-card-heading h3 { font-size: 17px; }
#projectsModal .project-date-grid.is-list .mini-copy { font-size: 13px; }}
@media (max-width: 1060px) {.desktop-modal-controls { display: none; }}
@media (max-width: 1060px) {.m-page[data-mobile-view="create"] {
    gap: 10px;
    overflow: hidden !important;
    overscroll-behavior: none;
    touch-action: pan-y;
  }
.m-page[data-mobile-view="create"] .m-page-heading { display: none; }
.m-page[data-mobile-view="create"] .m-mode-rail,
  .m-page[data-mobile-view="create"] .m-upload-tile,
  .m-page[data-mobile-view="create"] .m-field-group,
  .m-page[data-mobile-view="create"] .m-settings-grid,
  .m-page[data-mobile-view="create"] .m-generate-row,
  .m-page[data-mobile-view="create"] .m-template-section { margin: 0; }
.m-page[data-mobile-view="create"] .m-mode-rail { min-height: 34px; margin-bottom: 6px; }
.m-page[data-mobile-view="create"] .m-mode-pill { min-height: 34px; padding-inline: 10px; }
.m-page[data-mobile-view="create"] .m-upload-tile { min-height: 78px; }
.m-page[data-mobile-view="create"] .m-field-group { margin: 0; }
.m-page[data-mobile-view="create"] .m-field-tile { min-height: 56px; }
.m-page[data-mobile-view="create"] .m-name-tile { min-height: 60px; }
.m-page[data-mobile-view="create"] .m-description-tile { min-height: 78px; }
.m-page[data-mobile-view="create"] .m-description-tile textarea { min-height: 55px; }
.m-page[data-mobile-view="create"] .m-setting-tile { height: 66px; }
.m-page[data-mobile-view="create"] .m-generate-row { min-height: 44px; }
.m-page[data-mobile-view="create"] .m-cost,
  .m-page[data-mobile-view="create"] .m-generate-button { min-height: 44px; }
.m-page[data-mobile-view="create"] .m-template-section { min-height: 86px; margin-top: 14px; padding: 0 0 10px; }
.m-page[data-mobile-view="create"] .m-template-label {
    min-height: 18px;
    margin: 0 0 2px;
  }
.m-page[data-mobile-view="create"] .m-template-list { height: 66px; padding-top: 5px; padding-bottom: 9px; }
.m-page[data-mobile-view="create"] .m-template-card { height: 58px; min-width: 142px; }
.m-page[data-mobile-view="create"] .m-template-card img { width: 42px; height: 42px; border-radius: 13px; }
.m-field-tile {
    isolation: isolate;
    overflow: hidden !important;
  }
.m-field-tile input,
  .m-field-tile textarea {
    position: relative;
    z-index: 2;
    padding-left: 0 !important;
    color: var(--m-ink);
    font-style: normal;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none;
  }
.m-field-tile textarea::-webkit-scrollbar { width: 0; height: 0; }
.m-name-tile textarea { min-height: 38px; max-height: 38px; line-height: 1.3; }
.m-field-group {
    display: grid;
    gap: 5px;
  }
.m-form-label {
    display: block;
    color: var(--m-muted);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
  }
.m-field-group .m-field-tile {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 9px;
  }
.m-field-group .m-field-tile input,
  .m-field-group .m-field-tile textarea { margin-top: 0; }
.m-field-placeholder {
    position: absolute;
    z-index: 1;
    top: 11px;
    right: 28px;
    left: 14px;
    display: block;
    overflow: hidden;
    color: rgba(114,117,127,.58);
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.35;
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 140ms ease;
  }
.m-field-tile.is-placeholder-visible .m-field-placeholder { opacity: 1; }
.m-name-tile .m-field-placeholder {
    right: 23px;
    top: 11px;
    bottom: 11px;
    height: 38px;
    white-space: normal;
    transform: none;
    transition: opacity 140ms ease;
  }
.m-description-tile .m-field-placeholder {
    top: 11px;
    right: 23px;
    bottom: 11px;
    height: 55px;
    overflow: hidden;
    white-space: normal;
    transform: none;
    transition: opacity 140ms ease;
  }
.m-field-scrollbar,
  .m-description-scrollbar {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 8px;
    bottom: 28px;
    width: 3px;
    border-radius: 999px;
    background: rgba(6,93,253,.1);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease;
  }
.m-field-scrollbar i,
  .m-description-scrollbar i {
    display: block;
    width: 100%;
    height: var(--m-field-thumb-size, 14px);
    border-radius: inherit;
    background: var(--m-blue);
    transform: translateY(var(--m-field-thumb-offset, 0px));
    transition: height 100ms ease, transform 100ms linear;
  }
.m-field-tile.is-field-scrollable .m-field-scrollbar,
  .m-description-tile.is-description-scrollable .m-description-scrollbar { opacity: .9; }
.m-description-tile textarea { scrollbar-width: none; }
.m-description-tile textarea::-webkit-scrollbar { width: 0; height: 0; }
.m-field-tile > small {
    right: 10px !important;
    bottom: 8px;
    z-index: 4;
    padding: 3px 6px;
    border: 1px solid rgba(255,255,255,.52);
    border-radius: 999px;
    background: rgba(255,255,255,.42);
    box-shadow: 0 4px 12px rgba(21,30,48,.06);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
.m-field-tile > .m-field-caption {
    position: relative;
    z-index: 4;
    width: fit-content;
    padding: 3px 7px;
    border: 1px solid rgba(255,255,255,.58);
    border-radius: 999px;
    background: rgba(255,255,255,.42);
    box-shadow: 0 4px 12px rgba(21,30,48,.05);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
.m-projects-tab .project-nav-badge {
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    top: 1px;
    right: calc(50% - 22px);
    font-size: 9px;
  }
@media (max-height: 720px) {.m-page[data-mobile-view="create"] { gap: 7px; padding-top: 3px; }
.m-page[data-mobile-view="create"] .m-mode-rail { min-height: 30px; margin-bottom: 5px; }
.m-page[data-mobile-view="create"] .m-mode-pill { min-height: 30px; padding-inline: 9px; font-size: 10px; }
.m-page[data-mobile-view="create"] .m-upload-tile { min-height: 66px; padding-block: 9px; }
.m-page[data-mobile-view="create"] .m-upload-icon { width: 42px; height: 42px; }
.m-page[data-mobile-view="create"] .m-field-tile { min-height: 49px; padding-block: 8px; }
.m-page[data-mobile-view="create"] .m-name-tile { min-height: 54px; }
.m-page[data-mobile-view="create"] .m-description-tile { min-height: 66px; }
.m-page[data-mobile-view="create"] .m-description-tile textarea { min-height: 43px; }
.m-page[data-mobile-view="create"] .m-setting-tile { height: 58px; }
.m-page[data-mobile-view="create"] .m-setting-tile > .material-symbols-outlined { margin-top: 4px; font-size: 20px; }
.m-page[data-mobile-view="create"] .m-generate-row { min-height: 40px; }
.m-page[data-mobile-view="create"] .m-cost,
    .m-page[data-mobile-view="create"] .m-generate-button { min-height: 40px; }
.m-page[data-mobile-view="create"] .m-template-section { min-height: 68px; margin-top: 10px; }
.m-page[data-mobile-view="create"] .m-template-list { height: 54px; padding-top: 3px; }
.m-page[data-mobile-view="create"] .m-template-card { height: 48px; min-width: 126px; }
.m-page[data-mobile-view="create"] .m-template-card img { width: 34px; height: 34px; }
.m-field-placeholder { top: 9px; font-size: 12px; }
.m-name-tile textarea { min-height: 32px; max-height: 32px; }
.m-name-tile .m-field-placeholder { top: 9px; bottom: 8px; max-height: 32px; }
.m-description-tile .m-field-placeholder { top: 9px; bottom: 8px; height: 43px; }
.m-field-scrollbar, .m-description-scrollbar { top: 8px; bottom: 24px; }}}
@media (max-width: 1060px) {.m-template-card.is-applied {
    border-color: var(--m-blue);
    background: var(--m-blue);
    color: #fff;
    box-shadow: 0 12px 25px rgba(6, 93, 253, .25);
    transform: translateY(-1px) scale(1.012);
  }
.m-template-card.is-applied strong { color: inherit; }
.m-settings-sheet-card[data-dragging="true"] {
    touch-action: none;
    will-change: transform, opacity;
  }
.m-settings-sheet-card[data-dragging="true"] .m-settings-options {
    overflow: hidden;
  }}
@media (max-width: 1060px) {.m-brand {
    width: 110px;
    height: 38px;
    transform: none;
  }
.m-brand img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
  }
.m-page[data-mobile-view="create"] .m-mode-rail {
    margin-top: 10px;
    margin-bottom: 16px;
  }
.m-field-scrollbar,
  .m-description-scrollbar {
    top: 13px;
    bottom: auto;
    height: calc((100% - 38px) / 2);
  }
.m-field-tile > small { right: 12px !important; }
.m-page[data-mobile-view="profile"] .m-scroll-content {
    padding: 10px 8px 30px;
  }
.m-page[data-mobile-view="profile"] .m-profile-hero {
    overflow: hidden;
  }}
@media (min-width: 1061px) {.sidebar-brand-row .sidebar-brand-full {
    width: 138px;
    max-height: 44px;
    object-fit: contain;
    object-position: left center;
  }
.sidebar-brand-row .sidebar-compact-mark {
    object-fit: contain;
  }}
@media (min-width: 1061px) {.brief-field-scrollbar {
    position: absolute;
    z-index: 3;
    top: 42px;
    right: 10px;
    width: 3px;
    height: 32px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(6, 93, 253, .1);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease;
  }
.brief-field-scrollbar i {
    display: block;
    width: 100%;
    height: var(--brief-thumb-size, 6px);
    border-radius: inherit;
    background: #065dfd;
    transform: translateY(var(--brief-thumb-offset, 0));
    transition: height 100ms ease, transform 100ms linear;
  }
.brief-field.is-brief-scrollable .brief-field-scrollbar { opacity: .9; }
.brief-field textarea { scrollbar-width: none; }
.brief-field textarea::-webkit-scrollbar { width: 0; height: 0; }
.sidebar-brand-row .sidebar-brand-full {
    width: 156px;
    max-height: 44px;
    object-fit: contain;
    object-position: left center;
  }}
@media (max-width: 1060px) {.m-brand {
    width: 136px;
    height: 38px;
  }
.m-brand img {
    width: 136px;
    height: auto;
    object-fit: contain;
  }
.m-field-scrollbar,
  .m-description-scrollbar { top: 16px; }}
@media (min-width: 1061px) {.desktop-billing-balance {
    background: #065dfd;
    border-color: #065dfd;
    color: #fff;
    box-shadow: 0 18px 48px rgba(6, 93, 253, .24);
  }
.desktop-billing-balance > span,
  .desktop-billing-balance small { color: rgba(255,255,255,.8); }
.desktop-billing-balance button { background: #fff; color: #121318; }}
@media (max-width: 1060px) {#mobileProjectsPage .m-eyebrow,
  #mobileBillingPage .m-eyebrow,
  #mobileProfilePage .m-eyebrow { display: none; }
#mobileProjectsPage .m-page-heading,
  #mobileBillingPage .m-page-heading,
  #mobileProfilePage .m-page-heading { min-height: 40px; margin-bottom: 8px; }
#mobileProfilePage .m-page-heading-row {
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
  }
#mobileProfilePage .m-page-heading-row h1 { margin: 0; }
#mobileProfileEditButton { width: 40px; height: 40px; }
#mobileProfilePage .m-scroll-content { padding: 1px 2px 26px; }
#mobileProfilePage .m-profile-hero { overflow: visible; }
.m-mobile-achievements {
    min-height: 36px;
    height: 36px;
    padding: 3px 7px !important;
    align-items: center;
    gap: 7px;
  }
.m-mobile-achievements button {
    width: 31px !important;
    height: 28px !important;
    min-width: 31px;
    flex-basis: 31px;
    border-radius: 9px !important;
    touch-action: manipulation;
  }
.m-mobile-achievements button i { font-size: 17px !important; }
#mobileProfileContent.is-editing .m-profile-hero {
    position: relative;
    min-height: 104px;
    height: 104px;
    overflow: hidden !important;
    border-radius: 22px;
    transition: height 320ms cubic-bezier(.22,1,.36,1), min-height 320ms cubic-bezier(.22,1,.36,1);
  }
#mobileProfileContent.is-editing .m-profile-cover {
    position: absolute;
    inset: 0;
    height: auto;
    border-radius: inherit;
  }
#mobileProfileContent.is-editing .m-profile-main {
    position: relative;
    z-index: 1;
    min-height: 104px;
    height: 104px;
    padding: 0 14px;
    display: grid;
    grid-template-columns: 62px minmax(0,1fr);
    grid-template-rows: minmax(0,1fr) auto;
    column-gap: 11px;
    align-items: center;
    background: linear-gradient(90deg, rgba(10,13,20,.46), rgba(10,13,20,.08));
  }
#mobileProfileContent.is-editing .m-profile-avatar {
    grid-row: 1 / -1;
    width: 62px;
    height: 62px;
    margin: 0;
    border-width: 3px;
  }
#mobileProfileContent.is-editing .m-profile-main h2 {
    align-self: end;
    margin: 0;
    color: #fff;
    font-size: 20px;
  }
#mobileProfileContent.is-editing .m-profile-main p {
    align-self: start;
    margin: 1px 0 0;
    color: rgba(255,255,255,.82);
  }
#mobileProfileContent.is-editing .m-profile-stats { display: none; }
#mobileProfileContent.is-editing .m-profile-data label { text-align: center; font-size: 12px; }
#mobileProfileContent.is-editing .m-profile-data input { touch-action: manipulation; }
.m-field-scrollbar,
  .m-description-scrollbar { top: 19px; }}
@media (min-width: 1061px) {body.sidebar-collapsed .sidebar-brand-row .sidebar-compact-mark {
    width: 48px !important;
    height: 48px !important;
  }
.brief-field textarea {
    scrollbar-width: none;
  }
.brief-field textarea::-webkit-scrollbar {
    width: 0;
    height: 0;
  }}
@media (max-width: 1060px) {#mobileProjectsPage,
  #mobileBillingPage,
  #mobileProfilePage {
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-right: 5px;
    padding-bottom: 28px;
    padding-left: 5px;
  }
#mobileProjectsPage .m-page-heading,
  #mobileBillingPage .m-page-heading,
  #mobileProfilePage .m-page-heading {
    margin-right: 11px;
    margin-left: 11px;
  }
#mobileProjectsPage .m-scroll-content,
  #mobileBillingPage .m-scroll-content,
  #mobileProfilePage .m-scroll-content {
    flex: 0 0 auto;
    min-height: auto;
    overflow: visible;
    margin: -10px 0 0;
    padding: 12px 11px 42px;
  }
.m-settings-sheet-card {
    touch-action: auto !important;
    overscroll-behavior: contain;
  }
.m-sheet-grabber,
  .m-settings-sheet-card > header {
    touch-action: none !important;
    user-select: none;
    -webkit-user-select: none;
  }
.m-sheet-grabber {
    width: 46px;
    height: 26px;
    margin: -4px auto 4px;
    display: grid;
    place-items: center;
    cursor: grab;
    background: transparent;
  }
.m-sheet-grabber::after {
    content: "";
    width: 38px;
    height: 4px;
    border-radius: 999px;
    background: #cfd3dc;
  }
.m-settings-sheet-card[data-dragging="true"] { will-change: transform, opacity; }}
@media (min-width: 1061px) {.product-side-panel {
    min-height: 486px;
    max-height: 486px;
    grid-template-rows: auto 154px auto auto auto minmax(0, 1fr);
    align-content: start;
  }
.product-side-panel .recent-projects {
    min-height: 154px;
    max-height: 154px;
    overflow: hidden;
    position: relative;
    align-content: start;
  }
.product-side-panel .recent-projects::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 28px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.98));
  }}
@media (max-width: 1060px) {#mobileProfilePage.is-active {
    display: block;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }
#mobileProfilePage .m-scroll-content {
    margin: 0;
    min-height: 0;
    overflow: visible;
    padding: 12px 11px calc(44px + env(safe-area-inset-bottom));
  }
#mobileProfilePage .m-profile-hero {
    overflow: hidden;
    border-radius: 24px;
  }
#mobileProfileContent.is-editing .m-profile-hero {
    height: auto;
    min-height: 0;
    overflow: hidden !important;
    border-radius: 24px;
  }
#mobileProfileContent.is-editing .m-profile-cover {
    position: static;
    inset: auto;
    height: 118px;
    border-radius: 0;
  }
#mobileProfileContent.is-editing .m-profile-main {
    display: block;
    min-height: 0;
    height: auto;
    padding: 0 16px 15px;
    background: var(--m-tile);
  }
#mobileProfileContent.is-editing .m-profile-avatar {
    display: block;
    width: 78px;
    height: 78px;
    margin-top: -38px;
    border-width: 4px;
  }
#mobileProfileContent.is-editing .m-profile-main h2 {
    margin: 8px 0 0;
    color: var(--m-ink);
    font-size: 22px;
  }
#mobileProfileContent.is-editing .m-profile-main p {
    margin: 4px 0 0;
    color: var(--m-muted);
  }
#mobileProfileContent.is-editing .m-profile-stats { display: none; }
#mobileProfileContent .m-mobile-achievements {
    min-height: 56px;
    height: 56px;
    padding: 6px 10px !important;
    align-items: center;
    gap: 8px;
  }
#mobileProfileContent .m-mobile-achievements button {
    width: 42px !important;
    min-width: 42px;
    height: 42px !important;
    flex-basis: 42px;
    border-radius: 13px !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
#mobileProfileContent .m-mobile-achievements button i { font-size: 21px !important; }
#mobileProfileContent .m-mobile-achievements button:active { transform: scale(.9); }
.m-achievement-popover {
    margin: -2px 1px 2px;
    padding: 10px 12px;
    border: 1px solid rgba(6,93,253,.2);
    border-radius: 15px;
    color: #17417f;
    background: rgba(232,240,255,.98);
    box-shadow: 0 10px 25px rgba(27,48,91,.12);
    font-size: 12px;
    line-height: 1.35;
    animation: mobile-achievement-pop 180ms cubic-bezier(.2,1.2,.3,1);
  }
.m-achievement-popover[hidden] { display: none; }
@keyframes mobile-achievement-pop {
    from { opacity: 0; transform: translateY(-5px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
.toast { z-index: 1200 !important; }}
@media (max-width: 1060px) {#mobileSettingsSheet .m-sheet-drag-region,
  #mobileSettingsSheet .m-sheet-grabber,
  #mobileSettingsSheet .m-settings-sheet-card > header {
    touch-action: none !important;
    -webkit-user-select: none;
    user-select: none;
  }
#mobileSettingsSheet .m-sheet-drag-region {
    min-height: 104px;
    margin: -10px calc(var(--m-edge) * -1) 0;
    padding: 10px var(--m-edge) 10px;
    cursor: grab;
  }
#mobileSettingsSheet .m-settings-sheet-card > header,
  #mobileSettingsSheet .m-sheet-drag-region header {
    cursor: grab;
  }
#mobileSettingsSheet .m-settings-sheet-card[data-dragging="true"] .m-sheet-drag-region,
  #mobileSettingsSheet .m-settings-sheet-card[data-dragging="true"] .m-sheet-drag-region header,
  #mobileSettingsSheet .m-settings-sheet-card[data-dragging="true"] .m-sheet-grabber {
    cursor: grabbing;
  }}
@media (max-width: 1060px) {#mobileSettingsSheet .m-settings-sheet-card {
    touch-action: auto;
    overscroll-behavior: contain;
  }
#mobileSettingsSheet .m-sheet-drag-region {
    position: relative;
    z-index: 2;
    min-height: 110px;
    touch-action: none !important;
  }
#mobileSettingsSheet .m-sheet-drag-region > header {
    margin: 0;
    min-height: 62px;
    touch-action: none !important;
  }
#mobileSettingsSheet .m-settings-options {
    position: relative;
    z-index: 1;
    touch-action: pan-y;
  }
.m-mode-pill.is-active small {
    background: rgba(255,255,255,.22);
    color: #fff;
  }
#toast {
    position: fixed;
    z-index: 1200;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    max-width: none;
    min-height: 58px;
    padding: calc(13px + env(safe-area-inset-top)) 20px 15px;
    border-radius: 0 0 22px 22px;
    transform: translateY(-10px);
    clip-path: inset(0 0 100% 0 round 0 0 22px 22px);
    opacity: 0;
    box-shadow: 0 14px 36px rgba(6,93,253,.28);
    transition: clip-path 320ms cubic-bezier(.22,1,.36,1), transform 320ms cubic-bezier(.22,1,.36,1), opacity 180ms ease;
  }
#toast.visible {
    transform: translateY(0);
    clip-path: inset(0 0 0 0 round 0 0 22px 22px);
    opacity: 1;
  }
#mobileProfilePage .m-page-heading { margin-bottom: 8px; }
#mobileProfileEditButton { width: 34px; height: 34px; }
#mobileProfileContent.is-editing .m-profile-hero {
    opacity: 1;
    filter: none;
    height: auto;
    min-height: 0;
    overflow: hidden !important;
    border-radius: 24px;
    transition: none !important;
  }
#mobileProfileContent.is-editing .m-profile-cover {
    position: static;
    inset: auto;
    height: 118px;
    border-radius: 0;
    transition: none !important;
  }
#mobileProfileContent.is-editing .m-profile-main {
    display: block;
    min-height: 130px;
    height: auto;
    padding: 0 16px 16px;
    background: var(--m-tile);
    transition: none !important;
  }
#mobileProfileContent.is-editing .m-profile-avatar {
    display: block;
    width: 78px;
    height: 78px;
    margin-top: -38px;
    border-width: 4px;
    transition: none !important;
  }
#mobileProfileContent.is-editing .m-profile-main h2 {
    margin: 13px 0 0;
    color: var(--m-ink);
    font-size: 22px;
  }
#mobileProfileContent.is-editing .m-profile-main p {
    margin: 4px 0 0;
    color: var(--m-muted);
  }
#mobileProfileContent.is-editing .m-profile-stats {
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    border-top-color: transparent;
    transition: max-height 240ms ease, margin 240ms ease, opacity 160ms ease;
  }
#mobileProfileContent.is-editing .m-profile-data { margin-top: 22px; }
.m-achievement-popover { display: none !important; }}
:root { --v-blue: #065dfd; --v-ink: #151518; }
@media (min-width: 1061px) {.project-viewer-header .project-viewer-close { display: none !important; }
.project-viewer-stage { width: fit-content !important; height: fit-content !important; }
.project-viewer-image-close { position: absolute; z-index: 6; top: 14px; right: 14px; width: 46px; height: 46px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #151518; color: #fff; }
#projectsModal .project-date-grid.is-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px;
  }
#projectsModal .project-date-grid.is-grid .result-card {
    min-width: 0;
    min-height: 0;
    padding: 11px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    overflow: hidden;
  }
#projectsModal .project-date-grid.is-grid .project-preview,
  #projectsModal .project-date-grid.is-grid .project-preview img,
  #projectsModal .project-date-grid.is-grid .project-preview.mock-preview {
    width: 100%; height: auto; aspect-ratio: 1; min-height: 0;
    object-fit: cover; border-radius: 15px;
  }
#projectsModal .project-date-grid.is-grid .project-card-heading {
    min-width: 0; margin-top: 9px;
  }
#projectsModal .project-date-grid.is-grid .project-card-heading h3,
  #projectsModal .project-date-grid.is-grid .project-card-heading h3 button {
    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
#projectsModal .project-date-grid.is-grid .mini-copy { display: none; }
#projectsModal .project-date-grid.is-list { grid-template-columns: 1fr !important; gap: 10px; }
#projectsModal .project-date-grid.is-list .result-card {
    min-height: 132px; padding: 12px; display: grid;
    grid-template-columns: 170px minmax(0, 1fr); grid-template-rows: auto 1fr;
    column-gap: 14px; overflow: hidden;
  }
#projectsModal .project-date-grid.is-list .project-preview,
  #projectsModal .project-date-grid.is-list .project-preview img,
  #projectsModal .project-date-grid.is-list .project-preview.mock-preview {
    grid-row: 1 / 3; width: 170px; height: 108px; aspect-ratio: auto; object-fit: cover;
  }}
@media (max-width: 1060px) {#mobileApp .m-mode-pill.is-active.liquid-control,
  #mobileApp .m-generate-button.liquid-control,
  #mobileApp .m-dock button.is-active.liquid-control {
    color: #fff !important;
    background-color: var(--m-ink) !important;
  }
#mobileApp .m-mode-pill.is-active.liquid-control .material-symbols-outlined,
  #mobileApp .m-mode-pill.is-active.liquid-control span,
  #mobileApp .m-generate-button.liquid-control .material-symbols-outlined,
  #mobileApp .m-generate-button.liquid-control,
  #mobileApp .m-dock button.is-active.liquid-control .material-symbols-outlined,
  #mobileApp .m-dock button.is-active.liquid-control small {
    color: #fff !important;
  }
#mobileProjectsPage .m-scroll-content { padding: 2px 4px 30px !important; overflow-x: visible !important; }
#mobileProjectsList { display: block !important; min-width: 0; }
#mobileProjectsList .m-project-group { display: block !important; margin: 0 0 18px !important; }
#mobileProjectsList .m-project-date { margin: 0 2px 8px !important; }
#mobileProjectsList .m-project-items { display: grid; grid-template-columns: 1fr; gap: 10px; }
#mobileProjectsList .m-project {
    position: relative; min-width: 0; min-height: 92px; height: 92px; padding: 10px;
    display: grid !important; grid-template-columns: 70px minmax(0,1fr) 26px; gap: 10px;
    align-items: center; overflow: hidden; border-radius: 20px; text-align: left;
  }
#mobileProjectsList .m-project-media,
  #mobileProjectsList .m-project-media > img,
  #mobileProjectsList .m-project-placeholder {
    display: grid; width: 70px; height: 70px; min-width: 0; min-height: 0;
    place-items: center; overflow: hidden; border-radius: 15px; background: #eef0f5; object-fit: cover;
  }
#mobileProjectsList .m-project-media > img { width: 100%; height: 100%; object-fit: cover; }
#mobileProjectsList .m-project-copy { min-width: 0; }
#mobileProjectsList .m-project h3 { margin: 0; overflow: hidden; color: var(--m-ink); font-size: 14px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
#mobileProjectsList .m-project p { margin: 5px 0 0; overflow: hidden; color: var(--m-muted); font-size: 11px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
#mobileProjectsList .m-project-status { position: static !important; color: var(--v-blue); font-size: 20px; }
#mobileProjectsList .m-project-status.is-loading { width: 20px; height: 20px; border: 2px solid rgba(6,93,253,.2); border-top-color: var(--v-blue); border-radius: 50%; animation: v-project-spin 900ms linear infinite; }
#mobileProjectsList.is-grid .m-project-items { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
#mobileProjectsList.is-grid .m-project {
    height: 142px; padding: 7px; display: grid !important; grid-template-columns: 1fr; grid-template-rows: minmax(0,1fr) 26px; gap: 6px; align-items: stretch;
  }
#mobileProjectsList.is-grid .m-project-media,
  #mobileProjectsList.is-grid .m-project-media > img,
  #mobileProjectsList.is-grid .m-project-placeholder { width: 100%; height: auto; min-height: 0; aspect-ratio: 1; border-radius: 12px; }
#mobileProjectsList.is-grid .m-project-copy { display: block; min-width: 0; }
#mobileProjectsList.is-grid .m-project h3 { font-size: 10px; line-height: 1.2; text-align: center; }
#mobileProjectsList.is-grid .m-project p { display: none; }
#mobileProjectsList.is-grid .m-project-status { position: absolute !important; top: 11px; right: 11px; z-index: 2; }
#mobileProjectsList.is-grid .m-project-status.is-loading { width: 18px; height: 18px; background: rgba(255,255,255,.85); }
.m-projects-tab .project-nav-badge.is-loading { background: var(--v-blue) !important; color: #fff !important; }
.m-projects-tab .project-nav-badge.is-loading .material-symbols-outlined { color: inherit; }
@keyframes v-project-spin { to { transform: rotate(360deg); } }
#mobileProfilePage .m-page-heading { min-height: 42px; margin-bottom: 10px !important; }
#mobileProfileEditButton { width: 40px !important; height: 40px !important; }
#mobileProfileContent { overflow: visible !important; padding: 2px 4px 32px !important; }
#mobileProfileContent .m-profile-hero,
  #mobileProfileContent.is-editing .m-profile-hero {
    height: auto !important; min-height: 0 !important; overflow: hidden !important;
    border-radius: 24px !important; opacity: 1 !important; filter: none !important; transform: none !important;
  }
#mobileProfileContent .m-profile-cover,
  #mobileProfileContent.is-editing .m-profile-cover {
    position: static !important; inset: auto !important; height: 118px !important; min-height: 118px !important;
    border-radius: 0 !important; opacity: 1 !important; filter: none !important; transform: none !important;
  }
#mobileProfileContent .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-main {
    display: block !important; min-height: 130px !important; height: auto !important; padding: 0 16px 16px !important;
    background: var(--m-tile) !important; opacity: 1 !important; filter: none !important; transform: none !important;
  }
#mobileProfileContent .m-profile-avatar,
  #mobileProfileContent.is-editing .m-profile-avatar { display: block !important; width: 78px !important; height: 78px !important; margin-top: -38px !important; }
#mobileProfileContent .m-profile-main h2,
  #mobileProfileContent.is-editing .m-profile-main h2 { margin: 13px 0 0 !important; font-size: 22px !important; }
#mobileProfileContent .m-profile-main p,
  #mobileProfileContent.is-editing .m-profile-main p { margin: 4px 0 0 !important; }
#mobileProfileContent.is-editing .m-profile-stats { display: none !important; }
#mobileProfileContent.is-editing .m-profile-data { margin-top: 22px !important; }
#mobileProfileContent .m-mobile-achievements { min-height: 56px !important; align-items: center; }
#mobileProfileContent .m-mobile-achievements button { flex: 0 0 48px; width: 48px !important; height: 40px !important; }
.m-upload-tile.is-project-editing .m-upload-icon { display: none; }
.m-upload-tile.is-project-editing .m-project-source-stack { display: flex; width: 48px; height: 48px; position: relative; }
.m-project-source-stack img { position: absolute; width: 36px; height: 36px; border: 2px solid #fff; border-radius: 11px; object-fit: cover; box-shadow: 0 5px 12px rgba(18,19,24,.15); }
.m-project-source-stack img:nth-child(1) { left: 0; top: 8px; }
.m-project-source-stack img:nth-child(2) { left: 7px; top: 4px; }
.m-project-source-stack img:nth-child(3) { left: 12px; top: 0; }
.m-upload-tile.is-project-editing #mobileUploadAction { background: #d92d45 !important; color: #fff !important; }
.project-viewer-header { inset: 0 !important; pointer-events: none; }
.project-viewer-header .project-viewer-close { display: none !important; }
.project-viewer-name, .project-viewer-save-title { display: none !important; }
.project-viewer-close { position: fixed !important; z-index: 12; width: 42px !important; height: 42px !important; }
.project-viewer-media { padding: 0 14px 106px !important; align-items: center !important; }
.project-viewer-stage { width: fit-content !important; height: fit-content !important; }
.project-viewer-image { width: auto !important; max-width: calc(100vw - 28px) !important; height: auto !important; max-height: calc(100dvh - 186px) !important; border-radius: 20px !important; }
.project-viewer-actions { bottom: max(24px, env(safe-area-inset-bottom)) !important; }
.project-viewer-dots { bottom: max(94px, calc(env(safe-area-inset-bottom) + 74px)) !important; }
.project-viewer-image-close { position: absolute; z-index: 5; top: 12px; right: 12px; width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #151518; color: #fff; }}
@media (max-width: 1060px) {#mobileApp .m-settings-sheet,
  #mobileApp .m-settings-sheet-card,
  #mobileApp .m-sheet-drag-region {
    touch-action: none !important;
  }
#mobileApp .m-settings-sheet-card[data-dragging="true"] {
    user-select: none;
    will-change: transform, opacity;
  }
#mobileProjectsList .m-project[data-status="queued"] .m-project-placeholder,
  #mobileProjectsList .m-project[data-status="running"] .m-project-placeholder,
  #mobileProjectsList .m-project[data-status="waiting"] .m-project-placeholder {
    background: linear-gradient(110deg, #edf1ff 8%, #dfe8ff 38%, #edf1ff 68%);
    background-size: 220% 100%;
    animation: v-project-skeleton 1.3s linear infinite;
  }
#mobileProjectsList .m-project[data-status="failed"] .m-project-placeholder {
    background: #fff0f2;
    color: #d92d45;
  }
#mobileProjectsList.is-grid .m-project[data-status="queued"],
  #mobileProjectsList.is-grid .m-project[data-status="running"],
  #mobileProjectsList.is-grid .m-project[data-status="waiting"] {
    background: #fbfcff;
  }
#mobileProjectsList .m-project-error { color: #c7273e !important; }
@keyframes v-project-skeleton {
    to { background-position: -220% 0; }
  }
#mobileProfileContent.is-editing .m-profile-hero {
    margin-bottom: 0 !important;
    transform: none !important;
    filter: none !important;
  }
#mobileProfileContent.is-editing .m-profile-cover,
  #mobileProfileContent.is-editing .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-avatar,
  #mobileProfileContent.is-editing .m-profile-main h2,
  #mobileProfileContent.is-editing .m-profile-main p {
    transform: none !important;
    transition: none !important;
  }
#mobileProfileContent.is-editing .m-profile-data {
    position: relative;
    z-index: 2;
  }
#projectViewer .project-viewer-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 100dvh !important;
  }
#projectViewer .project-viewer-media {
    flex: 0 0 auto !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 14px !important;
    overflow: visible !important;
  }
#projectViewer .project-viewer-dots {
    position: static !important;
    order: 2;
    margin: 12px auto 0 !important;
    transform: none !important;
  }
#projectViewer .project-viewer-actions {
    position: static !important;
    width: max-content !important;
    max-width: calc(100vw - 28px) !important;
    margin: 2px auto 0 !important;
    transform: none !important;
  }}
@media (min-width: 1061px) {@keyframes v-project-skeleton {
    to { background-position: -220% 0; }
  }
@keyframes v-project-spin {
    to { transform: rotate(360deg); }
  }
#projectsModal .project-preview.is-loading {
    background: linear-gradient(112deg, #f4f6fc 5%, #e7edff 45%, #f4f6fc 85%) !important;
    background-size: 220% 100% !important;
    animation: v-project-skeleton 1.35s linear infinite;
  }
#projectsModal .project-preview.is-error { background: #fff0f2 !important; color: #c7273e; }
#projectsModal .project-preview-loader {
    display: grid;
    place-items: center;
    gap: 8px;
    color: var(--v-blue);
  }
#projectsModal .project-preview-loader i {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(6, 93, 253, .22);
    border-top-color: var(--v-blue);
    border-radius: 50%;
    animation: v-project-spin 900ms linear infinite;
  }}
.project-edit-instruction {
  display: none;
  align-items: center;
  gap: 12px;
  min-height: 84px;
  padding: 18px 20px;
  border: 1px solid rgba(6, 93, 253, .16);
  border-radius: 22px;
  background: rgba(6, 93, 253, .075);
  color: #121214;
}
.project-edit-instruction:not([hidden]) { display: flex; }
.project-edit-instruction > .material-symbols-outlined { color: #065dfd; font-size: 26px; }
.project-edit-instruction strong,
.project-edit-instruction small { display: block; }
.project-edit-instruction strong { font-size: 15px; font-weight: 800; }
.project-edit-instruction small { margin-top: 3px; color: #727681; font-size: 12px; }
.upload-icon.is-project-source {
  width: 62px;
  height: 56px;
  padding: 0;
  overflow: visible;
  background: transparent;
}
.project-source-stack,
.m-project-source-stack {
  position: relative;
  display: block;
  width: 58px;
  height: 52px;
}
.project-source-stack img,
.m-project-source-stack img {
  position: absolute;
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  border-radius: 13px;
  object-fit: cover;
  box-shadow: 0 7px 18px rgba(18, 19, 24, .17);
}
.project-source-stack img:nth-child(1),
.m-project-source-stack img:nth-child(1) { left: 0; top: 9px; }
.project-source-stack img:nth-child(2),
.m-project-source-stack img:nth-child(2) { left: 7px; top: 5px; }
.project-source-stack img:nth-child(3),
.m-project-source-stack img:nth-child(3) { left: 14px; top: 0; }
@media (max-width: 1060px) {#mobileApp #mobileProductNameGroup[hidden],
  #mobileApp #mobileProjectEditInstruction[hidden] { display: none !important; }
#mobileApp .m-project-edit-instruction {
    width: 100%;
    min-height: 84px;
    margin: 0 0 12px;
    padding: 15px 16px;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    border: 1px solid rgba(6, 93, 253, .16);
    border-radius: 20px;
    background: rgba(6, 93, 253, .075);
    color: #151518;
  }
#mobileApp .m-project-edit-instruction > .material-symbols-outlined { color: #065dfd; font-size: 24px; }
#mobileApp .m-project-edit-instruction strong,
  #mobileApp .m-project-edit-instruction small { display: block; }
#mobileApp .m-project-edit-instruction strong { font-size: 14px; font-weight: 800; line-height: 1.25; }
#mobileApp .m-project-edit-instruction small { margin-top: 4px; color: #727681; font-size: 10px; line-height: 1.38; }
#mobileApp #mobileCreatePage .m-upload-tile.is-project-editing {
    grid-template-columns: 60px minmax(0, 1fr) 42px;
    gap: 12px;
  }
#mobileApp #mobileCreatePage .m-upload-tile.is-project-editing .m-upload-icon {
    display: grid !important;
    width: 58px;
    height: 52px;
    padding: 0;
    overflow: visible;
    background: transparent;
    color: inherit;
  }
#mobileApp #mobileCreatePage .m-upload-tile.is-project-editing .m-project-source-stack {
    display: block !important;
    width: 58px;
    height: 52px;
  }
#mobileApp #mobileCreatePage .m-upload-tile.is-project-editing .m-project-source-stack img {
    display: block !important;
    width: 42px;
    height: 42px;
    opacity: 1;
  }
#mobileApp #mobileCreatePage .m-upload-tile.is-project-editing #mobileUploadAction {
    width: 42px;
    height: 42px;
    margin-left: auto;
    border-radius: 50%;
    background: #df2d46 !important;
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(223, 45, 70, .2);
  }
#mobileApp #mobileCreatePage .m-upload-tile.is-project-editing #mobileUploadAction::before {
    color: inherit;
  }}
@media (prefers-reduced-motion: reduce) {.project-edit-instruction,
  .m-project-edit-instruction { transition: none !important; }}
#projectViewer .project-viewer-card {
  box-sizing: border-box;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100dvh;
  padding: max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));
  gap: 14px;
}
#projectViewer .project-viewer-header {
  position: static !important;
  display: contents;
}
#projectViewer .project-viewer-header .project-viewer-close { display: none !important; }
#projectViewer .project-viewer-title-row {
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: min(760px, calc(100vw - 48px));
  min-height: 48px;
  margin: 0 auto;
}
#projectViewer .project-viewer-name {
  position: static !important;
  display: flex;
  min-width: 0;
  max-width: min(640px, calc(100vw - 120px));
}
#projectViewer .project-viewer-name button,
#projectViewer .project-viewer-name input {
  box-sizing: border-box;
  width: min(640px, calc(100vw - 120px));
  max-width: 100%;
  min-height: 48px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 999px;
  padding: 11px 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, .76);
  color: #151518;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
  backdrop-filter: blur(20px) saturate(140%);
  font: 700 16px/1.25 Manrope, sans-serif;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#projectViewer .project-viewer-name button {
  cursor: pointer;
  transition: background 180ms ease, color 180ms ease, transform 180ms cubic-bezier(.22, 1, .36, 1);
}
#projectViewer .project-viewer-name button:hover { background: #065dfd; color: #fff; transform: translateY(-1px); }
#projectViewer .project-viewer-name input { outline: none; cursor: text; }
#projectViewer .project-viewer-name input:focus { border-color: rgba(6, 93, 253, .7); box-shadow: 0 0 0 4px rgba(6, 93, 253, .16), 0 12px 32px rgba(0, 0, 0, .16); }
#projectViewer .project-viewer-save-title {
  display: grid !important;
  flex: 0 0 auto;
  place-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: #065dfd;
  color: #fff;
  box-shadow: 0 12px 28px rgba(6, 93, 253, .3);
  cursor: pointer;
  transition: transform 180ms cubic-bezier(.22, 1, .36, 1), background 180ms ease;
}
#projectViewer .project-viewer-save-title[hidden] { display: none !important; }
#projectViewer .project-viewer-save-title:hover { background: #151518; transform: translateY(-1px) scale(1.04); }
#projectViewer .project-viewer-save-title:active { transform: scale(.92); }
#projectViewer .project-viewer-media {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column;
  align-items: center;
  justify-content: center !important;
  min-height: 0;
  height: auto !important;
  padding: 0 !important;
  overflow: visible !important;
}
#projectViewer .project-viewer-stage {
  display: grid !important;
  flex: 0 1 auto;
  place-items: center;
  width: fit-content !important;
  height: fit-content !important;
  max-width: 100%;
  max-height: 100%;
}
#projectViewer .project-viewer-image {
  width: auto !important;
  height: auto !important;
  max-width: min(84vw, 1180px) !important;
  max-height: calc(100dvh - 238px) !important;
  border-radius: 24px !important;
  box-shadow: 0 30px 82px rgba(0, 0, 0, .34) !important;
}
#projectViewer .project-viewer-dots {
  position: static !important;
  display: flex;
  order: 2;
  margin: 14px auto 0 !important;
  transform: none !important;
}
#projectViewer .project-viewer-actions {
  position: static !important;
  z-index: 10;
  width: max-content !important;
  max-width: calc(100vw - 48px) !important;
  margin: 0 auto !important;
  transform: none !important;
}
@media (max-width: 1060px) {#projectViewer .project-viewer-card {
    min-height: 100dvh !important;
    padding: max(14px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom)) !important;
    gap: 12px;
  }
#projectViewer .project-viewer-title-row {
    width: min(100%, calc(100vw - 28px));
    min-height: 42px;
  }
#projectViewer .project-viewer-name { max-width: calc(100vw - 92px); }
#projectViewer .project-viewer-name button,
  #projectViewer .project-viewer-name input {
    width: calc(100vw - 92px);
    min-height: 42px;
    padding: 9px 14px;
    font-size: 14px;
  }
#projectViewer .project-viewer-save-title { width: 42px; height: 42px; }
#projectViewer .project-viewer-image { max-width: calc(100vw - 28px) !important; max-height: calc(100dvh - 230px) !important; border-radius: 20px !important; }
#projectViewer .project-viewer-dots { margin-top: 10px !important; }
#projectViewer .project-viewer-actions { margin-top: 0 !important; }}
@media (prefers-reduced-motion: reduce) {#projectViewer .project-viewer-name button,
  #projectViewer .project-viewer-save-title { transition: none; }}
@media (min-width: 1061px) {.profile-cover-card .profile-cover::after,
  .profile-cover-card .profile-cover > img {
    display: none !important;
  }}
@media (max-width: 1060px) {#mobileProfileContent .m-profile-hero,
  #mobileProfileContent.is-editing .m-profile-hero {
    overflow: hidden !important;
    border-radius: 24px !important;
    background: var(--m-tile) !important;
  }
#mobileProfileContent .m-profile-cover,
  #mobileProfileContent.is-editing .m-profile-cover {
    position: relative !important;
    inset: auto !important;
    isolation: isolate;
    z-index: 1;
    width: 100%;
    height: 118px !important;
    min-height: 118px !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    border-radius: 0 0 24px 24px !important;
    background: transparent !important;
  }
#mobileProfileContent .m-profile-cover::before,
  #mobileProfileContent .m-profile-cover::after {
    position: absolute;
    inset: 0 0 -42px;
    content: "";
    pointer-events: none;
  }
#mobileProfileContent .m-profile-cover::before {
    display: none;
  }
#mobileProfileContent .m-profile-cover::after {
    z-index: 1;
    background: var(--m-profile-cover) center / cover no-repeat;
    border-radius: 0 0 24px 24px;
  }
#mobileProfileContent .m-profile-avatar,
  #mobileProfileContent.is-editing .m-profile-avatar {
    position: relative;
    z-index: 2;
    margin-top: -42px !important;
  }
#mobileProfileContent .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-main {
    position: relative;
    z-index: 2;
    min-height: 130px !important;
    height: auto !important;
    background: transparent !important;
  }
#mobileProfileContent .m-profile-main::before,
  #mobileProfileContent.is-editing .m-profile-main::before {
    position: absolute;
    z-index: -1;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: var(--m-tile);
  }}
@media (min-width: 1061px) {#profileModal .profile-cover-card {
    position: relative;
    isolation: isolate;
    min-height: 342px !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 24px !important;
  }
#profileModal .profile-cover-card .profile-cover {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background-position: center !important;
    background-size: cover !important;
  }
#profileModal .profile-cover-card .profile-cover::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    background: linear-gradient(90deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.18) 45%, rgba(255,255,255,.42) 100%);
    pointer-events: none;
  }
#profileModal .profile-cover-card .profile-cover::after,
  #profileModal .profile-cover-card .profile-cover > img {
    display: none !important;
  }
#profileModal .profile-cover-card .cover-edit {
    top: 16px;
    right: 16px;
    bottom: auto;
    z-index: 30;
  }
#profileModal .profile-cover-card .avatar-picker-current {
    position: absolute !important;
    z-index: 20;
    top: 34px;
    bottom: 12px;
    left: 18px;
    width: calc(36% - 18px) !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
#profileModal .profile-cover-card .avatar-picker-current > img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    filter: drop-shadow(0 18px 15px rgba(15,19,30,.22));
  }
#profileModal .profile-cover-card .avatar-edit {
    right: 0;
    bottom: 0;
    z-index: 24;
  }
#profileModal .profile-cover-card .avatar-picker-popover {
    left: 18px !important;
    bottom: 12px !important;
    z-index: 25;
  }
#profileModal .profile-cover-card .profile-summary-card {
    position: relative;
    z-index: 10;
    min-height: 342px;
    margin: 0 14px 0 37%;
    padding: 34px 22px 18px !important;
    display: flex !important;
    flex-direction: column;
    gap: 14px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.86) !important;
    box-shadow: 0 16px 36px rgba(15,20,32,.12) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
#profileModal .profile-summary-card .profile-name-line {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    align-items: start !important;
    gap: 10px !important;
  }
#profileModal .profile-summary-card .profile-identity-copy {
    gap: 5px;
  }
#profileModal .profile-summary-card h2 {
    font-size: clamp(24px, 3vw, 32px) !important;
    line-height: 1.04 !important;
  }
#profileModal .profile-summary-card .achievement-rail {
    max-width: 100% !important;
    min-height: 36px;
    margin: 0 !important;
    padding: 2px 0 !important;
  }
#profileModal .profile-summary-card .profile-details-row {
    margin-top: auto;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
    padding-top: 14px;
  }
#profileModal .profile-summary-card .profile-usage span,
  #profileModal .profile-summary-card .profile-email {
    min-height: 58px !important;
    padding: 7px 8px !important;
  }}
@media (max-width: 1060px) {#mobileProfileContent .m-profile-hero,
  #mobileProfileContent.is-editing .m-profile-hero {
    position: relative !important;
    isolation: isolate;
    display: block !important;
    min-height: 310px !important;
    height: 310px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: var(--m-tile) !important;
  }
#mobileProfileContent .m-profile-cover,
  #mobileProfileContent.is-editing .m-profile-cover {
    position: absolute !important;
    z-index: 0;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: transparent !important;
  }
#mobileProfileContent .m-profile-cover::before {
    display: none !important;
  }
#mobileProfileContent .m-profile-cover::after {
    position: absolute !important;
    z-index: 0;
    inset: 0 !important;
    display: block !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.18)), var(--m-profile-cover) center / cover no-repeat !important;
  }
#mobileProfileContent .m-profile-avatar-stage {
    position: absolute;
    z-index: 3;
    top: 26px;
    bottom: 10px;
    left: 8px;
    width: 37%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
  }
#mobileProfileContent .m-profile-avatar,
  #mobileProfileContent.is-editing .m-profile-avatar {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    filter: drop-shadow(0 13px 11px rgba(15,19,30,.2));
  }
#mobileProfileContent .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-main {
    position: absolute !important;
    z-index: 4;
    top: 18px;
    right: 12px;
    bottom: 12px;
    left: 40%;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 18px 13px 12px !important;
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
    border-radius: 20px !important;
    background: rgba(255,255,255,.88) !important;
    box-shadow: 0 12px 25px rgba(20,24,34,.12);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }
#mobileProfileContent .m-profile-main::before,
  #mobileProfileContent.is-editing .m-profile-main::before {
    display: none !important;
  }
#mobileProfileContent .m-profile-identity h2,
  #mobileProfileContent.is-editing .m-profile-identity h2 {
    margin: 0 !important;
    color: var(--m-ink) !important;
    font-size: clamp(22px, 6vw, 29px) !important;
    line-height: 1.04 !important;
  }
#mobileProfileContent .m-profile-identity p,
  #mobileProfileContent.is-editing .m-profile-identity p {
    margin: 6px 0 0 !important;
    color: var(--m-muted) !important;
    font-size: 10px !important;
  }
#mobileProfileContent .m-profile-stats {
    margin-top: auto !important;
    grid-template-columns: .72fr .72fr 1.56fr !important;
    border-top: 1px solid rgba(20,20,22,.1);
  }
#mobileProfileContent .m-profile-stats span,
  #mobileProfileContent .m-profile-email-stat {
    min-width: 0;
    padding: 9px 4px 0 !important;
  }
#mobileProfileContent .m-profile-stats strong,
  #mobileProfileContent .m-profile-email-stat strong {
    font-size: clamp(12px, 3.4vw, 16px) !important;
  }
#mobileProfileContent .m-profile-stats small,
  #mobileProfileContent .m-profile-email-stat small {
    font-size: 9px !important;
  }
#mobileProfileContent.is-editing .m-profile-stats {
    display: none !important;
  }
#mobileProfileContent.is-editing .m-profile-main {
    bottom: 12px;
  }
#mobileProfileContent .m-avatar-choice-row .m-avatar-choice img {
    border-radius: 50%;
    object-fit: cover;
  }}
@media (min-width: 1061px) {#profileModal .profile-cover-card {
    min-height: 410px !important;
    border-radius: 26px !important;
  }
#profileModal .profile-cover-card .profile-cover {
    border-radius: 26px !important;
  }
#profileModal .profile-cover-card .avatar-picker-current {
    top: 20px !important;
    bottom: 10px !important;
    left: 8px !important;
    width: 45% !important;
    z-index: 24 !important;
  }
#profileModal .profile-cover-card .avatar-picker-current > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    filter: drop-shadow(0 22px 18px rgba(16, 19, 28, .26)) !important;
  }
#profileModal .profile-cover-card .avatar-edit {
    z-index: 28 !important;
  }
#profileModal .profile-cover-card .profile-summary-card {
    position: absolute !important;
    z-index: 14 !important;
    top: 46px !important;
    right: 18px !important;
    bottom: 18px !important;
    left: 39% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 26px 22px 18px !important;
    border-radius: 23px !important;
    background: rgba(255, 255, 255, .9) !important;
  }
#profileModal .profile-cover-card .profile-summary-card .profile-details-row {
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr) !important;
  }
#profileModal .avatar-picker-popover {
    width: 104px !important;
    height: 104px !important;
    left: 12px !important;
    bottom: 14px !important;
    z-index: 30 !important;
  }
#profileModal .avatar-picker-options,
  #profileModal .avatar-picker-options .avatar-option {
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    flex-basis: 104px !important;
  }}
#profileModal .avatar-picker-options .avatar-option,
#profileModal .avatar-picker-options .avatar-option:hover,
#profileModal .avatar-picker-options .avatar-option.active {
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#profileModal .avatar-picker-options .avatar-option img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}
@media (max-width: 1060px) {#mobileProfileContent .m-profile-hero,
  #mobileProfileContent.is-editing .m-profile-hero {
    min-height: 350px !important;
    height: 350px !important;
    border-radius: 25px !important;
  }
#mobileProfileContent .m-profile-cover,
  #mobileProfileContent.is-editing .m-profile-cover {
    border-radius: 25px !important;
  }
#mobileProfileContent .m-profile-avatar-stage {
    z-index: 6 !important;
    top: 16px !important;
    bottom: 8px !important;
    left: -4px !important;
    width: 48% !important;
  }
#mobileProfileContent .m-profile-avatar,
  #mobileProfileContent.is-editing .m-profile-avatar {
    object-fit: contain !important;
    object-position: center bottom !important;
    filter: drop-shadow(0 18px 15px rgba(16, 19, 28, .24)) !important;
  }
#mobileProfileContent .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-main {
    z-index: 4 !important;
    top: 48px !important;
    right: 12px !important;
    bottom: 14px !important;
    left: 42% !important;
    padding: 18px 13px 12px !important;
    border-radius: 21px !important;
    background: rgba(255, 255, 255, .91) !important;
  }
#mobileProfileContent .m-profile-identity h2,
  #mobileProfileContent.is-editing .m-profile-identity h2 {
    font-size: clamp(21px, 6.1vw, 30px) !important;
  }
#mobileProfileContent .m-profile-stats {
    grid-template-columns: .68fr .68fr 1.64fr !important;
  }
#mobileProfileContent .m-avatar-choice-row {
    min-height: 64px;
    align-items: center;
  }
#mobileProfileContent .m-avatar-choice {
    box-sizing: border-box;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    padding: 3px !important;
    overflow: hidden;
  }
#mobileProfileContent .m-avatar-choice img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }}
@media (min-width: 1061px) {#profileModal .profile-cover-card {
    min-height: 488px !important;
    overflow: visible !important;
  }
#profileModal .profile-cover-card .profile-cover {
    overflow: hidden !important;
  }
#profileModal .profile-cover-card .profile-cover::before {
    background: linear-gradient(90deg, rgba(255,255,255,.02) 0 34%, rgba(255,255,255,.08) 52%, rgba(255,255,255,.38) 100%) !important;
  }
#profileModal .profile-cover-card .avatar-picker-current {
    top: 14px !important;
    bottom: 10px !important;
    left: 2px !important;
    width: 50% !important;
    z-index: 27 !important;
  }
#profileModal .profile-cover-card .avatar-picker-current > img {
    filter: drop-shadow(0 24px 18px rgba(12, 15, 23, .3)) !important;
  }
#profileModal .profile-cover-card .profile-summary-card {
    top: 64px !important;
    right: 20px !important;
    bottom: 22px !important;
    left: 42% !important;
    z-index: 17 !important;
    padding: 30px 24px 20px !important;
    border-radius: 26px !important;
    box-shadow: 0 24px 48px rgba(15, 19, 29, .16) !important;
  }
#profileModal .profile-cover-card .profile-summary-card .profile-name-line {
    gap: 13px !important;
  }
#profileModal .profile-cover-card .profile-summary-card h2 {
    font-size: clamp(27px, 3.2vw, 36px) !important;
  }
#profileModal .profile-cover-card .profile-summary-card .profile-details-row {
    padding-top: 17px !important;
  }
#profileModal .profile-cover-card .avatar-picker-popover {
    z-index: 35 !important;
  }}
@media (max-width: 1060px) {#mobileProfileContent .m-profile-hero,
  #mobileProfileContent.is-editing .m-profile-hero {
    min-height: 412px !important;
    height: 412px !important;
  }
#mobileProfileContent .m-profile-cover::after {
    background: linear-gradient(90deg, rgba(255,255,255,.01) 0 32%, rgba(255,255,255,.1) 58%, rgba(255,255,255,.32) 100%), var(--m-profile-cover) center / cover no-repeat !important;
  }
#mobileProfileContent .m-profile-avatar-stage {
    top: 14px !important;
    bottom: 8px !important;
    left: -8px !important;
    width: 52% !important;
    z-index: 8 !important;
  }
#mobileProfileContent .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-main {
    top: 68px !important;
    right: 12px !important;
    bottom: 14px !important;
    left: 42% !important;
    z-index: 5 !important;
    padding: 19px 13px 13px !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 34px rgba(15, 19, 29, .16) !important;
  }
#mobileProfileContent .m-profile-identity h2,
  #mobileProfileContent.is-editing .m-profile-identity h2 {
    font-size: clamp(22px, 6.2vw, 31px) !important;
  }
#mobileProfileContent .m-profile-stats span,
  #mobileProfileContent .m-profile-email-stat {
    padding-top: 11px !important;
  }}
@media (min-width: 1061px) {#profileModal .profile-cover-card .profile-summary-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
#profileModal .profile-cover-card .profile-name-line {
    display: block !important;
  }
#profileModal .profile-cover-card .profile-identity-copy {
    display: grid !important;
    gap: 5px !important;
  }
#profileModal .profile-cover-card .profile-details-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-top: 21px !important;
    padding: 0 !important;
    border-top: 1px solid rgba(20, 20, 22, .1) !important;
  }
#profileModal .profile-cover-card .profile-usage {
    min-height: 76px !important;
    padding: 11px 0 !important;
    border-bottom: 1px solid rgba(20, 20, 22, .1) !important;
  }
#profileModal .profile-cover-card .profile-usage span {
    padding: 4px 12px !important;
  }
#profileModal .profile-cover-card .profile-usage strong {
    font-size: 24px !important;
    line-height: 28px !important;
  }
#profileModal .profile-cover-card .profile-usage small {
    font-size: 11px !important;
  }
#profileModal .profile-cover-card .profile-email {
    min-height: 69px !important;
    padding: 14px 12px 12px !important;
    border-left: 0 !important;
    border-bottom: 1px solid rgba(20, 20, 22, .1) !important;
  }
#profileModal .profile-cover-card .profile-email-copy {
    font-size: clamp(15px, 1.55vw, 20px) !important;
    line-height: 24px !important;
  }
#profileModal .profile-cover-card .profile-email small {
    font-size: 11px !important;
  }
#profileModal .profile-cover-card .achievement-rail {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 9px !important;
    max-width: none !important;
    margin-top: auto !important;
    padding: 16px 0 0 !important;
    overflow: visible !important;
  }
#profileModal .profile-cover-card .achievement {
    width: 100% !important;
    min-width: 0 !important;
    height: 41px !important;
    display: grid !important;
    grid-template-rows: 1fr 5px !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: #f1f3f6 !important;
  }
#profileModal .profile-cover-card .achievement i {
    font-size: 21px !important;
  }
#profileModal .profile-cover-card .achievement b {
    width: 4px !important;
    height: 4px !important;
    margin-bottom: 4px !important;
  }
#profileModal .profile-cover-card .achievement-popover {
    top: auto !important;
    right: 20px !important;
    bottom: 74px !important;
  }}
@media (max-width: 1060px) {#mobileProfileContent .m-profile-hero,
  #mobileProfileContent.is-editing .m-profile-hero {
    min-height: 448px !important;
    height: 448px !important;
  }
#mobileProfileContent .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-main {
    top: 54px !important;
    bottom: 13px !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 17px 12px 12px !important;
  }
#mobileProfileContent .m-profile-stats {
    margin-top: 15px !important;
  }
#mobileProfileContent .m-mobile-achievements {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-content: end !important;
    gap: 6px !important;
    min-height: 0 !important;
    margin-top: auto !important;
    padding: 13px 0 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-top: 1px solid rgba(20, 20, 22, .1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
#mobileProfileContent .m-mobile-achievements button {
    width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    border-radius: 10px !important;
  }
#mobileProfileContent .m-mobile-achievements i {
    font-size: 18px !important;
  }
#mobileProfileContent .m-mobile-achievements button.is-unlocked {
    color: #065dfd !important;
    background: rgba(6, 93, 253, .12) !important;
  }
#mobileProfileContent .m-profile-data + .m-mobile-achievements,
  #mobileProfileContent.is-editing .m-mobile-achievements {
    opacity: 1 !important;
    filter: none !important;
  }}
@media (min-width: 1061px) {#profileModal .profile-cover-card .profile-name-line,
  #profileModal .profile-cover-card .profile-identity-copy {
    text-align: center !important;
  }
#profileModal .profile-cover-card .profile-identity-copy {
    justify-items: center !important;
  }
#profileModal .profile-cover-card .profile-name-trigger,
  #profileModal .profile-cover-card .profile-public-id {
    text-align: center !important;
  }
#profileModal .profile-cover-card .profile-details-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
#profileModal .profile-cover-card .profile-usage {
    width: min(100%, 300px) !important;
    margin: 0 auto !important;
  }
#profileModal .profile-cover-card .profile-email {
    width: 100% !important;
    justify-items: center !important;
    text-align: center !important;
  }}
@media (max-width: 1060px) {#mobileProfileContent .m-profile-identity,
  #mobileProfileContent .m-profile-identity h2,
  #mobileProfileContent .m-profile-identity p {
    text-align: center !important;
  }
#mobileProfileContent .m-profile-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 230px) !important;
    margin: 15px auto 0 !important;
  }
#mobileProfileContent .m-profile-stats span {
    padding: 10px 6px 9px !important;
  }
#mobileProfileContent .m-profile-email-stat {
    width: 100% !important;
    min-height: 53px !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 3px !important;
    margin-top: 0 !important;
    padding: 9px 8px !important;
    border-top: 1px solid rgba(20, 20, 22, .1) !important;
    border-bottom: 1px solid rgba(20, 20, 22, .1) !important;
    border-radius: 0 !important;
    text-align: center !important;
  }
#mobileProfileContent .m-profile-email-stat strong {
    width: 100% !important;
    font-size: clamp(11px, 3.2vw, 16px) !important;
    text-align: center !important;
  }
#mobileProfileContent .m-profile-email-stat small {
    color: var(--m-muted) !important;
    font-size: 9px !important;
  }}
@media (min-width: 1061px) {#profileModal .profile-cover-card {
    min-height: 462px !important;
  }
#profileModal .profile-cover-card .avatar-picker-current {
    top: 3px !important;
    bottom: 3px !important;
    width: 54% !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
#profileModal .profile-cover-card .avatar-picker-current > img {
    transform: scale(1.1) !important;
    transform-origin: center bottom !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }
#profileModal .profile-cover-card .avatar-picker-current::before,
  #profileModal .profile-cover-card .avatar-picker-current::after {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
#profileModal .profile-cover-card .profile-summary-card {
    top: 48px !important;
    bottom: 16px !important;
    padding: 24px 22px 16px !important;
  }
#profileModal .profile-cover-card .profile-details-row {
    margin-top: 14px !important;
  }
#profileModal .profile-cover-card .profile-usage {
    min-height: 67px !important;
    padding: 7px 0 !important;
  }
#profileModal .profile-cover-card .profile-email {
    min-height: 57px !important;
    padding: 10px 10px !important;
  }
#profileModal .profile-cover-card .achievement-rail {
    gap: 7px !important;
    padding-top: 11px !important;
  }
#profileModal .profile-cover-card .achievement {
    height: 36px !important;
  }}
@media (max-width: 1060px) {#mobileProfileContent .m-profile-hero,
  #mobileProfileContent.is-editing .m-profile-hero {
    min-height: 392px !important;
    height: 392px !important;
  }
#mobileProfileContent .m-profile-avatar-stage {
    top: -4px !important;
    bottom: -2px !important;
    left: -15px !important;
    width: 62% !important;
  }
#mobileProfileContent .m-profile-avatar,
  #mobileProfileContent.is-editing .m-profile-avatar {
    transform: scale(1.12) !important;
    transform-origin: center bottom !important;
  }
#mobileProfileContent .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-main {
    top: 50px !important;
    right: 12px !important;
    bottom: auto !important;
    left: 43% !important;
    height: 304px !important;
    min-height: 304px !important;
    padding: 14px 11px 11px !important;
    display: grid !important;
    grid-template-rows: auto auto auto auto !important;
    align-content: start !important;
  }
#mobileProfileContent .m-profile-identity h2,
  #mobileProfileContent.is-editing .m-profile-identity h2 {
    font-size: clamp(21px, 6vw, 28px) !important;
  }
#mobileProfileContent .m-profile-identity p {
    margin-top: 3px !important;
  }
#mobileProfileContent .m-profile-stats {
    margin: 10px 0 0 !important;
  }
#mobileProfileContent .m-profile-stats span {
    padding: 7px 5px !important;
  }
#mobileProfileContent .m-profile-email-stat {
    min-height: 45px !important;
    margin: 0 !important;
    padding: 6px 7px !important;
    border-bottom: 0 !important;
  }
#mobileProfileContent .m-mobile-achievements {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 5px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
#mobileProfileContent .m-mobile-achievements::before,
  #mobileProfileContent .m-mobile-achievements::after,
  #mobileProfileContent .m-mobile-achievements button::before,
  #mobileProfileContent .m-mobile-achievements button::after {
    display: none !important;
    content: none !important;
  }
#mobileProfileContent .m-mobile-achievements button {
    height: 31px !important;
  }
#mobileProfileContent .m-mobile-achievements i {
    font-size: 17px !important;
  }}
#profileModal .profile-cover-card .profile-cover {
  background-color: var(--profile-cover-color, #b9a9da) !important;
  background-image: none !important;
}
#profileModal .profile-cover-card .profile-cover::before,
#profileModal .profile-cover-card .profile-cover::after,
#profileModal .profile-cover-card .profile-cover > img,
#profileModal .profile-cover-card .cover-edit,
#profileModal .profile-cover-card .cover-picker-popover {
  display: none !important;
}
@media (min-width: 1061px) {#profileModal .profile-cover-card {
    min-height: 442px !important;
  }
#profileModal .profile-cover-card .avatar-picker-current {
    top: 14px !important;
    bottom: 10px !important;
    left: 10px !important;
    width: 50% !important;
    z-index: 25 !important;
    overflow: visible !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
#profileModal .profile-cover-card .avatar-picker-current::before,
  #profileModal .profile-cover-card .avatar-picker-current::after,
  #profileModal .profile-cover-card .avatar-picker-current.is-picker-editing::before,
  #profileModal .profile-cover-card .avatar-picker-current.is-picker-editing::after {
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
#profileModal .profile-cover-card .avatar-picker-current > img,
  #profileModal .profile-cover-card .avatar-picker-current.is-picker-editing > img {
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
    transform: scale(.94) !important;
    transform-origin: center bottom !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
  }
#profileModal .profile-cover-card .profile-summary-card {
    top: 46px !important;
    right: 20px !important;
    bottom: 16px !important;
    left: 42% !important;
  }
#profileModal .profile-summary-card .profile-name-line {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
  }
#profileModal .profile-summary-card .avatar-edit {
    position: absolute !important;
    top: 50% !important;
    right: 2px !important;
    bottom: auto !important;
    left: auto !important;
    display: grid !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    place-items: center !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(16, 22, 35, .13) !important;
  }
#profileModal .profile-summary-card .avatar-edit:hover {
    transform: translateY(-50%) scale(1.06) !important;
    background: var(--accent) !important;
  }
#profileModal .avatar-picker-popover {
    z-index: 50 !important;
  }}
@media (max-width: 1060px) {#mobileProfileEditButton {
    display: none !important;
  }
#mobileProfileContent .m-profile-hero,
  #mobileProfileContent.is-editing .m-profile-hero {
    min-height: 366px !important;
    height: 366px !important;
    overflow: hidden !important;
  }
#mobileProfileContent .m-profile-cover,
  #mobileProfileContent.is-editing .m-profile-cover {
    position: absolute !important;
    inset: 0 !important;
    height: auto !important;
    background-color: var(--m-profile-cover-color, #b9a9da) !important;
    background-image: none !important;
    border-radius: inherit !important;
  }
#mobileProfileContent .m-profile-cover::before,
  #mobileProfileContent .m-profile-cover::after {
    display: none !important;
    background: none !important;
  }
#mobileProfileContent .m-profile-avatar-stage,
  #mobileProfileContent.is-editing .m-profile-avatar-stage {
    top: 14px !important;
    bottom: 10px !important;
    left: -10px !important;
    width: 58% !important;
    z-index: 3 !important;
  }
#mobileProfileContent .m-profile-avatar,
  #mobileProfileContent.is-editing .m-profile-avatar {
    transform: scale(.94) !important;
    transform-origin: center bottom !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
#mobileProfileContent .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-main {
    top: 38px !important;
    right: 12px !important;
    bottom: auto !important;
    left: 43% !important;
    z-index: 4 !important;
    height: 244px !important;
    min-height: 244px !important;
    padding: 13px 11px 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto !important;
    align-content: start !important;
    overflow: hidden !important;
  }
#mobileProfileContent .m-profile-main > *,
  #mobileProfileContent.is-editing .m-profile-main > *,
  #mobileProfileContent .m-profile-identity,
  #mobileProfileContent.is-editing .m-profile-identity,
  #mobileProfileContent .m-profile-name-row,
  #mobileProfileContent.is-editing .m-profile-name-row {
    width: 100% !important;
    min-width: 0 !important;
  }
#mobileProfileContent.is-editing .m-profile-stats,
  #mobileProfileContent.is-editing .m-profile-email-stat,
  #mobileProfileContent.is-editing .m-mobile-achievements {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
#mobileProfileContent.is-editing .m-profile-stats {
    max-height: none !important;
    margin: 8px 0 0 !important;
    overflow: visible !important;
    border-top-color: var(--m-line) !important;
  }
#mobileProfileContent.is-editing .m-profile-email-stat {
    display: flex !important;
  }
#mobileProfileContent .m-profile-name-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
  }
#mobileProfileContent .m-profile-inline-edit {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    display: grid !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    place-items: center !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--m-ink) !important;
    box-shadow: 0 6px 14px rgba(20, 28, 44, .1) !important;
  }
#mobileProfileContent .m-profile-inline-edit:active {
    transform: translateY(-50%) scale(.93) !important;
    background: var(--accent) !important;
    color: #fff !important;
  }
#mobileProfileContent .m-profile-identity h2,
  #mobileProfileContent.is-editing .m-profile-identity h2 {
    padding-right: 30px !important;
    font-size: clamp(21px, 5.6vw, 27px) !important;
  }
#mobileProfileContent .m-profile-identity p {
    margin-top: 1px !important;
  }
#mobileProfileContent .m-profile-stats {
    margin: 8px 0 0 !important;
  }
#mobileProfileContent .m-profile-stats span {
    padding: 6px 5px !important;
  }
#mobileProfileContent .m-profile-email-stat {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 5px 7px !important;
  }
#mobileProfileContent .m-mobile-achievements {
    gap: 5px !important;
    margin: 7px 0 0 !important;
  }
#mobileProfileContent .m-mobile-achievements button {
    height: 30px !important;
  }
#mobileProfileContent .m-profile-data .m-cover-choice-row,
  #mobileProfileContent .m-cover-choice-row {
    display: none !important;
  }}
#profileModal .profile-cover-card .profile-cover {
  transition: background-color 620ms cubic-bezier(.2,.72,.2,1) !important;
}
#profileModal .profile-cover-card.is-avatar-switching .profile-cover::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  background:
    radial-gradient(circle at 16% 52%, rgba(255,255,255,.62) 0 2px, transparent 2.5px 17px, rgba(255,255,255,.28) 17.5px 19px, transparent 19.5px 34px),
    linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--profile-next-cover-color) 88%, white) 46%, transparent 100%) !important;
  transform: translateX(-76%) !important;
  animation: profile-avatar-colour-sweep 720ms cubic-bezier(.22,.78,.2,1) both !important;
}
#mobileProfileContent .m-profile-hero {
  transition: background-color 620ms cubic-bezier(.2,.72,.2,1);
}
#mobileProfileContent .m-profile-hero.is-avatar-switching .m-profile-cover::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  background:
    radial-gradient(circle at 15% 50%, rgba(255,255,255,.58) 0 2px, transparent 2.6px 17px, rgba(255,255,255,.26) 17.6px 19px, transparent 19.6px 34px),
    linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--profile-next-cover-color) 88%, white) 46%, transparent 100%) !important;
  transform: translateX(-76%);
  animation: profile-avatar-colour-sweep 720ms cubic-bezier(.22,.78,.2,1) both;
}
@keyframes profile-avatar-colour-sweep {
  0% { opacity: 0; transform: translateX(-76%); }
  18% { opacity: .92; }
  82% { opacity: .48; }
  100% { opacity: 0; transform: translateX(76%); }
}
@media (min-width: 1061px) {#profileModal .profile-cover-card .avatar-picker-current {
    top: 18px !important;
    bottom: 10px !important;
    left: 6px !important;
    width: 51% !important;
  }
#profileModal .profile-cover-card .avatar-picker-current > img,
  #profileModal .profile-cover-card .avatar-picker-current.is-picker-editing > img {
    transform: scale(.98) !important;
  }
#profileModal .profile-cover-card .profile-summary-card {
    top: 60px !important;
    right: 20px !important;
    bottom: 16px !important;
    left: 39.5% !important;
  }
#profileModal .profile-cover-card .profile-email {
    min-height: 50px !important;
    padding: 7px 10px !important;
  }
#profileModal .profile-cover-card .achievement-rail {
    gap: 6px !important;
    margin-top: 4px !important;
    padding-top: 4px !important;
  }
#profileModal .profile-cover-card .achievement {
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    background: rgba(237, 240, 246, .88) !important;
  }
#profileModal .profile-cover-card .achievement.is-unlocked,
  #profileModal .profile-cover-card .achievement.unlocked {
    background: var(--accent) !important;
    color: #121212 !important;
  }
#profileModal .profile-cover-card .achievement.is-unlocked i,
  #profileModal .profile-cover-card .achievement.unlocked i {
    color: #121212 !important;
  }
#profileModal .profile-cover-card .achievement b {
    display: none !important;
  }
.product-side-panel {
    min-height: 422px !important;
    max-height: 422px !important;
    grid-template-rows: auto 90px 40px 1px auto minmax(0, 1fr) !important;
  }
.product-side-panel .recent-projects {
    min-height: 90px !important;
    max-height: 90px !important;
    overflow: hidden !important;
  }
.product-side-panel .recent-projects::after {
    display: none !important;
  }
.recent-date-group { gap: 4px !important; }
.recent-date-label { display: none !important; }
.recent-project { min-height: 42px !important; }
.recent-project-main { min-height: 42px !important; padding: 5px 7px !important; }
.recent-thumb { width: 30px !important; height: 30px !important; overflow: hidden !important; border-radius: 9px !important; }
.recent-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.recent-copy strong { font-size: 12px !important; }
.recent-empty { padding: 7px 5px !important; }
.product-sidebar { gap: 12px !important; }
.support-side-panel { margin-top: 0 !important; }
.sidebar-legal { margin-top: 6px !important; }
body.sidebar-collapsed .product-side-panel {
    min-height: 326px !important;
    max-height: 326px !important;
    grid-template-rows: 62px minmax(0, 1fr) !important;
  }
body.sidebar-collapsed .product-side-panel .recent-projects {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 42px !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    align-items: start !important;
    justify-content: center !important;
    min-height: 50px !important;
    max-height: 50px !important;
    overflow: hidden !important;
  }
body.sidebar-collapsed .product-side-panel .recent-date-group { display: contents !important; }
body.sidebar-collapsed .product-side-panel .recent-project { display: block !important; min-height: 42px !important; }
body.sidebar-collapsed .product-side-panel .recent-project-main { width: 42px !important; min-height: 42px !important; padding: 0 !important; }
body.sidebar-collapsed .product-side-panel .recent-copy,
  body.sidebar-collapsed .product-side-panel .project-status { display: none !important; }
body.sidebar-collapsed .product-side-panel .recent-empty { display: none !important; }
body.sidebar-collapsed .product-side-panel .recent-thumb { display: grid !important; width: 42px !important; height: 42px !important; border-radius: 12px !important; }}
@media (max-width: 1060px) {#mobileProfileContent .m-profile-hero,
  #mobileProfileContent.is-editing .m-profile-hero {
    height: 350px !important;
    min-height: 350px !important;
  }
#mobileProfileContent .m-profile-avatar-stage,
  #mobileProfileContent.is-editing .m-profile-avatar-stage {
    top: 10px !important;
    bottom: 7px !important;
    left: -12px !important;
    width: 60% !important;
  }
#mobileProfileContent .m-profile-avatar,
  #mobileProfileContent.is-editing .m-profile-avatar {
    transform: scale(.99) !important;
  }
#mobileProfileContent .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-main {
    top: 34px !important;
    right: 10px !important;
    left: 40.5% !important;
    height: 254px !important;
    min-height: 254px !important;
  }
#mobileProfileContent .m-profile-identity h2,
  #mobileProfileContent.is-editing .m-profile-identity h2 {
    padding: 0 34px !important;
    text-align: center !important;
  }
#mobileProfileContent .m-profile-inline-edit { right: 0 !important; }}
@media (min-width: 1061px) {.product-sidebar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    height: calc(100vh - 112px) !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
.product-sidebar > * { flex: 0 0 auto; }
.product-side-panel {
    height: 317px !important;
    min-height: 317px !important;
    max-height: 317px !important;
    display: grid !important;
    grid-template-rows: 18px 86px 42px 1px 18px 90px !important;
    gap: 6px !important;
    align-content: start !important;
    padding: 12px !important;
    overflow: visible !important;
    transform: none !important;
  }
.product-side-panel .side-title {
    min-height: 18px !important;
    margin: 0 !important;
    line-height: 18px !important;
  }
.product-side-panel .recent-projects {
    display: grid !important;
    grid-auto-rows: 40px;
    align-content: start;
    gap: 5px !important;
    width: 100%;
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    overflow: hidden !important;
  }
.product-side-panel .recent-empty {
    height: 100% !important;
    display: grid !important;
    align-content: center !important;
    padding: 0 6px !important;
  }
.product-side-panel .recent-date-group { display: contents !important; }
.product-side-panel .recent-date-label { display: none !important; }
.product-side-panel .recent-project { min-height: 40px !important; }
.product-side-panel .recent-project-main {
    min-height: 40px !important;
    height: 40px !important;
    padding: 5px 7px !important;
  }
.product-side-panel .recent-thumb { width: 30px !important; height: 30px !important; }
.product-side-panel .side-action,
  .product-side-panel .side-link,
  .support-side-panel .side-link {
    height: 42px !important;
    min-height: 42px !important;
  }
.product-side-panel .side-divider { align-self: center; margin: 0 8px !important; }
.product-side-panel .product-nav {
    display: grid !important;
    grid-template-rows: repeat(2, 42px);
    gap: 6px !important;
    align-content: start !important;
  }
.support-side-panel {
    height: 106px !important;
    min-height: 106px !important;
    padding: 8px !important;
    transform: none !important;
  }
.support-side-panel .side-nav { gap: 6px !important; }
.sidebar-legal {
    min-height: 28px !important;
    margin-top: auto !important;
    margin-bottom: clamp(132px, 17vh, 190px) !important;
    padding: 0 10px 2px !important;
  }
html body.sidebar-collapsed .product-sidebar {
    align-items: center !important;
    gap: 12px !important;
    overflow: hidden !important;
  }
html body.sidebar-collapsed .product-side-panel {
    width: 64px !important;
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    display: grid !important;
    grid-template-rows: 90px 42px 90px !important;
    gap: 6px !important;
    place-items: center !important;
    padding: 6px !important;
    overflow: hidden !important;
    transform: none !important;
  }
html body.sidebar-collapsed .product-side-panel .recent-projects {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: 42px !important;
    grid-auto-rows: 42px !important;
    align-content: start !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 42px !important;
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    overflow: hidden !important;
  }
html body.sidebar-collapsed .product-side-panel .recent-date-group { display: contents !important; }
html body.sidebar-collapsed .product-side-panel .recent-project {
    display: block !important;
    width: 42px !important;
    min-height: 42px !important;
  }
html body.sidebar-collapsed .product-side-panel .recent-project-main {
    display: grid !important;
    width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    place-items: center !important;
  }
html body.sidebar-collapsed .product-side-panel .recent-thumb {
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
html body.sidebar-collapsed .product-side-panel .recent-copy,
  html body.sidebar-collapsed .product-side-panel .project-status,
  html body.sidebar-collapsed .product-side-panel .recent-empty { display: none !important; }
html body.sidebar-collapsed .product-side-panel > .side-action,
  html body.sidebar-collapsed .product-side-panel .product-nav {
    position: static !important;
    left: auto !important;
    width: 50px !important;
    margin: 0 auto !important;
    transform: none !important;
    translate: none !important;
  }
html body.sidebar-collapsed .product-side-panel .product-nav {
    display: grid !important;
    grid-template-rows: repeat(2, 42px) !important;
    gap: 6px !important;
  }
html body.sidebar-collapsed .product-sidebar .side-link,
  html body.sidebar-collapsed .product-sidebar .side-link:hover,
  html body.sidebar-collapsed .product-sidebar .side-link.active,
  html body.sidebar-collapsed .product-sidebar .side-link.active:hover,
  html body.sidebar-collapsed .product-sidebar .side-link.is-fluid-active,
  html body.sidebar-collapsed .product-sidebar .side-action,
  html body.sidebar-collapsed .product-sidebar .side-action:hover,
  html body.sidebar-collapsed .product-sidebar .side-action.is-fluid-active {
    width: 50px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 auto !important;
    transform: none !important;
    translate: none !important;
  }
#profileModal .profile-cover-card .avatar-picker-current {
    top: 8px !important;
    bottom: 4px !important;
    left: 0 !important;
    width: 54% !important;
    z-index: 32 !important;
  }
#profileModal .profile-cover-card .avatar-picker-current > img,
  #profileModal .profile-cover-card .avatar-picker-current.is-picker-editing > img {
    transform: scale(1.12) !important;
    transform-origin: center bottom !important;
  }
#profileModal .profile-cover-card .profile-summary-card { z-index: 8 !important; }
#profileModal .profile-cover-card .avatar-edit { pointer-events: auto !important; }
#profileModal .profile-cover-card .achievement-rail {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 7px !important;
    margin-top: 0 !important;
    padding: 2px !important;
  }
#profileModal .profile-cover-card .achievement {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    display: grid !important;
    grid-template-rows: 1fr !important;
    place-items: center !important;
    border-radius: 12px !important;
  }
#profileModal .profile-cover-card .achievement i {
    display: grid !important;
    place-items: center !important;
    font-size: 21px !important;
    line-height: 1 !important;
  }
#profileModal .profile-cover-card .achievement b { display: none !important; }
#profileModal .profile-cover-card .achievement.is-unlocked,
  #profileModal .profile-cover-card .achievement.unlocked {
    color: #fff !important;
    background: var(--accent) !important;
  }
#profileModal .profile-cover-card .achievement.is-unlocked i,
  #profileModal .profile-cover-card .achievement.unlocked i { color: #fff !important; }}
@media (max-width: 1060px) {#mobileProfileContent .m-profile-avatar-stage,
  #mobileProfileContent.is-editing .m-profile-avatar-stage {
    z-index: 12 !important;
    pointer-events: none !important;
  }
#mobileProfileContent .m-profile-avatar,
  #mobileProfileContent.is-editing .m-profile-avatar {
    transform: scale(1.08) !important;
    transform-origin: center bottom !important;
  }
#mobileProfileContent .m-profile-main,
  #mobileProfileContent.is-editing .m-profile-main { z-index: 8 !important; }
#mobileProfileContent .m-profile-inline-edit { z-index: 14 !important; pointer-events: auto !important; }}
@media (max-width: 1060px) {#projectViewer .project-viewer-card {
    position: relative;
    display: block !important;
    width: 100%;
    min-height: 100dvh !important;
    padding: 0 !important;
  }
#projectViewer .project-viewer-header {
    position: absolute !important;
    z-index: 12;
    top: max(14px, env(safe-area-inset-top));
    right: 14px;
    left: 14px;
    display: block !important;
    pointer-events: none;
  }
#projectViewer .project-viewer-title-row {
    position: static !important;
    width: min(100%, calc(100vw - 28px)) !important;
    margin: 0 auto !important;
    pointer-events: auto;
  }
#projectViewer .project-viewer-media {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100dvh !important;
    min-height: 0 !important;
    padding: max(76px, calc(env(safe-area-inset-top) + 64px)) 14px max(112px, calc(env(safe-area-inset-bottom) + 94px)) !important;
    overflow: hidden !important;
  }
#projectViewer .project-viewer-stage {
    flex: 0 1 auto;
    max-height: 100%;
  }
#projectViewer .project-viewer-image {
    max-width: calc(100vw - 28px) !important;
    max-height: calc(100dvh - 210px) !important;
  }
#projectViewer .project-viewer-dots {
    flex: 0 0 auto;
    margin: 12px auto 0 !important;
  }
#projectViewer .project-viewer-actions {
    position: absolute !important;
    z-index: 13;
    right: 14px;
    bottom: max(16px, env(safe-area-inset-bottom));
    left: 14px;
    width: max-content !important;
    max-width: calc(100vw - 28px) !important;
    margin: 0 auto !important;
  }}
@media (min-width: 1061px) {html body.sidebar-collapsed { --drawer-width: 154px; }
html body.sidebar-collapsed .product-sidebar,
  html body.sidebar-collapsed .product-side-panel,
  html body.sidebar-collapsed .support-side-panel {
    overflow: visible !important;
  }
html body.sidebar-collapsed .product-sidebar {
    position: relative !important;
    z-index: 2100 !important;
    align-items: center !important;
    gap: 12px !important;
  }
html body.sidebar-collapsed .sidebar-brand-row {
    position: relative !important;
    width: 244px !important;
    height: 70px !important;
    min-height: 70px !important;
    flex: 0 0 70px !important;
    overflow: visible !important;
    pointer-events: none !important;
  }
html body.sidebar-collapsed #sidebarCollapse,
  html body.sidebar-collapsed #sidebarCollapse:hover,
  html body.sidebar-collapsed #sidebarCollapse:focus-visible,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-entering,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    position: absolute !important;
    top: 50% !important;
    left: 98px !important;
    display: grid !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #151518 !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 12px 30px rgba(25,32,48,.12) !important;
    pointer-events: auto !important;
    transform: translateY(-50%) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
html body.sidebar-collapsed #sidebarCollapse:hover,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active {
    color: #fff !important;
    background: var(--accent) !important;
    box-shadow: 0 14px 30px rgba(6,93,253,.24) !important;
  }
html body.sidebar-collapsed #sidebarCollapse:active { transform: translateY(-50%) scale(.92) !important; }
html body.sidebar-collapsed #sidebarCollapse.is-morphing { transform: translateY(-50%) scale(0) !important; }
html body.sidebar-collapsed #sidebarCollapse .collapse-glyph { opacity: 1 !important; }
html body.sidebar-collapsed .product-side-panel {
    width: 64px !important;
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    grid-template-rows: 90px 42px 90px !important;
    padding: 6px !important;
    place-items: center !important;
  }
html body.sidebar-collapsed .sidebar-legal {
    display: grid !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: auto auto 0 !important;
    padding: 0 !important;
    place-items: center !important;
    overflow: visible !important;
  }
html body.sidebar-collapsed .sidebar-legal-toggle,
  html body.sidebar-collapsed #sidebarLegalToggle {
    display: grid !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    place-items: center !important;
    border-radius: 50% !important;
  }
html body.sidebar-collapsed .sidebar-legal-menu {
    z-index: 30 !important;
  }
#profileModal .profile-cover-card.is-avatar-switching .profile-cover::before {
    background:
      radial-gradient(circle at 13% 52%, rgba(255,255,255,.84) 0 2px, transparent 2.5px 14px, rgba(255,255,255,.42) 14.5px 16px, transparent 16.5px 29px),
      linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--profile-next-cover-color) 86%, white) 44%, transparent 100%) !important;
    animation-duration: 820ms !important;
  }}
@media (max-width: 1060px) {#mobileProfileContent .m-profile-hero.is-avatar-switching .m-profile-cover::before {
    display: block !important;
    z-index: 3 !important;
    background:
      radial-gradient(circle at 13% 52%, rgba(255,255,255,.84) 0 2px, transparent 2.5px 14px, rgba(255,255,255,.42) 14.5px 16px, transparent 16.5px 29px),
      linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--profile-next-cover-color) 86%, white) 44%, transparent 100%) !important;
    animation-duration: 820ms !important;
  }}
@keyframes profile-avatar-colour-sweep {
  0% { opacity: 0; transform: translateX(-86%) skewX(-10deg); }
  12% { opacity: .98; }
  74% { opacity: .6; }
  100% { opacity: 0; transform: translateX(86%) skewX(7deg); }
}
@media (min-width: 1061px) {:root {
    --desktop-shell-gutter: max(30px, calc((100vw - 1380px) / 2));
    --desktop-header-row: 70px;
    --desktop-title-row: 70px;
    --desktop-work-row: 478px;
    --desktop-side-gap: 14px;
    --desktop-support-height: 106px;
  }
body,
  body:has(.product-layout) {
    overflow: hidden;
  }
.app-topbar,
  .topbar.app-topbar {
    height: 94px;
    min-height: 94px;
    pointer-events: none;
  }
.app-topbar .top-actions {
    pointer-events: auto;
    top: 17px;
    right: var(--desktop-shell-gutter);
    transform: none;
  }
.product-layout {
    width: min(1380px, calc(100% - 60px));
    grid-template-columns: var(--drawer-width, 244px) minmax(0, 1fr);
    gap: 24px;
    margin: 92px auto 0;
  }
.generator-main {
    gap: 14px;
  }
.generator-heading {
    min-height: var(--desktop-title-row);
    height: var(--desktop-title-row);
    padding: 0 6px;
  }
.generator-heading h1 {
    margin-top: 8px;
    transform: none;
  }
.generator-studio {
    min-height: var(--desktop-work-row);
    height: var(--desktop-work-row);
  }
.product-sidebar,
  body.sidebar-collapsed .product-sidebar {
    position: fixed !important;
    top: 12px !important;
    left: var(--desktop-shell-gutter) !important;
    z-index: 1900 !important;
    width: var(--drawer-width, 244px) !important;
    height: calc(100vh - 24px) !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }
.sidebar-brand-row,
  body.sidebar-collapsed .sidebar-brand-row {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: flex !important;
    width: 244px !important;
    height: var(--desktop-header-row) !important;
    min-height: var(--desktop-header-row) !important;
    flex: 0 0 var(--desktop-header-row) !important;
    margin: 0 !important;
    padding: 0 4px 0 8px !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
.account-side-panel,
  body.sidebar-collapsed .account-side-panel {
    box-sizing: border-box !important;
    width: 244px !important;
    height: var(--desktop-title-row) !important;
    min-height: var(--desktop-title-row) !important;
    flex: 0 0 var(--desktop-title-row) !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
  }
.product-side-panel,
  body.sidebar-collapsed .product-side-panel {
    box-sizing: border-box !important;
    width: 244px !important;
    height: calc(var(--desktop-work-row) - var(--desktop-support-height) - var(--desktop-side-gap)) !important;
    min-height: calc(var(--desktop-work-row) - var(--desktop-support-height) - var(--desktop-side-gap)) !important;
    flex: 0 0 calc(var(--desktop-work-row) - var(--desktop-support-height) - var(--desktop-side-gap)) !important;
    margin: var(--desktop-side-gap) 0 0 !important;
  }
.support-side-panel,
  body.sidebar-collapsed .support-side-panel {
    box-sizing: border-box !important;
    width: 244px !important;
    height: var(--desktop-support-height) !important;
    min-height: var(--desktop-support-height) !important;
    flex: 0 0 var(--desktop-support-height) !important;
    margin: var(--desktop-side-gap) 0 0 !important;
  }
.sidebar-legal,
  body.sidebar-collapsed .sidebar-legal {
    box-sizing: border-box !important;
    width: 244px !important;
    height: 28px !important;
    min-height: 28px !important;
    flex: 0 0 28px !important;
    margin: 36px 0 0 !important;
    padding: 0 10px !important;
  }
body.sidebar-collapsed {
    --drawer-width: 154px;
  }
body.sidebar-collapsed .product-sidebar {
    width: 74px !important;
    align-items: center !important;
  }
body.sidebar-collapsed .sidebar-brand-row {
    width: 194px !important;
    padding: 0 !important;
  }
body.sidebar-collapsed .sidebar-brand-row .brand,
  body.sidebar-collapsed .sidebar-brand-row .brand:hover,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control.is-fluid-active,
  body.sidebar-collapsed .sidebar-brand-row .brand.liquid-control.is-fluid-exiting {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: grid !important;
    width: 74px !important;
    min-width: 74px !important;
    height: var(--desktop-header-row) !important;
    padding: 0 !important;
    place-items: center !important;
    transform: none !important;
  }
body.sidebar-collapsed .sidebar-brand-row .sidebar-compact-mark {
    width: 48px !important;
    height: 48px !important;
    transform: translate(-50%, -50%) scale(1) !important;
  }
body.sidebar-collapsed #sidebarCollapse,
  body.sidebar-collapsed #sidebarCollapse:hover,
  body.sidebar-collapsed #sidebarCollapse:focus-visible,
  body.sidebar-collapsed #sidebarCollapse.liquid-control,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-entering,
  body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    position: absolute !important;
    top: 12px !important;
    left: 148px !important;
    display: grid !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center !important;
    transform: none !important;
  }
body.sidebar-collapsed #sidebarCollapse:active {
    transform: scale(.92) !important;
  }
body.sidebar-collapsed #sidebarCollapse.is-morphing {
    transform: scale(0) !important;
  }
body.sidebar-collapsed .account-side-panel {
    width: 70px !important;
    margin-inline: 2px !important;
    display: grid !important;
    place-items: center !important;
  }
body.sidebar-collapsed .account-summary,
  body.sidebar-collapsed .account-summary:hover,
  body.sidebar-collapsed .account-summary.liquid-control,
  body.sidebar-collapsed .account-summary.liquid-control.is-fluid-active {
    width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
  }
body.sidebar-collapsed .account-avatar {
    width: 64px !important;
    height: 64px !important;
  }
body.sidebar-collapsed .product-side-panel,
  body.sidebar-collapsed .support-side-panel {
    width: 64px !important;
    margin-inline: 5px !important;
    padding: 6px !important;
    place-items: center !important;
  }
body.sidebar-collapsed .product-side-panel {
    grid-template-rows: 1fr 50px 1fr !important;
  }
body.sidebar-collapsed .support-side-panel {
    grid-template-rows: 1fr 1fr !important;
  }
body.sidebar-collapsed .sidebar-legal {
    width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    flex-basis: 64px !important;
    margin: 0 5px 0 !important;
    padding: 0 !important;
    place-items: center !important;
  }
html body.sidebar-collapsed .product-sidebar {
    position: fixed !important;
    top: 12px !important;
    left: calc(var(--desktop-shell-gutter) + 30px) !important;
    width: 74px !important;
    height: calc(100vh - 24px) !important;
    margin: 0 !important;
    gap: 0 !important;
    transform: none !important;
  }
html body.sidebar-collapsed .sidebar-brand-row {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 194px !important;
    height: var(--desktop-header-row) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
html body.sidebar-collapsed #sidebarCollapse,
  html body.sidebar-collapsed #sidebarCollapse:hover,
  html body.sidebar-collapsed #sidebarCollapse:focus-visible,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-entering,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    position: absolute !important;
    top: 12px !important;
    left: 148px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    margin: 0 !important;
    transform: none !important;
  }
html body.sidebar-collapsed .account-side-panel {
    width: 70px !important;
    height: var(--desktop-title-row) !important;
    min-height: var(--desktop-title-row) !important;
    flex-basis: var(--desktop-title-row) !important;
    margin: 10px 2px 0 !important;
  }
html body.sidebar-collapsed .product-side-panel {
    width: 64px !important;
    height: calc(var(--desktop-work-row) - var(--desktop-support-height) - var(--desktop-side-gap)) !important;
    min-height: calc(var(--desktop-work-row) - var(--desktop-support-height) - var(--desktop-side-gap)) !important;
    max-height: none !important;
    flex-basis: calc(var(--desktop-work-row) - var(--desktop-support-height) - var(--desktop-side-gap)) !important;
    margin: var(--desktop-side-gap) 5px 0 !important;
    grid-template-rows: 1fr 50px 1fr !important;
  }
html body.sidebar-collapsed .support-side-panel {
    width: 64px !important;
    height: var(--desktop-support-height) !important;
    min-height: var(--desktop-support-height) !important;
    flex-basis: var(--desktop-support-height) !important;
    margin: var(--desktop-side-gap) 5px 0 !important;
  }
html body.sidebar-collapsed .sidebar-legal {
    width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    flex-basis: 64px !important;
    
    margin: 18px 5px 0 !important;
    padding: 0 !important;
  }}
@media (max-width: 1060px) {#projectViewer .project-viewer-card {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    min-height: 100dvh !important;
    gap: 0 !important;
    padding: max(16px, env(safe-area-inset-top)) 14px max(20px, env(safe-area-inset-bottom)) !important;
  }
#projectViewer .project-viewer-header {
    position: absolute !important;
    z-index: 20;
    top: max(16px, env(safe-area-inset-top));
    right: 14px;
    left: 14px;
    min-height: 0 !important;
    padding: 0 !important;
    pointer-events: none;
  }
#projectViewer .project-viewer-media {
    position: static !important;
    inset: auto !important;
    flex: 0 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: max(58px, calc(env(safe-area-inset-top) + 48px)) 0 0 !important;
    overflow: visible !important;
  }
#projectViewer .project-viewer-stage {
    flex: 0 1 auto;
    max-height: calc(100dvh - 230px);
  }
#projectViewer .project-viewer-image {
    max-width: calc(100vw - 28px) !important;
    max-height: calc(100dvh - 250px) !important;
  }
#projectViewer .project-viewer-dots {
    position: static !important;
    order: initial;
    margin: 12px auto 0 !important;
  }
#projectViewer .project-viewer-actions {
    position: static !important;
    z-index: 10;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    flex: 0 0 auto;
    width: max-content !important;
    max-width: calc(100vw - 28px) !important;
    margin: 12px auto 0 !important;
    transform: none !important;
  }}
#projectViewer {
  --viewer-gap: 16px;
  --viewer-action-height: 66px;
}
#projectViewer .project-viewer-card {
  position: fixed !important;
  inset: 0 !important;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100dvh;
  padding: max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));
  gap: var(--viewer-gap) !important;
}
#projectViewer .project-viewer-header {
  position: static !important;
  display: none !important;
}
#projectViewer .project-viewer-title-row {
  position: static !important;
  z-index: 10;
  display: flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: min(760px, calc(100vw - 48px));
  min-height: 48px;
  margin: 0 !important;
}
#projectViewer .project-viewer-name {
  position: static !important;
  display: flex !important;
  min-width: 0;
  max-width: min(640px, calc(100vw - 120px));
}
#projectViewer .project-viewer-name button,
#projectViewer .project-viewer-name input {
  min-height: 48px;
}
#projectViewer .project-viewer-name input[hidden] {
  display: none !important;
}
#projectViewer .project-viewer-name button {
  display: inline-flex !important;
  width: auto !important;
  max-width: min(640px, calc(100vw - 120px));
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .36) !important;
  border-radius: 999px;
  padding-inline: 18px;
  background: rgba(255, 255, 255, .25) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
  backdrop-filter: blur(20px) saturate(150%);
}
#projectViewer .project-viewer-name input:not([hidden]) {
  display: block !important;
  width: min(640px, calc(100vw - 120px));
}
#projectViewer .project-viewer-media {
  position: static !important;
  display: flex !important;
  flex: 0 1 auto !important;
  flex-direction: column;
  align-items: center;
  justify-content: center !important;
  width: 100%;
  min-height: 0;
  height: auto !important;
  padding: 0 !important;
  gap: var(--viewer-gap) !important;
  overflow: visible !important;
}
#projectViewer .project-viewer-stage {
  position: relative;
  display: grid !important;
  flex: 0 1 auto;
  place-items: center;
  width: fit-content !important;
  height: fit-content !important;
  max-width: min(78vw, 1180px);
  max-height: calc(100dvh - 212px);
  overflow: visible;
}
#projectViewer .project-viewer-image {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(78vw, 1180px) !important;
  max-height: calc(100dvh - 212px) !important;
  object-fit: contain;
}
#projectViewer video.project-viewer-image { background: #111; }
#projectViewer .project-viewer-dots {
  position: static !important;
  display: flex;
  flex: 0 0 auto;
  order: initial;
  margin: 0 !important;
  transform: none !important;
}
#projectViewer .project-viewer-actions {
  position: static !important;
  z-index: 10;
  display: flex !important;
  flex: 0 0 auto;
  width: max-content !important;
  max-width: calc(100vw - 48px) !important;
  min-height: var(--viewer-action-height);
  margin: 0 !important;
  transform: none !important;
}
@media (min-width: 1061px) {#projectViewer .project-viewer-arrow {
    top: 50% !important;
    width: 54px;
    height: 54px;
    transform: translateY(-50%);
  }
#projectViewer .project-viewer-arrow.is-prev {
    right: calc(100% + var(--viewer-gap));
    left: auto !important;
  }
#projectViewer .project-viewer-arrow.is-next {
    right: auto !important;
    left: calc(100% + var(--viewer-gap));
  }}
@media (max-width: 1060px) {#projectViewer {
    --viewer-gap: 14px;
    --viewer-action-height: 58px;
  }
#projectViewer .project-viewer-card {
    min-height: 100dvh !important;
    padding: max(16px, env(safe-area-inset-top)) 14px max(20px, env(safe-area-inset-bottom)) !important;
  }
#projectViewer .project-viewer-title-row {
    width: min(100%, calc(100vw - 28px));
    min-height: 42px;
  }
#projectViewer .project-viewer-name {
    display: flex !important;
    max-width: calc(100vw - 92px);
  }
#projectViewer .project-viewer-name button,
  #projectViewer .project-viewer-name input {
    min-height: 42px;
  }
#projectViewer .project-viewer-name button {
    display: inline-flex !important;
    width: auto !important;
    max-width: calc(100vw - 92px);
    padding-inline: 14px;
  }
#projectViewer .project-viewer-name input:not([hidden]) {
    display: block !important;
    width: calc(100vw - 92px);
  }
#projectViewer .project-viewer-save-title { width: 42px; height: 42px; }
#projectViewer .project-viewer-stage,
  #projectViewer .project-viewer-image {
    max-width: calc(100vw - 28px) !important;
    max-height: calc(100dvh - 226px) !important;
  }
#projectViewer .project-viewer-actions {
    max-width: calc(100vw - 28px) !important;
  }}
@media (prefers-reduced-motion: reduce) {#projectViewer .project-viewer-name button,
  #projectViewer .project-viewer-save-title { transition: none; }}
@media (min-width: 1061px) {.ideas-carousel-shell {
    
    margin-right: calc(-1 * clamp(24px, 2.5vw, 64px)) !important;
    overflow: visible !important;
  }
.ideas-carousel-shell::before,
  .ideas-carousel-shell::after {
    content: none !important;
    display: none !important;
  }
.ideas-carousel {
    --ideas-edge-fade: 112px;
    
    margin-top: -22px !important;
    margin-bottom: -28px !important;
    padding-top: 22px !important;
    padding-bottom: 28px !important;
    padding-right: 0 !important;
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 0,
      #000 calc(100% - var(--ideas-edge-fade)),
      rgba(0, 0, 0, .82) calc(100% - 76px),
      rgba(0, 0, 0, .34) calc(100% - 32px),
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      #000 0,
      #000 calc(100% - var(--ideas-edge-fade)),
      rgba(0, 0, 0, .82) calc(100% - 76px),
      rgba(0, 0, 0, .34) calc(100% - 32px),
      transparent 100%
    ) !important;
  }
.ideas-carousel.is-scrolled {
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent 0,
      rgba(0, 0, 0, .34) 30px,
      rgba(0, 0, 0, .82) 72px,
      #000 var(--ideas-edge-fade),
      #000 calc(100% - var(--ideas-edge-fade)),
      rgba(0, 0, 0, .82) calc(100% - 76px),
      rgba(0, 0, 0, .34) calc(100% - 32px),
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      transparent 0,
      rgba(0, 0, 0, .34) 30px,
      rgba(0, 0, 0, .82) 72px,
      #000 var(--ideas-edge-fade),
      #000 calc(100% - var(--ideas-edge-fade)),
      rgba(0, 0, 0, .82) calc(100% - 76px),
      rgba(0, 0, 0, .34) calc(100% - 32px),
      transparent 100%
    ) !important;
  }
.ideas-carousel.is-at-end {
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent 0,
      rgba(0, 0, 0, .34) 30px,
      rgba(0, 0, 0, .82) 72px,
      #000 var(--ideas-edge-fade),
      #000 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      transparent 0,
      rgba(0, 0, 0, .34) 30px,
      rgba(0, 0, 0, .82) 72px,
      #000 var(--ideas-edge-fade),
      #000 100%
    ) !important;
  }
.ideas-carousel:not(.is-overflowing) {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }}
@media (min-width: 1061px) {.product-side-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 126px 40px 1px auto minmax(84px, 1fr) !important;
    align-content: stretch !important;
    gap: 5px !important;
    overflow: hidden !important;
  }
.product-side-panel .side-title:first-child { grid-row: 1; }
.product-side-panel .recent-projects-viewport { grid-row: 2; }
.product-side-panel .project-nav-control { grid-row: 3; }
.product-side-panel .side-divider { grid-row: 4; }
.product-side-panel .side-mode-title { grid-row: 5; }
.product-side-panel .product-nav { grid-row: 6; }
.recent-projects-viewport {
    position: relative;
    min-width: 0;
    min-height: 0;
    height: 126px;
    overflow: hidden;
    border-radius: 16px;
  }
.product-side-panel .recent-projects {
    display: grid !important;
    align-content: start;
    gap: 4px;
    height: 100%;
    min-height: 0 !important;
    max-height: none !important;
    height: 100% !important;
    padding: 5px 6px 5px 0;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--accent-rgb), .44) transparent;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 9px, #000 calc(100% - 16px), rgba(0,0,0,.62) calc(100% - 7px), transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0, #000 9px, #000 calc(100% - 16px), rgba(0,0,0,.62) calc(100% - 7px), transparent 100%);
  }
.recent-projects::-webkit-scrollbar { width: 4px; }
.recent-projects::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(var(--accent-rgb), .4);
  }
.recent-project,
  .recent-project-main {
    min-height: 36px !important;
    height: 36px;
  }
.recent-project-main {
    border-radius: 14px;
    padding: 0 9px;
    transition: color 180ms ease, background-color 220ms cubic-bezier(.23,1,.32,1), box-shadow 220ms cubic-bezier(.23,1,.32,1);
  }
.recent-project-main:hover,
  .recent-project-main:focus-visible {
    color: #fff;
    background: var(--accent);
    box-shadow: 0 10px 22px rgba(var(--accent-rgb), .22);
    outline: none;
  }
.recent-project-main:hover .recent-copy strong,
  .recent-project-main:focus-visible .recent-copy strong,
  .recent-project-main:hover .recent-copy small,
  .recent-project-main:focus-visible .recent-copy small,
  .recent-project-main:hover .material-symbols-outlined,
  .recent-project-main:focus-visible .material-symbols-outlined {
    color: #fff;
  }
.recent-project-main:hover .recent-thumb,
  .recent-project-main:focus-visible .recent-thumb {
    color: #fff;
    background: rgba(255,255,255,.18);
  }
.recent-empty {
    min-height: 100%;
    box-sizing: border-box;
  }
.recent-empty-guest {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    padding: 8px 14px;
    text-align: center;
    color: var(--muted);
    -webkit-mask-image: none;
    mask-image: none;
  }
.recent-empty-guest strong {
    color: var(--ink);
    font-size: 12px;
    font-weight: 700;
  }
.recent-empty-guest small { font-size: 10px; }
.recent-empty-art {
    position: relative;
    display: grid;
    width: 58px;
    height: 52px;
    place-items: center;
    color: var(--accent);
  }
.recent-empty-box { font-size: 52px; opacity: .2; }
.recent-empty-cat {
    position: absolute;
    top: 1px;
    font-size: 30px;
    color: var(--accent);
  }
body.guest .product-side-panel {
    grid-template-rows: auto 126px 0 1px auto minmax(84px, 1fr) !important;
  }
body.guest .product-side-panel .project-nav-control { display: none !important; }
body.guest .recent-projects { overflow: hidden !important; }
.product-side-panel .product-nav {
    display: grid;
    grid-template-columns: 1fr;
    align-content: space-evenly;
    min-height: 0;
    gap: 8px;
  }
body.sidebar-collapsed .product-side-panel {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(156px, 1fr) 50px minmax(116px, 1fr) !important;
    gap: 8px !important;
    overflow: hidden !important;
  }
body.sidebar-collapsed .product-side-panel .recent-projects-viewport {
    display: block !important;
    grid-row: 1;
    width: 52px;
    height: 156px;
    align-self: center;
    justify-self: center;
  }
html body.sidebar-collapsed .product-side-panel .recent-projects {
    display: grid !important;
    gap: 6px;
    padding: 6px 0;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    scrollbar-width: none;
  }
html body.sidebar-collapsed .product-side-panel .recent-projects::-webkit-scrollbar { display: none; }
html body.sidebar-collapsed .product-side-panel .recent-project,
  html body.sidebar-collapsed .product-side-panel .recent-project-main {
    display: grid !important;
    width: 50px;
    min-width: 50px;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0;
    place-items: center;
    border-radius: 14px;
  }
html body.sidebar-collapsed .product-side-panel .recent-copy,
  html body.sidebar-collapsed .product-side-panel .project-status { display: none; }
html body.sidebar-collapsed .product-side-panel .recent-thumb {
    width: 42px;
    height: 42px;
    border-radius: 13px;
  }
html body.sidebar-collapsed .product-side-panel .recent-project-main:hover,
  html body.sidebar-collapsed .product-side-panel .recent-project-main:focus-visible {
    background: var(--accent);
    box-shadow: 0 8px 18px rgba(var(--accent-rgb), .24);
  }
html body.sidebar-collapsed .product-side-panel .recent-project-main:hover .recent-thumb,
  html body.sidebar-collapsed .product-side-panel .recent-project-main:focus-visible .recent-thumb {
    outline: 2px solid rgba(255,255,255,.92);
    outline-offset: 2px;
  }
body.sidebar-collapsed .product-side-panel .project-nav-control {
    display: flex !important;
    grid-row: 2;
    align-self: center;
  }
body.sidebar-collapsed .product-side-panel .product-nav {
    grid-row: 3;
    width: 50px !important;
    height: 100%;
    margin: 0 auto;
    align-content: space-evenly;
  }
body.sidebar-collapsed.guest .product-side-panel { grid-template-rows: minmax(156px, 1fr) 0 minmax(116px, 1fr) !important; }
html body.sidebar-collapsed.guest .product-side-panel .recent-projects {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
body.sidebar-collapsed.guest .product-side-panel .recent-empty-guest {
    display: grid !important;
    grid-row: 1 / -1;
    align-self: stretch;
    width: 52px;
    height: 100% !important;
    min-height: 100% !important;
    padding: 0;
    gap: 0;
  }
body.sidebar-collapsed.guest .product-side-panel .recent-empty-guest strong,
  body.sidebar-collapsed.guest .product-side-panel .recent-empty-guest small { display: none; }
body.sidebar-collapsed.guest .product-side-panel .recent-empty-art { transform: scale(.82); }
body.sidebar-collapsed.guest .product-side-panel .project-nav-control { display: none !important; }
body.sidebar-collapsed.guest .product-side-panel .product-nav { grid-row: 3; }}
.auth-consents {
  display: grid;
  gap: 9px;
  margin: 4px 0 2px;
  color: #6e727b;
  font-size: 12px;
  line-height: 1.35;
}
.auth-consents label {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  margin: 0;
}
.auth-consents input {
  inline-size: 16px;
  block-size: 16px;
  margin: 1px 0 0;
  accent-color: #065dfd;
}
.auth-consents button,
.text-link {
  display: inline;
  padding: 0;
  border: 0;
  background: transparent;
  color: #065dfd;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.auth-consents button:hover,
.text-link:hover {
  color: #0349cb;
}
.auth-consents--single {
  margin: 12px 0 4px;
}
.auth-consents--single .legal-consent-all {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(22, 27, 36, 0.09);
  border-radius: 14px;
  background: rgba(246, 248, 252, 0.78);
  color: #717680;
  font-size: 12px;
  line-height: 1.45;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}
.auth-consents--single .legal-consent-all:hover {
  border-color: rgba(6, 93, 253, 0.24);
  background: rgba(6, 93, 253, 0.045);
}
.auth-consents--single .legal-consent-all:has(input:checked) {
  border-color: rgba(6, 93, 253, 0.32);
  background: rgba(6, 93, 253, 0.075);
  color: #474d58;
  box-shadow: inset 0 0 0 1px rgba(6, 93, 253, 0.04);
}
.auth-consents--single input {
  inline-size: 18px;
  block-size: 18px;
  margin-top: 1px;
}
.legal-consent-copy {
  min-width: 0;
}
.auth-consents--single button {
  font-weight: 750;
}
.legal-modal-card {
  display: grid;
  grid-template-columns: minmax(176px, 0.38fr) minmax(0, 1fr);
  gap: 28px;
  width: min(920px, calc(100vw - 48px));
  max-height: min(760px, calc(100dvh - 48px));
  padding: 34px;
  overflow: hidden;
}
.legal-document-nav {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  padding-top: 36px;
}
.legal-document-nav-item {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #777b84;
  font: 700 13px/1.25 Manrope, sans-serif;
  text-align: left;
  cursor: pointer;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.legal-document-nav-item:hover,
.legal-document-nav-item.is-active {
  border-color: rgba(6, 93, 253, 0.18);
  background: rgba(6, 93, 253, 0.09);
  color: #065dfd;
}
.legal-document-body {
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 4px 22px 20px 0;
}
.legal-document-body h2 {
  margin: 7px 0 20px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.06;
}
.legal-document-content {
  color: #4d535d;
  font-size: 14px;
  line-height: 1.65;
}
.legal-document-content h3 {
  margin: 24px 0 8px;
  color: #17191d;
  font-size: 16px;
}
.legal-document-content p,
.legal-document-content ul {
  margin: 0 0 12px;
}
.legal-document-content ul {
  padding-left: 20px;
}
#supportModal .text-link {
  margin-top: 16px;
}
#exportDataButton:disabled {
  opacity: .58;
  pointer-events: none;
}
@media (max-width: 1060px) {.auth-consents {
    gap: 8px;
    font-size: 11px;
  }
.auth-consents--single .legal-consent-all {
    padding: 11px 12px;
    border-radius: 13px;
    font-size: 11px;
    line-height: 1.42;
  }
.legal-modal-card {
    grid-template-columns: 1fr;
    gap: 14px;
    width: 100%;
    min-height: 58dvh;
    max-height: 88dvh;
    padding: 26px 20px calc(24px + env(safe-area-inset-bottom));
    border-radius: 26px 26px 0 0;
  }
.legal-document-nav {
    display: flex;
    overflow-x: auto;
    gap: 8px;
    padding: 2px 42px 0 0;
    scrollbar-width: none;
  }
.legal-document-nav::-webkit-scrollbar { display: none; }
.legal-document-nav-item {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 18px;
    font-size: 11px;
  }
.legal-document-body {
    padding: 0 4px 8px 0;
  }
.legal-document-body h2 {
    margin: 5px 0 14px;
    font-size: 28px;
  }
.legal-document-content {
    font-size: 13px;
    line-height: 1.55;
  }}
.auth-forgot,
.auth-forgot:visited,
.auth-forgot:hover,
.auth-forgot:focus-visible,
.auth-forgot:active,
.auth-forgot-back,
.auth-forgot-back:visited,
.auth-forgot-back:hover,
.auth-forgot-back:focus-visible,
.auth-forgot-back:active {
  color: #065dfd !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-decoration-color: currentColor !important;
}
.auth-forgot:hover,
.auth-forgot:focus-visible,
.auth-forgot-back:hover,
.auth-forgot-back:focus-visible {
  color: #004edc !important;
}
.custom-select {
  min-width: 0;
}
.custom-select-menu {
  max-height: var(--picker-max-height, 304px) !important;
  overflow: hidden !important;
  z-index: 10050 !important;
}
.custom-select-options {
  max-height: var(--picker-max-height, 304px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.custom-select.opens-upward .custom-select-menu {
  top: auto !important;
  bottom: calc(100% + 8px) !important;
}
.modal-scroll-card:has(#plansList) {
  overscroll-behavior: contain;
  scroll-padding-bottom: 44px;
}
.modal-plans {
  padding-bottom: 32px !important;
}
.plan-card {
  display: grid !important;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 12px;
  min-height: 340px;
}
.plan-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.plan-tier-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  color: #065dfd;
  background: #e4edff;
  font-size: 22px;
}
.plan-token-amount {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.plan-token-amount strong {
  color: #101114;
  font-size: 42px;
  line-height: .95;
}
.plan-token-amount span,
.plan-benefits span {
  color: #747780;
  font-size: 14px;
  font-weight: 700;
}
.plan-price {
  margin: 0;
  color: #101114;
  font-size: 24px;
  font-weight: 750;
}
.plan-benefits {
  display: grid;
  align-content: end;
  gap: 7px;
  min-height: 54px;
}
.plan-benefits strong {
  color: #101114;
  font-size: 15px;
}
.plan-card .card-foot {
  margin-top: 4px;
}
.video-scenario-source,
.video-materials {
  display: none !important;
}
.video-upload-split {
  display: none;
}
.generator-studio.is-video-mode .upload-stage {
  display: grid;
  min-height: 0;
  padding: 12px;
  align-content: stretch;
}
.generator-studio.is-video-mode .upload-stage > .upload-icon,
.generator-studio.is-video-mode .upload-stage > .upload-copy,
.generator-studio.is-video-mode .upload-stage > .upload-action,
.generator-studio.is-video-mode .upload-stage > .upload-previews,
.generator-studio.is-video-mode .upload-stage > input[name="photos"] {
  display: none !important;
}
.generator-studio.is-video-mode .video-upload-split {
  display: grid;
  width: 100%;
  min-height: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.video-upload-cell {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 132px;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  overflow: hidden;
  padding: 18px;
  border: 1px solid rgba(6, 93, 253, .16);
  border-radius: 20px;
  background: rgba(255, 255, 255, .72);
  color: #101114;
  cursor: pointer;
  isolation: isolate;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.video-upload-cell > :not(.video-material-preview) {
  position: relative;
  z-index: 1;
}
.video-upload-cell strong,
.video-upload-cell small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.video-upload-cell strong {
  font-size: 16px;
}
.video-upload-cell small {
  margin-top: 4px;
  color: #767984;
  font-size: 13px;
}
.video-upload-cell:hover,
.video-upload-cell:focus-within {
  border-color: #065dfd;
  background: #e6efff;
  box-shadow: 0 12px 24px rgba(6, 93, 253, .13);
  transform: translateY(-1px);
}
.video-upload-cell.has-files {
  border-color: #065dfd;
  color: white;
  background: #065dfd;
}
.video-upload-cell.has-files small {
  color: rgba(255, 255, 255, .8);
}
.video-upload-cell.is-required-missing {
  border-style: dashed;
}
.video-material-preview {
  position: absolute;
  z-index: -1;
  inset: 0;
  display: none;
  background: center / cover no-repeat;
}
.video-upload-cell.has-files .video-material-preview {
  display: block;
  opacity: .36;
}
.video-upload-cell.has-files::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: rgba(6, 93, 253, .66);
}
.video-workbench {
  position: relative;
  z-index: 30;
  min-width: 0;
  overflow: visible !important;
}
.video-workbench-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.video-workbench .custom-select {
  width: 100%;
}
.video-workbench .custom-select-menu {
  right: 0 !important;
  left: 0 !important;
  min-width: 100% !important;
}
.video-reference-control {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(6, 93, 253, .16);
  border-radius: 14px;
  color: #5c6170;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.video-reference-control:hover,
.video-reference-control.has-frame-context {
  border-color: #065dfd;
  background: #e6efff;
  color: #065dfd;
}
.video-reference-control span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-copy-action[hidden],
.m-ai-copy-action[hidden] {
  display: none !important;
}
@media (min-width: 1061px) {.generator-studio.is-video-mode {
    grid-template-rows: minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: var(--desktop-work-row) !important;
  }
.generator-studio.is-video-mode > * {
    min-height: 0;
  }
.generator-studio.is-video-mode .brief-panel {
    height: 100%;
    min-height: 0;
    grid-template-rows: 72px 108px minmax(0, 1fr) 48px !important;
    align-content: stretch;
    gap: 8px;
    padding: 8px;
  }
.generator-studio.is-video-mode .brief-panel > .tool-rack {
    display: none !important;
  }
.generator-studio.is-video-mode .brief-field {
    min-height: 0;
    overflow: hidden;
    gap: 4px;
    padding: 10px 12px;
  }
.generator-studio.is-video-mode .brief-field > span {
    font-size: 10px;
  }
.generator-studio.is-video-mode .brief-title input {
    min-height: 30px;
    font-size: 18px;
  }
.generator-studio.is-video-mode .brief-description textarea {
    min-height: 68px;
    height: 68px;
    resize: none;
    font-size: 14px;
    line-height: 1.38;
  }
.generator-studio.is-video-mode .video-workbench {
    min-height: 0;
    height: 100%;
    grid-template-columns: max-content minmax(0, 1fr);
    align-content: center;
    gap: 7px 10px;
    padding: 10px 12px;
    border-radius: 20px;
  }
.generator-studio.is-video-mode .video-workbench-heading,
  .generator-studio.is-video-mode .video-workbench-grid {
    grid-column: 1 / -1;
  }
.generator-studio.is-video-mode .video-workbench-heading {
    min-height: 18px;
    font-size: 13px;
  }
.generator-studio.is-video-mode .video-workbench-heading small {
    font-size: 11px;
  }
.generator-studio.is-video-mode .video-workbench-grid {
    gap: 7px;
  }
.generator-studio.is-video-mode .video-workbench-grid label {
    gap: 3px;
    font-size: 10px;
  }
.generator-studio.is-video-mode .video-workbench .custom-select-trigger {
    min-height: 40px;
    padding: 0 9px 0 10px;
    gap: 7px;
    border-radius: 13px;
    font-size: 12px;
  }
.generator-studio.is-video-mode .video-workbench .custom-select-arrow {
    width: 23px;
    height: 23px;
    font-size: 17px;
  }
.generator-studio.is-video-mode .video-workbench .custom-select-value .sr-only {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
  }
.generator-studio.is-video-mode .video-upload-split {
    gap: 10px;
  }
.generator-studio.is-video-mode .video-upload-cell {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 9px;
    padding: 14px;
  }
.generator-studio.is-video-mode .video-upload-cell strong {
    font-size: 13px;
  }
.generator-studio.is-video-mode .video-upload-cell small {
    margin-top: 3px;
    font-size: 11px;
  }
.generator-studio.is-video-mode .video-sound-toggle,
  .generator-studio.is-video-mode .video-reference-control {
    min-height: 32px;
    padding: 7px 9px;
    border-radius: 11px;
    font-size: 11px;
  }
.generator-studio.is-video-mode .video-reference-control strong,
  .generator-studio.is-video-mode .video-reference-control small {
    display: block;
    font-size: 10px;
  }
.generator-studio.is-video-mode .video-reference-control small {
    margin-top: 1px;
  }
.generator-studio.is-video-mode .generator-footer {
    min-height: 48px;
    padding-top: 0;
  }
.generator-studio.is-video-mode .generator-footer .generate-button {
    min-height: 42px;
  }}
.legal-modal-card {
  grid-template-rows: minmax(0, 1fr);
  height: min(760px, calc(100dvh - 48px));
  overflow: hidden !important;
}
.legal-document-nav,
.legal-document-body {
  min-height: 0;
}
.legal-document-nav {
  overflow-y: auto;
  overscroll-behavior: contain;
}
.legal-document-tabs {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 6px;
}
.legal-document-body {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.legal-document-content {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #b7c8ec transparent;
}
.legal-document-content > :first-child {
  margin-top: 4px;
}
.legal-document-content h3,
.legal-document-content h4 {
  color: #101114;
  line-height: 1.16;
}
.legal-document-content h3 {
  margin: 38px 0 14px;
  font-size: clamp(22px, 2vw, 30px);
}
.legal-document-content h4 {
  margin: 26px 0 10px;
  font-size: 18px;
}
.legal-document-content p,
.legal-document-content li {
  max-width: 76ch;
  line-height: 1.62;
}
.legal-document-section-nav {
  display: grid;
  gap: 5px;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(21, 25, 35, .09);
}
.legal-document-section-nav button {
  overflow: hidden;
  padding: 7px 9px;
  border: 0;
  border-radius: 9px;
  color: #767984;
  background: transparent;
  font: inherit;
  font-size: 12px;
  line-height: 1.25;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.legal-document-section-nav button:hover,
.legal-document-section-nav button.is-active {
  color: #065dfd;
  background: #e6efff;
}
@media (max-width: 1060px) {.legal-modal-card {
    grid-template-rows: auto minmax(0, 1fr);
    height: min(88dvh, 760px);
  }
.legal-document-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    overflow: visible;
    padding: 2px 0 0;
  }
.legal-document-tabs {
    display: flex;
    width: 100%;
    max-width: 100%;
    gap: 8px;
    overflow-x: auto;
    padding: 0 42px 2px 0;
    scrollbar-width: none;
  }
.legal-document-tabs::-webkit-scrollbar {
    display: none;
  }
.legal-document-tabs .legal-document-nav-item {
    flex: 0 0 auto;
  }
.plan-card {
    min-height: 0;
  }
.m-plan {
    display: grid !important;
    grid-template-columns: 1fr auto;
    gap: 8px 14px;
    align-items: start;
  }
.m-plan-tier {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #065dfd;
    font-size: 12px;
    font-weight: 800;
  }
.m-plan-tier .material-symbols-outlined {
    font-size: 18px;
  }
.m-plan-token-amount {
    margin-top: 4px;
    color: #101114;
    font-size: 31px;
    font-weight: 850;
    line-height: 1;
  }
.m-plan-price {
    align-self: end;
    color: #101114;
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
  }
.m-plan-benefit {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: #727680;
    font-size: 12px;
  }
.m-plan > button {
    grid-column: 1 / -1;
  }
body.is-video-mode #mobileUploadButton {
    display: grid;
    min-height: 130px;
    grid-template-columns: 1fr;
    padding: 10px;
  }
body.is-video-mode #mobileUploadButton > .m-upload-icon,
  body.is-video-mode #mobileUploadButton > .m-tile-arrow,
  body.is-video-mode #mobileUploadButton > .m-upload-copy,
  body.is-video-mode #mobileUploadButton > .m-upload-action,
  body.is-video-mode #mobileUploadButton > .m-upload-preview,
  body.is-video-mode #mobileUploadButton > span:not(.m-video-upload-split):not(.m-upload-icon):not(.m-tile-arrow) {
    display: none !important;
  }
.m-video-upload-split {
    display: none;
  }
body.is-video-mode .m-video-upload-split {
    display: grid;
    width: 100%;
    min-height: 108px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }
.m-video-upload-cell {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid rgba(6, 93, 253, .18);
    border-radius: 16px;
    background: rgba(255, 255, 255, .85);
    color: #1a1b20;
    isolation: isolate;
  }
.m-video-upload-cell > :not(.video-material-preview) { position: relative; z-index: 1; }
.m-video-upload-cell.has-files .video-material-preview {
    display: block;
    z-index: -1;
    opacity: .32;
  }
.m-video-upload-cell.has-files::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    background: rgba(6, 93, 253, .68);
  }
.m-video-upload-cell strong,
  .m-video-upload-cell small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.m-video-upload-cell strong { font-size: 13px; }
.m-video-upload-cell small { margin-top: 3px; color: #7d8190; font-size: 11px; }
.m-video-upload-cell.has-files {
    border-color: #065dfd;
    color: white;
    background: #065dfd;
  }
.m-video-upload-cell.has-files small { color: rgba(255,255,255,.82); }
.m-video-workbench {
    overflow: visible !important;
  }
.m-video-workbench .custom-select-menu {
    z-index: 10060 !important;
  }
.legal-document-body {
    padding-bottom: 24px;
  }
.legal-document-content h3 {
    margin-top: 28px;
    font-size: 22px;
  }
.legal-document-section-nav {
    display: flex;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    scrollbar-width: none;
  }
.legal-document-section-nav::-webkit-scrollbar { display: none; }
.legal-document-section-nav button { flex: 0 0 auto; max-width: 210px; }}
@media (min-width: 1061px) and (max-width: 1160px) {.video-workbench-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }}
@media (prefers-reduced-motion: reduce) {.video-upload-cell,
  .custom-select-menu,
  .legal-document-content {
    scroll-behavior: auto;
    transition: none !important;
  }}
@media (min-width: 1061px) {:root {
    --sidebar-workbench-cap: calc(var(--desktop-work-row) - var(--desktop-support-height) - var(--desktop-side-gap));
    --sidebar-pocket-ease: cubic-bezier(.23, 1, .32, 1);
  }
.account-side-panel,
  .product-side-panel,
  .support-side-panel,
  .recent-projects-viewport {
    transition:
      max-height 260ms var(--sidebar-pocket-ease),
      min-height 260ms var(--sidebar-pocket-ease),
      flex-basis 260ms var(--sidebar-pocket-ease),
      padding 220ms var(--sidebar-pocket-ease),
      gap 220ms var(--sidebar-pocket-ease);
  }
.account-side-panel,
  body.sidebar-collapsed .account-side-panel {
    height: auto !important;
    min-height: var(--desktop-title-row) !important;
    flex: 0 0 auto !important;
  }
.product-side-panel,
  body.sidebar-collapsed .product-side-panel {
    height: auto !important;
    min-height: 0 !important;
    max-height: var(--sidebar-workbench-cap) !important;
    flex: 0 1 auto !important;
    overflow: hidden !important;
  }
.product-side-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto 1px auto auto !important;
    align-content: start !important;
    gap: 8px !important;
  }
.recent-projects-shell {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 126px;
    max-height: 168px;
    isolation: isolate;
    overflow: visible;
  }
.recent-projects-shell:hover,
  .recent-projects-shell:focus-within {
    z-index: 8;
  }
.product-side-panel .recent-projects-viewport {
    position: relative;
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 168px;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: 0 0 0 1px transparent, 0 0 0 transparent;
    transform-origin: 50% 50%;
    transition:
      transform 220ms var(--sidebar-pocket-ease),
      background-color 180ms ease,
      border-color 180ms ease,
      box-shadow 220ms var(--sidebar-pocket-ease);
  }
.recent-projects-shell:hover .recent-projects-viewport,
  .recent-projects-shell:focus-within .recent-projects-viewport {
    transform: translateY(-5px) scale(1.04);
    border-color: rgb(255 255 255 / .72);
    background: rgb(255 255 255 / .52);
    box-shadow:
      0 0 0 1px rgb(24 28 36 / .04),
      0 16px 30px rgb(24 28 36 / .15),
      inset 0 1px 0 rgb(255 255 255 / .52);
  }
.product-side-panel .recent-projects {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-auto-rows: max-content;
    padding: 4px 28px 4px 12px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none;
    -webkit-mask-image: none;
    mask-image: none;
  }
.product-side-panel .recent-projects::-webkit-scrollbar {
    display: none;
  }
.recent-scroll-indicator {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: 7px;
    width: 16px;
    display: grid;
    gap: 6px;
    place-items: center;
    pointer-events: none;
    opacity: 0;
    transform: translate(5px, -50%) scale(.92);
    transition: opacity 180ms ease, transform 220ms var(--sidebar-pocket-ease);
  }
.recent-scroll-indicator.is-scrollable {
    opacity: 0;
    transform: translate(5px, -50%) scale(.92);
  }
.recent-projects-shell:hover .recent-scroll-indicator.is-scrollable,
  .recent-projects-shell:focus-within .recent-scroll-indicator.is-scrollable {
    opacity: 1;
    transform: translate(0, calc(-50% - 5px)) scale(1);
  }
.recent-scroll-indicator i {
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    background: #151516;
    opacity: var(--dot-opacity, .35);
    transform: scale(var(--dot-scale, .8));
    transition: opacity 180ms ease, transform 240ms var(--sidebar-pocket-ease);
  }
.recent-scroll-indicator i.is-current {
    opacity: 1;
    transform: scale(1.42);
    box-shadow: 0 0 0 3px rgb(21 21 22 / .06);
  }
.product-side-panel .product-nav {
    min-height: 0;
    gap: 6px;
    align-content: start;
  }
body.guest .product-side-panel .side-title {
    min-height: 24px !important;
    height: 24px !important;
    padding-block: 0 !important;
    display: flex;
    align-items: center;
  }
body.guest .product-side-panel .product-nav {
    height: 42px !important;
    min-height: 42px !important;
    grid-auto-rows: 42px;
    overflow: hidden;
  }
.product-side-panel .side-divider {
    margin: 0 2px !important;
  }
body.guest .product-side-panel {
    grid-template-rows: auto auto 0 1px auto auto !important;
  }
.recent-empty {
    min-height: 0 !important;
  }
.recent-empty-guest {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 112px auto auto;
    width: 100%;
    height: auto !important;
    min-height: 160px !important;
    padding: 2px 4px 4px;
    row-gap: 2px;
    justify-items: center;
    align-content: start;
    align-items: center;
    color: var(--muted);
    text-align: center;
  }
.recent-empty-art {
    display: grid;
    grid-row: auto;
    width: 112px;
    height: 112px;
    margin: 0;
    place-items: center;
    position: static !important;
    overflow: visible;
  }
.recent-empty-art img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
.recent-empty-shiba {
    width: 112px;
    height: 112px;
  }
.recent-empty-compact {
    display: none !important;
  }
.recent-empty-guest strong {
    align-self: center;
    max-width: 170px;
    font-size: 12px;
    line-height: 1.25;
    text-wrap: balance;
  }
.recent-empty-guest small {
    align-self: center;
    max-width: 170px;
    font-size: 10px;
    line-height: 1.35;
    text-wrap: pretty;
  }
.support-side-panel,
  body.sidebar-collapsed .support-side-panel {
    height: auto !important;
    min-height: 0 !important;
    max-height: var(--desktop-support-height) !important;
    flex: 0 0 auto !important;
  }
.support-side-panel .side-nav {
    gap: 5px !important;
  }
.recent-project.is-new-project {
    animation: sidebar-project-tile-in 360ms var(--sidebar-pocket-ease) both;
    transform-origin: 50% 0;
  }
@keyframes sidebar-project-tile-in {
    from { opacity: 0; transform: translateY(-10px) scale(.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
body.sidebar-collapsed .product-side-panel,
  html body.sidebar-collapsed .product-side-panel {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 8px !important;
    padding: 8px 6px !important;
  }
html body.sidebar-collapsed .product-side-panel {
    height: auto !important;
    min-height: 0 !important;
    max-height: var(--sidebar-workbench-cap) !important;
    flex: 0 1 auto !important;
  }
body.sidebar-collapsed .product-side-panel .side-title,
  body.sidebar-collapsed .product-side-panel .side-divider {
    display: none !important;
  }
body.sidebar-collapsed .product-side-panel .recent-projects-shell {
    display: block;
    width: 56px;
    height: auto;
    max-height: 188px;
    margin: 0;
  }
body.sidebar-collapsed .product-side-panel .recent-projects-viewport {
    display: block !important;
    width: 56px;
    height: auto !important;
    max-height: 188px;
    margin: 0;
    overflow: visible !important;
  }
html body.sidebar-collapsed .product-side-panel .recent-projects {
    display: grid !important;
    width: 56px;
    height: auto !important;
    max-height: 188px !important;
    grid-auto-rows: max-content;
    
    padding: 4px 0;
    gap: 6px;
    overflow: visible !important;
    -webkit-mask-image: none;
    mask-image: none;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-projects-viewport {
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 188px !important;
    flex: 0 0 188px;
    align-self: center;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-projects-viewport::-webkit-scrollbar {
    display: none;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-projects-shell {
    width: 70px;
    height: 188px;
    min-height: 0;
    max-height: 188px;
    flex: 0 0 188px;
    align-self: center;
    transition: width 240ms var(--sidebar-pocket-ease);
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-projects-shell:hover,
  html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-projects-shell:focus-within {
    width: 94px;
  }
html body.sidebar-collapsed:not(.guest) .recent-projects-shell:hover .recent-projects-viewport,
  html body.sidebar-collapsed:not(.guest) .recent-projects-shell:focus-within .recent-projects-viewport {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-projects {
    display: grid !important;
    width: 100%;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: max-content;
    padding: 4px 0;
    gap: 6px;
    place-items: start center;
    overflow: visible !important;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-projects::-webkit-scrollbar {
    display: none;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel {
    overflow: hidden !important;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel:has(.recent-projects-shell:hover),
  html body.sidebar-collapsed:not(.guest) .product-side-panel:has(.recent-projects-shell:focus-within),
  html body.sidebar-collapsed:not(.guest) .product-sidebar:has(.recent-projects-shell:hover),
  html body.sidebar-collapsed:not(.guest) .product-sidebar:has(.recent-projects-shell:focus-within) {
    overflow: visible !important;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-scroll-indicator {
    right: 2px;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-project,
  html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-project-main {
    width: 42px !important;
    min-width: 42px !important;
    justify-self: center;
    margin-inline: 0 !important;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-project {
    translate: 12px 0;
    overflow: visible !important;
    z-index: 0;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-project:has(.recent-project-main:hover),
  html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-project:focus-within {
    z-index: 2;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-thumb {
    transition: box-shadow 240ms ease, filter 240ms ease;
  }
html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-project-main:hover .recent-thumb,
  html body.sidebar-collapsed:not(.guest) .product-side-panel .recent-project-main:focus-visible .recent-thumb {
    outline: none;
    box-shadow:
      0 0 0 1px var(--accent),
      0 0 0 4px rgba(var(--accent-rgb), .16),
      0 10px 28px rgba(var(--accent-rgb), .16);
    filter: saturate(1.04);
  }
body.sidebar-collapsed .product-side-panel .product-nav {
    display: grid;
    width: 50px !important;
    height: auto !important;
    margin: 0 !important;
    gap: 6px;
    align-content: start;
  }
html body.sidebar-collapsed .product-side-panel .product-nav {
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
  }
html body.sidebar-collapsed.guest .product-side-panel .product-nav {
    height: 42px !important;
    min-height: 42px !important;
    grid-auto-rows: 42px;
    overflow: hidden;
  }
body.sidebar-collapsed .product-side-panel .recent-empty-guest {
    display: grid !important;
    grid-template: 64px / 56px;
    width: 56px;
    height: 64px !important;
    min-height: 64px !important;
    padding: 0;
    place-items: center;
    overflow: visible !important;
  }
body.sidebar-collapsed .product-side-panel .recent-empty-shiba,
  body.sidebar-collapsed .product-side-panel .recent-empty-guest strong,
  body.sidebar-collapsed .product-side-panel .recent-empty-guest small {
    display: none !important;
  }
body.sidebar-collapsed .product-side-panel .recent-empty-art {
    display: grid;
    grid-row: auto;
    width: 56px;
    height: 64px;
    margin: 0;
    transform: none !important;
    overflow: visible !important;
  }
body.sidebar-collapsed .product-side-panel .recent-empty-compact {
    display: block !important;
    width: 56px;
    height: 56px;
    max-width: 56px;
    max-height: 56px;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    animation: sidebar-compact-art-in 300ms var(--sidebar-pocket-ease) both;
  }
body.sidebar-collapsed.guest .product-side-panel {
    grid-template-rows: none !important;
  }
body.sidebar-collapsed.guest .product-side-panel .project-nav-control {
    display: none !important;
  }
body.sidebar-collapsed .support-side-panel,
  html body.sidebar-collapsed .support-side-panel {
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
  }
html body.sidebar-collapsed .support-side-panel {
    min-height: 0 !important;
    max-height: var(--desktop-support-height) !important;
  }
@keyframes sidebar-compact-art-in {
    from { opacity: 0; transform: translateY(-5px) scale(.9); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
body.sidebar-wave-collapse .product-side-panel > .side-title {
    transform-origin: center;
    will-change: transform, opacity;
    animation: drawer-card-fold-left 820ms cubic-bezier(.2,.78,.22,1) both !important;
  }
body.sidebar-wave-expand .product-side-panel > .side-title {
    transform-origin: center;
    will-change: transform, opacity;
    animation: drawer-card-fold-right 820ms cubic-bezier(.2,.78,.22,1) both !important;
  }
body.sidebar-wave-collapse .account-summary,
  body.sidebar-wave-expand .account-summary,
  body.sidebar-wave-collapse .product-side-panel .product-nav,
  body.sidebar-wave-expand .product-side-panel .product-nav,
  body.sidebar-wave-collapse .support-side-panel .side-nav,
  body.sidebar-wave-expand .support-side-panel .side-nav {
    animation: none !important;
  }}
@media (prefers-reduced-motion: reduce) {.account-side-panel,
  .product-side-panel,
  .support-side-panel,
  .recent-projects-viewport,
  .recent-scroll-indicator,
  .recent-scroll-indicator i,
  .recent-project.is-new-project,
  .recent-empty-compact,
  .sidebar-compact-mark,
  .account-avatar,
  .account-identity,
  .account-summary > .material-symbols-outlined,
  .product-side-panel .product-nav > .side-link,
  .support-side-panel .side-nav > .side-link {
    animation: none !important;
    transition-duration: 0ms !important;
  }}
:root {
  --inspiration-ink: #17171a;
  --inspiration-muted: #797980;
  --inspiration-paper: rgba(255, 255, 255, .92);
  --inspiration-line: rgba(23, 23, 26, .10);
  --inspiration-blue: var(--accent, #065dfd);
  --inspiration-blue-rgb: var(--accent-rgb, 6, 93, 253);
  --inspiration-radius: 26px;
}
.inspiration-strip {
  display: block !important;
  min-width: 0;
  margin-top: 26px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 32px;
  background: rgba(247, 249, 254, .82);
  box-shadow: 0 18px 46px rgba(23, 32, 58, .07), inset 0 1px 0 rgba(255, 255, 255, .78);
}
.inspiration-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}
.inspiration-heading h2 {
  margin: 5px 0 0;
  color: var(--inspiration-ink);
  font-size: clamp(24px, 2.15vw, 34px);
  font-weight: 750;
  letter-spacing: -.055em;
  line-height: 1.02;
  text-wrap: balance;
}
.inspiration-heading p {
  max-width: 370px;
  margin: 0 0 2px;
  color: var(--inspiration-muted);
  font-size: 13px;
  line-height: 1.45;
  text-wrap: pretty;
}
.inspiration-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--inspiration-blue);
  font-size: 10px;
  letter-spacing: .12em;
}
.inspiration-kicker .material-symbols-outlined {
  font-size: 15px;
  font-variation-settings: "FILL" 1;
}
.inspiration-filters {
  display: flex;
  align-items: center;
  gap: 7px;
  overflow-x: auto;
  margin: 0 0 22px;
  padding: 2px 1px 5px;
  scrollbar-width: none;
}
.inspiration-filters::-webkit-scrollbar { display: none; }
.inspiration-filters button {
  min-height: 36px;
  flex: 0 0 auto;
  padding: 0 13px;
  border: 1px solid rgba(23, 23, 26, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .76);
  color: #57575d;
  font: 700 12px/1 Manrope, sans-serif;
  letter-spacing: -.015em;
  cursor: pointer;
  transition: background-color 180ms cubic-bezier(.23, 1, .32, 1), color 180ms cubic-bezier(.23, 1, .32, 1), border-color 180ms cubic-bezier(.23, 1, .32, 1), transform 140ms cubic-bezier(.23, 1, .32, 1);
}
.inspiration-filters button:hover,
.inspiration-filters button:focus-visible {
  border-color: rgba(var(--inspiration-blue-rgb), .35);
  color: var(--inspiration-blue);
  outline: none;
}
.inspiration-filters button:active { transform: scale(.97); }
.inspiration-filters button.is-active {
  border-color: #1b1b1d;
  background: #1b1b1d;
  color: #fff;
  box-shadow: 0 6px 18px rgba(23, 23, 26, .14);
}
.inspiration-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: dense;
  align-items: start;
  gap: 16px;
}
.inspiration-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-width: 0;
  padding: 17px;
  overflow: hidden;
  border: 1px solid var(--inspiration-line);
  border-radius: var(--inspiration-radius);
  background: var(--inspiration-paper);
  box-shadow: 0 1px 1px rgba(22, 29, 51, .025), 0 10px 24px rgba(22, 29, 51, .035);
  transform: translateZ(0);
  transition: transform 220ms cubic-bezier(.23, 1, .32, 1), box-shadow 220ms cubic-bezier(.23, 1, .32, 1), border-color 220ms cubic-bezier(.23, 1, .32, 1);
}
.inspiration-card:hover,
.inspiration-card:focus-within {
  z-index: 1;
  border-color: rgba(var(--inspiration-blue-rgb), .26);
  box-shadow: 0 1px 2px rgba(22, 29, 51, .04), 0 20px 44px rgba(22, 29, 51, .12);
  transform: translateY(-5px);
}
.inspiration-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 22px;
  margin-bottom: 13px;
}
.inspiration-card-index {
  color: #2c2c31;
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -.06em;
}
.inspiration-card-open-icon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #25252a;
  cursor: pointer;
  transition: background-color 170ms cubic-bezier(.23, 1, .32, 1), color 170ms cubic-bezier(.23, 1, .32, 1), transform 170ms cubic-bezier(.23, 1, .32, 1);
}
.inspiration-card-open-icon .material-symbols-outlined { font-size: 20px; }
.inspiration-card-open-icon:hover,
.inspiration-card-open-icon:focus-visible { background: #17171a; color: #fff; outline: none; transform: translate(2px, -2px); }
.inspiration-card-open {
  display: grid;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.inspiration-card-open:focus-visible { outline: 3px solid rgba(var(--inspiration-blue-rgb), .45); outline-offset: 4px; border-radius: 20px; }
.inspiration-card-media {
  position: relative;
  display: grid;
  height: clamp(170px, 16vw, 255px);
  min-height: 170px;
  max-height: 255px;
  place-items: center;
  overflow: hidden;
  border-radius: calc(var(--inspiration-radius) - 8px);
  background: #edf0f5;
  box-shadow: inset 0 0 0 1px rgba(28, 33, 44, .04);
}
.inspiration-card.is-wide .inspiration-card-media { height: clamp(240px, 24vw, 360px); min-height: 240px; max-height: 360px; }
.inspiration-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: inherit;
  object-fit: contain;
  transition: transform 460ms cubic-bezier(.23, 1, .32, 1), filter 220ms cubic-bezier(.23, 1, .32, 1);
}
.inspiration-card:hover .inspiration-card-media img { transform: scale(1.018); filter: saturate(1.035); }
.inspiration-card-copy {
  display: block;
  min-height: 52px;
  padding: 13px 2px 1px;
}
.inspiration-card-copy small,
.inspiration-viewer-footer > div > span {
  display: block;
  color: #96969b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.inspiration-card-copy strong {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: var(--inspiration-ink);
  font-size: 16px;
  font-weight: 750;
  letter-spacing: -.045em;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inspiration-card-actions {
  position: absolute;
  right: 28px;
  top: calc(17px + 35px + clamp(170px, 16vw, 255px));
  display: flex;
  gap: 8px;
  transform: translateY(-100%);
}
.inspiration-card.is-wide .inspiration-card-actions { top: calc(17px + 35px + clamp(240px, 24vw, 360px)); }
.inspiration-card-actions button,
.inspiration-viewer-actions button {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .68);
  border-radius: 13px;
  background: rgba(22, 22, 25, .68);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .13);
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: background-color 170ms cubic-bezier(.23, 1, .32, 1), transform 170ms cubic-bezier(.23, 1, .32, 1), box-shadow 170ms cubic-bezier(.23, 1, .32, 1);
}
.inspiration-card-actions button:hover,
.inspiration-card-actions button:focus-visible,
.inspiration-viewer-actions button:hover,
.inspiration-viewer-actions button:focus-visible {
  outline: none;
  background: var(--inspiration-blue);
  box-shadow: 0 8px 18px rgba(var(--inspiration-blue-rgb), .28);
  transform: translateY(-2px);
}
.inspiration-card-actions button:active,
.inspiration-viewer-actions button:active { transform: scale(.96); }
.inspiration-card-actions .material-symbols-outlined,
.inspiration-viewer-actions .material-symbols-outlined { font-size: 21px; }
.inspiration-sentinel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 54px;
}
.inspiration-sentinel span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(var(--inspiration-blue-rgb), .35);
  animation: inspiration-dot 1.1s ease-in-out infinite;
}
.inspiration-sentinel span:nth-child(2) { animation-delay: .13s; }
.inspiration-sentinel span:nth-child(3) { animation-delay: .26s; }
@keyframes inspiration-dot { 0%, 100% { transform: translateY(0); opacity: .35; } 50% { transform: translateY(-4px); opacity: 1; } }
.style-reference-rack {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 15px;
  align-items: center;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(var(--inspiration-blue-rgb), .14);
  border-radius: 18px;
  background: rgba(236, 242, 255, .55);
}
.style-reference-rack[hidden] { display: none !important; }
.style-reference-rack-heading { display: flex; align-items: center; gap: 8px; color: var(--inspiration-blue); }
.style-reference-rack-heading > .material-symbols-outlined { font-size: 20px; }
.style-reference-rack-heading strong { display: block; color: #303548; font-size: 11px; letter-spacing: -.025em; }
.style-reference-rack-heading small { display: block; margin-top: 2px; color: #858b9e; font-size: 10px; }
.style-reference-list { display: flex; justify-content: flex-end; gap: 7px; min-width: 0; }
.style-reference-item { position: relative; width: 44px; height: 44px; flex: 0 0 44px; overflow: hidden; border: 1px solid rgba(var(--inspiration-blue-rgb), .24); border-radius: 12px; background: #fff; }
.style-reference-item img { width: 100%; height: 100%; object-fit: cover; }
.style-reference-item button { position: absolute; top: 1px; right: 1px; display: grid; width: 18px; height: 18px; place-items: center; border: 0; border-radius: 50%; background: rgba(23, 23, 26, .78); color: #fff; cursor: pointer; }
.style-reference-item button .material-symbols-outlined { font-size: 13px; }
.m-style-reference-rack { display: none; }
.inspiration-viewer {
  width: min(1080px, calc(100vw - 34px));
  max-width: none;
  max-height: min(920px, calc(100dvh - 34px));
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 32px 100px rgba(4, 9, 24, .35);
}
.inspiration-viewer::backdrop { background: rgba(16, 20, 31, .54); backdrop-filter: blur(9px); }
.inspiration-viewer-card { display: grid; max-height: inherit; grid-template-rows: auto minmax(0, 1fr) auto; background: #fff; }
.inspiration-viewer-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 18px 0 23px; border-bottom: 1px solid rgba(18, 18, 20, .07); }
.inspiration-viewer-close { display: grid; width: 38px; height: 38px; place-items: center; border: 0; border-radius: 50%; background: #f2f3f6; color: #202126; cursor: pointer; transition: background-color 160ms cubic-bezier(.23, 1, .32, 1), color 160ms cubic-bezier(.23, 1, .32, 1), transform 160ms cubic-bezier(.23, 1, .32, 1); }
.inspiration-viewer-close:hover, .inspiration-viewer-close:focus-visible { outline: none; background: #1b1b1e; color: #fff; transform: rotate(8deg); }
.inspiration-viewer-media { display: grid; min-height: 0; place-items: center; padding: 20px; background: #eff1f5; }
.inspiration-viewer-media img { display: block; width: 100%; height: min(66dvh, 700px); object-fit: contain; border-radius: 18px; box-shadow: 0 16px 42px rgba(26, 31, 48, .14); }
.inspiration-viewer-footer { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 17px 23px 20px; }
.inspiration-viewer-footer h2 { margin: 5px 0 0; color: #17171a; font-size: 21px; letter-spacing: -.045em; line-height: 1.1; }
.inspiration-viewer-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.inspiration-viewer-actions button { position: relative; width: auto; min-width: 42px; padding: 0 14px; grid-auto-flow: column; gap: 7px; font: 700 12px/1 Manrope, sans-serif; }
@media (max-width: 1060px) {.inspiration-strip { padding: 22px; border-radius: 28px; }
.inspiration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.inspiration-card.is-wide { grid-column: span 2; }}
@media (max-width: 1060px) {#mobileCreatePage.m-page.is-active {
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
  }
#mobileCreatePage.m-page.is-active::-webkit-scrollbar { display: none; }
.mobile-inspiration-strip {
    display: block !important;
    margin-top: 23px;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
  }
.mobile-inspiration-heading { display: flex; align-items: center; gap: 9px; margin: 0 2px 13px; color: var(--inspiration-blue); }
.mobile-inspiration-heading > .material-symbols-outlined { font-size: 21px; font-variation-settings: "FILL" 1; }
.mobile-inspiration-heading span > * { display: block; }
.mobile-inspiration-heading small { color: #8d8d94; font: 700 9px/1.2 "IBM Plex Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.mobile-inspiration-heading strong { margin-top: 2px; color: #18181b; font-size: 19px; font-weight: 800; letter-spacing: -.05em; }
.mobile-inspiration-filters { margin-bottom: 14px; }
.mobile-inspiration-filters button { min-height: 32px; padding: 0 11px; font-size: 10px; }
.mobile-inspiration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mobile-inspiration-grid .inspiration-card { min-height: 0; padding: 10px; border-radius: 19px; }
.mobile-inspiration-grid .inspiration-card.is-wide { grid-column: span 2; }
.mobile-inspiration-grid .inspiration-card-head { min-height: 16px; margin-bottom: 8px; }
.mobile-inspiration-grid .inspiration-card-index { font-size: 9px; }
.mobile-inspiration-grid .inspiration-card-open-icon { width: 22px; height: 22px; }
.mobile-inspiration-grid .inspiration-card-open-icon .material-symbols-outlined { font-size: 16px; }
.mobile-inspiration-grid .inspiration-card-media { height: clamp(128px, 35vw, 184px); min-height: 128px; max-height: 184px; border-radius: 13px; }
.mobile-inspiration-grid .inspiration-card.is-wide .inspiration-card-media { height: clamp(162px, 47vw, 250px); min-height: 162px; max-height: 250px; }
.mobile-inspiration-grid .inspiration-card-copy { min-height: 31px; padding: 9px 1px 0; }
.mobile-inspiration-grid .inspiration-card-copy small { font-size: 8px; }
.mobile-inspiration-grid .inspiration-card-copy strong { margin-top: 2px; font-size: 12px; }
.mobile-inspiration-grid .inspiration-card-actions { top: calc(10px + 24px + clamp(128px, 35vw, 184px)); right: 17px; gap: 5px; }
.mobile-inspiration-grid .inspiration-card.is-wide .inspiration-card-actions { top: calc(10px + 24px + clamp(162px, 47vw, 250px)); }
.mobile-inspiration-grid .inspiration-card-actions button { width: 31px; height: 31px; border-radius: 10px; }
.mobile-inspiration-grid .inspiration-card-actions .material-symbols-outlined { font-size: 17px; }
.style-reference-rack { grid-template-columns: 1fr; align-items: start; }
.style-reference-list { justify-content: flex-start; }
.m-style-reference-rack {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 11px;
    padding: 10px 12px;
    border: 1px solid rgba(var(--inspiration-blue-rgb), .16);
    border-radius: 16px;
    background: rgba(238, 244, 255, .68);
  }
.m-style-reference-rack[hidden] { display: none !important; }
.m-style-reference-rack > div:first-child { display: flex; align-items: center; gap: 7px; color: var(--inspiration-blue); }
.m-style-reference-rack > div:first-child > .material-symbols-outlined { font-size: 18px; }
.m-style-reference-rack strong, .m-style-reference-rack small { display: block; }
.m-style-reference-rack strong { color: #303548; font-size: 10px; line-height: 1.1; }
.m-style-reference-rack small { margin-top: 2px; color: #81889b; font-size: 9px; line-height: 1; }
.m-style-reference-list { display: flex; justify-content: flex-end; gap: 5px; }
.m-style-reference-list .style-reference-item { width: 36px; height: 36px; flex-basis: 36px; border-radius: 10px; }
.inspiration-viewer { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 23px; }
.inspiration-viewer-media { padding: 12px; }
.inspiration-viewer-media img { height: min(63dvh, 590px); border-radius: 14px; }
.inspiration-viewer-footer { align-items: flex-end; padding: 14px 16px 17px; }
.inspiration-viewer-footer h2 { font-size: 17px; }
.inspiration-viewer-actions button { width: 39px; min-width: 39px; padding: 0; }
.inspiration-viewer-actions button span:last-child { display: none; }}
@media (prefers-reduced-motion: reduce) {.inspiration-card,
  .inspiration-card-media img,
  .inspiration-card-actions button,
  .inspiration-viewer-actions button,
  .inspiration-filters button,
  .inspiration-viewer-close { transition-duration: .01ms; }
.inspiration-sentinel span { animation: none; }}
:root {
  --ideas-radius: 30px;
  --ideas-ink: #17171a;
  --ideas-muted: #777980;
  --ideas-blue: var(--accent, #065dfd);
  --ideas-blue-rgb: var(--accent-rgb, 6, 93, 253);
}
@media (min-width: 1061px) {html { overflow-y: auto; }
body:has(.product-layout),
  body.product-layout {
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
.generator-main { overflow: visible !important; }
.app-topbar { position: sticky; top: 0; z-index: 200; }}
@media (min-width: 1061px) {.product-sidebar {
    position: sticky !important;
    
    top: 12px !important;
    height: calc(100dvh - 24px) !important;
    align-self: start;
    z-index: 80;
  }}
.inspiration-strip {
  display: block !important;
  min-width: 0;
  margin: 26px 0 0 !important;
  padding: 10px 0 64px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.inspiration-heading {
  align-items: end;
  margin-bottom: 19px;
  padding: 0 2px;
}
.inspiration-heading h2 {
  font-size: clamp(27px, 2.3vw, 38px);
  letter-spacing: -.06em;
}
.inspiration-heading p { max-width: 380px; }
.inspiration-controls {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 24px;
}
.inspiration-filters {
  min-width: 0;
  flex: 1 1 auto;
  margin: 0;
  padding: 2px 1px;
}
.inspiration-filters button {
  min-height: 38px;
  border-color: rgba(23, 23, 26, .09);
  background: rgba(255, 255, 255, .64);
}
.inspiration-search {
  min-width: min(220px, 24vw);
  height: 40px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid rgba(23, 23, 26, .10);
  border-radius: 999px;
  background: rgba(255, 255, 255, .7);
  color: #696a70;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.inspiration-search:focus-within {
  border-color: rgba(var(--ideas-blue-rgb), .52);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(var(--ideas-blue-rgb), .09);
}
.inspiration-search .material-symbols-outlined { font-size: 19px; }
.inspiration-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--ideas-ink);
  background: transparent;
  font: 700 12px/1 Manrope, sans-serif;
}
.inspiration-search input::placeholder { color: #92939a; opacity: 1; }
.inspiration-search input::-webkit-search-cancel-button { cursor: pointer; }
.inspiration-palette-wrap { position: relative; flex: 0 0 auto; }
.inspiration-palette-toggle {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(23, 23, 26, .1);
  border-radius: 50%;
  background: rgba(255,255,255,.72);
  color: #3a3b40;
  cursor: pointer;
  transition: transform 180ms cubic-bezier(.22,.9,.22,1), background-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}
.inspiration-palette-toggle .material-symbols-outlined { font-size: 20px; }
.inspiration-palette-toggle:hover,
.inspiration-palette-toggle:focus-visible,
.inspiration-palette-toggle.is-active {
  outline: none;
  color: #fff;
  background: hsl(var(--selected-hue, 210) 84% 51%);
  box-shadow: 0 8px 19px hsl(var(--selected-hue, 210) 80% 45% / .25);
  transform: translateY(-1px);
}
.inspiration-palette-popover {
  position: absolute;
  z-index: 120;
  top: calc(100% + 10px);
  right: 0;
  width: 252px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 20px;
  background: rgba(252,253,255,.96);
  box-shadow: 0 20px 52px rgba(21,29,48,.16), inset 0 1px 0 #fff;
  backdrop-filter: blur(18px);
  transform-origin: 88% 0;
}
.inspiration-palette-popover[hidden] { display: none; }
.inspiration-palette-popover > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.inspiration-palette-popover strong { color: #24252a; font-size: 12px; letter-spacing: -.025em; }
.inspiration-palette-popover button {
  padding: 0;
  border: 0;
  color: var(--ideas-blue);
  background: transparent;
  font: 800 10px/1 Manrope, sans-serif;
  cursor: pointer;
}
.inspiration-palette-popover input[type="range"] {
  width: 100%;
  height: 24px;
  margin: 13px 0 3px;
  accent-color: var(--ideas-blue);
  cursor: ew-resize;
}
.inspiration-hue-scale { height: 7px; border-radius: 999px; background: linear-gradient(90deg, #ff4343, #ffc436, #62d760, #32c7d4, #4184ff, #9b56eb, #ff4fa9, #ff4343); }
.inspiration-palette-popover small { display: block; margin-top: 9px; color: #7d7f88; font-size: 10px; font-weight: 700; }
.inspiration-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 8px;
  grid-auto-flow: dense;
  align-items: start;
  column-gap: 18px;
  row-gap: 18px;
}
.inspiration-card {
  position: relative;
  min-width: 0;
  align-self: start;
  transform-origin: 50% 0;
  will-change: transform, opacity;
}
.inspiration-card.is-wide,
.inspiration-card.is-focused { grid-column: span 2; }
.inspiration-card.is-focused { z-index: 2; }
.inspiration-card-media {
  position: relative;
  width: 100%;
  aspect-ratio: var(--inspiration-ratio, .75);
  overflow: hidden;
  border-radius: var(--ideas-radius);
  background: #eceff5;
  box-shadow: 0 8px 22px rgba(20,28,48,.07);
  transition: box-shadow 260ms cubic-bezier(.22,.9,.22,1), transform 260ms cubic-bezier(.22,.9,.22,1);
  isolation: isolate;
}
.inspiration-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 560ms cubic-bezier(.22,.9,.22,1), filter 260ms ease;
}
.inspiration-card-vignette {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(ellipse at center, transparent 27%, rgba(7,10,17,.05) 60%, rgba(5,8,14,.49) 130%), linear-gradient(to bottom, rgba(5,8,14,.2), transparent 35%, transparent 54%, rgba(5,8,14,.34));
  transition: opacity 230ms ease;
}
.inspiration-card-tag {
  position: absolute;
  z-index: 3;
  top: 13px;
  left: 13px;
  max-width: calc(100% - 26px);
  overflow: hidden;
  padding: 7px 9px;
  border: 1px solid rgba(255,255,255,.52);
  border-radius: 999px;
  color: #fff;
  background: rgba(14,18,27,.35);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter: blur(8px);
  font: 800 9px/1 Manrope, sans-serif;
  letter-spacing: .065em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
}
.inspiration-card-select { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.inspiration-card-select:focus-visible { outline: 3px solid rgba(var(--ideas-blue-rgb),.88); outline-offset: -3px; border-radius: inherit; }
.inspiration-card-actions { position: absolute; z-index: 4; inset: 0; pointer-events: none; }
.inspiration-card-actions button {
  position: absolute;
  bottom: 15px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 16px;
  color: #fff;
  background: rgba(20,23,31,.68);
  box-shadow: 0 12px 24px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(12px);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease, transform 240ms cubic-bezier(.22,.9,.22,1), background-color 180ms ease, box-shadow 180ms ease;
}
.inspiration-card-actions button .material-symbols-outlined { font-size: 24px; }
.inspiration-card-note { left: 15px; transform: translate(-8px, 8px) scale(.9); }
.inspiration-card-add { right: 15px; transform: translate(8px, 8px) scale(.9); }
.inspiration-card:hover .inspiration-card-vignette,
.inspiration-card:focus-within .inspiration-card-vignette,
.inspiration-card.is-focused .inspiration-card-vignette { opacity: 1; }
.inspiration-card:hover .inspiration-card-actions button,
.inspiration-card:focus-within .inspiration-card-actions button,
.inspiration-card.is-focused .inspiration-card-actions button { opacity: 1; pointer-events: auto; transform: translate(0,0) scale(1); }
.inspiration-card:hover .inspiration-card-media,
.inspiration-card:focus-within .inspiration-card-media { box-shadow: 0 18px 34px rgba(19,25,44,.16); transform: translateY(-2px); }
.inspiration-card:hover .inspiration-card-media img,
.inspiration-card:focus-within .inspiration-card-media img { transform: scale(1.025); filter: saturate(1.04); }
.inspiration-card.is-focused .inspiration-card-media { box-shadow: 0 0 0 3px var(--ideas-blue), 0 22px 42px rgba(var(--ideas-blue-rgb),.21); }
.inspiration-card-actions button:hover,
.inspiration-card-actions button:focus-visible { outline: none; background: var(--ideas-blue); box-shadow: 0 13px 26px rgba(var(--ideas-blue-rgb),.34); transform: translateY(-2px) scale(1.04); }
.inspiration-card-title {
  margin: 10px 3px 0;
  overflow: hidden;
  color: var(--ideas-ink);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inspiration-empty { grid-column: 1 / -1; margin: 32px 0; color: var(--ideas-muted); font-size: 14px; text-align: center; }
.inspiration-sentinel { grid-column: 1 / -1; min-height: 66px; }
@media (max-width: 1060px) {.inspiration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.inspiration-heading { align-items: start; flex-direction: column; }
.inspiration-heading p { max-width: 520px; }}
@media (max-width: 1060px) {.mobile-inspiration-strip {
    margin-top: 26px !important;
    padding: 0 0 36px !important;
  }
.mobile-inspiration-heading { margin-bottom: 14px; }
.mobile-inspiration-heading strong { font-size: 21px; }
.mobile-inspiration-controls { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-bottom: 17px; }
.mobile-inspiration-controls .inspiration-filters { width: 100%; }
.mobile-inspiration-search-row { display: flex; align-items: center; gap: 8px; }
.mobile-inspiration-search-row .inspiration-search { min-width: 0; flex: 1; }
.inspiration-palette-popover { right: 0; width: min(252px, calc(100vw - 44px)); }
.mobile-inspiration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 6px; column-gap: 10px; row-gap: 10px; }
.mobile-inspiration-grid .inspiration-card.is-wide,
  .mobile-inspiration-grid .inspiration-card.is-focused { grid-column: span 2; }
.mobile-inspiration-grid .inspiration-card-media { border-radius: 23px; }
.mobile-inspiration-grid .inspiration-card-tag { top: 9px; left: 9px; padding: 5px 7px; font-size: 7px; }
.mobile-inspiration-grid .inspiration-card-actions button { bottom: 10px; width: 40px; height: 40px; border-radius: 13px; }
.mobile-inspiration-grid .inspiration-card-actions button .material-symbols-outlined { font-size: 21px; }
.mobile-inspiration-grid .inspiration-card-note { left: 10px; }
.mobile-inspiration-grid .inspiration-card-add { right: 10px; }
.mobile-inspiration-grid .inspiration-card-title { margin: 7px 2px 0; font-size: 12px; }
.mobile-inspiration-grid .inspiration-card.is-focused .inspiration-card-media { box-shadow: 0 0 0 2px var(--ideas-blue), 0 15px 28px rgba(var(--ideas-blue-rgb),.22); }}
@media (prefers-reduced-motion: reduce) {.inspiration-card,
  .inspiration-card-media,
  .inspiration-card-media img,
  .inspiration-card-vignette,
  .inspiration-card-actions button,
  .inspiration-palette-toggle,
  .inspiration-search { transition-duration: .01ms !important; }}
:root {
  --ideas-radius: 30px;
  --ideas-blue: var(--accent, #065dfd);
  --ideas-blue-rgb: var(--accent-rgb, 6, 93, 253);
  --ideas-ease: cubic-bezier(.2, .86, .22, 1);
}
@media (min-width: 1061px) {html { overflow-y: auto !important; scroll-padding-top: 116px; }
body:has(.product-layout) {
    padding-top: 104px;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
.app-topbar {
    position: fixed !important;
    inset: 0 0 auto !important;
    z-index: 600 !important;
    min-height: 92px;
    background: linear-gradient(180deg, rgba(244, 247, 253, .98) 0%, rgba(244, 247, 253, .88) 72%, rgba(244, 247, 253, 0) 100%);
    backdrop-filter: blur(15px);
  }
.product-layout { margin-top: 0 !important; }}
@media (min-width: 1061px) {.product-sidebar {
    position: fixed !important;
    
    top: 12px !important;
    left: max(24px, calc((100vw - 1380px) / 2)) !important;
    width: 244px !important;
    height: calc(100dvh - 24px) !important;
    align-self: auto !important;
    overflow-y: auto !important;
    scrollbar-width: none;
    z-index: 610 !important;
    box-shadow: none !important;
    filter: none !important;
  }
.product-sidebar::-webkit-scrollbar { display: none; }
body.sidebar-collapsed .product-sidebar { width: 92px !important; }
html body.sidebar-collapsed #sidebarCollapse,
  html body.sidebar-collapsed #sidebarCollapse:hover,
  html body.sidebar-collapsed #sidebarCollapse:focus-visible,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-active,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-entering,
  html body.sidebar-collapsed #sidebarCollapse.liquid-control.is-fluid-exiting {
    
    left: 70px !important;
  }}
.product-sidebar,
.product-sidebar::before,
.product-sidebar::after,
.product-sidebar .side-panel,
.product-sidebar .side-panel::before,
.product-sidebar .side-panel::after,
.product-sidebar .sidebar-legal,
.product-sidebar .sidebar-legal::before,
.product-sidebar .sidebar-legal::after {
  box-shadow: none !important;
  filter: none !important;
}
.inspiration-strip {
  margin-top: 32px !important;
  padding: 10px 0 84px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.inspiration-heading { margin-bottom: 21px; }
.inspiration-heading h2 {
  margin-top: 8px;
  font-size: 38px;
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1;
}
.inspiration-controls { gap: 10px; margin-bottom: 28px; }
.inspiration-filters { gap: 7px; overflow: visible !important; }
.inspiration-filters button,
.inspiration-tags-toggle {
  --control-base: rgba(255, 255, 255, .74);
  --control-fluid: var(--ideas-blue);
  --fluid-radius: 0px;
  min-height: 40px;
  border: 1px solid rgba(23, 23, 26, .1) !important;
  border-radius: 999px;
  background-color: var(--control-base) !important;
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px)) !important;
  box-shadow: none !important;
  color: #3a3b40;
  transition: --fluid-radius 300ms cubic-bezier(.2,.78,.22,1), color 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}
.inspiration-filters button:hover,
.inspiration-filters button:focus-visible,
.inspiration-filters button.is-active,
.inspiration-tags-toggle:hover,
.inspiration-tags-toggle:focus-visible,
.inspiration-tags-toggle.is-active {
  outline: 0;
  --fluid-radius: var(--fluid-max);
  border-color: transparent !important;
  background-color: var(--control-base) !important;
  box-shadow: none !important;
  color: #fff !important;
  transform: none !important;
}
.inspiration-filters button.liquid-control.is-fluid-active,
.inspiration-tags-toggle.liquid-control.is-fluid-active { --fluid-radius: var(--fluid-max); color: #fff !important; border-color: transparent !important; }
.inspiration-filters button.is-active:not(.is-fluid-active) { --control-base: var(--ideas-blue); --control-fluid: var(--ideas-blue); --fluid-radius: 0px; color: #fff !important; border-color: transparent !important; }
.inspiration-tag-wrap { position: relative; z-index: 30; flex: 0 0 auto; }
.inspiration-tags-toggle { display: inline-flex; align-items: center; gap: 6px; padding-inline: 13px; cursor: pointer; font: 800 11px/1 Manrope, sans-serif; }
.inspiration-tags-toggle .material-symbols-outlined { font-size: 16px; }
.inspiration-tags-popover,
.inspiration-palette-popover {
  position: absolute;
  z-index: 720;
  top: calc(100% + 10px);
  right: 0;
  width: min(310px, calc(100vw - 32px));
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .88);
  border-radius: 24px;
  background: rgba(248, 251, 255, .84);
  box-shadow: 0 16px 44px rgba(21, 29, 48, .14), inset 0 1px 0 #fff;
  backdrop-filter: blur(22px) saturate(1.2);
}
.inspiration-tags-popover[hidden],
.inspiration-palette-popover[hidden] { display: none !important; }
.inspiration-popover-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.inspiration-popover-heading strong { color: #24252a; font-size: 12px; letter-spacing: -.025em; }
.inspiration-popover-heading button { padding: 0; border: 0; background: transparent; color: var(--ideas-blue); box-shadow: none; cursor: pointer; font: 800 10px/1 Manrope, sans-serif; }
.inspiration-tag-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.inspiration-tag-list button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid rgba(23, 23, 26, .1);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  box-shadow: none;
  color: #565860;
  cursor: pointer;
  font: 800 10px/1 Manrope, sans-serif;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.inspiration-tag-list button:hover,
.inspiration-tag-list button:focus-visible,
.inspiration-tag-list button.is-active { outline: 0; border-color: var(--ideas-blue); background: var(--ideas-blue); color: #fff; box-shadow: none; }
.inspiration-search {
  min-width: min(245px, 26vw);
  height: 40px;
  border-color: rgba(23, 23, 26, .11);
  background: rgba(255, 255, 255, .74);
  box-shadow: none !important;
  color: #5b5d64;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.inspiration-search:hover,
.inspiration-search:focus-within { border-color: var(--ideas-blue); background: var(--ideas-blue); box-shadow: none !important; color: #fff; }
.inspiration-search:hover input,
.inspiration-search:focus-within input { color: #fff; caret-color: #fff; }
.inspiration-search:hover input::placeholder,
.inspiration-search:focus-within input::placeholder { color: rgba(255,255,255,.74); }
.inspiration-search input { color: #2d2e33; }
.inspiration-palette-toggle {
  border-color: rgba(23, 23, 26, .1);
  background: rgba(255,255,255,.74);
  box-shadow: none !important;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}
.inspiration-palette-toggle:hover,
.inspiration-palette-toggle:focus-visible,
.inspiration-palette-toggle.is-active { border-color: var(--ideas-blue); background: var(--ideas-blue); box-shadow: none !important; color: #fff; transform: none; }
.inspiration-palette-popover { width: min(276px, calc(100vw - 32px)); }
.inspiration-color-wheel {
  --wheel-x: 18%;
  --wheel-y: 82%;
  position: relative;
  width: 188px;
  aspect-ratio: 1;
  margin: 17px auto 14px;
  border: 7px solid rgba(255,255,255,.84);
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0%, rgba(255,255,255,0) 71%), conic-gradient(from -90deg, #ff3565, #ffae31, #f8ea4c, #54db79, #31cde4, #2875ff, #9549ec, #f34ab8, #ff3565);
  box-shadow: inset 0 0 0 1px rgba(20, 23, 31, .08), 0 10px 24px rgba(30, 40, 62, .12);
  cursor: crosshair;
  touch-action: none;
}
.inspiration-color-wheel::after { content: ""; position: absolute; left: var(--wheel-x); top: var(--wheel-y); width: 15px; height: 15px; border: 3px solid #fff; border-radius: 50%; background: #151619; box-shadow: 0 1px 8px rgba(0,0,0,.34); transform: translate(-50%, -50%); }
.inspiration-color-loupe { position: absolute; z-index: 2; left: var(--wheel-x); top: calc(var(--wheel-y) - 23px); display: inline-flex; align-items: center; gap: 5px; min-width: 89px; padding: 6px 8px; border: 1px solid rgba(255,255,255,.92); border-radius: 999px; background: rgba(22,25,32,.87); color: #fff; box-shadow: 0 9px 20px rgba(17,20,28,.23); font: 800 9px/1 Manrope, sans-serif; transform: translate(-50%, -100%); pointer-events: none; }
.inspiration-color-loupe i,
.inspiration-color-summary i { flex: 0 0 auto; width: 12px; height: 12px; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; }
.inspiration-color-loupe output { color: #fff; font: inherit; letter-spacing: .04em; }
.inspiration-color-summary { display: flex; align-items: center; gap: 7px; margin-top: 4px; color: #73757d; font-size: 11px; font-weight: 800; }
.inspiration-color-summary i { border-color: rgba(23,23,26,.12); }
.inspiration-hex-field { display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 8px; margin-top: 10px; padding: 0 10px; height: 38px; border: 1px solid rgba(23,23,26,.1); border-radius: 13px; background: rgba(255,255,255,.68); }
.inspiration-hex-field span { color: #8a8c94; font: 800 9px/1 "IBM Plex Mono", monospace; letter-spacing: .08em; }
.inspiration-hex-field input { width: 100%; border: 0; outline: 0; background: transparent; color: #24252b; font: 800 12px/1 "IBM Plex Mono", monospace; text-transform: uppercase; }
.inspiration-palette-apply { width: 100%; height: 40px; margin-top: 10px; border: 0; border-radius: 13px; background: var(--ideas-blue); color: #fff; box-shadow: none; cursor: pointer; font: 800 11px/1 Manrope, sans-serif; transition: transform 160ms ease, filter 160ms ease; }
.inspiration-palette-apply:hover,
.inspiration-palette-apply:focus-visible { outline: 0; filter: brightness(1.05); transform: translateY(-1px); }
.inspiration-palette-apply:active { transform: scale(.97); }
.inspiration-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 8px;
  grid-auto-flow: dense;
  column-gap: 20px;
  row-gap: 20px;
}
.inspiration-card {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform-origin: 50% 50%;
  transition: none !important;
}
.inspiration-card:hover,
.inspiration-card:focus-within { border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; }
.inspiration-card.is-wide { grid-column: span 2; }
.inspiration-card.is-focused { grid-column-start: 1; z-index: 3; }
.inspiration-grid.is-refreshing .inspiration-card { filter: blur(10px) saturate(.78); opacity: .42; pointer-events: none; transition: filter 240ms ease, opacity 240ms ease !important; }
.inspiration-grid.is-branch-refreshing .inspiration-card.is-refresh-anchor { filter: none; opacity: 1; transform: none; }
.inspiration-card-media {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: var(--inspiration-ratio, 1) !important;
  border-radius: var(--ideas-radius);
  background: transparent !important;
  box-shadow: none !important;
  transition: transform 300ms var(--ideas-ease), box-shadow 300ms var(--ideas-ease) !important;
}
.inspiration-card-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 420ms var(--ideas-ease), filter 220ms ease !important; }
.inspiration-card:hover .inspiration-card-media,
.inspiration-card:focus-within .inspiration-card-media { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(20, 29, 48, .16) !important; }
.inspiration-card.is-focused .inspiration-card-media { transform: scale(1.025); box-shadow: 0 0 0 3px var(--ideas-blue), 0 15px 32px rgba(var(--ideas-blue-rgb),.2) !important; }
.inspiration-card:hover .inspiration-card-media img,
.inspiration-card:focus-within .inspiration-card-media img { transform: scale(1.025); }
.inspiration-card-vignette { background: radial-gradient(ellipse at 50% 44%, transparent 24%, rgba(5,9,17,.05) 55%, rgba(5,8,14,.44) 118%), linear-gradient(to bottom, rgba(5,8,14,.3), transparent 38%, transparent 55%, rgba(5,8,14,.3)); }
.inspiration-card:hover .inspiration-card-vignette,
.inspiration-card:focus-within .inspiration-card-vignette { opacity: 1; }
.inspiration-card-tag { z-index: 5; top: 14px; left: 14px; max-width: calc(100% - 28px); border: 1px solid rgba(255,255,255,.6); background: rgba(16,19,27,.46); box-shadow: none; opacity: 0; transform: translateY(-5px); transition: opacity 180ms ease, transform 180ms ease; }
.inspiration-card:hover .inspiration-card-tag,
.inspiration-card:focus-within .inspiration-card-tag { opacity: 1; transform: translateY(0); }
.inspiration-card-select { z-index: 1; }
.inspiration-card-select:focus-visible { outline: 3px solid rgba(var(--ideas-blue-rgb),.92); outline-offset: -3px; }
.inspiration-card-actions { position: absolute !important; z-index: 6; inset: 0 !important; display: block !important; pointer-events: none; transform: none !important; }
.inspiration-card-actions button,
.inspiration-card-favorite,
.inspiration-card-unfavorite {
  --control-base: rgba(17,20,29,.72);
  --control-fluid: var(--ideas-blue);
  --fluid-radius: 0px;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 50%;
  background-color: var(--control-base) !important;
  background-image: radial-gradient(circle at var(--fluid-x) var(--fluid-y), var(--control-fluid) 0 var(--fluid-radius), transparent calc(var(--fluid-radius) + .75px)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(11px);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 190ms ease, transform 250ms var(--ideas-ease), color 180ms ease, background-color 180ms ease !important;
}
.inspiration-card-favorite-actions { position: absolute; z-index: 7; bottom: 15px; left: 15px; display: inline-flex; align-items: center; gap: 8px; }
.inspiration-card-favorite { position: relative; z-index: 1; display: grid; place-items: center; padding: 0; cursor: pointer; transform: translate(-8px,8px) scale(.88); }
.inspiration-card-favorite .material-symbols-outlined { font-size: 30px; line-height: 1; }
.inspiration-card-unfavorite { position: relative; display: grid; place-items: center; padding: 0; cursor: pointer; opacity: 0; transform: translateX(-12px) scale(.84); }
.inspiration-card-unfavorite .material-symbols-outlined { font-size: 22px; }
.inspiration-card-actions .inspiration-card-add { position: absolute !important; right: 15px !important; bottom: 15px !important; left: auto !important; top: auto !important; transform: translate(8px,8px) scale(.88); }
.inspiration-card:hover .inspiration-card-actions button,
.inspiration-card:focus-within .inspiration-card-actions button,
.inspiration-card:hover .inspiration-card-favorite,
.inspiration-card:focus-within .inspiration-card-favorite,
.inspiration-card-favorite-actions.is-favorite .inspiration-card-favorite { opacity: 1; pointer-events: auto; transform: translate(0,0) scale(1); }
.inspiration-card-actions button:hover,
.inspiration-card-actions button:focus-visible,
.inspiration-card-favorite:hover,
.inspiration-card-favorite:focus-visible,
.inspiration-card-unfavorite:hover,
.inspiration-card-unfavorite:focus-visible,
.inspiration-card-actions button.is-fluid-active,
.inspiration-card-favorite.is-fluid-active,
.inspiration-card-unfavorite.is-fluid-active { --fluid-radius: var(--fluid-max); outline: 0; background-color: var(--control-base) !important; box-shadow: none !important; }
.inspiration-card-actions button.liquid-control,
.inspiration-card-favorite.liquid-control,
.inspiration-card-unfavorite.liquid-control { transition: --fluid-radius 300ms cubic-bezier(.2,.78,.22,1), opacity 190ms ease, transform 250ms var(--ideas-ease), color 180ms ease !important; }
.inspiration-card-actions button.liquid-control.is-fluid-active,
.inspiration-card-favorite.liquid-control.is-fluid-active,
.inspiration-card-unfavorite.liquid-control.is-fluid-active { color: #fff !important; border-color: transparent !important; }
.inspiration-card-favorite.is-favorite,
.inspiration-card-favorite.is-favorite:hover,
.inspiration-card-favorite.is-favorite:focus-visible,
.inspiration-card-favorite.is-favorite.is-fluid-active {
  --fluid-radius: 0px !important;
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  backdrop-filter: none;
  color: var(--ideas-blue) !important;
  filter: drop-shadow(0 1px 5px rgba(15,26,48,.24));
}
.inspiration-card-favorite.is-favorite .material-symbols-outlined { font-size: 35px; font-variation-settings: "FILL" 1, "wght" 700; -webkit-text-stroke: 1.35px rgba(255,255,255,.96); paint-order: stroke fill; }
.inspiration-card-favorite-actions.is-favorite:hover .inspiration-card-unfavorite,
.inspiration-card-favorite-actions.is-favorite:focus-within .inspiration-card-unfavorite { opacity: 1; pointer-events: auto; transform: translateX(0) scale(1); }
.inspiration-card-actions button:active,
.inspiration-card-favorite:active,
.inspiration-card-unfavorite:active { transform: scale(.94); }
.inspiration-card-reward { position: absolute; z-index: 8; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; }
.inspiration-card-reward::before { position: absolute; left: 50%; top: 50%; color: rgba(255,255,255,.94); font-family: "Material Symbols Outlined"; font-size: clamp(96px, 12vw, 180px); font-variation-settings: "FILL" 1, "wght" 700; opacity: 0; text-shadow: 0 0 28px rgba(var(--ideas-blue-rgb),.52); transform: translate(-50%,-50%) scale(.3) rotate(-10deg); }
.inspiration-card-reward.is-heart::before { content: "favorite"; }
.inspiration-card-reward.is-plus::before { content: "add"; }
.inspiration-card-reward.is-visible::before { animation: inspiration-reward 760ms var(--ideas-ease) both; }
@keyframes inspiration-reward { 0% { opacity: 0; transform: translate(-50%,-50%) scale(.3) rotate(-14deg); } 22% { opacity: .92; transform: translate(-50%,-50%) scale(1.08) rotate(0); } 66% { opacity: .42; transform: translate(-50%,-50%) scale(1.34) rotate(5deg); } 100% { opacity: 0; transform: translate(-50%,-50%) scale(1.6) rotate(8deg); } }
.inspiration-card-title { display: -webkit-box; min-height: 0; margin: 11px 3px 0; overflow: hidden; color: #222328; font-size: 14px; line-height: 1.25; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.inspiration-favorite-flight { position: fixed; z-index: 9999; display: grid; width: 28px; height: 28px; place-items: center; color: var(--ideas-blue); font-size: 28px; pointer-events: none; }
.inspiration-loading-shelf { display: contents; }
.inspiration-skeleton { position: relative; min-width: 0; min-height: 0; max-height: none; aspect-ratio: var(--inspiration-ratio, 1); overflow: hidden; border: 1px solid rgba(255,255,255,.76); border-radius: var(--ideas-radius); background: linear-gradient(124deg, rgba(255,255,255,.24), rgba(255,255,255,.76), rgba(218,226,239,.48)); box-shadow: inset 0 1px 0 rgba(255,255,255,.86); backdrop-filter: blur(17px); }
.inspiration-skeleton.is-wide { grid-column: span 2; }
.inspiration-skeleton::after { content:""; position:absolute; inset:0; background: linear-gradient(100deg, transparent 14%, rgba(255,255,255,.82) 49%, transparent 74%); animation: inspiration-loader 1.35s ease-in-out infinite; transform: translateX(-120%); }
.inspiration-loading-status { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; margin: 4px 0 8px; color: #737780; font-size: 11px; font-weight: 800; letter-spacing: .01em; text-align: center; }
.inspiration-loader-stars { display: inline-flex; align-items: center; gap: 7px; color: var(--ideas-blue); font-size: 21px; line-height: .8; }
.inspiration-loader-stars i { display: block; font-style: normal; animation: inspiration-star-pulse 1.05s cubic-bezier(.2,.86,.22,1) infinite; }
.inspiration-loader-stars i:nth-child(2) { animation-delay: .15s; }
.inspiration-loader-stars i:nth-child(3) { animation-delay: .3s; }
@keyframes inspiration-loader { to { transform: translateX(120%); } }
@keyframes inspiration-star-pulse { 0%, 100% { opacity: .28; transform: translateY(1px) scale(.82); } 42% { opacity: 1; transform: translateY(-3px) scale(1.08); } }
.inspiration-sentinel { display: block !important; min-height: 1px !important; height: 1px; margin: 0 !important; }
.inspiration-sentinel span { display: none !important; }
@media (max-width: 1060px) and (min-width: 1061px) {.inspiration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (max-width: 1060px) {.mobile-inspiration-strip { margin-top: 28px !important; padding-bottom: 44px !important; }
.mobile-inspiration-controls { gap: 10px; }
.mobile-inspiration-heading strong { font-size: 30px; font-weight: 400; letter-spacing: -.045em; line-height: 1; }
.mobile-inspiration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 7px; grid-auto-flow: dense; column-gap: 12px; row-gap: 16px; }
.mobile-inspiration-grid .inspiration-card { padding: 0 !important; background: transparent !important; border: 0 !important; }
.mobile-inspiration-grid .inspiration-card.is-wide { grid-column: span 2; }
.mobile-inspiration-grid .inspiration-card.is-focused { grid-column-start: 1; }
.mobile-inspiration-grid .inspiration-card-media { border-radius: 24px; }
.mobile-inspiration-grid .inspiration-card-title { margin: 8px 2px 0; min-height: 30px; font-size: 12px; }
.mobile-inspiration-grid .inspiration-card-favorite-actions { bottom: 10px; left: 10px; gap: 6px; }
.mobile-inspiration-grid .inspiration-card-favorite,
  .mobile-inspiration-grid .inspiration-card-unfavorite { width: 42px; height: 42px; border-radius: 50%; }
.mobile-inspiration-grid .inspiration-card-favorite .material-symbols-outlined { font-size: 26px; }
.mobile-inspiration-grid .inspiration-card-favorite.is-favorite .material-symbols-outlined { font-size: 30px; }
.mobile-inspiration-grid .inspiration-card-tag { top: 10px; left: 10px; max-width: calc(100% - 20px); padding: 6px 7px; font-size: 7px; }
.mobile-inspiration-grid .inspiration-card-actions .inspiration-card-add { right: 10px !important; bottom: 10px !important; width: 42px; height: 42px; border-radius: 50%; }
.mobile-inspiration-grid .inspiration-card-actions button .material-symbols-outlined { font-size: 22px; }
.inspiration-color-wheel { width: 174px; }
.inspiration-skeleton { border-radius: 24px; }
.inspiration-skeleton.is-wide { grid-column: span 2; }}
@media (prefers-reduced-motion: reduce) {.inspiration-card-media,
  .inspiration-card-media img,
  .inspiration-card-vignette,
  .inspiration-card-favorite,
  .inspiration-card-unfavorite,
  .inspiration-card-actions button,
  .inspiration-card-tag,
  .inspiration-search,
  .inspiration-filters button,
  .inspiration-tags-toggle { transition-duration: .01ms !important; }
.inspiration-card-reward.is-visible::before,
  .inspiration-skeleton::after { animation: none !important; }}
:root {
  --legacy-control-radius: 18px;
  --legacy-panel-gap: 12px;
}
.legacy-route-stage {
  min-width: 0;
  animation: legacy-route-in 220ms cubic-bezier(.23, 1, .32, 1) both;
}
.legacy-route-stage[hidden] { display: none !important; }
body[data-legacy-route] .generator-main { display: none; }
@keyframes legacy-route-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.legacy-route-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}
.legacy-route-header h1 {
  margin: 5px 0 0;
  font-size: clamp(32px, 3vw, 50px);
  letter-spacing: -.06em;
}
.legacy-route-back {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgb(255 255 255 / .56);
  color: var(--ink);
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.legacy-route-back:hover,
.legacy-route-back:focus-visible { border-color: var(--accent); color: var(--accent); }
.legacy-route-copy {
  max-width: 720px;
  margin: 0 0 22px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.5;
}
.legacy-route-empty {
  min-height: 280px;
  display: grid;
  place-items: center;
  padding: 32px;
  border: 1px solid rgb(23 26 35 / .08);
  border-radius: 30px;
  background: rgb(255 255 255 / .42);
  text-align: center;
}
.legacy-route-empty > span { display: grid; gap: 12px; justify-items: center; max-width: 390px; }
.legacy-route-empty .material-symbols-outlined { font-size: 42px; color: var(--accent); }
.legacy-route-empty strong { font-size: 22px; }
.legacy-route-empty small { color: var(--muted); font-size: 14px; line-height: 1.45; }
@media (min-width: 1061px) {.product-side-panel,
  body.sidebar-collapsed .product-side-panel {
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: var(--legacy-panel-gap) !important;
  }
.side-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
  }
.side-panel-heading .side-title {
    min-width: 0;
    flex: 1;
  }
.side-panel-heading .side-title > span:first-child { white-space: nowrap; }
.sidebar-new-project-mini {
    width: 36px;
    height: 36px;
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    border: 1px solid rgb(23 26 35 / .1);
    border-radius: 50%;
    background: var(--ink);
    color: white;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
  }
.sidebar-new-project-mini:hover,
  .sidebar-new-project-mini:focus-visible { background: var(--accent); transform: scale(1.04); }
.sidebar-new-project-mini:active { transform: scale(.96); }
.product-side-panel .recent-projects-shell {
    height: min(240px, calc(var(--sidebar-workbench-cap) - 94px));
    max-height: none;
  }
.product-side-panel .recent-projects-shell:has(.recent-projects.is-empty) {
    height: auto;
    min-height: 0;
  }
.product-side-panel .recent-projects-viewport:has(.recent-projects.is-empty) {
    height: auto !important;
    max-height: none;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
  }
.product-side-panel .recent-projects.is-empty {
    height: auto !important;
    overflow: visible !important;
    padding: 0;
  }
.product-side-panel .recent-projects.is-empty + * { display: none; }
.recent-projects-shell:has(.recent-projects.is-empty) .recent-scroll-indicator { display: none !important; }
.recent-projects-shell:has(.recent-projects.is-empty):hover .recent-projects-viewport { transform: none; }
.recent-empty-guest {
    min-height: 196px !important;
    grid-template-rows: 126px auto auto;
    padding: 0 4px 8px;
    row-gap: 6px;
  }
.recent-empty-art,
  .recent-empty-shiba { width: 126px; height: 126px; }
.recent-empty-guest strong,
  .recent-empty-guest small { max-width: 196px; }
.product-side-panel .project-nav-control {
    min-height: 44px;
    margin-top: 0;
  }
.support-side-panel .side-nav { grid-template-columns: 1fr; }
.sidebar-legal {
    position: relative;
    display: flex;
    width: 100%;
    margin-top: auto;
  }
.sidebar-legal-toggle {
    width: 100%;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    padding: 0 8px;
    border: 0;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
  }
.sidebar-legal-toggle:hover,
  .sidebar-legal-toggle:focus-visible { color: var(--accent); }
.sidebar-legal-menu {
    z-index: 25;
    min-width: 196px;
  }
body.sidebar-collapsed .product-side-panel {
    align-items: center;
    gap: 8px !important;
  }
body.sidebar-collapsed .side-panel-heading { display: contents; }
body.sidebar-collapsed .side-panel-heading .side-title { display: none !important; }
body.sidebar-collapsed .sidebar-new-project-mini { width: 48px; height: 48px; }
body.sidebar-collapsed .product-side-panel .recent-projects-shell:has(.recent-projects.is-empty) { display: none; }
body.sidebar-collapsed .sidebar-legal-toggle > span:last-child { display: none; }
body.sidebar-collapsed .sidebar-legal-toggle { width: 48px; justify-content: center; padding: 0; }
.generator-heading > div { min-width: 0; width: 100%; }
.legacy-mode-carousel {
    display: flex;
    align-items: center;
    gap: 9px;
    max-width: 100%;
    padding: 5px 4px 9px 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }
.legacy-mode-carousel::-webkit-scrollbar { display: none; }
.legacy-mode-card {
    min-width: max-content;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid rgb(23 26 35 / .1);
    border-radius: var(--legacy-control-radius);
    background: rgb(255 255 255 / .5);
    color: var(--muted);
    font: inherit;
    font-size: 14px;
    font-weight: 750;
    cursor: pointer;
    opacity: .56;
    scroll-snap-align: start;
    transition: opacity 180ms ease, color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 220ms cubic-bezier(.23, 1, .32, 1);
  }
.legacy-mode-card:hover,
  .legacy-mode-card:focus-visible { opacity: .9; color: var(--ink); border-color: rgb(var(--accent-rgb) / .42); }
.legacy-mode-card:active { transform: scale(.97); }
.legacy-mode-card.is-active {
    min-height: 50px;
    padding-inline: 21px;
    border-color: var(--accent);
    background: var(--accent);
    color: white;
    opacity: 1;
    box-shadow: 0 10px 24px rgb(var(--accent-rgb) / .18);
  }
.legacy-mode-card.is-active + .legacy-mode-card { opacity: .8; transform: scale(.96); transform-origin: left center; }
.legacy-mode-card.is-active ~ .legacy-mode-card { transform: scale(.92); transform-origin: left center; }}
.legacy-inspiration-strip { scroll-margin-top: 96px; }
.legacy-inspiration-strip .inspiration-card-add { display: inline-grid; }
@media (max-width: 1060px) {.legacy-mode-carousel {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
  }
.legacy-mode-carousel::-webkit-scrollbar { display: none; }
.legacy-mode-card { min-width: max-content; min-height: 42px; padding: 0 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); color: var(--muted); font: inherit; font-weight: 750; }
.legacy-mode-card.is-active { color: white; background: var(--accent); border-color: var(--accent); }}
@media (prefers-reduced-motion: reduce) {.legacy-route-stage,
  .legacy-mode-card,
  .sidebar-new-project-mini { animation: none !important; transition-duration: 0ms !important; }}
.legacy-mode-bridge { display: none !important; }
.legacy-reference-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 2px 0 0;
}
.legacy-reference-strip[hidden] { display: none !important; }
.legacy-reference-strip figure {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 0;
  overflow: hidden;
  border: 2px solid rgb(255 255 255 / .88);
  border-radius: 14px;
  background: #eef2f8;
}
.legacy-reference-strip img { display: block; width: 100%; height: 100%; object-fit: cover; }
.legacy-reference-strip button {
  position: absolute;
  top: 2px;
  right: 2px;
  display: grid;
  width: 19px;
  height: 19px;
  place-items: center;
  padding: 0;
  border: 1px solid rgb(255 255 255 / .88);
  border-radius: 50%;
  background: rgb(23 26 35 / .78);
  color: #fff;
  cursor: pointer;
}
.legacy-reference-strip button:hover,
.legacy-reference-strip button:focus-visible { outline: 0; background: var(--accent); }
.legacy-reference-strip .material-symbols-outlined { font-size: 13px; }
.legacy-favorites-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}
@media (min-width: 1061px) {dialog.modal-shell.legacy-route-dialog {
    position: fixed;
    z-index: 580;
    top: 106px;
    right: max(24px, calc((100vw - 1380px) / 2));
    bottom: 24px;
    left: max(294px, calc((100vw - 1380px) / 2 + 274px));
    display: block;
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
  }
body.sidebar-collapsed dialog.modal-shell.legacy-route-dialog {
    left: max(140px, calc((100vw - 1380px) / 2 + 116px));
  }
dialog.modal-shell.legacy-route-dialog::backdrop { background: transparent; backdrop-filter: none; }
dialog.modal-shell.legacy-route-dialog .modal-card {
    width: 100% !important;
    height: 100%;
    max-height: none;
    margin: 0;
    border-radius: 30px;
  }
dialog.modal-shell.legacy-route-dialog .modal-scroll-card {
    display: flex;
    flex-direction: column;
    overflow: hidden auto;
  }
dialog.modal-shell.legacy-route-dialog .modal-scroll-body { padding-bottom: 34px; }
body[data-legacy-route] .legacy-route-stage { grid-column: 2; }}
@media (max-width: 1060px) {.legacy-favorites-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }}
@media (max-width: 1060px) {.legacy-reference-strip { padding-inline: 2px; }
.legacy-favorites-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }}
.upload-stage { position: relative; }
.upload-stage .legacy-reference-strip {
  position: absolute;
  z-index: 4;
  bottom: 18px;
  left: 18px;
  display: flex;
  max-width: calc(100% - 36px);
  flex-wrap: nowrap;
  gap: 7px;
  padding: 7px;
  overflow-x: auto;
  border: 1px solid rgb(255 255 255 / .72);
  border-radius: 17px;
  background: rgb(255 255 255 / .5);
  box-shadow: 0 10px 24px rgb(49 73 110 / .13);
  backdrop-filter: blur(14px);
  scrollbar-width: none;
}
.upload-stage .legacy-reference-strip::-webkit-scrollbar { display: none; }
.upload-stage .legacy-reference-strip figure {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border: 1px solid rgb(255 255 255 / .9);
  border-radius: 12px;
  box-shadow: 0 2px 9px rgb(23 40 72 / .12);
}
.upload-stage .legacy-reference-strip button {
  width: 20px;
  height: 20px;
  border: 0;
  background: rgb(24 29 40 / .76);
}
.legacy-inspiration-strip .inspiration-card-actions button,
.legacy-inspiration-strip .inspiration-card-favorite,
.legacy-inspiration-strip .inspiration-card-unfavorite {
  border: 0 !important;
  box-shadow: 0 8px 20px rgb(25 43 76 / .18);
}
.legacy-inspiration-strip .inspiration-card-favorite-actions.is-favorite {
  width: 52px;
  height: 52px;
}
.legacy-inspiration-strip .inspiration-card-favorite-actions.is-favorite .inspiration-card-favorite,
.legacy-inspiration-strip .inspiration-card-favorite-actions.is-favorite .inspiration-card-unfavorite {
  position: absolute;
  inset: 0;
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  margin: 0;
  transition: opacity .18s ease, transform .18s ease, background .18s ease;
}
.legacy-inspiration-strip .inspiration-card-favorite-actions.is-favorite .inspiration-card-unfavorite {
  opacity: 0;
  pointer-events: none;
  transform: scale(.82);
  background: #d9404e !important;
  color: #fff;
}
.legacy-inspiration-strip .inspiration-card-favorite-actions.is-favorite:hover .inspiration-card-favorite,
.legacy-inspiration-strip .inspiration-card-favorite-actions.is-favorite:focus-within .inspiration-card-favorite {
  opacity: 0;
  pointer-events: none;
  transform: scale(.82);
}
.legacy-inspiration-strip .inspiration-card-favorite-actions.is-favorite:hover .inspiration-card-unfavorite,
.legacy-inspiration-strip .inspiration-card-favorite-actions.is-favorite:focus-within .inspiration-card-unfavorite {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
.legacy-inspiration-strip .inspiration-grid.is-refreshing .inspiration-card.is-branch-stable {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-actions button,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-unfavorite {
  border: 0 !important;
  box-shadow: 0 8px 20px rgb(25 43 76 / .18);
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite-actions.is-favorite {
  width: 52px;
  height: 52px;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite-actions.is-favorite .inspiration-card-favorite,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite-actions.is-favorite .inspiration-card-unfavorite {
  position: absolute;
  inset: 0;
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  margin: 0;
  transition: opacity .18s ease, transform .18s ease, background .18s ease;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite-actions.is-favorite .inspiration-card-unfavorite {
  opacity: 0;
  pointer-events: none;
  transform: scale(.82);
  background: #d9404e !important;
  color: #fff;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite-actions.is-favorite:hover .inspiration-card-favorite,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite-actions.is-favorite:focus-within .inspiration-card-favorite {
  opacity: 0;
  pointer-events: none;
  transform: scale(.82);
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite-actions.is-favorite:hover .inspiration-card-unfavorite,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite-actions.is-favorite:focus-within .inspiration-card-unfavorite {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
@media (min-width: 1061px) {.generator-heading { min-height: 104px; }
.legacy-mode-carousel {
    position: relative;
    display: flex;
    max-width: min(100%, 960px);
    min-height: 66px;
    align-items: center;
    gap: 28px;
    margin-top: 4px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
.legacy-mode-carousel::-webkit-scrollbar { display: none; }
.legacy-mode-card {
    display: inline-flex;
    min-width: max-content;
    min-height: 0;
    align-items: center;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgb(31 40 58 / .4);
    font-family: inherit;
    font-size: clamp(19px, 1.65vw, 28px);
    font-weight: 520;
    letter-spacing: -.045em;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    opacity: .62;
    transform: perspective(500px) rotateY(-15deg) scale(.9);
    transform-origin: left center;
    transition: color .24s ease, opacity .24s ease, transform .32s cubic-bezier(.2,.8,.2,1);
  }
.legacy-mode-card .material-symbols-outlined { display: none; }
.legacy-mode-card:hover,
  .legacy-mode-card:focus-visible {
    color: var(--accent);
    opacity: .9;
    outline: 0;
  }
.legacy-mode-card.is-active {
    order: -1;
    color: var(--ink);
    font-size: clamp(29px, 2.45vw, 42px);
    font-weight: 700;
    opacity: 1;
    transform: none;
  }
.legacy-mode-card.is-active ~ .legacy-mode-card {
    transform: perspective(500px) rotateY(-15deg) scale(.9);
    transform-origin: left center;
  }
dialog.modal-shell.legacy-route-dialog:not(#authModal) .modal-card {
    overflow: visible;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
  }
dialog.modal-shell.legacy-route-dialog:not(#authModal) .modal-scroll-card {
    overflow: hidden auto;
    border: 0;
    background: transparent;
  }
dialog.modal-shell.legacy-route-dialog:not(#authModal) [data-close-modal] {
    display: none !important;
  }
.legacy-route-exit {
    position: sticky;
    z-index: 3;
    top: 0;
    float: right;
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid rgb(255 255 255 / .72);
    border-radius: 999px;
    background: rgb(255 255 255 / .7);
    color: var(--ink);
    font: inherit;
    font-weight: 720;
    cursor: pointer;
    backdrop-filter: blur(16px);
  }
.legacy-route-exit .material-symbols-outlined { font-size: 19px; }}
.legacy-help-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  max-width: 850px;
  margin-top: 30px;
}
.legacy-help-card,
.legacy-document-row {
  display: grid;
  width: 100%;
  align-items: center;
  gap: 14px;
  border: 1px solid rgb(255 255 255 / .72);
  border-radius: 24px;
  background: rgb(255 255 255 / .58);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  backdrop-filter: blur(16px);
}
.legacy-help-card { grid-template-columns: 42px minmax(0, 1fr) 20px; min-height: 134px; padding: 22px; }
.legacy-help-card > .material-symbols-outlined:first-child { color: var(--accent); font-size: 31px; }
.legacy-help-card strong,
.legacy-document-row strong { display: block; font-size: 17px; }
.legacy-help-card small,
.legacy-document-row small { display: block; margin-top: 5px; color: var(--muted); line-height: 1.42; }
.legacy-document-list { display: grid; max-width: 850px; gap: 10px; margin-top: 28px; }
.legacy-document-row { grid-template-columns: 28px minmax(0, 1fr) 18px; min-height: 78px; padding: 14px 18px; }
.legacy-document-row > .material-symbols-outlined:first-child { color: var(--accent); }
.legacy-information-panel { display: flex; max-width: 850px; gap: 18px; margin-top: 30px; padding: 28px; border: 1px solid rgb(255 255 255 / .72); border-radius: 28px; background: rgb(255 255 255 / .58); backdrop-filter: blur(16px); }
.legacy-information-panel > .material-symbols-outlined { color: var(--accent); font-size: 34px; }
.legacy-information-panel strong { font-size: 22px; }
.legacy-information-panel p { max-width: 620px; color: var(--muted); line-height: 1.5; }
.legacy-information-panel small { color: var(--muted); }
.legacy-route-subback { margin-top: 20px; }
.sidebar-help-route { display: inline-flex; width: 100%; align-items: center; gap: 9px; padding: 9px 4px; border: 0; background: transparent; color: var(--muted); font: inherit; font-weight: 680; text-align: left; cursor: pointer; box-shadow: none !important; }
.sidebar-help-route > :last-child { margin-left: auto; font-size: 17px; }
.sidebar-help-route:hover,
.sidebar-help-route:focus-visible { color: var(--accent); outline: 0; background: transparent !important; border-color: transparent !important; box-shadow: none !important; transform: none !important; }
.sidebar-help-route.hover-target::before,
.sidebar-help-route.hover-target::after { display: none !important; }
@media (min-width: 1061px) {body.sidebar-collapsed .sidebar-help-route {
    width: 52px;
    min-height: 52px;
    justify-content: center;
    padding: 0;
  }
body.sidebar-collapsed .sidebar-help-route > span:not(:first-child) { display: none; }
body.sidebar-collapsed .sidebar-help-route > span:first-child { font-size: 29px; }}
@media (max-width: 1060px) {.legacy-mode-carousel {
    min-height: 48px;
    gap: 20px;
    padding: 0 2px;
    align-items: center;
  }
.legacy-mode-card,
  .legacy-mode-card.is-active {
    min-width: max-content;
    min-height: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    color: rgb(31 40 58 / .46);
    font-family: inherit;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.04em;
  }
.legacy-mode-card .material-symbols-outlined { display: none; }
.legacy-mode-card.is-active { color: var(--ink); font-size: 27px; }
.legacy-mode-card:hover,
  .legacy-mode-card:focus-visible { color: var(--accent); }
.upload-stage .legacy-reference-strip { bottom: 12px; left: 12px; max-width: calc(100% - 24px); }
.legacy-help-grid { grid-template-columns: 1fr; gap: 12px; }
.legacy-information-panel { padding: 20px; border-radius: 22px; }}
.legacy-inspiration-strip { margin-top: 12px !important; }
@media (min-width: 1061px) {dialog.modal-shell.legacy-route-dialog {
    pointer-events: auto;
  }
body[data-legacy-route] #custom-cursor {
    z-index: 100000 !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }
body:not(.guest) .product-side-panel,
  body:not(.guest).sidebar-collapsed .product-side-panel {
    min-height: min(420px, calc(100vh - 440px)) !important;
    max-height: min(420px, calc(100vh - 440px)) !important;
  }
body:not(.guest):not(.sidebar-collapsed) .product-side-panel {
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
  }
.product-side-panel .recent-projects-shell {
    position: relative;
    display: flex;
    min-height: 220px;
    height: auto;
    max-height: none;
    flex: 1 1 auto;
    align-items: stretch;
  }
body:not(.guest):not(.sidebar-collapsed) .product-side-panel .recent-projects-shell {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    align-self: stretch;
  }
.product-side-panel .recent-projects-viewport {
    width: 100%;
    height: 100% !important;
    max-height: none !important;
  }
body:not(.guest):not(.sidebar-collapsed) .product-side-panel .recent-projects-viewport {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }
.product-side-panel .recent-projects {
    min-height: 100%;
  }
body:not(.guest):not(.sidebar-collapsed) .product-side-panel .recent-projects {
    min-height: 0 !important;
    height: 100% !important;
    padding-bottom: 12px;
  }
.product-side-panel .recent-scroll-indicator {
    top: 50% !important;
    right: 8px !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }
.product-side-panel .project-nav-control {
    margin-top: 0 !important;
  }
body:not(.guest):not(.sidebar-collapsed) .product-side-panel .project-nav-control {
    position: relative;
    z-index: 2;
    min-height: 44px;
    flex: 0 0 44px;
  }
.sidebar-new-project-mini {
    border: 0 !important;
    outline: 0;
    box-shadow: none !important;
  }
.sidebar-new-project-mini:hover,
  .sidebar-new-project-mini:focus-visible {
    border: 0 !important;
    outline: 0;
    box-shadow: none !important;
  }
.sidebar-new-project-mini::before,
  .sidebar-new-project-mini::after {
    border: 0 !important;
    box-shadow: none !important;
  }
.legacy-project-heading,
  .inspiration-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--accent) !important;
    font-size: clamp(15px, 1.18vw, 19px) !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    line-height: 1.1;
  }
.legacy-project-heading-icon {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    font-family: Manrope, sans-serif;
    font-size: 27px;
    font-weight: 800;
    letter-spacing: -.08em;
  }
#legacyProjectName {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
  }
.inspiration-kicker .material-symbols-outlined {
    font-size: 29px !important;
  }
.generator-heading {
    min-height: 112px;
    margin-left: -4px;
  }
.legacy-mode-carousel {
    max-width: 100%;
    min-height: 68px;
    gap: 30px;
    padding: 8px 0 12px;
    overflow: hidden;
    scroll-snap-type: none;
  }
.legacy-mode-card,
  .legacy-mode-card.is-active,
  .legacy-mode-card.is-active ~ .legacy-mode-card {
    order: initial !important;
    padding: 0 !important;
    transform: perspective(580px) rotateY(-13deg) scale(calc(1 - min(var(--mode-depth, 1), 5) * .045));
    transform-origin: left center;
    box-shadow: none !important;
  }
.legacy-mode-card.is-active {
    color: var(--ink);
    font-size: 38px;
    font-weight: 400;
    letter-spacing: -.045em;
    opacity: 1;
    transform: none;
  }
#profileModal.legacy-route-dialog {
    right: max(72px, calc((100vw - 1380px) / 2 + 100px));
  }
#profileModal.legacy-route-dialog .profile-modal-card {
    width: min(940px, 100%) !important;
    max-width: 940px !important;
    height: auto !important;
    max-height: calc(100vh - 150px) !important;
    margin: 0 auto !important;
    padding: 18px !important;
    overflow: hidden auto !important;
    border: 1px solid rgb(255 255 255 / .72) !important;
    border-radius: 30px !important;
    background: rgb(255 255 255 / .58) !important;
    backdrop-filter: blur(24px);
  }
#profileModal.legacy-route-dialog .profile-form {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
  }
#profileModal.legacy-route-dialog .profile-cover-card {
    min-height: 320px !important;
    padding: 0 0 20px !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .profile-cover {
    height: 180px !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card {
    min-height: 112px;
  }
#profileModal.legacy-route-dialog .profile-editable-lower-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 16px;
    align-items: start;
  }
#profileModal.legacy-route-dialog .profile-editable-lower-inner > * {
    min-width: 0;
  }
#profileModal.legacy-route-dialog .modal-form-footer {
    align-self: stretch;
  }
#profileModal.legacy-route-dialog .modal-form-footer .btn {
    min-height: 52px;
  }
#profileModal.legacy-route-dialog .avatar-picker-popover.is-open {
    position: absolute !important;
    z-index: 30;
    right: 18px !important;
    bottom: 18px !important;
    left: 124px !important;
    width: auto !important;
    height: 100px !important;
    padding: 10px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-options {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    height: 80px !important;
    gap: 9px !important;
    padding: 0 !important;
    overflow-x: auto !important;
    transform: none !important;
    scrollbar-width: none;
  }
#profileModal.legacy-route-dialog .avatar-option,
  #profileModal.legacy-route-dialog .avatar-option:hover,
  #profileModal.legacy-route-dialog .avatar-option.active {
    position: relative !important;
    inset: auto !important;
    width: 72px !important;
    height: 72px !important;
    flex: 0 0 72px !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-more {
  position: absolute;
  z-index: 8;
  top: 14px;
  right: 14px;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgb(22 25 33 / .72);
  color: white;
  opacity: 0;
  transform: translateY(-5px) scale(.9);
  cursor: pointer;
  backdrop-filter: blur(12px);
  transition: opacity .18s ease, transform .22s cubic-bezier(.2,.8,.2,1), background .18s ease;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card:hover .inspiration-card-more,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card:focus-within .inspiration-card-more,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-more[aria-expanded="true"] {
  opacity: 1;
  transform: none;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-more:hover,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-more:focus-visible {
  outline: 0;
  background: var(--accent);
}
.inspiration-card-menu {
  position: absolute;
  z-index: 12;
  top: 66px;
  right: 14px;
  display: grid;
  min-width: 178px;
  padding: 7px;
  border: 1px solid rgb(255 255 255 / .8);
  border-radius: 18px;
  background: rgb(255 255 255 / .88);
  box-shadow: 0 18px 42px rgb(26 39 69 / .22);
  backdrop-filter: blur(20px);
}
.inspiration-card-menu button {
  display: flex;
  min-height: 40px;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
.inspiration-card-menu button:hover,
.inspiration-card-menu button:focus-visible {
  outline: 0;
  background: var(--accent);
  color: white;
}
.legacy-idea-viewer[hidden] { display: none !important; }
.legacy-idea-viewer {
  position: fixed;
  z-index: 200000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 28px;
}
.legacy-idea-viewer-backdrop {
  position: absolute;
  inset: 0;
  background: rgb(10 14 24 / .72);
  backdrop-filter: blur(22px);
}
.legacy-idea-viewer-panel {
  position: relative;
  display: grid;
  width: min(1180px, calc(100vw - 56px));
  height: min(820px, calc(100vh - 56px));
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px;
}
.legacy-idea-viewer-canvas {
  display: grid;
  min-height: 0;
  place-items: center;
  overflow: auto;
  border: 1px solid rgb(255 255 255 / .3);
  border-radius: 30px;
  background: rgb(10 14 24 / .5);
}
.legacy-idea-viewer-canvas img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  transform-origin: center;
  transition: transform 160ms ease;
}
.legacy-idea-viewer-toolbar {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgb(255 255 255 / .32);
  border-radius: 999px;
  background: rgb(255 255 255 / .72);
  backdrop-filter: blur(22px);
}
.legacy-idea-viewer-toolbar button {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgb(255 255 255 / .72);
  color: var(--ink);
  cursor: pointer;
}
.legacy-idea-viewer-toolbar button:hover,
.legacy-idea-viewer-toolbar button:focus-visible {
  outline: 0;
  background: var(--accent);
  color: white;
}
.legacy-idea-viewer-toolbar output {
  min-width: 64px;
  align-self: center;
  color: var(--ink);
  font-weight: 800;
  text-align: center;
}
body.legacy-idea-viewer-open { overflow: hidden; }
body.legacy-idea-viewer-open #custom-cursor {
  z-index: 300000 !important;
  opacity: 1 !important;
}
.legacy-inspiration-strip .inspiration-loading-shelf { display: contents; }
.legacy-inspiration-strip .inspiration-loading-status {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 4px 0 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .01em;
  text-align: center;
}
.legacy-inspiration-strip .inspiration-loader-stars {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--accent);
  font-size: 21px;
  line-height: .8;
}
.legacy-inspiration-strip .inspiration-loader-stars i {
  font-style: normal;
  animation: legacy-star-pulse 1.05s ease-in-out infinite;
}
.legacy-inspiration-strip .inspiration-loader-stars i:nth-child(2) { animation-delay: .14s; }
.legacy-inspiration-strip .inspiration-loader-stars i:nth-child(3) { animation-delay: .28s; }
@keyframes legacy-star-pulse {
  0%, 100% { opacity: .28; transform: scale(.82) rotate(-8deg); }
  45% { opacity: 1; transform: scale(1.08) rotate(0); }
}
@media (max-width: 1060px) {.legacy-idea-viewer { padding: 10px; }
.legacy-idea-viewer-panel { width: calc(100vw - 20px); height: calc(100vh - 20px); }
.legacy-idea-viewer-toolbar { gap: 4px; overflow-x: auto; justify-content: flex-start; }
.legacy-idea-viewer-toolbar button { width: 44px; height: 44px; flex: 0 0 44px; }}
@media (min-width: 1061px) {.product-side-panel .recent-projects-shell {
    box-sizing: border-box;
    padding-top: 10px !important;
  }
.product-side-panel .recent-projects-viewport,
  body:not(.guest):not(.sidebar-collapsed) .product-side-panel .recent-projects-viewport {
    flex: 1 1 auto;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
.product-side-panel .recent-scroll-indicator {
    top: calc(50% + 5px) !important;
  }
body.sidebar-collapsed .product-side-panel {
    
    grid-template-rows: 68px minmax(0, 1fr) auto !important;
  }
body.sidebar-collapsed .sidebar-new-project-mini {
    align-self: start;
    margin-bottom: 10px;
  }
body.sidebar-collapsed .product-side-panel .recent-projects-shell {
    margin-top: 4px;
  }
body:not(.sidebar-collapsed) .product-side-panel .recent-projects-shell {
    margin-top: 4px;
  }
.legacy-project-heading,
  .inspiration-kicker {
    gap: 6px;
    font-size: clamp(12px, .9vw, 15px) !important;
    font-weight: 800 !important;
    letter-spacing: .09em !important;
  }
.legacy-project-heading-icon {
    width: 20px;
    height: 20px;
    font-size: 19px;
    line-height: 1;
  }
.inspiration-kicker .material-symbols-outlined {
    font-size: 21px !important;
  }
.legacy-mode-carousel {
    max-width: min(100%, 960px);
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth;
    touch-action: pan-y;
    cursor: grab;
    scrollbar-width: none;
  }
.legacy-mode-carousel::after {
    content: "";
    flex: 0 0 min(62vw, 620px);
    height: 1px;
    pointer-events: none;
  }
.legacy-mode-carousel.is-dragging {
    scroll-snap-type: none !important;
    cursor: grabbing;
    user-select: none;
    scroll-behavior: auto;
  }
.legacy-mode-card,
  .legacy-mode-card.is-active,
  .legacy-mode-card.is-active ~ .legacy-mode-card {
    order: initial !important;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }
.legacy-mode-card:hover,
  .legacy-mode-card:focus-visible {
    color: var(--accent) !important;
  }
.legacy-inspiration-strip .inspiration-grid {
    grid-auto-flow: row dense;
  }
.legacy-inspiration-strip .inspiration-loading-shelf {
    display: contents;
  }
.legacy-inspiration-strip .inspiration-skeleton,
  .legacy-inspiration-strip .inspiration-skeleton.is-tall,
  .legacy-inspiration-strip .inspiration-skeleton.is-wide {
    width: 100%;
    min-width: 0;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    align-self: start;
    grid-column: auto !important;
  }}
@media (min-width: 1061px) {#profileModal.legacy-route-dialog .profile-modal-card {
    width: min(860px, 100%) !important;
    max-width: 860px !important;
    max-height: calc(100vh - 126px) !important;
    padding: 16px !important;
    border-radius: 28px !important;
  }
#profileModal.legacy-route-dialog .profile-form {
    max-width: 828px;
    gap: 14px;
  }
#profileModal.legacy-route-dialog .profile-cover-card {
    min-height: 250px !important;
    padding: 0 !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .profile-cover {
    height: 142px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background-position: center !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .profile-cover::after {
    background: linear-gradient(110deg, rgb(var(--accent-rgb) / .5), rgb(9 20 46 / .12)) !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .profile-cover > img {
    width: 112px !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .avatar-picker-current {
    top: 94px !important;
    right: auto !important;
    bottom: auto !important;
    left: 24px !important;
    width: 116px !important;
    height: 116px !important;
    padding: 5px !important;
    border-radius: 26px !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .avatar-picker-current > img,
  #profileModal.legacy-route-dialog .profile-cover-card .avatar-picker-current.is-picker-editing > img {
    width: 106px !important;
    height: 106px !important;
    border-radius: 21px !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .avatar-edit {
    right: -8px !important;
    bottom: -8px !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card {
    position: absolute !important;
    top: 96px !important;
    right: 24px !important;
    bottom: 16px !important;
    left: 164px !important;
    min-height: 0 !important;
    align-content: center;
    gap: 9px !important;
    padding: 14px 16px !important;
    border: 1px solid rgb(255 255 255 / .8) !important;
    border-radius: 22px !important;
    background: rgb(255 255 255 / .78) !important;
    box-shadow: 0 12px 30px rgb(22 35 66 / .1) !important;
    backdrop-filter: blur(18px);
  }
#profileModal.legacy-route-dialog .profile-summary-card .profile-name-line {
    display: block !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card h2 {
    font-size: 25px !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card .achievement-rail {
    position: absolute;
    top: 14px;
    right: 16px;
    max-width: 145px;
  }
#profileModal.legacy-route-dialog .profile-details-row {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    margin-top: 4px;
  }
#profileModal.legacy-route-dialog .profile-email-copy {
    font-size: 15px;
  }
#profileModal.legacy-route-dialog .profile-editable-lower-inner {
    grid-template-columns: minmax(0, 1fr) 208px;
    gap: 14px;
  }
#profileModal.legacy-route-dialog .account-security {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
#profileModal.legacy-route-dialog .account-security .side-action {
    min-height: 84px;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
    align-content: center;
    gap: 7px;
    padding: 14px;
    border: 1px solid rgb(30 38 57 / .09);
    border-radius: 18px;
    background: rgb(255 255 255 / .58);
  }
#profileModal.legacy-route-dialog .account-security .side-action > span:last-child {
    display: none;
  }
#profileModal.legacy-route-dialog .modal-form-footer .btn {
    width: 100%;
    min-height: 84px;
    border-radius: 18px;
  }
#profileModal.legacy-route-dialog .avatar-picker-popover.is-open {
    top: auto !important;
    right: 24px !important;
    bottom: 18px !important;
    left: 164px !important;
    width: auto !important;
  }}
@media (min-width: 1061px) {#profileModal.legacy-route-dialog {
    top: clamp(112px, 10vh, 146px);
    bottom: 24px;
    display: grid;
    place-items: start center;
  }
#profileModal.legacy-route-dialog .profile-modal-card {
    width: min(510px, 100%) !important;
    max-width: 510px !important;
    height: auto !important;
    max-height: calc(100vh - 138px) !important;
    margin: 0 auto !important;
    padding: 10px !important;
    overflow: auto !important;
    border: 0 !important;
    border-radius: 28px !important;
    background: rgb(247 247 245) !important;
    box-shadow: 0 40px 120px rgb(20 20 22 / .24), 0 0 0 1px rgb(20 20 22 / .04) !important;
    backdrop-filter: none;
  }
#profileModal.legacy-route-dialog .profile-form {
    width: auto;
    max-width: none;
    margin: 0;
    gap: 10px;
  }
#profileModal.legacy-route-dialog .profile-cover-card {
    position: relative;
    isolation: isolate;
    min-height: 442px !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 26px !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .profile-cover {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 26px !important;
    background-color: var(--profile-cover-color, #b9a9da) !important;
    background-image: none !important;
    box-shadow: none !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .profile-cover::before,
  #profileModal.legacy-route-dialog .profile-cover-card .profile-cover::after,
  #profileModal.legacy-route-dialog .profile-cover-card .profile-cover > img,
  #profileModal.legacy-route-dialog .profile-cover-card .cover-edit,
  #profileModal.legacy-route-dialog .profile-cover-card .cover-picker-popover {
    display: none !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .avatar-picker-current {
    position: absolute !important;
    z-index: 25 !important;
    top: 8px !important;
    right: auto !important;
    bottom: 4px !important;
    left: 0 !important;
    width: 54% !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .avatar-picker-current::before,
  #profileModal.legacy-route-dialog .profile-cover-card .avatar-picker-current::after {
    display: none !important;
  }
#profileModal.legacy-route-dialog .profile-cover-card .avatar-picker-current > img,
  #profileModal.legacy-route-dialog .profile-cover-card .avatar-picker-current.is-picker-editing > img {
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
    transform: scale(.98) !important;
    transform-origin: center bottom !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card {
    position: absolute !important;
    z-index: 14 !important;
    inset: 60px 20px 16px 39.5% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 24px 22px 16px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 23px !important;
    background: rgb(255 255 255 / .9) !important;
    box-shadow: 0 16px 36px rgb(15 20 32 / .12) !important;
    backdrop-filter: blur(16px);
  }
#profileModal.legacy-route-dialog .profile-summary-card .profile-name-line,
  #profileModal.legacy-route-dialog .profile-summary-card .profile-identity-copy {
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card .profile-name-line {
    position: relative !important;
    min-height: 48px !important;
    align-items: center !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card .profile-identity-copy { gap: 5px !important; }
#profileModal.legacy-route-dialog .profile-summary-card h2 { font-size: 25px !important; line-height: 34px !important; }
#profileModal.legacy-route-dialog .profile-summary-card .profile-name-trigger,
  #profileModal.legacy-route-dialog .profile-summary-card .profile-public-id { text-align: center !important; }
#profileModal.legacy-route-dialog .profile-summary-card .profile-details-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    margin-top: 14px !important;
    padding: 0 !important;
    border-top: 1px solid rgb(20 20 22 / .1) !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card .profile-usage {
    width: min(100%, 300px) !important;
    min-height: 67px !important;
    margin: 0 auto !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid rgb(20 20 22 / .1) !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card .profile-usage span {
    padding: 4px 12px !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card .profile-usage strong { font-size: 24px !important; line-height: 28px !important; }
#profileModal.legacy-route-dialog .profile-summary-card .profile-usage small,
  #profileModal.legacy-route-dialog .profile-summary-card .profile-email small { font-size: 11px !important; }
#profileModal.legacy-route-dialog .profile-summary-card .profile-email {
    width: 100% !important;
    min-height: 50px !important;
    padding: 7px 10px !important;
    justify-items: center !important;
    text-align: center !important;
    border-left: 0 !important;
    border-bottom: 1px solid rgb(20 20 22 / .1) !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card .profile-email-copy { font-size: 15px !important; line-height: 24px !important; }
#profileModal.legacy-route-dialog .profile-summary-card .achievement-rail {
    
    position: static !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    place-items: center !important;
    gap: 7px !important;
    min-height: 0 !important;
    max-width: none !important;
    margin-top: auto !important;
    padding: 10px 0 0 !important;
    overflow: visible !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card .achievement {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    height: 38px !important;
    display: grid !important;
    grid-template-rows: 1fr !important;
    place-items: center !important;
    border-radius: 11px !important;
    background: rgb(237 240 246 / .88) !important;
  }
#profileModal.legacy-route-dialog .profile-summary-card .achievement b { display: none !important; }
#profileModal.legacy-route-dialog .profile-summary-card .achievement.is-unlocked,
  #profileModal.legacy-route-dialog .profile-summary-card .achievement.unlocked { color: #fff !important; background: var(--accent) !important; }
#profileModal.legacy-route-dialog .profile-cover-card .avatar-edit {
    z-index: 40 !important;
    right: -7px !important;
    bottom: 8px !important;
    width: 34px !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgb(16 22 35 / .13) !important;
  }
#profileModal.legacy-route-dialog .profile-editable-lower-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
#profileModal.legacy-route-dialog .account-security {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
  }
#profileModal.legacy-route-dialog .account-security .side-action {
    min-height: 42px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 7px 9px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
  }
#profileModal.legacy-route-dialog .account-security .side-action > span:last-child { display: inline !important; }
#profileModal.legacy-route-dialog .modal-form-footer .btn { width: 100% !important; min-height: 48px !important; border-radius: 999px !important; }
#profileModal.legacy-route-dialog .avatar-picker-popover.is-open {
    top: auto !important;
    right: auto !important;
    bottom: 12px !important;
    left: 18px !important;
    width: 108px !important;
    height: 108px !important;
    padding: 0 !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-popover {
    top: auto !important;
    right: auto !important;
    bottom: 12px !important;
    left: 18px !important;
    width: 108px !important;
    height: 108px !important;
  }}
@media (min-width: 1061px) {.legacy-project-heading,
  .legacy-project-heading .label,
  .legacy-project-heading-icon { line-height: 1 !important; }
.legacy-project-heading { align-items: center !important; }
.legacy-project-heading .label {
    transform: none !important;
    translate: none !important;
  }
.legacy-project-heading-icon {
    position: static !important;
    top: auto !important;
    transform: none !important;
    translate: none !important;
  }}
@media (min-width: 1061px) {.legacy-mode-carousel {
    max-width: min(100%, 980px) !important;
    min-height: 74px !important;
    gap: 32px !important;
    padding: 8px 0 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    cursor: grab;
    scrollbar-width: none;
  }
.legacy-mode-carousel::after { display: none !important; }
.legacy-mode-carousel.is-dragging {
    cursor: grabbing;
    user-select: none;
    scroll-snap-type: none !important;
  }
.legacy-mode-card,
  .legacy-mode-card.is-active,
  .legacy-mode-card.is-active ~ .legacy-mode-card {
    order: initial !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgb(31 40 58 / .46) !important;
    font-size: clamp(18px, 1.65vw, 28px) !important;
    font-weight: 620 !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
    transform: perspective(720px) rotateY(var(--mode-tilt, -13deg)) translateY(var(--mode-shift, 7px)) scale(var(--mode-scale, .74)) !important;
    transform-origin: center center !important;
    transition: color 170ms ease, opacity 140ms linear !important;
    will-change: transform, opacity;
  }
.legacy-mode-card.is-mode-in-zone,
  .legacy-mode-card.is-active { color: var(--ink) !important; }
.legacy-mode-card:hover,
  .legacy-mode-card:focus-visible { color: var(--accent) !important; }
.legacy-mode-card:active { transform: perspective(720px) rotateY(var(--mode-tilt, -13deg)) translateY(var(--mode-shift, 7px)) scale(calc(var(--mode-scale, .74) * .97)) !important; }}
@media (min-width: 1061px) {#profileModal.legacy-route-dialog .avatar-picker-popover,
  #profileModal.legacy-route-dialog .avatar-picker-popover.is-open {
    position: absolute !important;
    z-index: 60 !important;
    top: auto !important;
    right: auto !important;
    bottom: 12px !important;
    left: 18px !important;
    display: block !important;
    width: 108px !important;
    height: 108px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    transform-origin: 50% 50% !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-popover {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scale(.9) !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-popover.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: scale(1) !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-options {
    position: relative !important;
    display: block !important;
    width: 108px !important;
    height: 108px !important;
    min-height: 108px !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    scrollbar-width: none !important;
    touch-action: pan-y;
    cursor: grab;
  }
#profileModal.legacy-route-dialog .avatar-picker-options:active { cursor: grabbing; }
#profileModal.legacy-route-dialog .avatar-picker-options .avatar-option,
  #profileModal.legacy-route-dialog .avatar-picker-options .avatar-option:hover,
  #profileModal.legacy-route-dialog .avatar-picker-options .avatar-option.active {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    display: block !important;
    width: 108px !important;
    height: 108px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 5px solid #fff !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 16px 36px rgb(20 20 22 / .18) !important;
    opacity: .86 !important;
    pointer-events: auto !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-options .avatar-option.active {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-options .avatar-option > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    object-fit: cover !important;
  }
#profileModal.legacy-route-dialog .account-security .side-action,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-active,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-entering,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-exiting {
    border: 1px solid transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--muted) !important;
  }
#profileModal.legacy-route-dialog .account-security .side-action:hover,
  #profileModal.legacy-route-dialog .account-security .side-action:focus-visible,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-active,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-entering {
    border-color: rgb(var(--accent-rgb) / .82) !important;
    background: rgb(var(--accent-rgb) / .055) !important;
    background-image: none !important;
    color: var(--accent) !important;
    box-shadow: 0 0 0 2px rgb(var(--accent-rgb) / .1) !important;
  }
#profileModal.legacy-route-dialog .account-security .side-action:hover > span,
  #profileModal.legacy-route-dialog .account-security .side-action:focus-visible > span { color: inherit !important; }
#profileModal.legacy-route-dialog .account-security .side-action.danger-action:hover,
  #profileModal.legacy-route-dialog .account-security .side-action.danger-action:focus-visible {
    border-color: rgb(198 43 66 / .72) !important;
    background: rgb(198 43 66 / .055) !important;
    color: #c62b42 !important;
    box-shadow: 0 0 0 2px rgb(198 43 66 / .08) !important;
  }
.generator-heading,
  .generator-heading > div { min-width: 0 !important; }
.legacy-mode-carousel {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 78px !important;
    gap: 46px !important;
    padding: 8px 0 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    clip-path: inset(0) !important;
  }
.legacy-mode-card,
  .legacy-mode-card.is-active,
  .legacy-mode-card.is-active ~ .legacy-mode-card {
    flex: 0 0 auto !important;
    padding: 0 18px !important;
    color: rgb(31 40 58 / .48) !important;
    transform: perspective(720px) rotateY(var(--mode-tilt, -13deg)) translateY(var(--mode-shift, 7px)) scale(var(--mode-scale, .78)) !important;
  }
#generator .legacy-mode-carousel .legacy-mode-card:hover,
  #generator .legacy-mode-carousel .legacy-mode-card:focus-visible,
  #generator .legacy-mode-carousel .legacy-mode-card:hover > span,
  #generator .legacy-mode-carousel .legacy-mode-card:focus-visible > span {
    color: var(--accent) !important;
  }}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite] {
  position: relative;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border: 0 !important;
  border-radius: 50%;
  background: transparent !important;
  color: var(--accent) !important;
  filter: drop-shadow(0 1px 5px rgb(15 26 48 / .24));
  transition: background-color .22s ease, color .18s ease, transform .22s cubic-bezier(.22,.9,.22,1), filter .22s ease !important;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite-actions.is-favorite {
  pointer-events: none !important;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite-actions.is-favorite > .inspiration-card-favorite {
  pointer-events: auto !important;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite] .inspiration-card-heart-icon,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite] .inspiration-card-cross-icon {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  line-height: 1;
  transition: opacity .18s ease, transform .22s cubic-bezier(.22,.9,.22,1);
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite] .inspiration-card-heart-icon {
  font-size: 35px;
  font-variation-settings: "FILL" 1, "wght" 700;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite] .inspiration-card-cross-icon {
  opacity: 0;
  transform: scale(.64) rotate(-30deg);
  color: #fff;
  font-size: 25px;
  pointer-events: none;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite] .inspiration-card-heart-icon {
  pointer-events: none;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite]:hover,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite]:focus-visible {
  background: #d9404e !important;
  color: #fff !important;
  filter: drop-shadow(0 7px 14px rgb(198 43 66 / .3));
  outline: 0;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite]:focus-visible {
  box-shadow: 0 0 0 3px rgb(217 64 78 / .28) !important;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite]:hover .inspiration-card-heart-icon,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite]:focus-visible .inspiration-card-heart-icon {
  opacity: 0;
  transform: scale(.7) rotate(20deg);
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite]:hover .inspiration-card-cross-icon,
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite[data-inspiration-unfavorite]:focus-visible .inspiration-card-cross-icon {
  opacity: 1;
  transform: scale(1) rotate(0);
}
@media (max-width: 1060px) {.legacy-inspiration-strip .inspiration-grid,
  .legacy-favorites-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 7px !important;
    grid-auto-flow: row dense !important;
    column-gap: 12px !important;
    row-gap: 16px !important;
  }
.legacy-inspiration-strip .inspiration-card.is-wide,
  .legacy-favorites-grid .inspiration-card.is-wide {
    grid-column: span 2 !important;
  }}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .legacy-idea-liquid {
  --control-base: rgb(20 23 32 / .76);
  --control-fluid: var(--accent);
  background-color: var(--control-base) !important;
  background-image: radial-gradient(
    circle at var(--fluid-x, 50%) var(--fluid-y, 50%),
    var(--control-fluid) 0 var(--fluid-radius, 0px),
    transparent calc(var(--fluid-radius, 0px) + .75px)
  ) !important;
  background-repeat: no-repeat !important;
  color: #fff !important;
  transition: --fluid-radius 520ms cubic-bezier(.16,1,.3,1), opacity .19s ease, transform .25s cubic-bezier(.22,.9,.22,1), color .18s ease !important;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .legacy-idea-liquid.is-fluid-active {
  --fluid-radius: var(--fluid-max);
  color: #fff !important;
  box-shadow: 0 12px 26px rgb(var(--accent-rgb) / .28) !important;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .legacy-idea-liquid:focus-visible {
  outline: 2px solid rgb(var(--accent-rgb) / .82) !important;
  outline-offset: 3px !important;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-favorite.is-favorite .material-symbols-outlined {
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card-reward.is-cross::before {
  content: "close" !important;
  color: rgb(255 236 238 / .98) !important;
  text-shadow: 0 0 28px rgb(198 43 66 / .58) !important;
}
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card.is-removing {
  pointer-events: none !important;
  animation: legacy-idea-remove 300ms cubic-bezier(.22,.9,.22,1) 420ms both;
}
@keyframes legacy-idea-remove {
  from { opacity: 1; transform: scale(1); }
  to { opacity: 0; transform: scale(.94); }
}
.legacy-favorites-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 22px;
}
.legacy-favorites-actions {
  display: flex;
  justify-content: flex-start;
  padding-top: 2px;
}
.legacy-ideas-link {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  border: 1px solid rgb(255 255 255 / .78);
  border-radius: 999px;
  background: rgb(255 255 255 / .52);
  box-shadow: 0 12px 28px rgb(35 59 102 / .1), inset 0 1px 0 rgb(255 255 255 / .78);
  color: var(--ink);
  font: 700 14px/1 "Manrope", sans-serif;
  cursor: pointer;
  backdrop-filter: blur(15px);
}
.legacy-ideas-link .material-symbols-outlined:first-child { color: var(--accent); }
.legacy-ideas-link .material-symbols-outlined:last-child { margin-left: 2px; font-size: 18px; }
.legacy-ideas-link:hover,
.legacy-ideas-link:focus-visible {
  border-color: var(--accent);
  outline: 0;
  background: var(--accent);
  color: #fff;
}
.legacy-ideas-link:hover .material-symbols-outlined,
.legacy-ideas-link:focus-visible .material-symbols-outlined { color: #fff; }
@media (max-width: 1260px) {.legacy-favorites-layout { grid-template-columns: 1fr; gap: 16px; }
.legacy-favorites-actions { margin-top: 0; }}
@media (max-width: 1060px) {.legacy-ideas-link { width: 100%; justify-content: center; }}
.legacy-favorites-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 8px !important;
  grid-auto-flow: row dense !important;
  column-gap: 20px !important;
  row-gap: 20px !important;
  align-items: start;
}
.legacy-favorites-grid .inspiration-ideas-cta {
  display: block !important;
  min-width: 0;
  min-height: 0 !important;
  overflow: visible !important;
}
.legacy-favorites-grid .inspiration-ideas-cta-button {
  width: 100%;
  aspect-ratio: var(--inspiration-ratio, .92);
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 10px;
  padding: 22px;
  border: 1px solid rgb(255 255 255 / .82);
  border-radius: var(--ideas-radius, 26px);
  background:
    linear-gradient(126deg, rgb(255 255 255 / .86), rgb(227 237 255 / .64)),
    linear-gradient(112deg, transparent 12%, rgb(255 255 255 / .9) 47%, transparent 78%);
  background-size: 100% 100%, 220% 100%;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .88);
  color: var(--ink);
  cursor: pointer;
  animation: legacy-ideas-cta-shimmer 2.7s ease-in-out infinite;
}
.legacy-favorites-grid .inspiration-ideas-cta-button strong {
  font: 800 15px/1 "Manrope", sans-serif;
}
.legacy-favorites-grid .inspiration-ideas-cta-button > .material-symbols-outlined {
  font-size: 24px;
  color: var(--accent);
  transition: transform .26s cubic-bezier(.22,.9,.22,1), color .18s ease;
}
.legacy-favorites-grid .inspiration-ideas-cta-button .inspiration-loader-stars {
  font-size: 18px;
  pointer-events: none;
}
.legacy-favorites-grid .inspiration-ideas-cta-button:hover,
.legacy-favorites-grid .inspiration-ideas-cta-button:focus-visible {
  border-color: rgb(var(--accent-rgb) / .8);
  outline: 0;
  background: rgb(238 245 255 / .92);
}
.legacy-favorites-grid .inspiration-ideas-cta-button:hover > .material-symbols-outlined,
.legacy-favorites-grid .inspiration-ideas-cta-button:focus-visible > .material-symbols-outlined {
  color: var(--accent);
  transform: translateX(4px);
}
@keyframes legacy-ideas-cta-shimmer {
  0%, 100% { background-position: 0 0, 135% 0; }
  48% { background-position: 0 0, -35% 0; }
}
.legacy-inspiration-strip .inspiration-grid.is-loading .inspiration-card,
.legacy-inspiration-strip .inspiration-grid.is-refreshing .inspiration-card {
  pointer-events: auto !important;
}
.legacy-inspiration-strip .inspiration-loading-shelf,
.legacy-inspiration-strip .inspiration-skeleton,
.legacy-inspiration-strip .inspiration-loading-status {
  pointer-events: none !important;
}
.legacy-inspiration-strip .inspiration-filters {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: nowrap;
  gap: 9px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.legacy-inspiration-strip .inspiration-filters::-webkit-scrollbar { display: none; }
.legacy-inspiration-strip .inspiration-filters > button { flex: 0 0 auto; white-space: nowrap; }
:is(.legacy-inspiration-strip, .legacy-favorites-grid) .inspiration-card.is-removing {
  animation: legacy-idea-remove-smooth 520ms cubic-bezier(.22,.9,.22,1) 260ms both !important;
}
@keyframes legacy-idea-remove-smooth {
  0% { opacity: 1; transform: scale(1); filter: saturate(1); }
  45% { opacity: .74; transform: scale(.975); filter: saturate(.78); }
  100% { opacity: 0; transform: scale(.91) translateY(8px); filter: saturate(.4) blur(2px); }
}
@media (max-width: 1060px) {.legacy-favorites-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }}
@media (max-width: 1060px) {.legacy-favorites-grid { grid-auto-rows: 7px !important; column-gap: 12px !important; row-gap: 16px !important; }
.legacy-favorites-grid .inspiration-ideas-cta-button { border-radius: 24px; padding: 16px; }
.legacy-favorites-grid .inspiration-ideas-cta-button strong { font-size: 13px; }}
@media (min-width: 1061px) {#profileModal.legacy-route-dialog.is-picker-active,
  #profileModal.legacy-route-dialog:has(.profile-picker-active),
  #profileModal.legacy-route-dialog .profile-modal-card.is-picker-active,
  #profileModal.legacy-route-dialog .profile-modal-card.is-picker-active .profile-form,
  #profileModal.legacy-route-dialog .profile-modal-card.is-picker-active .profile-cover-card {
    overflow: visible !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-popover,
  #profileModal.legacy-route-dialog .avatar-picker-popover.is-open {
    position: absolute !important;
    z-index: 400 !important;
    top: auto !important;
    right: auto !important;
    bottom: 12px !important;
    left: 18px !important;
    display: block !important;
    width: min(340px, calc(100% - 36px)) !important;
    height: 108px !important;
    min-height: 108px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    transform-origin: 50% 50% !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-popover {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scale(.9) !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-popover.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: scale(1) !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-options {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 108px !important;
    min-height: 108px !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    scrollbar-width: none !important;
    touch-action: pan-y;
    cursor: grab;
  }
#profileModal.legacy-route-dialog .avatar-picker-options:active { cursor: grabbing; }
#profileModal.legacy-route-dialog .avatar-picker-options .avatar-option,
  #profileModal.legacy-route-dialog .avatar-picker-options .avatar-option:hover,
  #profileModal.legacy-route-dialog .avatar-picker-options .avatar-option.active {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    display: block !important;
    width: 108px !important;
    height: 108px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 5px solid #fff !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 16px 36px rgb(20 20 22 / .18) !important;
    opacity: .9 !important;
    pointer-events: auto !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-options .avatar-option.active { opacity: 1 !important; }
#profileModal.legacy-route-dialog .avatar-picker-options .avatar-option > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    object-fit: cover !important;
  }
#profileModal.legacy-route-dialog .avatar-picker-popover::after,
  #profileModal.legacy-route-dialog .avatar-picker-popover.is-moving::after,
  #profileModal.legacy-route-dialog .avatar-picker-popover.is-snapped::after {
    inset: 0 auto auto 50% !important;
    width: 108px !important;
    height: 108px !important;
    border: 3px solid var(--accent) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 5px rgb(var(--accent-rgb) / .12) !important;
    transform: translateX(-50%) !important;
    z-index: 90 !important;
    animation: none !important;
  }
#profileModal.legacy-route-dialog .profile-modal-card {
    isolation: isolate;
    overflow: visible !important;
    border: 1px solid rgb(255 255 255 / .78) !important;
    border-radius: 34px !important;
    background: linear-gradient(145deg, rgb(255 255 255 / .3), rgb(232 239 255 / .12)) !important;
    box-shadow: 0 22px 60px rgb(37 61 104 / .11), inset 0 1px 0 rgb(255 255 255 / .76) !important;
    backdrop-filter: blur(18px) saturate(1.08);
  }
#profileModal.legacy-route-dialog[open] .profile-modal-card.profile-modal-card {
    border: 1px solid rgb(255 255 255 / .8) !important;
    outline: 1px solid rgb(255 255 255 / .68) !important;
    outline-offset: 0 !important;
    border-radius: 34px !important;
    background-color: rgb(255 255 255 / .16) !important;
    background-image: linear-gradient(145deg, rgb(255 255 255 / .34), rgb(227 237 255 / .14)) !important;
    box-shadow: 0 22px 60px rgb(37 61 104 / .11), inset 0 1px 0 rgb(255 255 255 / .8) !important;
  }
#profileModal.legacy-route-dialog .profile-modal-card > :not(.profile-transition-wave) {
    position: relative;
    z-index: 1;
  }
#profileModal.legacy-route-dialog .avatar-picker-popover { z-index: 400 !important; }
#profileModal.legacy-route-dialog .avatar-edit,
  #profileModal.legacy-route-dialog .avatar-edit.liquid-control {
    border-color: rgb(255 255 255 / .82) !important;
    background: rgb(255 255 255 / .88) !important;
    color: var(--ink) !important;
    box-shadow: 0 8px 20px rgb(20 20 22 / .1) !important;
  }
#profileModal.legacy-route-dialog .avatar-edit:hover,
  #profileModal.legacy-route-dialog .avatar-edit:focus-visible,
  #profileModal.legacy-route-dialog .avatar-edit.liquid-control.is-fluid-active,
  #profileModal.legacy-route-dialog .avatar-edit.liquid-control.is-fluid-entering {
    border-color: var(--accent) !important;
    background: var(--accent) !important;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgb(var(--accent-rgb) / .16), 0 10px 24px rgb(var(--accent-rgb) / .24) !important;
  }
#profileModal.legacy-route-dialog .avatar-edit:hover > *,
  #profileModal.legacy-route-dialog .avatar-edit:focus-visible > *,
  #profileModal.legacy-route-dialog .avatar-edit.liquid-control.is-fluid-active > *,
  #profileModal.legacy-route-dialog .avatar-edit.liquid-control.is-fluid-entering > * { color: inherit !important; }
#profileModal.legacy-route-dialog .profile-picker-save,
  #profileModal.legacy-route-dialog .profile-picker-save::before {
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
#profileModal.legacy-route-dialog .profile-picker-save::before { display: none !important; }
#profileModal.legacy-route-dialog .profile-picker-save[aria-hidden="true"] { display: none !important; }
#profileModal.legacy-route-dialog .profile-form.profile-picker-active .profile-editable-lower { display: none !important; }
#profileModal.legacy-route-dialog .profile-form.profile-picker-active .profile-picker-save {
    position: relative !important;
    z-index: 420 !important;
    display: grid !important;
    min-height: 0 !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
#profileModal.legacy-route-dialog .profile-picker-save .btn {
    width: min(280px, 100%) !important;
    min-height: 52px !important;
    margin: 0 !important;
  }
#profileModal.legacy-route-dialog .account-security .side-action,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-active,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-entering,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-exiting {
    border: 1px solid transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--muted) !important;
  }
#profileModal.legacy-route-dialog .account-security .side-action:hover,
  #profileModal.legacy-route-dialog .account-security .side-action:focus-visible,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-active,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-entering {
    border-color: rgb(var(--accent-rgb) / .82) !important;
    background: rgb(var(--accent-rgb) / .055) !important;
    background-image: none !important;
    color: var(--accent) !important;
    box-shadow: 0 0 0 2px rgb(var(--accent-rgb) / .1) !important;
  }
#profileModal.legacy-route-dialog .account-security .side-action:hover > *,
  #profileModal.legacy-route-dialog .account-security .side-action:focus-visible > *,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-active > *,
  #profileModal.legacy-route-dialog .account-security .side-action.liquid-control.is-fluid-entering > * { color: inherit !important; }
#profileModal.legacy-route-dialog .account-security .side-action.danger-action:hover,
  #profileModal.legacy-route-dialog .account-security .side-action.danger-action:focus-visible {
    border-color: rgb(198 43 66 / .72) !important;
    background: rgb(198 43 66 / .055) !important;
    color: #c62b42 !important;
    box-shadow: 0 0 0 2px rgb(198 43 66 / .08) !important;
  }
.legacy-mode-carousel { gap: 66px !important; }
.legacy-mode-card,
  .legacy-mode-card.is-active,
  .legacy-mode-card.is-active ~ .legacy-mode-card {
    font-family: "Manrope", sans-serif !important;
    font-size: clamp(27px, 2.3vw, 38px) !important;
    font-weight: 400 !important;
    letter-spacing: -.045em !important;
    line-height: 1 !important;
    color: rgb(24 24 27 / .46) !important;
    transition: color 170ms ease, opacity 140ms linear !important;
  }
#generator .legacy-mode-carousel .legacy-mode-card.is-mode-in-zone,
  #generator .legacy-mode-carousel .legacy-mode-card.is-active {
    color: #18181b !important;
  }
#generator .legacy-mode-carousel .legacy-mode-card.is-mode-in-zone > span,
  #generator .legacy-mode-carousel .legacy-mode-card.is-active > span {
    color: inherit !important;
  }
#generator .legacy-mode-carousel .legacy-mode-card:hover,
  #generator .legacy-mode-carousel .legacy-mode-card:focus-visible,
  #generator .legacy-mode-carousel .legacy-mode-card:hover > span,
  #generator .legacy-mode-carousel .legacy-mode-card:focus-visible > span {
    color: var(--accent) !important;
  }}
@media (max-width: 1060px) {#mobileApp[data-mobile-v2] {
    --m2-ink: #121318;
    --m2-muted: #72757f;
    --m2-canvas: #f4f6fa;
    --m2-tile: #fff;
    --m2-line: #e6e8ee;
    --m2-blue: #065dfd;
    --m2-shadow: 0 10px 26px rgba(26, 37, 57, .08);
    background: var(--m2-canvas);
  }
#mobileApp[data-mobile-v2] .m-stage { background: var(--m2-canvas); }
#mobileApp[data-mobile-v2] #mobileCreatePage { padding-top: 7px; }
#mobileApp[data-mobile-v2] .m-project-deck[data-has-context="false"] { display: none; }
#mobileApp[data-mobile-v2] .m-project-deck[data-has-context="true"] { margin: 0 0 12px; }
#mobileApp[data-mobile-v2] .m-project-deck-heading { min-height: 48px; padding: 0 1px 5px; }
#mobileApp[data-mobile-v2] .m-project-deck-icon {
    background: #fff;
    color: var(--m2-ink);
    box-shadow: var(--m2-shadow);
  }
#mobileApp[data-mobile-v2] .m-project-deck-copy > small,
  #mobileApp[data-mobile-v2] .m-project-context-label { color: var(--m2-muted); }
#mobileApp[data-mobile-v2] .m-project-deck-copy > em i {
    background: var(--m2-ink);
    box-shadow: 0 0 0 4px rgba(18, 19, 24, .08);
  }
#mobileApp[data-mobile-v2][data-m2-state="generating"] .m-project-deck-copy > em i {
    animation: m2-status-breathe 1.15s ease-in-out infinite;
  }
#mobileApp[data-mobile-v2] .m-project-visual-main {
    border-color: rgba(255, 255, 255, .86);
    border-radius: 22px;
    box-shadow: var(--m2-shadow);
  }
#mobileApp[data-mobile-v2] .m-project-context {
    border-color: var(--m2-line);
    border-radius: 19px;
    background: #fff;
    box-shadow: var(--m2-shadow);
    backdrop-filter: none;
  }
#mobileApp[data-mobile-v2] .m-project-context-item { position: relative; }
#mobileApp[data-mobile-v2] .m-project-context-item [data-mobile-reference-remove] {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--m2-ink);
    color: #fff;
    box-shadow: 0 4px 10px rgba(18, 19, 24, .18);
  }
#mobileApp[data-mobile-v2] .m-project-context-item [data-mobile-reference-remove] .material-symbols-outlined { font-size: 14px; }
#mobileApp[data-mobile-v2] .m-mode-rail {
    gap: 8px;
    margin: 0 0 10px;
    padding: 1px 0 5px;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 1px;
  }
#mobileApp[data-mobile-v2] .m-mode-pill {
    min-height: 48px;
    padding: 0 12px;
    border: 1px solid #e6e8ee;
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    color: var(--m2-muted);
    box-shadow: none;
    font-size: 11px;
    font-weight: 800;
    scroll-snap-align: start;
    transition: transform 180ms cubic-bezier(.2, .85, .24, 1), background 180ms ease, color 180ms ease, border-color 180ms ease;
  }
#mobileApp[data-mobile-v2] .m-mode-pill.is-active {
    border-color: var(--m2-ink);
    background: var(--m2-ink);
    color: #fff;
    box-shadow: none;
  }
#mobileApp[data-mobile-v2] .m-mode-pill:active { transform: scale(.96); }
#mobileApp[data-mobile-v2] .m-mode-pill:focus-visible,
  #mobileApp[data-mobile-v2] button:focus-visible,
  #mobileApp[data-mobile-v2] input:focus-visible,
  #mobileApp[data-mobile-v2] textarea:focus-visible {
    outline: 3px solid rgba(6, 93, 253, .34);
    outline-offset: 3px;
  }
#mobileApp[data-mobile-v2] .m-upload-tile { padding: 0; display: block; }
#mobileApp[data-mobile-v2] .m-upload-main {
    width: 100%;
    min-height: 104px;
    padding: 16px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 40px;
    gap: 12px;
    align-items: center;
    border: 0;
    border-radius: inherit;
    background: transparent;
    color: var(--m2-ink);
    text-align: left;
  }
#mobileApp[data-mobile-v2] .m-upload-main > span:nth-child(2) { min-width: 0; }
#mobileApp[data-mobile-v2] .m-upload-main strong,
  #mobileApp[data-mobile-v2] .m-upload-main small { display: block; }
#mobileApp[data-mobile-v2] .m-upload-main small { margin-top: 3px; color: var(--m2-muted); }
#mobileApp[data-mobile-v2] .m-upload-main:active,
  #mobileApp[data-mobile-v2] .m-setting-tile:active,
  #mobileApp[data-mobile-v2] .m-template-card:active { transform: scale(.985); }
#mobileApp[data-mobile-v2] .m-generate-button { background: var(--m2-ink); }
#mobileApp[data-mobile-v2] #mobileGenerateButton { min-height: 48px; }
#mobileApp[data-mobile-v2][data-m2-state="generating"] .m-generate-button { position: relative; overflow: hidden; }
#mobileApp[data-mobile-v2][data-m2-state="generating"] .m-generate-button::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(100deg, transparent 10%, rgba(255, 255, 255, .13) 45%, transparent 80%);
    transform: translateX(-100%);
    animation: m2-progress-sweep 1.35s ease-in-out infinite;
    pointer-events: none;
  }
#mobileApp[data-mobile-v2] .m2-project-utilities[hidden] { display: none; }
#mobileApp[data-mobile-v2] .m2-project-utilities { display: grid; gap: 10px; margin-top: 10px; }
#mobileApp[data-mobile-v2] .m2-result-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
#mobileApp[data-mobile-v2] .m2-result-actions button {
    min-width: 0;
    min-height: 58px;
    padding: 7px 3px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 4px;
    border: 1px solid var(--m2-line);
    border-radius: 16px;
    background: #fff;
    color: var(--m2-ink);
    box-shadow: var(--m2-shadow);
    font-size: 9px;
    font-weight: 800;
  }
#mobileApp[data-mobile-v2] .m2-result-actions .material-symbols-outlined { font-size: 20px; }
#mobileApp[data-mobile-v2] .m2-result-actions button:first-child { border-color: var(--m2-ink); background: var(--m2-ink); color: #fff; }
#mobileApp[data-mobile-v2] .m2-versions { min-width: 0; }
#mobileApp[data-mobile-v2] .m2-versions-heading {
    padding: 0 1px 7px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--m2-ink);
    font-size: 11px;
    font-weight: 800;
  }
#mobileApp[data-mobile-v2] .m2-versions-heading small { color: var(--m2-muted); font-size: 9px; font-weight: 700; }
#mobileApp[data-mobile-v2] .m2-version-timeline {
    margin: 0;
    padding: 0 1px 3px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    list-style: none;
    scrollbar-width: none;
  }
#mobileApp[data-mobile-v2] .m2-version-timeline::-webkit-scrollbar { display: none; }
#mobileApp[data-mobile-v2] .m2-version-timeline li { flex: 0 0 132px; }
#mobileApp[data-mobile-v2] .m2-version-timeline button {
    width: 100%;
    min-height: 54px;
    padding: 9px 10px;
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 2px 7px;
    align-items: center;
    border: 1px solid var(--m2-line);
    border-radius: 15px;
    background: #fff;
    color: var(--m2-ink);
    text-align: left;
  }
#mobileApp[data-mobile-v2] .m2-version-timeline button > span:nth-child(2) {
    overflow: hidden;
    font-size: 10px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
#mobileApp[data-mobile-v2] .m2-version-timeline button small { grid-column: 2; color: var(--m2-muted); font-size: 8px; }
#mobileApp[data-mobile-v2] .m2-version-dot {
    width: 7px;
    height: 7px;
    grid-row: span 2;
    border-radius: 50%;
    background: var(--m2-muted);
  }
#mobileApp[data-mobile-v2] .m2-version-dot.is-succeeded { background: #48c85d; }
#mobileApp[data-mobile-v2] .m2-version-dot.is-queued,
  #mobileApp[data-mobile-v2] .m2-version-dot.is-running,
  #mobileApp[data-mobile-v2] .m2-version-dot.is-waiting { background: var(--m2-blue); }
#mobileApp[data-mobile-v2] .m-inspiration-section { margin-top: 2px; padding-top: 0; }
#mobileApp[data-mobile-v2] .m-inspiration-heading { margin-bottom: 7px; }
#mobileApp[data-mobile-v2] .m-inspiration-heading > span > i,
  #mobileApp[data-mobile-v2] .m-inspiration-heading button { color: var(--m2-ink); }
#mobileApp[data-mobile-v2] .m2-inspiration-tools { display: grid; gap: 8px; margin: 0 0 10px; }
#mobileApp[data-mobile-v2] .m2-ideas-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
#mobileApp[data-mobile-v2] .m2-ideas-search label {
    min-width: 0;
    min-height: 48px;
    padding: 0 13px;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    border: 1px solid var(--m2-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--m2-shadow);
    color: var(--m2-muted);
  }
#mobileApp[data-mobile-v2] .m2-ideas-search label .material-symbols-outlined { font-size: 19px; }
#mobileApp[data-mobile-v2] .m2-ideas-search input {
    min-width: 0;
    width: 100%;
    height: 46px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--m2-ink);
    font-size: 12px;
  }
#mobileApp[data-mobile-v2] .m2-ideas-search > button {
    min-width: 48px;
    min-height: 48px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--m2-ink);
    border-radius: 16px;
    background: var(--m2-ink);
    color: #fff;
    font-size: 0;
    font-weight: 800;
  }
#mobileApp[data-mobile-v2] .m2-ideas-search > button .material-symbols-outlined { font-size: 20px; }
#mobileApp[data-mobile-v2] .m2-branch-crumb,
  #mobileApp[data-mobile-v2] .m2-ideas-error,
  #mobileApp[data-mobile-v2] .m2-ideas-loading { min-height: 48px; border-radius: 16px; }
#mobileApp[data-mobile-v2] .m2-branch-crumb {
    padding: 8px 8px 8px 12px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) 40px;
    gap: 7px;
    align-items: center;
    border: 1px solid var(--m2-line);
    background: #fff;
    color: var(--m2-ink);
    font-size: 10px;
    font-weight: 800;
  }
#mobileApp[data-mobile-v2] .m2-branch-crumb > .material-symbols-outlined { color: var(--m2-blue); font-size: 18px; }
#mobileApp[data-mobile-v2] .m2-branch-crumb button {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: #f4f6fa;
    color: var(--m2-ink);
  }
#mobileApp[data-mobile-v2] .m2-ideas-error {
    padding: 9px 10px;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    background: #fff3e8;
    color: #9b541b;
  }
#mobileApp[data-mobile-v2] .m2-ideas-error > .material-symbols-outlined { font-size: 19px; }
#mobileApp[data-mobile-v2] .m2-ideas-error div { display: grid; gap: 2px; }
#mobileApp[data-mobile-v2] .m2-ideas-error strong { font-size: 10px; }
#mobileApp[data-mobile-v2] .m2-ideas-error small { font-size: 9px; line-height: 1.35; }
#mobileApp[data-mobile-v2] .m2-ideas-error button {
    min-height: 40px;
    padding: 0 10px;
    border: 0;
    border-radius: 12px;
    background: var(--m2-ink);
    color: #fff;
    font-size: 9px;
    font-weight: 800;
  }
#mobileApp[data-mobile-v2] .m2-ideas-loading {
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid var(--m2-line);
    background: #fff;
    color: var(--m2-muted);
    font-size: 10px;
    font-weight: 800;
  }
#mobileApp[data-mobile-v2] .m2-ideas-loading > span {
    width: 14px;
    height: 14px;
    border: 2px solid var(--m2-line);
    border-top-color: var(--m2-ink);
    border-radius: 50%;
    animation: m2-spin .8s linear infinite;
  }
#mobileApp[data-mobile-v2] .m-inspiration-card {
    border-color: rgba(255, 255, 255, .86);
    border-radius: 19px;
    box-shadow: var(--m2-shadow);
  }
#mobileApp[data-mobile-v2] .m-inspiration-action { width: 48px; height: 48px; border-radius: 14px; }
#mobileApp[data-mobile-v2] .m-inspiration-action.is-confirmed { background: var(--m2-ink); color: #fff; }
#mobileSettingsSheet .m2-inspector-preview {
    margin: 0 16px 10px;
    padding: 12px 13px;
    display: grid;
    gap: 3px;
    border: 1px solid #e6e8ee;
    border-radius: 16px;
    background: #f4f6fa;
  }
#mobileSettingsSheet .m2-inspector-preview > span {
    color: #72757f;
    font: 600 8px/1 "IBM Plex Mono", monospace;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
#mobileSettingsSheet .m2-inspector-preview strong { color: #121318; font-size: 14px; }
#mobileSettingsSheet .m2-inspector-preview small { color: #72757f; font-size: 10px; line-height: 1.4; }
#mobileApp[data-mobile-v2] .m2-live-region {
    position: fixed;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }
#mobileApp[data-mobile-v2].m2-drag-active .m-project-deck[data-has-context="true"] {
    outline: 2px dashed var(--m2-blue);
    outline-offset: 4px;
  }}
@media (max-width: 380px) {#mobileApp[data-mobile-v2] .m-mode-pill { min-height: 48px; padding-inline: 11px; }
#mobileApp[data-mobile-v2] .m2-result-actions button { min-height: 54px; }
#mobileApp[data-mobile-v2] .m2-ideas-search label { padding-inline: 11px; }}
.m2-sheet {
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(10, 13, 20, .42);
}
.m2-sheet[open] { display: grid; align-items: end; }
.m2-sheet::backdrop { background: rgba(10, 13, 20, .42); backdrop-filter: blur(7px); }
.m2-sheet-card {
  max-height: min(72dvh, 620px);
  padding: 9px 16px calc(18px + env(safe-area-inset-bottom));
  overflow-y: auto;
  border-radius: 26px 26px 0 0;
  background: #fff;
  color: #121318;
  box-shadow: 0 -18px 48px rgba(16, 24, 40, .16);
  animation: m2-sheet-in 260ms cubic-bezier(.2, .9, .25, 1) both;
}
.m2-sheet-handle { width: 38px; height: 4px; margin: 0 auto 12px; border-radius: 999px; background: #d9dce4; }
.m2-sheet-card header { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.m2-sheet-card header > div { display: grid; gap: 2px; }
.m2-sheet-card header span {
  color: #72757f;
  font: 600 8px/1 "IBM Plex Mono", monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.m2-sheet-card header h2 { margin: 0; font: 700 20px/1.1 Manrope, sans-serif; }
.m2-sheet-card header button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #121318;
  color: #fff;
}
.m2-filter-list { display: grid; gap: 8px; padding-top: 10px; }
.m2-filter-list button {
  min-height: 54px;
  padding: 0 12px 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #e6e8ee;
  border-radius: 17px;
  background: #f4f6fa;
  color: #121318;
  font: 800 12px/1 Manrope, sans-serif;
}
.m2-filter-list button i { font-size: 19px; font-style: normal; }
.m2-filter-list button.is-selected { border-color: #121318; background: #121318; color: #fff; }
@keyframes m2-spin { to { transform: rotate(1turn); } }
@keyframes m2-sheet-in { from { opacity: .4; transform: translateY(32px); } to { opacity: 1; transform: translateY(0); } }
@keyframes m2-progress-sweep { to { transform: translateX(100%); } }
@keyframes m2-status-breathe { 50% { transform: scale(.76); opacity: .62; } }
@media (prefers-reduced-motion: reduce) {#mobileApp[data-mobile-v2] *,
  #mobileApp[data-mobile-v2] *::before,
  #mobileApp[data-mobile-v2] *::after,
  .m2-sheet-card,
  .m2-ideas-loading > span {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }}
:root {
  --workspace-ink: #151516;
  --workspace-paper: #f1f1ef;
  --workspace-surface: #fff;
  --workspace-blue: #065dfd;
  --workspace-muted: #666970;
  --workspace-danger: #d83049;
  --workspace-soft-blue: #e6edff;
  --workspace-line: rgb(20 20 22 / .12);
  --workspace-ease: cubic-bezier(.2,.86,.22,1);
  --workspace-radius: 28px;
  --workspace-field-radius: 20px;
}
[hidden] { display: none !important; }
.desktop-edit-preview { display: none; }
@media (min-width: 1061px) {.upload-stage.is-project-editing { position: relative; }
.upload-stage.is-project-editing > .upload-icon { display: none !important; }
.upload-stage.is-project-editing .desktop-edit-preview {
    position: absolute;
    display: grid;
    place-items: center;
    inset: 16px 16px 76px;
    z-index: 1;
    overflow: hidden;
    border-radius: 24px;
    background: var(--workspace-paper);
  }
.upload-stage .desktop-edit-preview .desktop-edit-image { display: block; width: 100% !important; height: 100% !important; max-height: 100%; object-fit: contain !important; }
.upload-stage.is-project-editing .upload-copy { position: absolute; left: 24px; bottom: 20px; z-index: 2; text-align: left; }
.upload-stage.is-project-editing #uploadAction { position: absolute !important; top: 24px; right: 24px; bottom: auto; z-index: 3; margin: 0; }}
#projectViewer .project-viewer-header {
  display: block !important;
  position: absolute !important;
  inset: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) auto auto !important;
  z-index: 30;
  min-height: 0;
  padding: 0;
  border: 0;
  pointer-events: auto !important;
}
#projectViewer .project-viewer-header .project-viewer-close,
.legacy-idea-viewer-close {
  position: static !important;
  display: grid !important;
  place-items: center;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--workspace-ink) !important;
  color: var(--workspace-surface) !important;
  cursor: pointer;
  transform: none !important;
}
#projectViewer .project-viewer-close:hover,
.legacy-idea-viewer-close:hover { background: var(--workspace-danger) !important; }
#projectViewer button:focus-visible,
.legacy-idea-viewer button:focus-visible,
#mobileApp button:focus-visible,
#mobileApp input:focus-visible,
#mobileApp textarea:focus-visible {
  outline: 2px solid var(--workspace-blue) !important;
  outline-offset: 3px;
}
#mobileApp .m-field-tile:focus-within { outline: 2px solid var(--workspace-blue); outline-offset: 3px; }
#mobileApp .m-field-tile textarea:focus-visible,
#mobileApp .m-field-tile input:focus-visible { outline: none !important; }
.project-viewer-state {
  box-sizing: border-box;
  width: min(480px, 100%);
  padding: 32px 20px;
  text-align: center;
  color: var(--workspace-ink);
  background: var(--workspace-surface);
  border-radius: 28px;
}
.project-viewer-state > .material-symbols-outlined {
  display: inline-grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 24px;
  background: var(--workspace-paper);
  font-size: 32px;
}
.project-viewer-state h2 { margin: 24px 0 12px; font: 700 24px/1.2 Manrope, sans-serif; letter-spacing: -.035em; text-wrap: balance; }
.project-viewer-state p { margin: 0; font: 500 15px/1.6 Manrope, sans-serif; text-wrap: pretty; }
.project-viewer-state small { display: block; margin-top: 20px; color: var(--workspace-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
#projectViewer[data-project-status="failed"] .project-viewer-media,
#projectViewer[data-project-status="running"] .project-viewer-media,
#projectViewer[data-project-status="queued"] .project-viewer-media {
  width: min(480px, calc(100vw - 48px)) !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
}
#projectViewer .project-retry-action { display: inline-flex !important; align-items: center; flex-direction: row; width: auto !important; border-radius: 999px; padding: 0 24px !important; gap: 8px; font: 700 14px/1 Manrope, sans-serif; }
#projectViewer .project-retry-action > span:last-child { font: inherit; }
#projectViewer .project-viewer-actions:empty { display: none !important; }
#projectViewer:not([data-project-status="succeeded"]) .project-viewer-card { justify-content: center !important; }
#retryProjectModal .delete-project-actions { flex-wrap: wrap; }
#retryProjectModal .delete-project-actions button { min-width: 0; white-space: normal; }
dialog.legacy-idea-viewer {
  box-sizing: border-box;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
}
dialog.legacy-idea-viewer:not([open]) { display: none; }
dialog.legacy-idea-viewer::backdrop { background: transparent; }
.legacy-idea-viewer-panel { max-width: 100%; min-width: 0; height: min(820px, calc(100dvh - 56px)); }
.legacy-idea-viewer-close { position: absolute !important; top: 12px; right: 12px; z-index: 3; }
.legacy-idea-viewer-canvas { min-width: 0; }
.legacy-idea-viewer-toolbar { min-width: 0; flex-wrap: wrap; overflow: visible; justify-content: center; }
.legacy-idea-viewer-toolbar button { flex-shrink: 0; }
.legacy-idea-viewer-toolbar output { font-variant-numeric: tabular-nums; }
.payment-availability { margin: 16px 0; padding: 16px 20px; border-radius: 20px; background: var(--workspace-paper); color: var(--workspace-muted); font: 500 14px/1.5 Manrope, sans-serif; }
.payment-availability[hidden] { display: none; }
[data-plan]:disabled, [data-mobile-plan]:disabled { opacity: .55; cursor: not-allowed; }
@media (min-width: 761px) and (max-width: 1060px) {#mobileApp { --m-edge: 32px; --m-header: 72px; --m-dock: 76px; }
#mobileApp .m-page { max-width: 880px; margin-inline: auto; padding-bottom: 24px; }
#mobileApp .m-dock { max-width: 560px; margin-inline: auto; }
#mobileApp .m-mode-rail { padding-block: 8px 16px; }
#mobileApp .m-mode-rail button { min-height: 48px; }
#mobileApp .m-form-label { font-size: 13px; }
#mobileApp input, #mobileApp textarea { font-size: 16px; }
#mobileApp .m-setting-tile > span:first-child { font-size: 12px; }
#mobileApp .m-setting-tile strong { font-size: 14px; }
#mobileApp #mobileProductName { height: 28px; min-height: 28px; max-height: 80px; line-height: 1.5; }
#mobileApp .m-inspiration-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#mobileApp .m-project-deck { max-width: 640px; width: 100%; margin-inline: auto !important; }
#mobileApp .m-page h1 { font-size: 32px; }}
@media (max-width: 1060px) {#projectViewer .project-viewer-card { padding-top: max(76px, env(safe-area-inset-top)) !important; padding-bottom: max(24px, env(safe-area-inset-bottom)) !important; }
#projectViewer .project-viewer-image { max-height: calc(100dvh - 270px) !important; }
#mobileCreatePage > * { flex-shrink: 0; }
#mobileApp .m-mode-rail { min-height: 64px; }
body:not(.is-video-mode) .m-video-upload-split { display: none; }}
@media (max-width: 760px) {dialog.legacy-idea-viewer { padding: 12px; }
.legacy-idea-viewer-panel { width: 100%; height: calc(100dvh - 24px); gap: 12px; }
.legacy-idea-viewer-toolbar { border-radius: 24px; padding: 8px; gap: 4px; }
.legacy-idea-viewer-toolbar output { min-width: 52px; }
.legacy-idea-viewer-canvas { border-radius: 24px; }
#projectViewer .project-viewer-card { padding-top: 76px; }
.project-viewer-state { padding: 20px 12px; }
.project-viewer-state h2 { font-size: 22px; }}
@media (prefers-reduced-motion: reduce) {.legacy-idea-viewer-canvas img, #mobileApp *, #mobileApp *::before, #mobileApp *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }}
.workspace-intro { color: var(--workspace-ink); }
.workspace-intro h1 { margin: 12px 0 8px; font: 600 clamp(32px, 3.2vw, 46px)/1.12 Manrope, sans-serif; letter-spacing: -.05em; text-wrap: balance; }
.workspace-intro p { margin: 0; max-width: 560px; color: var(--workspace-muted); font: 500 15px/1.55 Manrope, sans-serif; }
.workspace-eyebrow { color: var(--workspace-blue); font: 800 10px/1.5 Manrope, sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.workspace-panel-heading { display: flex; flex-wrap: wrap; gap: 4px 16px; justify-content: space-between; align-items: baseline; }
.workspace-panel-heading > span { font: 800 13px/1.4 Manrope, sans-serif; color: var(--workspace-ink); }
.workspace-panel-heading small { font: 500 12px/1.5 Manrope, sans-serif; color: var(--workspace-muted); }
.workspace-availability { display: flex; gap: 16px; padding: 24px; margin: 0 0 20px; background: var(--workspace-soft-blue); border-radius: var(--workspace-radius); color: var(--workspace-ink); }
.workspace-availability > .material-symbols-outlined { flex: 0 0 28px; color: var(--workspace-blue); font-size: 28px; }
.workspace-availability strong { display: block; font: 800 16px/1.4 Manrope, sans-serif; }
.workspace-availability p { max-width: 640px; margin: 8px 0 16px; font: 500 14px/1.6 Manrope, sans-serif; }
.workspace-availability button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 16px; background: var(--workspace-ink); color: var(--workspace-surface); border: 0; border-radius: 999px; font: 700 13px/1.4 Manrope, sans-serif; cursor: pointer; }
.workspace-availability button:hover { background: var(--workspace-blue); }
.workspace-availability button:focus-visible,
.legacy-mode-carousel button:focus-visible { outline: 2px solid var(--workspace-blue); outline-offset: 3px; }
[data-workspace-unavailable] #generationForm,
[data-workspace-unavailable] #mobileCreatePage .workspace-scenario-stage > .m-field-group,
[data-workspace-unavailable] #mobileCreatePage .workspace-scenario-stage > .m-upload-tile,
[data-workspace-unavailable] #mobileCreatePage .workspace-scenario-stage > .m-settings-grid,
[data-workspace-unavailable] #mobileCreatePage .workspace-scenario-stage > .m-generate-row,
[data-workspace-unavailable] #mobileCreatePage .workspace-scenario-stage > .m-project-edit-instruction { display: none !important; }
@media (min-width: 1061px) {#generator.generator-main { padding-top: 16px; }
#generator .generator-heading { margin-bottom: 24px !important; }
#generator .generator-heading > div { width: 100%; min-width: 0; }
#generator .legacy-project-heading { gap: 8px; min-height: 20px; }
#generator .legacy-project-heading .label { font: 800 10px/1.5 Manrope, sans-serif; letter-spacing: .09em; }
#generator .legacy-inspiration-strip { margin-top: 40px !important; }}
@media (max-width: 1060px) {#mobileApp .workspace-intro-touch { margin: 8px 0 20px; }
#mobileApp .workspace-intro-touch h1 { margin-top: 8px; font-size: clamp(30px, 5vw, 38px); line-height: 1.1; }
#mobileApp .workspace-intro-touch p { font-size: 14px; max-width: 440px; }
#mobileApp .m-mode-rail { margin-bottom: 20px !important; min-height: 52px !important; padding-block: 4px 8px !important; scroll-snap-type: x proximity; }
#mobileApp .m-field-tile { background: var(--workspace-paper) !important; border-radius: var(--workspace-field-radius) !important; }
#mobileApp .m-field-placeholder { font: 500 16px/1.5 Manrope, sans-serif !important; opacity: .7; }
#mobileApp .m-form-label { font: 700 12px/1.5 Manrope, sans-serif !important; color: var(--workspace-muted); }
#mobileApp .m-upload-tile { border-radius: var(--workspace-radius) !important; margin-bottom: 8px; }
#mobileApp .m-setting-tile { background: var(--workspace-paper) !important; border-radius: 18px !important; }
#mobileApp .workspace-availability { padding: 20px; gap: 12px; }
#mobileApp .workspace-availability button { text-align: left; }}
@media (prefers-reduced-motion: reduce) {.workspace-intro *, .legacy-mode-carousel *, .workspace-availability * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }}
@media (min-width: 1061px) {#generator .generator-heading { height: auto !important; min-height: 0 !important; align-items: stretch !important; padding: 0 !important; margin-left: 0 !important; }}
body[data-workspace-editing] #generator .legacy-mode-carousel,
body[data-workspace-editing] #mobileApp .m-mode-rail,
body[data-workspace-editing] #projectEditInstruction,
body[data-workspace-editing] #mobileProjectEditInstruction,
body[data-workspace-editing] #mobileApp .m2-result-actions,
body[data-workspace-editing] #mobileApp .m2-versions { display: none !important; }
@media (max-width: 1060px) {#mobileApp .m-description-tile { min-height: 126px !important; height: auto !important; padding: 14px !important; }
#mobileApp #mobileDescription { height: 96px !important; min-height: 96px !important; max-height: 96px !important; line-height: 24px !important; }
#mobileApp [data-mobile-placeholder="description"] { top: 14px !important; height: 96px !important; max-height: 96px !important; }}
html body .legacy-mode-carousel {
  position: relative !important; display: flex !important; flex-wrap: nowrap !important;
  align-items: center !important; gap: 28px !important; width: 100% !important; max-width: 100% !important;
  height: 76px !important; min-height: 76px !important; margin: 0 !important;
  padding: 8px 0 !important; overflow-x: auto !important; overflow-y: hidden !important;
  mask-image: linear-gradient(90deg, transparent, #000 3%, #000 90%, transparent) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 90%, transparent) !important;
  scrollbar-width: none; scroll-snap-type: none !important; scroll-behavior: auto !important;
  touch-action: pan-y; cursor: grab; user-select: none;
}
html body .legacy-mode-carousel::-webkit-scrollbar { display: none; }
html body .legacy-mode-carousel::before, html body .legacy-mode-carousel::after { display: none !important; }
html body .legacy-mode-carousel .legacy-mode-card {
  flex: 0 0 auto !important; width: max-content !important; min-width: 0 !important; max-width: none !important;
  display: inline-flex !important; align-items: center; min-height: 44px !important; height: 44px !important;
  padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; filter: none !important;
  font: 620 clamp(24px, 2.15vw, 32px)/1.1 Manrope, sans-serif !important; letter-spacing: -.045em !important;
  color: #5e626b !important; transform-origin: center center !important;
  transform: perspective(720px) rotateY(var(--mode-tilt, 0deg)) translateY(var(--mode-shift, 0px)) scale(var(--mode-scale, 1)) !important;
  transition: color 170ms ease !important; cursor: inherit;
}
html body .legacy-mode-carousel .legacy-mode-card > span { color: inherit !important; }
html body .legacy-mode-carousel .legacy-mode-card > .material-symbols-outlined,
html body .legacy-mode-carousel .legacy-mode-card::before,
html body .legacy-mode-carousel .legacy-mode-card::after { display: none !important; }
html body .legacy-mode-carousel .legacy-mode-card.is-active { color: var(--workspace-ink) !important; }
html body .legacy-mode-carousel .legacy-mode-card:is(:hover, :focus-visible) { color: var(--workspace-blue) !important; }
html body .legacy-mode-carousel.is-dragging { cursor: grabbing; }
.workspace-ribbon-host { min-width: 0; width: 100%; }
body:not([data-workspace-editing]) .workspace-intro { display: none !important; }
.workspace-panel-heading, .workspace-eyebrow, .inspiration-heading > p { display: none !important; }
#generator .inspiration-heading h2 { display: inline-flex !important; align-items: center; gap: 6px; margin: 0; color: #065dfd !important; font: 800 clamp(12px, .9vw, 15px)/1 Manrope, sans-serif !important; letter-spacing: .09em !important; text-transform: uppercase; }
#generator .inspiration-heading h2 > .material-symbols-outlined { width: 20px; font-size: 21px !important; }
#generator .inspiration-heading h2 > span:last-child { font: inherit !important; }
#generator .inspiration-heading { margin-bottom: 14px !important; }
#generator .inspiration-controls { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(180px, 250px); align-items: start; gap: 16px !important; }
#generator .inspiration-filters { display: flex !important; flex-wrap: wrap !important; min-width: 0 !important; width: auto !important; overflow: visible !important; gap: 8px !important; }
#generator .inspiration-search { width: 100% !important; min-width: 0 !important; margin: 0 !important; }
#generator .inspiration-search input { min-width: 0 !important; }
@media (min-width: 1061px) {#generator .generator-heading { margin-bottom: 12px !important; }
#generator .legacy-inspiration-strip { margin-top: 24px !important; }}
html body .liquid-control:not(input):not(textarea):not(select):not(.legacy-mode-card):not(.inspiration-card-select):not(.workspace-material-open):not(.workspace-reference-open) {
  --control-fluid: #065dfd !important;
  background-image: radial-gradient(circle at var(--fluid-x, 50%) var(--fluid-y, 50%), var(--control-fluid) 0 var(--fluid-radius, 0px), transparent calc(var(--fluid-radius, 0px) + .75px)) !important;
  background-origin: border-box !important; background-clip: border-box !important;
  transition-property: --fluid-radius, color, border-color, box-shadow, transform !important;
}
html body .liquid-control:is(.is-fluid-active, :focus-visible):not(:disabled):not(.legacy-mode-card):not(.inspiration-card-select):not(.workspace-material-open):not(.workspace-reference-open) {
  --fluid-radius: var(--fluid-max, 500px); color: white !important; border-color: var(--control-fluid) !important;
}
html body .liquid-control:is(.is-fluid-active, :focus-visible):not(.legacy-mode-card):not(:disabled) :is(span, small, strong, i) { color: inherit !important; }
html body .liquid-control:is(.is-reset, .project-viewer-close, .legacy-idea-viewer-close, [data-close-modal], [data-legacy-reference-remove], #mobileSettingsClose, .workspace-material-viewer button) { --control-fluid: #d83049 !important; }
html body button:disabled { opacity: 1; color: #686d76 !important; cursor: not-allowed; --fluid-radius: 0px !important; }
html body button:disabled::after { animation: none !important; }
html body .liquid-control:focus-visible { --fluid-x: 50%; --fluid-y: 50%; --fluid-max: 1200px; outline: 2px solid #065dfd !important; outline-offset: 3px; }
html body .workspace-material-open, html body .workspace-reference-open { --fluid-radius: 0px !important; }
.workspace-material-canvas { position: absolute; inset: 12px 12px 82px; z-index: 2; border-radius: 22px; overflow: hidden; background: #f4f4f2; }
.workspace-material-open { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; }
.workspace-material-open > img { display: block; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.workspace-material-thumbs { position: absolute; bottom: 10px; left: 10px; right: 10px; display: flex; gap: 8px; padding: 8px; border-radius: 16px; background: rgb(255 255 255 / .88); backdrop-filter: blur(16px); overflow-x: auto; }
.workspace-material-thumbs button { flex: 0 0 44px; height: 44px; border-radius: 10px; border: 2px solid transparent; padding: 0; overflow: hidden; }
.workspace-material-thumbs button[aria-pressed="true"] { border-color: #065dfd; }
.workspace-material-thumbs img { width: 100%; height: 100%; object-fit: cover; }
html body .legacy-reference-strip figure { position: relative; width: 54px; height: 54px; flex: 0 0 54px; margin: 0; overflow: visible; }
html body .legacy-reference-strip .workspace-reference-open { position: static !important; width: 100% !important; height: 100% !important; border-radius: 12px; padding: 0; overflow: hidden; }
html body .legacy-reference-strip [data-legacy-reference-remove] { position: absolute; right: -2px; top: -2px; width: 24px; height: 24px; z-index: 2; background-color: #151516; color: white; }
.workspace-material-viewer { position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 64px 24px 24px; border: 0; background: #ededeb; }
.workspace-material-viewer > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.workspace-material-viewer > button { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; border-radius: 50%; background: #151516; color: white; border: 0; }
#custom-cursor, .cursor-droplet-a, .cursor-droplet-b { z-index: 2147483647 !important; pointer-events: none !important; }
#toast { position: fixed !important; z-index: 2147483646 !important; }
@media (max-width: 1060px) {#mobileApp .m-mode-rail { display: block !important; overflow: visible !important; padding: 0 !important; margin: 0 0 12px !important; min-height: 0 !important; mask-image: none !important; }
#mobileApp .legacy-mode-carousel { height: 68px !important; min-height: 68px !important; }
#mobileApp .m-field-tile { background-color: #fff !important; border: 1px solid #c8cbc9 !important; }
#mobileApp .m-setting-tile { background-color: #fff !important; border: 1px solid #c8cbc9 !important; }
#mobileApp .m-field-placeholder { color: #656970 !important; opacity: 1 !important; }
#mobileApp .m-field-group { margin-bottom: 10px !important; }
#mobileApp .m-name-tile { min-height: 56px !important; }
#mobileApp .m-description-tile { min-height: 102px !important; }
#mobileApp #mobileDescription { min-height: 72px !important; height: 72px !important; max-height: 72px !important; }
#mobileApp [data-mobile-placeholder="description"] { max-height: 72px !important; height: 72px !important; }
#mobileApp .m-upload-tile { position: relative; }
#mobileApp .has-material-canvas { padding-top: 200px !important; }
#mobileApp .workspace-material-canvas { inset: 8px 8px auto; height: 192px; }
#mobileApp .has-material-canvas .m-upload-icon { display: none !important; }
#mobileApp .m-setting-tile { min-height: 54px !important; }
#mobileApp .m-form-label { margin-bottom: 4px !important; }
#mobileApp .m-inspiration-section { margin-top: 20px !important; }
#mobileApp .m-inspiration-heading strong { color: #065dfd !important; font: 800 12px/1.2 Manrope,sans-serif !important; letter-spacing: .09em; text-transform: uppercase; }
#mobileApp .m-inspiration-heading > span > i { display: inline-block !important; color: #065dfd !important; font-size: 21px !important; }
#mobileApp .m-inspiration-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; align-items: start; }
#mobileApp .inspiration-card { position: relative !important; inset: auto !important; width: 100% !important; transform: none !important; margin: 0 !important; min-width: 0; }
#mobileApp .inspiration-card-media { border-radius: 24px !important; aspect-ratio: 3/4; }
#mobileApp .inspiration-card-media > img { width: 100%; height: 100%; object-fit: cover; }
#mobileApp .inspiration-card-title { display: none !important; }
#mobileApp .inspiration-card-add, #mobileApp .inspiration-card-favorite { width: 42px !important; height: 42px !important; bottom: 10px !important; }
#mobileApp .inspiration-card-add { right: 10px !important; }
#mobileApp .inspiration-card-favorite { left: 10px !important; }
#mobileApp .inspiration-card-more { width: 40px !important; height: 40px !important; top: 10px !important; right: 10px !important; }
#mobileApp .inspiration-card-tag { top: 10px !important; left: 10px !important; max-width: calc(100% - 66px); font-size: 10px !important; }
#mobileApp .inspiration-card-menu { max-width: calc(100% - 16px); right: 8px !important; }
#mobileApp .m2-ideas-search { display: block; }
#mobileApp .workspace-mobile-filters { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; width: 100% !important; gap: 8px; padding-block: 4px 8px; scrollbar-width: none; }
#mobileApp .workspace-mobile-filters button { flex: 0 0 auto; white-space: nowrap; }
.m-settings-sheet-card { animation: none !important; }
.m-sheet-drag-region { touch-action: none !important; user-select: none; cursor: grab; padding-top: 8px; }
.m-settings-sheet-card[data-dragging="true"] { transition: none !important; }
.m2-inspector-preview { display: none !important; }}
@media (prefers-reduced-motion: reduce) {html body .liquid-control { transition-duration: 0ms !important; }}
#mobileApp .workspace-touch-references { display: flex; gap: 10px; overflow-x: auto; padding: 10px 6px; }
html body button:disabled { background-image: none !important; }
@media (min-width: 1061px) {body { padding-top: 88px !important; }
#generator .brief-title .brief-control { min-height: 26px !important; height: 26px !important; line-height: 26px !important; }
#generator .legacy-inspiration-strip { padding-top: 0 !important; margin-top: 16px !important; }
#generator .inspiration-controls { margin-bottom: 16px !important; }
#generator .inspiration-filters { flex-wrap: wrap !important; overflow: visible !important; height: auto !important; max-height: none !important; padding: 0; mask-image: none !important; }
#generator .inspiration-filters button { flex: 0 0 auto !important; }}
@media (min-width: 1061px) and (max-height: 820px) {#generator.generator-main { padding-top: 4px !important; }
html body .legacy-mode-carousel { height: 62px !important; min-height: 62px !important; }
#generator .generator-heading { margin-bottom: 0 !important; }}
@media (max-width: 1060px) {#mobileApp #mobileProjectDeck { display: none !important; }
#mobileApp .m-upload-main { min-height: 88px !important; height: 88px !important; padding: 16px !important; }
#mobileApp .has-material-canvas .m-upload-main { display: flex !important; align-items: center; gap: 12px; }
#mobileApp .has-material-canvas .m-upload-main > span:nth-child(2) { flex: 1; min-width: 0; width: auto !important; text-align: left; }
#mobileApp .has-material-canvas #mobileUploadAction { flex: 0 0 44px; position: static !important; }
#mobileApp .m-upload-tile { margin-bottom: 0 !important; }
#mobileApp .m-inspiration-section { margin-top: 10px !important; }}
@media (max-width: 1060px) {#mobileApp .m-ai-copy-action { position: static !important; width: auto !important; margin: 0 0 8px auto !important; min-height: 36px; transform: none !important; font-size: 12px !important; }}
html body #uploadAction.is-reset,
html body .project-viewer-close,
html body .legacy-idea-viewer-close,
html body .legacy-reference-strip [data-legacy-reference-remove] { background-color: #151516 !important; color: #fff !important; }
html body .inspiration-filters button.is-active { background-color: #151516 !important; color: #fff !important; }
html body #mobileApp .workspace-material-open > img { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 0 !important; }
@media (max-width: 760px) {#mobileApp #mobileCreatePage { gap: 8px !important; }
#mobileApp .legacy-mode-carousel { height: 60px !important; min-height: 60px !important; }
#mobileApp .m-mode-rail { margin-bottom: 4px !important; }
#mobileApp .m-field-group { margin-bottom: 0 !important; }
#mobileApp .m-name-tile { min-height: 54px !important; padding-block: 10px !important; }
#mobileApp .m-description-tile { min-height: 94px !important; padding-block: 10px !important; }
#mobileApp [data-mobile-placeholder="description"] { top: 10px !important; }
#mobileApp .m2-inspiration-tools { gap: 4px !important; margin-bottom: 8px !important; }
#mobileApp .m2-ideas-search, #mobileApp .m2-ideas-search label { min-height: 44px !important; height: 44px !important; }
#mobileApp .workspace-mobile-filters { padding-block: 0 4px !important; }
#mobileApp .workspace-mobile-filters button { min-height: 40px !important; }}
html body #mobileApp .workspace-mobile-filters button.is-active { color: #fff !important; }
html body #mobileApp .liquid-control:is(.is-fluid-active, :focus-visible):not(:disabled):not(.legacy-mode-card),
html body #mobileApp .liquid-control:is(.is-fluid-active, :focus-visible):not(:disabled):not(.legacy-mode-card) :is(span, strong, small, i) { color: #fff !important; }
@media (max-width: 760px) {#mobileApp .m-upload-main { height: 76px !important; min-height: 76px !important; }
#mobileApp .m-setting-tile { height: 54px !important; min-height: 54px !important; padding-block: 8px !important; }
#mobileApp .m-name-tile { height: 56px !important; min-height: 56px !important; }}
html body :is(#generator, #mobileApp, dialog, .product-sidebar, .app-header) .liquid-control:not(input):not(textarea):not(select):not(.legacy-mode-card):not(.inspiration-card-select):not(.workspace-material-open):not(.workspace-reference-open) {
  background-image: radial-gradient(circle at var(--fluid-x, 50%) var(--fluid-y, 50%), var(--control-fluid) 0 var(--fluid-radius, 0px), transparent calc(var(--fluid-radius, 0px) + .75px)) !important;
  background-origin: border-box !important; background-clip: border-box !important;
}
html body :is(#generator, #mobileApp, dialog, .product-sidebar, .app-header) .liquid-control:is(.is-fluid-active, :focus-visible):not(:disabled):not(.legacy-mode-card):not(.inspiration-card-select) { border-color: var(--control-fluid) !important; }
@media (max-width: 1060px) {html body #mobileApp .inspiration-card .inspiration-card-media { display: block !important; min-height: 0 !important; height: auto !important; aspect-ratio: 3/4; }
html body #mobileApp .inspiration-card .inspiration-card-media > img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
html body #mobileApp .inspiration-card :is(.inspiration-card-tag, .inspiration-card-vignette, .inspiration-card-more, .inspiration-card-favorite, .inspiration-card-add) { opacity: 1 !important; visibility: visible !important; transform: none !important; }
html body #mobileApp .inspiration-card :is(.inspiration-card-more, .inspiration-card-favorite, .inspiration-card-add) { display: grid !important; place-items: center; pointer-events: auto !important; background-color: rgb(20 23 32 / .76) !important; color: #fff !important; border: 0 !important; border-radius: 50%; padding: 0 !important; z-index: 4; }
html body #mobileApp .inspiration-card :is(.inspiration-card-more, .inspiration-card-favorite, .inspiration-card-add) .material-symbols-outlined { color: #fff !important; }
html body #mobileApp .inspiration-card .inspiration-card-more { position: absolute !important; top: 10px !important; right: 10px !important; bottom: auto !important; left: auto !important; }
html body #mobileApp .inspiration-card .inspiration-card-favorite-actions { position: absolute !important; inset: auto auto 10px 10px !important; width: 42px !important; height: 42px !important; z-index: 4; pointer-events: auto; }
html body #mobileApp .inspiration-card .inspiration-card-favorite { position: relative !important; inset: auto !important; }
html body #mobileApp .inspiration-card .inspiration-card-add { position: absolute !important; inset: auto 10px 10px auto !important; }
html body #mobileApp .inspiration-card .inspiration-card-add:disabled { opacity: .68 !important; }
html body #mobileApp .inspiration-card .inspiration-card-menu { position: absolute !important; top: 56px !important; z-index: 6 !important; }}
.workspace-scenario-stage { min-width: 0; box-sizing: border-box; }
.workspace-scenario-stage.is-transitioning { overflow: clip; pointer-events: none; will-change: height, filter, opacity; }
@media (max-width: 1060px) {#mobileApp .workspace-scenario-stage { display: grid; gap: 8px; width: 100%; }
#mobileApp .workspace-mobile-filters { mask-image: linear-gradient(to right, transparent, black 14px, black calc(100% - 14px), transparent); padding-inline: 14px; scroll-padding-inline: 14px; box-sizing: border-box; }}
html body :is(.brand, .m-brand, .mobile-brand) { background: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; --fluid-radius: 0px !important; }
html body :is(.m-brand, .mobile-brand) img { transition: transform 220ms ease; }
html body :is(.m-brand, .mobile-brand):is(:hover, :focus-visible) img { transform: scale(1.035); }
html body #generationForm .tool-field:is(.is-fluid-active, :has(:focus-visible)) .custom-select-trigger span.custom-select-arrow,
html body #generationForm .upload-stage.is-fluid-active > .upload-icon,
html body #generationForm .upload-stage.is-fluid-active > .upload-icon > span,
html body #mobileApp #mobileUploadButton.is-fluid-active :is(.m-upload-icon, .m-upload-icon > *, .m-tile-arrow) { color: #065dfd !important; background-color: #fff !important; }
html body .inspiration-card-title { display: none !important; }
#legacyInspirationFeed .inspiration-card, #mobileInspirationGrid .inspiration-card { transition: filter 240ms ease, opacity 240ms ease !important; }
#legacyInspirationFeed.is-refreshing .inspiration-card:not(.is-branch-stable), #mobileInspirationGrid.is-refreshing .inspiration-card { filter: blur(6px) !important; opacity: .28 !important; pointer-events: none !important; }
.workspace-field-error { display: block; color: #b6223b !important; font: 500 12px/1.4 Manrope,sans-serif; margin-top: 6px; }
.workspace-field-error[hidden] { display: none !important; }
html body :is(.brief-field, .m-field-tile):has([aria-invalid="true"]) { border-color: #b6223b !important; box-shadow: 0 0 0 1px #b6223b !important; }
@media (prefers-reduced-motion: reduce) {.workspace-scenario-stage, #legacyInspirationFeed .inspiration-card, #mobileInspirationGrid .inspiration-card { transition: none !important; filter: none !important; }}
@media (min-width: 1061px) and (max-height: 820px) {#generator .legacy-inspiration-strip { margin-top: 18px !important; }
#generator .inspiration-heading { margin-bottom: 10px !important; }}
#workspaceModeRibbon { height: 64px !important; min-height: 64px !important; padding: 0 0 8px !important; gap: 28px !important; mask-image: linear-gradient(to right, transparent, black 4px, black calc(100% - 36px), transparent) !important; }
#workspaceModeRibbon .legacy-mode-card { position: relative !important; padding: 8px 0 12px !important; font: 600 30px/1.2 Manrope,sans-serif !important; letter-spacing: -.045em !important; transform-origin: left center !important; color: var(--workspace-muted) !important; }
#workspaceModeRibbon .legacy-mode-card.is-active { color: var(--workspace-ink) !important; }
#workspaceModeRibbon .legacy-mode-card.is-active::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; bottom: 2px !important; top: auto !important; width: 24px !important; height: 3px !important; border-radius: 2px !important; background: var(--workspace-blue) !important; opacity: 1 !important; transform: none !important; }
@media (hover: hover) and (pointer: fine) {#workspaceModeRibbon .legacy-mode-card:not(.is-active):hover { color: var(--workspace-blue) !important; }}
#generator .legacy-project-heading { margin-left: 4px !important; }
.studio-project-caption { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--workspace-blue); font: 700 12px/20px Manrope,sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.studio-project-caption > span:first-child { font-size: 20px; }
.studio-project-caption > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studio-materials { --material-ratio: 1; --material-height: clamp(220px, 32vh, 340px); }
html body #generationForm.studio-workbench .studio-materials,
html body #mobileApp .studio-materials { display: block !important; min-height: 0 !important; height: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; overflow: visible !important; cursor: default !important; }
html body .studio-materials > :is(.upload-icon,.upload-copy,#uploadAction,.desktop-edit-preview,.m-upload-main,.m-video-upload-split) { display: none !important; }
.studio-assembly { display: grid; gap: 8px; min-width: 0; }
.studio-material-toolbar { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 44px; }
.studio-material-label { margin-right: auto; font: 600 12px/1.4 Manrope,sans-serif; color: var(--workspace-muted); }
.studio-material-count { font: 600 12px/1.4 Manrope,sans-serif; font-variant-numeric: tabular-nums; color: var(--workspace-muted); }
.studio-icon-button { display: inline-grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 1px solid var(--workspace-line); color: var(--workspace-ink); background-color: var(--workspace-surface); }
.studio-icon-button > span { font-size: 20px; }
html body .studio-delete { --control-fluid: var(--workspace-danger) !important; }
.studio-materials[data-material-count="0"] .studio-material-toolbar { display: none; }
html body #generationForm.studio-workbench .studio-empty,
html body #mobileApp .studio-empty { display: flex !important; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; width: 100%; min-height: 300px; padding: 28px !important; border-radius: 24px; border: 1px dashed rgb(20 20 22 / .22); background-color: rgb(255 255 255 / .48) !important; color: var(--workspace-ink); text-align: left; box-shadow: none; }
.studio-empty > .material-symbols-outlined { font-size: 36px; color: var(--workspace-blue); margin-bottom: 12px; }
.studio-empty strong { font: 600 22px/1.25 Manrope,sans-serif; letter-spacing: -.03em; }
.studio-empty small { font: 500 13px/1.5 Manrope,sans-serif; color: var(--workspace-muted); }
html body #generationForm.studio-workbench .workspace-material-canvas,
html body #mobileApp .studio-materials .workspace-material-canvas { position: static !important; display: flex !important; align-items: center; justify-content: center; width: 100%; height: auto !important; min-height: 0 !important; padding: 0; margin: 0; background: transparent !important; border-radius: 0 !important; overflow: visible; }
html body #generationForm.studio-workbench .workspace-material-open,
html body #mobileApp .studio-materials .workspace-material-open { position: relative !important; display: block !important; flex: 0 1 auto; width: min(100%, calc(var(--material-height) * var(--material-ratio))) !important; height: auto !important; min-height: 0 !important; max-height: var(--material-height) !important; aspect-ratio: var(--material-ratio); padding: 0 !important; border: 0; border-radius: 12px; overflow: hidden; background: var(--workspace-surface) !important; box-shadow: 0 0 0 1px rgb(0 0 0 / .06), 0 4px 16px rgb(0 0 0 / .08); }
html body #generationForm.studio-workbench .workspace-material-open > img,
html body #mobileApp .studio-materials .workspace-material-open > img { position: static !important; display: block; width: 100% !important; height: 100% !important; max-height: var(--material-height); object-fit: contain !important; border-radius: inherit !important; }
.studio-material-caption { display: flex; align-items: center; justify-content: space-between; min-width: 0; gap: 12px; }
.studio-material-caption > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--workspace-muted); font: 500 12px/1.5 Manrope,sans-serif; }
html body .studio-materials .workspace-material-thumbs { position: static !important; display: flex; justify-content: safe center; gap: 8px; width: 100%; box-sizing: border-box; padding: 4px 12px !important; background: transparent; backdrop-filter: none; border-radius: 0; overflow-x: auto; mask-image: linear-gradient(to right,transparent,black 12px,black calc(100% - 12px),transparent); }
html body .studio-materials .workspace-material-thumbs button { flex: 0 0 48px; width: 48px; height: 48px; border: 2px solid transparent; border-radius: 10px; padding: 2px; background: transparent !important; background-image: none !important; }
html body .studio-materials .workspace-material-thumbs button[aria-pressed="true"] { border-color: var(--workspace-blue) !important; }
html body .studio-materials .workspace-material-thumbs img { width: 100%; height: 100%; border-radius: 6px; object-fit: cover; }
html body #generationForm .studio-materials .legacy-reference-strip,
html body #mobileApp .studio-materials .workspace-touch-references { position: static !important; display: flex; gap: 12px; height: auto; width: 100%; max-width: none; padding: 12px !important; margin: 12px 0 0; box-sizing: border-box; border-radius: 16px; background: var(--workspace-surface); }
html body .studio-materials .legacy-reference-strip::before { content: "Идеи"; align-self: center; margin-right: auto; font: 600 12px/1.4 Manrope,sans-serif; color: var(--workspace-muted); }
html body .studio-materials .legacy-reference-strip [data-legacy-reference-remove] { width: 28px !important; height: 28px !important; }
html body .workspace-material-canvas.has-media-error { min-height: 160px !important; }
.workspace-material-canvas.has-media-error p { margin: 20px; font: 500 14px/1.5 Manrope,sans-serif; color: var(--workspace-muted); }
.workspace-material-canvas.has-media-error .workspace-material-open { display: none !important; }
.studio-lightbox .studio-lightbox-canvas { display: flex; width: 100%; height: calc(100dvh - 140px); overflow: auto; touch-action: pan-x pan-y pinch-zoom; }
html body #workspaceMaterialViewer .studio-lightbox-canvas img { flex-shrink: 0; display: block; margin: auto; height: auto !important; max-width: none !important; max-height: none !important; object-fit: contain; }
html body #workspaceMaterialViewer .studio-zoom { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }
html body #workspaceMaterialViewer .studio-zoom button { width: auto; min-width: 44px; height: 44px; border: 0; border-radius: 22px; padding: 0 16px; background: var(--workspace-surface); color: var(--workspace-ink); font: 600 13px/1 Manrope,sans-serif; }
@media (max-width: 1060px) {#mobileApp .studio-project-caption { margin: 0 4px; }
#mobileApp #workspaceModeRibbon { height: 58px !important; min-height: 58px !important; }
#mobileApp #workspaceModeRibbon .legacy-mode-card { font-size: 26px !important; font-weight: 600 !important; }
#mobileApp .m-mode-rail { min-height: 58px !important; margin: 0 !important; padding: 0 !important; }
#mobileApp #mobileCreatePage { gap: 12px !important; }
#mobileApp .studio-materials { --material-height: 220px; }
html body #mobileApp .studio-empty { min-height: 88px; padding: 16px !important; display: grid !important; grid-template-columns: 40px minmax(0,1fr); grid-template-rows: auto auto; align-content: center; column-gap: 12px; row-gap: 2px; border-radius: 20px; }
#mobileApp .studio-empty > .material-symbols-outlined { grid-row: 1/3; margin: 0; font-size: 30px; }
#mobileApp .studio-empty strong { font: 600 16px/1.3 Manrope,sans-serif; letter-spacing: -.02em; }
#mobileApp .studio-empty small { font: 500 12px/1.4 Manrope,sans-serif; }
#mobileApp .studio-brief-mobile { display: grid; min-width: 0; gap: 8px; padding: 16px; background: var(--workspace-surface); border-radius: 24px; box-shadow: 0 0 0 1px rgb(0 0 0 / .06),0 4px 16px rgb(0 0 0 / .025); }
html body #mobileApp .studio-brief-mobile .m-field-group { min-width: 0; margin: 0 !important; }
html body #mobileApp .studio-brief-mobile .m-form-label { margin: 0 0 4px !important; font: 600 12px/1.4 Manrope,sans-serif !important; }
html body #mobileApp .studio-brief-mobile .m-field-tile { height: auto !important; min-height: 0 !important; padding: 0 0 12px !important; border: 0 !important; border-bottom: 1px solid var(--workspace-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html body #mobileApp .studio-brief-mobile :is(#mobileProductName,#mobileDescription) { display: block !important; position: static !important; width: 100% !important; height: 24px !important; min-height: 24px !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: var(--workspace-ink) !important; font: 500 16px/24px Manrope,sans-serif !important; letter-spacing: -.015em !important; }
html body #mobileApp .studio-brief-mobile #mobileDescription { height: 56px !important; min-height: 56px !important; }
html body #mobileApp .studio-brief-mobile .m-field-placeholder { display: none !important; }
html body #mobileApp .studio-brief-mobile :is(#mobileNameCount,#mobileDescriptionCount) { position: static !important; display: block; margin: 4px 0 0; text-align: right; font: 500 10px/1 Manrope,sans-serif !important; color: var(--workspace-muted); }
html body #mobileApp .studio-brief-mobile .m-field-tile:focus-within { outline: 0 !important; border-bottom-color: var(--workspace-blue) !important; box-shadow: 0 1px 0 var(--workspace-blue) !important; }
html body #mobileApp .studio-brief-mobile .m-settings-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 0 !important; overflow: hidden; border-radius: 14px; background: var(--workspace-paper); }
html body #mobileApp .studio-brief-mobile .m-setting-tile { min-width: 0; min-height: 56px !important; height: 56px !important; padding: 8px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
#mobileApp .studio-brief-mobile .m-setting-tile + .m-setting-tile { border-left: 1px solid var(--workspace-line) !important; }
html body #mobileApp .studio-brief-mobile .m-setting-tile small { font: 500 10px/1.3 Manrope,sans-serif !important; }
html body #mobileApp .studio-brief-mobile .m-setting-tile strong { font: 600 12px/1.3 Manrope,sans-serif !important; }
html body #mobileApp .studio-brief-mobile .m-setting-tile > .material-symbols-outlined { font-size: 20px !important; }
html body #mobileApp .studio-brief-mobile .m-generate-row { display: flex; gap: 12px; margin: 0 !important; }
html body #mobileApp .studio-brief-mobile .m-cost { flex: 0 0 auto; min-width: 44px; padding: 0 4px !important; background: transparent !important; box-shadow: none !important; border: 0 !important; color: var(--workspace-blue); }
html body #mobileApp #mobileGenerateButton { flex: 1; min-height: 48px !important; background: var(--workspace-blue) !important; color: #fff !important; border: 0 !important; border-radius: 16px !important; font: 600 16px/1.2 Manrope,sans-serif !important; }
[data-workspace-unavailable] #mobileApp .studio-brief-mobile { display: none !important; }
#mobileApp .m-inspiration-section { margin-top: 8px !important; }}
@media (max-width: 1060px), (hover: none), (pointer: coarse) {html body #mobileApp #mobileCreatePage .liquid-control,
  html body #mobileSettingsSheet .liquid-control { --fluid-radius: 0px !important; background-image: none !important; }
html body #mobileApp #mobileCreatePage button:not(.grid-quick-remove):not(#mobileGenerateButton):not(.inspiration-card-select):not(.inspiration-card-more):not(.inspiration-card-add):not(.inspiration-card-favorite),
  html body #mobileSettingsSheet .liquid-control { color: var(--workspace-ink) !important; }
html body #mobileApp #mobileCreatePage button :is(span,strong,small,i),
  html body #mobileSettingsSheet .liquid-control :is(span,strong,small,i) { color: inherit !important; }
html body #mobileApp #mobileGenerateButton, html body #mobileApp #mobileGenerateButton > span { color: white !important; }
html body #mobileApp #mobileCreatePage :is(.studio-icon-button,.m-setting-tile,.studio-empty,.m-generate-button):active { transform: scale(.98) !important; transition: transform 120ms ease !important; }
html body #mobileApp #mobileCreatePage .m-setting-tile:active { background: var(--workspace-soft-blue) !important; color: var(--workspace-blue) !important; }
html body #mobileApp #mobileCreatePage .studio-delete:active { background: var(--workspace-danger) !important; color: white !important; }
html body #mobileSettingsSheet [aria-selected="true"] { color: var(--workspace-blue) !important; background-color: var(--workspace-soft-blue) !important; }
html body #mobileApp #mobileCreatePage .inspiration-filters button.is-active { background: var(--workspace-soft-blue) !important; color: var(--workspace-blue) !important; box-shadow: inset 0 0 0 1px var(--workspace-blue) !important; }
#custom-cursor, .cursor-droplet-a, .cursor-droplet-b { display: none !important; }}
@media (prefers-reduced-motion: reduce) {#generationForm.studio-workbench, #workspaceModeRibbon *, .studio-materials * { transition: none !important; animation: none !important; }}
html body .studio-materials .studio-assembly { width: 100% !important; align-self: stretch !important; }
html body #generationForm .studio-materials .legacy-reference-strip[hidden],
html body #mobileApp .studio-materials .legacy-reference-strip[hidden] { display: none !important; }
html body #mobileApp #mobileCreatePage #mobileUploadButton { display: none !important; }
html body #generationForm.studio-workbench #aiCopyButton,
html body #mobileApp .studio-brief-mobile #mobileAiCopyButton { position: absolute !important; inset: 0 0 auto auto !important; width: 32px !important; min-width: 32px !important; height: 32px !important; min-height: 32px !important; margin: 0 !important; padding: 0 !important; display: grid; place-items: center; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; transform: none !important; background-color: var(--workspace-soft-blue) !important; color: var(--workspace-blue) !important; }
html body #generationForm.studio-workbench #aiCopyButton[hidden],
html body #mobileApp .studio-brief-mobile #mobileAiCopyButton[hidden] { display: none !important; }
html body #generationForm #aiCopyButton > span:last-child,
html body #mobileApp #mobileAiCopyButton > span:last-child { display: none !important; }
html body #generationForm #aiCopyButton > span:first-child,
html body #mobileApp #mobileAiCopyButton > span:first-child { font-size: 20px !important; }
.studio-material-caption { min-height: 18px; }
@media (max-width:1060px) {html body #mobileApp .studio-brief-mobile .m-field-group { position: relative; }
html body #mobileApp .studio-brief-mobile .m-field-tile::before,
  html body #mobileApp .studio-brief-mobile .m-field-tile::after,
  html body #mobileApp .studio-brief-mobile .m-field-scrollbar,
  html body #mobileApp .studio-brief-mobile .m-description-scrollbar { display: none !important; }
html body #mobileApp .studio-brief-mobile #mobileDescription { height: 48px !important; min-height: 48px !important; }
html body #mobileApp .studio-brief-mobile #mobileProductName { height: 48px !important; min-height: 48px !important; }
html body #mobileApp .studio-brief-mobile #mobileAiCopyButton { width: 44px !important; height: 44px !important; top: -12px !important; }
html body #mobileApp .studio-brief-mobile :is(#mobileProductName,#mobileDescription) { box-shadow: none !important; border: 0 !important; border-radius: 0 !important; }}
.studio-materials .workspace-material-canvas.is-media-loading .workspace-material-open { opacity: 0; }
.studio-materials .workspace-material-open { transition: opacity 180ms ease; }
@media (max-width:1060px), (hover:none), (pointer:coarse) {html body #mobileSettingsSheet #mobileSettingsOptions button { --fluid-radius: 0px !important; background-image: none !important; }}
@media (max-width:1060px) {html body #mobileApp .studio-brief-mobile input#mobileProductName { height: 24px !important; min-height: 24px !important; }
html body #mobileApp .studio-brief-mobile :is(#mobileNameCount,#mobileDescriptionCount) { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
#mobileApp #mobileCreatePage { gap: 8px !important; }
#mobileApp .m-inspiration-section { margin-top: 0 !important; }}
@media (max-width:380px) {html body #mobileApp .studio-brief-mobile .m-settings-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
html body #mobileApp .studio-brief-mobile .m-setting-tile strong { max-width: calc(100% - 40px) !important; }
html body #mobileApp .studio-brief-mobile .m-setting-tile:nth-child(3) { border-left: 0 !important; }
html body #mobileApp .studio-brief-mobile .m-setting-tile:nth-child(n/**/+3) { border-top: 1px solid var(--workspace-line) !important; }}
@media (min-width:381px) and (max-width:440px) {html body #mobileApp .studio-brief-mobile .m-setting-tile > .material-symbols-outlined { width: 16px; font-size: 16px !important; }
html body #mobileApp .studio-brief-mobile .m-setting-tile strong { left: 28px !important; right: 6px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }}
@media(max-width:1060px) {#mobileApp .studio-brief-mobile { grid-template-columns:minmax(0,1fr); }
html body #mobileApp #mobileGenerateButton { min-width:0; padding:12px !important; white-space:normal; }}
@media(max-width:380px) {html body #mobileApp .studio-brief-mobile .m-setting-tile > .material-symbols-outlined { width:20px; }
html body #mobileApp .studio-brief-mobile .m-setting-tile strong { left:36px !important; right:8px !important; max-width:none !important; text-align:left; }}
@media(max-width:1060px) {html body #mobileApp #mobileCreatePage button[data-workspace-product]:not(#mobileGenerateButton):not(.inspiration-card-select):not(.inspiration-card-more):not(.inspiration-card-add):not(.inspiration-card-favorite) { background-color:var(--workspace-blue) !important; color:white !important; }
html body #mobileApp #mobileCreatePage button[data-workspace-product]:not(#mobileGenerateButton):not(.inspiration-card-select):not(.inspiration-card-more):not(.inspiration-card-add):not(.inspiration-card-favorite) > span { color:inherit !important; }}
#projectsModal .modal-scroll-card { padding: 0 !important; overflow: visible !important; }
#projectsModal.legacy-route-dialog { overflow: visible !important; }
#mobileProjectsPage { padding-top: 12px; }
.project-library { --library-frame: 260px; font-family: Manrope,sans-serif; color: var(--workspace-ink); width:100%; min-width:0; padding-bottom:40px; }
.project-library * { box-sizing:border-box; }
.project-library button,.project-library summary,.project-library select { font-family:inherit; -webkit-tap-highlight-color:transparent; }
.project-library button,.project-library summary { cursor:pointer; }
.library-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.library-kicker { display:flex; gap:8px; align-items:center; font-size:12px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--workspace-blue); }
.library-kicker > span { font-size:18px; }
.library-heading h1 { display:flex; align-items:baseline; gap:12px; margin:8px 0 0; font-size:44px; line-height:1.12; letter-spacing:-.045em; font-weight:600; }
.library-heading [data-library-total] { font-size:16px; font-weight:500; color:var(--workspace-muted); letter-spacing:0; font-variant-numeric:tabular-nums; }
.project-library .library-primary,.library-empty button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; border:0; border-radius:24px; padding:0 20px; background-color:var(--workspace-ink); color:white; font-size:14px; font-weight:600; white-space:nowrap; }
.library-controls { display:grid; grid-template-columns:minmax(160px,1fr) auto auto 44px; align-items:center; gap:12px; }
.library-search { display:flex; align-items:center; gap:8px; height:48px; border-radius:16px; padding:0 12px; background:var(--workspace-surface); box-shadow:0 0 0 1px var(--workspace-line); }
.library-search > span { color:var(--workspace-muted); font-size:22px; flex:0 0 22px; }
.project-library .library-search input { min-width:0; width:100%; font:500 16px/24px Manrope,sans-serif; color:var(--workspace-ink); background:transparent; box-shadow:none; border:0; padding:0; outline:none; }
.library-search input::-webkit-search-cancel-button { display:none; }
.library-search:focus-within { box-shadow:0 0 0 2px var(--workspace-blue); }
.project-library .library-search button { border:0; width:36px; min-height:44px; flex:0 0 36px; background:transparent; color:var(--workspace-muted); padding:0; display:grid; place-items:center; }
.library-sort { position:relative; min-width:168px; }
.project-library .library-sort select { appearance:none; width:100%; min-height:48px; border:1px solid var(--workspace-line); border-radius:16px; background:var(--workspace-surface); color:var(--workspace-ink); padding:0 36px 0 14px; font-size:13px; font-weight:600; box-shadow:none; }
.library-sort > span:last-child { pointer-events:none; position:absolute; right:10px; top:14px; font-size:20px; }
.library-view { display:flex; gap:0; padding:2px; border-radius:16px; background:var(--workspace-surface); box-shadow:0 0 0 1px var(--workspace-line); }
.project-library .library-view button,.project-library .library-refresh { display:grid; place-items:center; width:44px; min-height:44px; padding:0; border:0; border-radius:14px; background:transparent; color:var(--workspace-muted); }
.project-library .library-view button[aria-pressed=true] { background-color:var(--workspace-ink); color:white; }
.library-filters { display:flex; flex-wrap:wrap; gap:8px; padding:16px 0 24px; }
.project-library .library-filters button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 16px; border:1px solid transparent; border-radius:22px; background-color:var(--workspace-surface); color:var(--workspace-ink); font-size:13px; font-weight:600; }
.library-filters small { font-size:11px; font-weight:500; font-variant-numeric:tabular-nums; opacity:.65; }
.project-library .library-filters [aria-pressed=true] { color:var(--workspace-blue); background-color:var(--workspace-soft-blue); border-color:var(--workspace-blue); }
.library-content[data-mode=cards] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 20px; grid-auto-rows:1px; align-items:start; }
.library-card { height:fit-content; min-width:0; position:relative; margin:0; border:0; padding:0; background:transparent; }
.library-card:has(details[open]) { z-index:3; }
.project-library .library-preview { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:auto; min-height:0; padding:0; border:0; border-radius:20px; background:rgb(255 255 255 / .66); box-shadow:0 0 0 1px rgb(20 20 22 / .06); overflow:hidden; }
.library-preview img,.library-preview video { display:block; width:100%; height:auto; object-fit:contain; border-radius:0; transition:transform 220ms var(--workspace-ease); }
.library-preview > .material-symbols-outlined { position:absolute; color:white; font-size:40px; filter:drop-shadow(0 1px 3px #151516); }
.library-file-count { display:flex; align-items:center; gap:4px; position:absolute; right:12px; bottom:12px; padding:6px 8px; border-radius:12px; color:var(--workspace-ink); background:rgb(255 255 255 / .92); font-size:12px; font-weight:600; }
.library-file-count > span { font-size:16px; }
.library-card-info { padding:8px 0 0; min-width:0; }
.library-title-row { display:flex; align-items:flex-start; gap:8px; }
.library-title-area { flex:1; min-width:0; }
.library-title-area h2 { font-size:16px; line-height:24px; font-weight:600; letter-spacing:-.02em; margin:0; }
.project-library .library-title-area h2 button { border:0; background:transparent; padding:10px 0; color:var(--workspace-ink); font:inherit; text-align:left; width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.library-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; font-size:11px; color:var(--workspace-muted); line-height:20px; }
.library-status { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
.library-status > span { font-size:14px; }
.library-status[data-status=failed] { color:var(--workspace-danger); }
.library-status:is([data-status=queued],[data-status=running],[data-status=waiting]) { color:var(--workspace-blue); }
.library-status:is([data-status=queued],[data-status=running],[data-status=waiting]) > span { animation:library-spin 2s linear infinite; }
.library-menu { position:relative; flex:0 0 44px; }
.library-menu summary { display:grid; place-items:center; width:44px; min-height:44px; list-style:none; border-radius:50%; color:var(--workspace-ink); background:var(--workspace-surface); }
.library-menu summary::-webkit-details-marker { display:none; }
.library-menu-content { position:absolute; z-index:5; top:48px; right:0; width:208px; padding:8px; border-radius:20px; background:var(--workspace-surface); box-shadow:0 0 0 1px var(--workspace-line),0 12px 32px rgb(20 20 22 / .16); }
.project-library .library-menu-content button { display:flex; align-items:center; gap:12px; width:100%; min-height:44px; padding:8px 12px; border:0; border-radius:12px; background-color:transparent; color:var(--workspace-ink); font-size:13px; text-align:left; }
.project-library .library-menu-content button.is-danger { color:var(--workspace-danger); --control-fluid:var(--workspace-danger); }
.library-preview:has(.library-placeholder),.library-preview.has-error { min-height:var(--library-frame); }
.library-placeholder,.library-media-error { display:flex; flex-direction:column; gap:16px; align-items:center; justify-content:center; padding:20px; color:var(--workspace-muted); font-size:13px; line-height:20px; text-align:center; }
.library-placeholder > .material-symbols-outlined,.library-media-error > span { font-size:40px; color:var(--workspace-blue); }
.library-media-error { position:absolute; inset:0; }
.library-notice { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:0 0 20px; font-size:13px; color:var(--workspace-muted); }
.library-notice button { border:0; background:var(--workspace-surface); color:var(--workspace-blue); min-height:44px; border-radius:16px; padding:0 16px; }
.project-library .library-more { display:flex; align-items:center; justify-content:center; gap:12px; min-height:48px; margin:32px auto 0; padding:0 24px; border:1px solid var(--workspace-line); border-radius:24px; background-color:var(--workspace-surface); color:var(--workspace-ink); font-size:14px; font-weight:600; }
.library-empty { min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:32px 16px; }
.library-empty > img { width:160px; height:160px; object-fit:contain; }
.library-empty > .material-symbols-outlined { font-size:48px; color:var(--workspace-blue); margin-bottom:16px; }
.library-empty h2 { font-size:24px; letter-spacing:-.03em; margin:12px 0 8px; font-weight:600; }
.library-empty p { font-size:14px; line-height:22px; color:var(--workspace-muted); margin:0 0 20px; max-width:360px; }
.library-skeleton { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.library-skeleton > span { display:block; height:calc(var(--library-frame) + 64px); border-radius:20px; background:rgb(255 255 255 / .6); animation:library-pulse 1.2s ease-in-out infinite alternate; }
.library-rename { padding:4px 0; display:flex; flex-wrap:wrap; gap:4px; }
.library-rename label { flex:1 1 100%; min-width:0; }
.project-library .library-rename input { font:500 16px/24px Manrope,sans-serif; width:100%; min-height:44px; border:1px solid var(--workspace-blue); border-radius:12px; padding:8px; background:var(--workspace-surface); color:var(--workspace-ink); }
.library-rename > div { display:flex; gap:4px; }
.library-rename button { display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:12px; color:var(--workspace-blue); background:var(--workspace-soft-blue); }
.library-rename p { flex:1 1 100%; color:var(--workspace-danger); font-size:12px; margin:0; }
.project-library[data-view=list] .library-content[data-mode=cards] { grid-template-columns:1fr; grid-auto-rows:auto; gap:12px; }
.project-library[data-view=list] .library-card { display:grid; grid-template-columns:160px minmax(0,1fr); gap:20px; align-items:center; padding:12px; border-radius:24px; background:rgb(255 255 255 / .66); }
.project-library[data-view=list] .library-preview { height:112px; min-height:0; padding:4px; border-radius:12px; background:transparent; box-shadow:none; }
.project-library[data-view=list] .library-preview img,.project-library[data-view=list] .library-preview video { height:100%; object-fit:contain; }
.project-library[data-view=list] .library-card-info { padding:0 8px 0 0; }
.project-library[data-view=list] .library-placeholder > span:last-child { display:none; }
.project-library button:disabled { opacity:.45; cursor:default; }
.project-library [hidden] { display:none !important; }
.project-library :is(button,summary,select,input):focus-visible { outline:2px solid var(--workspace-blue); outline-offset:3px; }
@media (hover:hover) and (pointer:fine) {.library-preview:hover img { transform:scale(1.025); }
.project-library .library-title-area h2 button:hover { color:var(--workspace-blue); }
.library-menu summary:hover,.library-menu[open] summary { background:var(--workspace-soft-blue); color:var(--workspace-blue); }
.project-library :is(.library-menu-content button,.library-primary,.library-more,.library-filters button,.library-view button,.library-refresh):is(.is-fluid-active,.is-fluid-exiting) { color:white; }}
@media (max-width:1250px) and (min-width:1061px) {.library-content[data-mode=cards],.library-skeleton { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media (max-width:1060px) {html body #mobileProjectsPage { padding:12px 16px 28px !important; }
#mobileProjectsList :is(button,summary) { background-image:none !important; --fluid-radius:0px !important; }
#mobileProjectsList .library-primary { background-color:var(--workspace-blue) !important; }
#mobileProjectsList .library-primary,#mobileProjectsList .library-primary > span { color:white !important; }
#mobileProjectsList .library-view button[aria-pressed=true] { background-color:var(--workspace-soft-blue) !important; }
#mobileProjectsList .library-view button[aria-pressed=true],#mobileProjectsList .library-view button[aria-pressed=true] > span { color:var(--workspace-blue) !important; }
#mobileProjectsList .library-filters [aria-pressed=true],#mobileProjectsList .library-filters [aria-pressed=true] > * { color:var(--workspace-blue) !important; }
#mobileProjectsList .library-menu-content button.is-danger,#mobileProjectsList .library-menu-content button.is-danger > span { color:var(--workspace-danger) !important; }
.project-library { --library-frame:240px; padding-bottom:24px; }
.library-heading { margin-bottom:24px; gap:12px; }
.library-heading h1 { font-size:32px; }
.library-kicker { font-size:11px; }
.library-controls { grid-template-columns:minmax(0,1fr) auto 44px; gap:12px 8px; }
.library-search { grid-column:1 / -1; }
.library-sort { min-width:0; }
.library-content[data-mode=cards],.library-skeleton { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; row-gap:0; }}
@media (max-width:600px) {.project-library { --library-frame:176px; }
.project-library .library-primary { width:48px; padding:0; }
.library-primary > span:last-child { display:none; }
.library-heading h1 { font-size:30px; }
.library-filters { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; mask-image:linear-gradient(to right,transparent,black 4px,black calc(100% - 12px),transparent); margin:0 -4px; padding:16px 4px 20px; }
.library-filters button { flex:0 0 auto; }
.library-content[data-mode=cards],.library-skeleton { column-gap:12px; row-gap:0; }
.project-library .library-preview { padding:0; border-radius:16px; }
.library-title-area h2 { font-size:13px; line-height:19px; }
.library-title-row { gap:0; }
.library-menu { flex-basis:44px; }
.library-menu summary { background:transparent; }
.library-meta { flex-direction:column; align-items:flex-start; gap:0; font-size:10px; }
.library-title-area h2 button { min-height:44px; }
.library-menu-content { width:196px; }
.library-placeholder,.library-media-error { font-size:11px; line-height:16px; gap:8px; padding:8px; }
.library-placeholder > .material-symbols-outlined { font-size:32px; }
.project-library[data-view=list] .library-card { grid-template-columns:88px minmax(0,1fr); gap:12px; padding:8px; border-radius:20px; }
.project-library[data-view=list] .library-preview { height:100px; }
.project-library[data-view=list] .library-card-info { padding:0; }
.project-library[data-view=list] .library-card .library-menu-content { left:auto; right:0; }
.library-empty h2 { font-size:22px; }}
@media (hover:none),(pointer:coarse) {.project-library :is(button,summary) { background-image:none !important; --fluid-radius:0px !important; transition:transform 120ms var(--workspace-ease); }
.project-library :is(button,summary):active { transform:scale(.98); }
.project-library .library-primary { background:var(--workspace-blue); color:white; }
.project-library .library-view button[aria-pressed=true] { background:var(--workspace-soft-blue); color:var(--workspace-blue); }}
@keyframes library-spin { to { transform:rotate(360deg); } }
@keyframes library-pulse { to { opacity:.45; } }
@media (prefers-reduced-motion:reduce) {.project-library * { animation:none !important; transition:none !important; }}
.project-library .library-title-area h2 button { display:block; }
.library-title-text { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:48px; }
.library-menu-content { overflow-y:auto; overscroll-behavior:contain; }
.library-menu[data-side=above] .library-menu-content { top:auto; bottom:48px; }
@media(max-width:600px) {.library-title-text { max-height:38px; }}
@media (max-width:1060px) {#mobileAuthButton { background-color:var(--workspace-surface) !important; background-image:none !important; }
#mobileAuthButton,#mobileAuthButton > span { color:var(--workspace-ink) !important; }}
html body #projectViewer.project-detail { position:fixed; inset:0; width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:var(--workspace-paper,#f1f1ef); color:var(--workspace-ink); overflow:hidden; font-family:Manrope,sans-serif; }
#projectViewer.project-detail::backdrop { background:rgb(21 21 22 / .35); }
.project-detail * { box-sizing:border-box; }
.project-detail [hidden] { display:none !important; }
.detail-shell { height:100%; display:flex; flex-direction:column; padding:24px 32px 32px; gap:24px; }
.project-detail button { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex-shrink:0; min-width:44px; min-height:44px; padding:10px; border:0; border-radius:14px; font:600 13px/20px Manrope,sans-serif; background-color:var(--workspace-surface); color:var(--workspace-ink); cursor:pointer; -webkit-tap-highlight-color:transparent; }
.project-detail button:disabled { opacity:.4; cursor:default; }
.project-detail :is(button,input,[tabindex]):focus-visible { outline:2px solid var(--workspace-blue); outline-offset:3px; }
.detail-header { display:flex; align-items:center; gap:16px; flex-shrink:0; }
.project-detail .detail-close { --control-fluid:var(--workspace-danger) !important; }
.detail-heading { flex:1; min-width:0; }
.detail-eyebrow { display:block; color:var(--workspace-blue); font-size:11px; line-height:16px; letter-spacing:.06em; text-transform:uppercase; font-weight:700; margin-bottom:4px; }
.detail-heading h1 { font:600 clamp(20px,2vw,30px)/1.25 Manrope,sans-serif; letter-spacing:-.035em; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.detail-body { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:32px; min-height:0; flex:1; }
.detail-visual { display:flex; flex-direction:column; gap:12px; min-width:0; min-height:0; }
.detail-media-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.detail-groups { display:flex; flex-wrap:wrap; gap:4px; }
.project-detail .detail-groups button { background-color:transparent; padding:10px 12px; }
.project-detail .detail-groups button[aria-pressed=true] { background-color:var(--workspace-surface); color:var(--workspace-blue); }
.detail-groups button > span { font:500 11px/1 Manrope,sans-serif; opacity:.65; }
.detail-canvas { flex:1; min-height:200px; min-width:0; overflow:auto; border-radius:16px; overscroll-behavior:contain; touch-action:pan-y pinch-zoom; }
.detail-canvas[data-zoomed=true] { touch-action:pan-x pan-y pinch-zoom; }
.detail-media { width:max-content; min-width:100%; min-height:100%; display:flex; align-items:center; justify-content:center; padding:16px; }
.detail-media > img { display:block; flex:none; max-width:none; object-fit:contain; border-radius:8px; box-shadow:0 4px 24px rgb(21 21 22 / .06); }
.detail-media > video { display:block; width:100%; max-width:100%; height:100%; max-height:calc(100dvh - 320px); object-fit:contain; }
.detail-media:has(video) { width:100%; height:100%; }
.detail-media-tools { display:flex; align-items:center; justify-content:center; gap:4px; flex-shrink:0; }
.detail-counter { font-size:12px; font-variant-numeric:tabular-nums; color:var(--workspace-muted); min-width:48px; text-align:center; }
.detail-zoom { display:flex; gap:4px; margin-left:auto; }
.project-detail .detail-zoom [data-detail=fit] { min-width:72px; }
.detail-strip { display:flex; gap:8px; overflow-x:auto; flex-shrink:0; padding:4px 8px; mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent); scrollbar-width:thin; }
.project-detail .detail-strip button { width:56px; height:64px; padding:4px; border-radius:10px; background-color:white; border:2px solid transparent; }
.detail-strip img { display:block; width:100%; height:100%; object-fit:contain; border-radius:4px; }
.project-detail .detail-strip [aria-pressed=true] { border-color:var(--workspace-blue); background-color:var(--workspace-soft-blue); }
.detail-info { min-height:0; overflow:auto; padding:24px; background:var(--workspace-surface); border-radius:24px; display:flex; flex-direction:column; gap:28px; overscroll-behavior:contain; }
.detail-status { display:flex; flex-direction:column; gap:8px; font-size:12px; }
.detail-status > span { display:flex; gap:6px; align-items:center; color:var(--workspace-blue); font-weight:600; }
.detail-status > span[data-status=failed] { color:var(--workspace-danger); }
.detail-status .material-symbols-outlined { font-size:18px; }
.detail-status time { font-size:11px; color:var(--workspace-muted); }
.detail-brief h2 { font:600 14px/20px Manrope,sans-serif; margin:0 0 12px; }
.detail-brief p { white-space:pre-wrap; overflow-wrap:anywhere; margin:0; font-size:14px; line-height:1.65; color:var(--workspace-muted); }
.detail-specs { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:20px 16px; }
.detail-specs div { min-width:0; }
.detail-specs dt { font-size:11px; line-height:16px; color:var(--workspace-muted); margin-bottom:4px; }
.detail-specs dd { font-size:13px; line-height:20px; font-weight:600; margin:0; overflow-wrap:anywhere; }
.detail-lineage { margin:0; font-size:12px; line-height:20px; color:var(--workspace-muted); }
.detail-lineage:empty,.detail-action-error:empty { display:none; }
.detail-actions { display:flex; flex-direction:column; gap:12px; margin-top:auto; }
.project-detail .detail-primary { min-height:48px; background-color:var(--workspace-ink); color:white; padding:12px 16px; width:100%; }
.project-detail .detail-primary > span:last-child:not(:first-child) { margin-left:auto; font-size:20px; }
.detail-edit-note { font-size:11px; line-height:18px; color:var(--workspace-muted); margin:0; }
.detail-secondary { display:flex; gap:8px; }
.project-detail .detail-secondary button { background-color:var(--workspace-paper,#f1f1ef); }
.detail-secondary button:first-child { flex:1; }
.project-detail .detail-delete { align-self:flex-start; color:var(--workspace-danger); background-color:transparent; font-size:12px; --control-fluid:var(--workspace-danger); padding-left:0; }
.detail-action-error { margin:0; font-size:12px; line-height:20px; color:var(--workspace-danger); }
.detail-state { max-width:360px; width:100%; padding:24px 8px; text-align:center; }
.detail-state > .material-symbols-outlined { font-size:48px; color:var(--workspace-blue); }
.detail-state h2 { font-size:24px; line-height:1.2; letter-spacing:-.03em; font-weight:600; margin:20px 0 12px; }
.detail-state p { font-size:14px; line-height:22px; color:var(--workspace-muted); }
.detail-rename { display:flex; gap:8px; align-items:center; flex-wrap:wrap; max-width:700px; }
.detail-rename label { display:flex; gap:6px; flex-direction:column; font-size:12px; flex:1; min-width:160px; }
.project-detail .detail-rename input { width:100%; background:white; border:1px solid var(--workspace-blue); border-radius:12px; padding:10px 12px; font:500 16px/24px Manrope,sans-serif; color:var(--workspace-ink); }
.detail-rename p { width:100%; margin:0; font-size:12px; color:var(--workspace-danger); }
.project-detail.is-immersive .detail-info { display:none; }
.project-detail.is-immersive .detail-body { grid-template-columns:minmax(0,1fr); }
.project-detail.is-immersive .detail-strip { display:none; }
.studio-edit-context { display:flex; align-items:center; gap:12px; margin:0 0 12px; padding:12px 16px; border-radius:16px; background:var(--workspace-soft-blue); color:var(--workspace-blue); font:500 12px/18px Manrope,sans-serif; }
.studio-edit-context > div { flex:1; min-width:0; }
.studio-edit-context { grid-column:1 / -1; }
.studio-edit-context strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; }
.studio-edit-context button { min-width:44px; min-height:44px; border:0; border-radius:12px; background:white; color:var(--workspace-blue); display:grid; place-items:center; }
@media(hover:hover) and (pointer:fine) {.studio-edit-context button:is(.is-fluid-active,.is-fluid-exiting) { color:white; }
.project-detail button:is(.is-fluid-active,.is-fluid-exiting) { color:white; }
.project-detail .detail-strip button:hover { border-color:var(--workspace-blue); }}
@media(max-width:760px) {html body #projectViewer.project-detail { overflow-y:auto; }
.detail-shell { height:auto; min-height:100%; padding:0 16px max(24px,env(safe-area-inset-bottom)); gap:16px; }
.detail-header { position:sticky; top:0; z-index:5; padding:max(12px,env(safe-area-inset-top)) 0 12px; background:var(--workspace-paper,#f1f1ef); gap:8px; }
.detail-header .detail-close { display:none; }
.detail-heading h1 { font-size:18px; }
.detail-eyebrow { font-size:10px; margin-bottom:2px; }
.detail-body { display:flex; flex-direction:column; gap:24px; }
.detail-visual { gap:8px; flex:none; }
.detail-canvas { height:clamp(240px,46dvh,440px); flex:none; min-height:0; }
.detail-media-heading { gap:4px; }
.project-detail .detail-groups button { padding:10px 8px; font-size:12px; gap:4px; }
.detail-info { overflow:visible; padding:20px; gap:24px; border-radius:20px; }
.detail-status { flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.detail-brief p { font-size:14px; }
.project-detail .detail-primary { background-color:var(--workspace-blue); }
.detail-state h2 { font-size:22px; }
.detail-state p { font-size:13px; }
.detail-media-tools { gap:0; }
.detail-counter { min-width:32px; font-size:11px; }
.detail-zoom { gap:0; }
.project-detail .detail-zoom [data-detail=fit] { min-width:64px; font-size:12px; }
.project-detail.is-immersive .detail-shell { height:100dvh; }
.project-detail.is-immersive .detail-body { flex:1; min-height:0; }
.project-detail.is-immersive .detail-visual { flex:1; min-height:0; }
.project-detail.is-immersive .detail-canvas { flex:1; height:auto; }}
@media(hover:none),(pointer:coarse) {.project-detail button { background-image:none !important; --fluid-radius:0px !important; }
.project-detail .detail-primary { background-color:var(--workspace-blue); color:white; }
.project-detail button:active { transform:scale(.98); }}
@media(prefers-reduced-motion:reduce) {.project-detail * { transition:none !important; animation:none !important; }}
.detail-file-name { margin:0; font-size:12px; line-height:20px; color:var(--workspace-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:760px) {.project-detail .detail-zoom [data-detail=fit] { padding-inline:6px; }}
@media(min-width:1061px) {#productSidebar { height:calc(100dvh - 24px) !important; overflow-y:auto !important; overflow-x:hidden !important; gap:12px !important; scrollbar-width:none !important; overscroll-behavior:contain !important; transition:width 280ms var(--workspace-ease) !important; }
.product-layout { transition:grid-template-columns 280ms var(--workspace-ease) !important; }
#productSidebar > * { min-width:0 !important; margin:0 !important; flex-shrink:0 !important; }
#productSidebar .sidebar-transition-wave { display:none !important; }
#productSidebar .sidebar-brand-row { min-width:0 !important; max-width:100% !important; width:100% !important; height:70px !important; flex:0 0 70px !important; overflow:visible !important; }
#productSidebar .account-side-panel { height:70px !important; min-height:70px !important; width:100% !important; }
#productSidebar .product-side-panel { height:auto !important; flex:1 1 240px !important; display:grid !important; grid-template-rows:48px minmax(0,1fr) 44px !important; min-height:180px !important; max-height:420px !important; gap:8px !important; width:100% !important; padding:12px !important; overflow:hidden !important; transition:none !important; }
#productSidebar .support-side-panel { width:100% !important; min-height:108px !important; height:auto !important; padding:8px !important; transition:none !important; }
#productSidebar .sidebar-legal { flex:0 0 44px !important; width:100% !important; min-height:44px !important; height:auto !important; margin-top:auto !important; padding:0 !important; }
#productSidebar .sidebar-help-route { min-height:44px !important; width:100% !important; padding:8px 12px !important; font-size:13px !important; line-height:20px !important; white-space:nowrap !important; }
#productSidebar .sidebar-help-route > span:nth-child(2) { overflow:hidden !important; text-overflow:ellipsis !important; }
#productSidebar .side-panel-heading { display:flex !important; align-items:center !important; justify-content:space-between !important; min-height:48px !important; }
#productSidebar .sidebar-new-project-mini { width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; }
#productSidebar .recent-projects-shell { display:block !important; padding:0 !important; min-height:0 !important; height:100% !important; max-height:none !important; margin:0 !important; }
#productSidebar .recent-projects-viewport { min-height:0 !important; height:100% !important; width:100% !important; overflow:hidden !important; transform:none !important; mask-image:none !important; }
#productSidebar #recentProjects { display:flex !important; flex-direction:column !important; position:relative !important; gap:4px !important; height:100% !important; min-height:0 !important; max-height:none !important; width:100% !important; margin:0 !important; padding:4px 0 !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; scrollbar-width:thin !important; scrollbar-color:rgb(102 105 112 / .25) transparent !important; mask-image:none !important; }
#productSidebar #recentProjects[data-top=true] { mask-image:linear-gradient(to bottom,transparent,black 10px) !important; }
#productSidebar #recentProjects[data-bottom=true] { mask-image:linear-gradient(to bottom,black calc(100% - 10px),transparent) !important; }
#productSidebar #recentProjects[data-top=true][data-bottom=true] { mask-image:linear-gradient(to bottom,transparent,black 10px,black calc(100% - 10px),transparent) !important; }
#productSidebar .recent-scroll-indicator { display:none !important; }
#productSidebar .recent-project { display:grid !important; grid-template-columns:minmax(0,1fr) 44px !important; gap:0 !important; min-height:48px !important; flex:0 0 auto !important; width:100% !important; overflow:visible !important; margin:0 !important; border:0 !important; background:transparent !important; }
#productSidebar .recent-project-main { display:flex !important; align-items:center !important; gap:8px !important; min-width:0 !important; width:100% !important; min-height:48px !important; height:48px !important; padding:4px !important; border-radius:14px !important; overflow:hidden !important; transform:none !important; }
#productSidebar .recent-thumb { display:grid !important; place-items:center !important; flex:0 0 32px !important; width:32px !important; height:32px !important; overflow:hidden !important; border-radius:10px !important; background:var(--workspace-soft-blue) !important; color:var(--workspace-blue) !important; }
#productSidebar .recent-thumb img { width:100% !important; height:100% !important; object-fit:contain !important; }
#productSidebar .recent-copy { display:block !important; flex:1 !important; min-width:0 !important; text-align:left !important; }
#productSidebar .recent-copy strong { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; font:600 11px/18px Manrope,sans-serif !important; }
#productSidebar .sidebar-project-status { display:grid !important; place-items:center !important; flex:0 0 auto !important; }
#productSidebar .sidebar-project-status:empty { display:none !important; }
#productSidebar .sidebar-project-status > span { font-size:16px !important; color:var(--workspace-blue) !important; }
#productSidebar .sidebar-project-status[data-state=failed] > span { color:var(--workspace-danger) !important; }
#productSidebar .sidebar-project-more { min-width:44px !important; width:44px !important; height:44px !important; min-height:44px !important; padding:0 !important; border:0 !important; border-radius:50% !important; background-color:transparent !important; color:var(--workspace-muted) !important; display:grid !important; place-items:center !important; }
#productSidebar .project-nav-control { min-height:44px !important; width:100% !important; margin:0 !important; }
#productSidebar .sidebar-notice { flex:0 0 auto !important; }
#productSidebar .sidebar-notice[data-state=guest] { flex:1 !important; }
#productSidebar .recent-empty { min-height:0 !important; height:100% !important; padding:12px 4px !important; font:500 12px/18px Manrope,sans-serif !important; }
#productSidebar .recent-empty-art { height:auto !important; min-height:0 !important; }
#productSidebar .recent-empty-shiba { width:128px !important; max-width:100% !important; height:auto !important; }
#productSidebar .sidebar-empty-short { display:none !important; }
#productSidebar .side-link { min-height:44px !important; }
#productSidebar :is(.side-link,.side-action,.sidebar-help-route,.account-summary).is-sidebar-current { background-color:var(--workspace-soft-blue) !important; color:var(--workspace-blue) !important; }
#productSidebar .is-sidebar-current:not(.brand):not([data-legacy-new-project]) { box-shadow:inset 0 0 0 1px rgb(6 93 253 / .12) !important; }
#productSidebar .is-sidebar-current > .material-symbols-outlined { color:inherit !important; }
#productSidebar .project-nav-badge { background:var(--workspace-blue) !important; color:white !important; }
#productSidebar :is(button,a,[tabindex]):focus-visible { outline:2px solid var(--workspace-blue) !important; outline-offset:-2px !important; }
#productSidebar .brand { background:transparent !important; background-image:none !important; box-shadow:none !important; }
#productSidebar #sidebarCollapse { width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; }
#productSidebar .collapse-glyph { transition:transform 280ms var(--workspace-ease) !important; }
body.sidebar-collapsed #productSidebar .collapse-glyph { transform:rotate(180deg) !important; }
body.sidebar-collapsed #productSidebar .sidebar-brand-row { min-width:0 !important; max-width:100% !important; width:74px !important; height:108px !important; flex-basis:108px !important; }
body.sidebar-collapsed #productSidebar .sidebar-brand-row .brand { left:50% !important; top:0 !important; width:44px !important; height:44px !important; transform:translateX(-50%) !important; }
body.sidebar-collapsed #productSidebar #sidebarCollapse { left:50% !important; top:56px !important; right:auto !important; transform:translateX(-50%) !important; }
body.sidebar-collapsed #productSidebar .product-side-panel { height:auto !important; padding:8px !important; min-height:164px !important; }
body.sidebar-collapsed #productSidebar .side-panel-heading { display:flex !important; justify-content:center !important; }
body.sidebar-collapsed #productSidebar .recent-project { display:block !important; }
body.sidebar-collapsed #productSidebar .recent-project-main { width:48px !important; margin:auto !important; justify-content:center !important; position:relative !important; }
body.sidebar-collapsed #productSidebar .recent-copy,body.sidebar-collapsed #productSidebar .sidebar-project-more { display:none !important; }
body.sidebar-collapsed #productSidebar .sidebar-project-status { position:absolute !important; bottom:0 !important; right:0 !important; background:white !important; border-radius:50% !important; }
body.sidebar-collapsed #productSidebar .support-side-panel { padding:4px !important; }
body.sidebar-collapsed #productSidebar .sidebar-legal { flex:0 0 44px !important; display:flex !important; justify-content:center !important; }
body.sidebar-collapsed #productSidebar .sidebar-help-route { width:50px !important; padding:0 !important; }
body.sidebar-collapsed #productSidebar .sidebar-empty-full { display:none !important; }
body.sidebar-collapsed #productSidebar .sidebar-empty-short { display:block !important; font-size:28px !important; }
body.sidebar-collapsed #productSidebar .sidebar-notice[data-state=guest] .recent-empty { padding:4px 0 !important; }
body.sidebar-collapsed #productSidebar .sidebar-loading > span:last-child,body.sidebar-collapsed #productSidebar .sidebar-load-error > span:not(:first-child) { display:none !important; }
body.sidebar-collapsed #productSidebar .sidebar-load-error { flex-wrap:wrap !important; justify-content:center !important; }
.sidebar-loading,.sidebar-load-error { display:flex !important; align-items:center !important; gap:8px !important; font:500 11px/18px Manrope,sans-serif !important; color:var(--workspace-muted) !important; padding:8px 0 !important; }
.sidebar-load-error button { width:44px !important; min-height:44px !important; flex:none !important; border:0 !important; background:white !important; color:var(--workspace-blue) !important; border-radius:14px !important; }}
.sidebar-notice[hidden],.sidebar-tooltip[hidden] { display:none !important; }
.sidebar-tooltip { position:fixed !important; z-index:10000 !important; max-width:240px !important; padding:10px 14px !important; border-radius:12px !important; background:var(--workspace-ink) !important; color:white !important; pointer-events:none !important; font:500 12px/18px Manrope,sans-serif !important; overflow-wrap:anywhere !important; box-shadow:0 4px 16px rgb(21 21 22 / .12) !important; }
dialog.sidebar-project-menu { position:fixed !important; inset:auto; margin:0 !important; width:232px !important; max-width:calc(100vw - 16px) !important; max-height:calc(100dvh - 16px) !important; padding:8px !important; overflow:auto !important; border:0 !important; border-radius:20px !important; background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; box-shadow:0 0 0 1px var(--workspace-line),0 12px 32px rgb(21 21 22 / .16) !important; font-family:Manrope,sans-serif !important; }
.sidebar-project-menu::backdrop { background:transparent !important; }
.sidebar-menu-name { margin:8px 12px 12px !important; font:600 12px/18px Manrope,sans-serif !important; overflow-wrap:anywhere !important; }
.sidebar-project-menu button { display:flex !important; align-items:center !important; gap:12px !important; width:100% !important; min-height:44px !important; padding:8px 12px !important; border:0 !important; border-radius:12px !important; background-color:transparent !important; color:var(--workspace-ink) !important; font:600 13px/20px Manrope,sans-serif !important; cursor:pointer !important; }
.sidebar-project-menu button.is-danger { color:var(--workspace-danger) !important; --control-fluid:var(--workspace-danger) !important; }
.sidebar-menu-error { margin:0 8px !important; font:500 12px/18px Manrope,sans-serif !important; color:var(--workspace-danger) !important; }
.sidebar-menu-error:empty { display:none !important; }
.sidebar-project-menu label { display:block !important; font:500 12px/18px Manrope,sans-serif !important; }
.sidebar-project-menu input { width:100% !important; margin:8px 0 !important; padding:10px !important; min-height:44px !important; border:1px solid var(--workspace-blue) !important; border-radius:12px !important; font:500 16px/24px Manrope,sans-serif !important; background:white !important; color:var(--workspace-ink) !important; }
.sidebar-project-menu form > div { display:flex !important; }
.sidebar-project-menu :is(button,input):focus-visible { outline:2px solid var(--workspace-blue) !important; outline-offset:-2px !important; }
.sidebar-project-menu :disabled { opacity:.5 !important; }
@media(hover:hover) and (pointer:fine) {#productSidebar :is(button,a).is-fluid-active,#productSidebar :is(button,a).is-fluid-exiting,.sidebar-project-menu button:is(.is-fluid-active,.is-fluid-exiting) { color:white !important; }
#productSidebar .recent-thumb { color:var(--workspace-blue) !important; }}
@media(hover:none),(pointer:coarse) {#productSidebar :is(button,a),.sidebar-project-menu button { background-image:none !important; --fluid-radius:0px !important; }
#productSidebar .sidebar-new-project-mini { background-color:var(--workspace-blue) !important; color:white !important; }
#productSidebar :is(button,a):active,.sidebar-project-menu button:active { scale:.98 !important; }}
@media(prefers-reduced-motion:reduce) {#productSidebar,#productSidebar *,.product-layout { transition:none !important; animation:none !important; }}
@media(min-width:1061px) {#productSidebar #recentProjects::after { display:none !important; }
#productSidebar .sidebar-new-project-mini { position:relative !important; inset:auto !important; margin:0 !important; }}
@media(min-width:1061px) {#productSidebar .product-side-panel { flex:0 1 auto !important; height:calc(142px + var(--sidebar-row-count, 1) * 52px) !important; max-height:min(420px, calc(100dvh - 352px)) !important; }
body.guest #productSidebar .product-side-panel { height:333px !important; }
body.guest.sidebar-collapsed #productSidebar .product-side-panel { height:180px !important; }
#productSidebar .sidebar-brand-row { transition:height 280ms var(--workspace-ease), flex-basis 280ms var(--workspace-ease) !important; }}
@media(hover:hover) and (pointer:fine) {#productSidebar .recent-project-main:is(.is-fluid-active,.is-fluid-exiting) .sidebar-project-status > span { color:white !important; }}
.sidebar-project-menu[open] { animation:sidebar-menu-in 140ms ease-out; }
@keyframes sidebar-menu-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) {#productSidebar .sidebar-brand-row,.sidebar-project-menu { transition:none !important; animation:none !important; }}
@media(min-width:1061px) {#productSidebar .side-panel-heading { grid-row:1 !important; }
#productSidebar .recent-projects-shell { grid-row:2 !important; }
#productSidebar .project-nav-control { grid-row:3 !important; }}
@media(min-width:1061px) {#productSidebar .product-side-panel { grid-template-columns:minmax(0,1fr) !important; }
#productSidebar #recentProjects { align-items:stretch !important; justify-content:flex-start !important; }
#productSidebar .recent-project { translate:none !important; min-width:0 !important; }}
.prompt-library { min-width:0; width:100%; padding-bottom:40px; font-family:Manrope,sans-serif; color:var(--workspace-ink); }
.prompt-library *, .prompt-editor * { box-sizing:border-box; }
.prompt-library [hidden], .prompt-editor [hidden], #mobileFavoritesPage > [hidden] { display:none !important; }
.prompt-library button, .prompt-editor button { font:600 14px Manrope,sans-serif; cursor:pointer; }
.prompt-library button:disabled, .prompt-editor button:disabled { opacity:.45; cursor:default; }
.prompt-library button:not(.prompt-card), .prompt-editor button { min-height:44px; border:0; border-radius:24px; padding:10px 16px; display:inline-flex; align-items:center; justify-content:center; gap:8px; background-color:var(--workspace-surface); color:var(--workspace-ink); }
html body .prompt-library .prompt-primary, html body .prompt-editor .prompt-primary { background-color:var(--workspace-blue); color:white; min-height:48px; }
.prompt-library .library-heading h1 { font-size:44px; margin:4px 0 0; letter-spacing:-.04em; }
.prompt-tools { display:grid; grid-template-columns:minmax(0,1fr) 200px; gap:12px; }
.prompt-search { display:flex; align-items:center; gap:8px; padding:0 12px; min-height:48px; border-radius:16px; background:var(--workspace-surface); box-shadow:0 0 0 1px var(--workspace-line); color:var(--workspace-muted); }
.prompt-search input { width:100%; min-width:0; border:0; background:transparent; outline:0; box-shadow:none; padding:0; font:500 16px/24px Manrope,sans-serif; color:var(--workspace-ink); }
.prompt-search input::-webkit-search-cancel-button { display:none; }
.prompt-search:focus-within { box-shadow:none; }
.prompt-library .prompt-search button { padding:0; width:44px; flex:none; }
.prompt-tools select { min-width:0; padding:0 12px; min-height:48px; border:1px solid var(--workspace-line); border-radius:16px; background:var(--workspace-surface); color:var(--workspace-ink); font:600 13px Manrope,sans-serif; }
.prompt-storage { margin:12px 0 24px; color:var(--workspace-muted); font-size:12px; }
.prompt-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.prompt-card { min-width:0; width:100%; padding:24px; display:flex; flex-direction:column; align-items:start; text-align:left; border:0; border-radius:24px; background-color:var(--workspace-surface); color:var(--workspace-ink); box-shadow:0 0 0 1px var(--workspace-line); }
.prompt-card-meta { display:flex; align-items:center; justify-content:space-between; width:100%; color:var(--workspace-blue); font-size:12px; margin-bottom:20px; }
.prompt-card-meta .material-symbols-outlined { font-size:20px; }
.prompt-card strong { font-size:22px; line-height:1.3; font-weight:600; letter-spacing:-.025em; overflow-wrap:anywhere; }
.prompt-card p { margin:12px 0 0; color:var(--workspace-muted); font-size:14px; line-height:1.65; font-weight:400; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.prompt-notice { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 16px; margin-bottom:16px; border-radius:16px; background:var(--workspace-soft-blue); font-size:14px; }
.prompt-empty { display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px; padding:64px 16px; }
.prompt-empty > span { font-size:48px; color:var(--workspace-blue); }
.prompt-empty strong { font-size:24px; font-weight:600; }
.prompt-empty p { color:var(--workspace-muted); margin:0; }
.prompt-more { display:flex !important; margin:24px auto; }
.prompt-editor { width:min(680px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 48px); padding:24px; border:0; border-radius:32px; background:var(--workspace-canvas,#f4f6fa); color:var(--workspace-ink); overflow:hidden; font-family:Manrope,sans-serif; box-shadow:0 16px 64px rgb(21 21 22 / .12); }
.prompt-editor[open] { display:flex; flex-direction:column; gap:24px; animation:prompt-enter 220ms cubic-bezier(.22,1,.36,1); }
.prompt-editor::backdrop { background:rgb(21 21 22 / .32); backdrop-filter:blur(5px); }
.prompt-editor header { display:flex; align-items:center; gap:16px; flex:none; position:relative; }
.prompt-editor header > div { flex:1; min-width:0; }
.prompt-editor h2 { margin:6px 0 0; font-size:28px; line-height:1.2; font-weight:600; letter-spacing:-.03em; }
.prompt-editor header button { width:44px; flex:none; padding:0; }
.prompt-grip { display:none; }
.prompt-editor-scroll { overflow:auto; min-height:0; padding:2px; overscroll-behavior:contain; }
.prompt-field { display:flex; flex-direction:column; gap:8px; font-size:13px; font-weight:600; margin-bottom:20px; }
.prompt-field input, .prompt-field textarea { width:100%; min-width:0; margin:0; padding:14px 16px; border:1px solid var(--workspace-line); border-radius:16px; color:var(--workspace-ink); background:var(--workspace-surface); font:400 16px/1.6 Manrope,sans-serif; box-shadow:none; }
.prompt-field textarea { min-height:240px; resize:vertical; }
.prompt-field input:focus, .prompt-field textarea:focus { outline:0; border-color:var(--workspace-ink); }
.prompt-field small { text-align:right; color:var(--workspace-muted); font-size:12px; font-weight:400; font-variant-numeric:tabular-nums; }
.prompt-editor footer { display:flex; align-items:center; gap:8px; flex:none; }
.prompt-editor footer [data-pe=save] { margin-left:0; }
.prompt-editor-status { margin:0; font-size:13px; line-height:1.5; color:var(--workspace-blue); }
.prompt-editor-status:empty { display:none; }
.prompt-discard { display:flex; flex-wrap:wrap; gap:8px; padding:16px; margin-top:16px; border-radius:20px; background:var(--workspace-soft-blue); }
.prompt-discard strong { width:100%; font-size:15px; }
.prompt-apply h3 { margin:0 0 12px; font-size:24px; font-weight:600; }
.prompt-apply p { margin:8px 0 16px; font-size:14px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.prompt-apply details { padding:16px; border-radius:16px; background:var(--workspace-surface); }
.prompt-apply summary { cursor:pointer; font-size:14px; min-height:28px; }
.prompt-apply-preview { margin:16px 0; }
.prompt-apply-preview > span { color:var(--workspace-muted); font-size:12px; }
.prompt-apply-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0; }
.prompt-apply-options button { flex-direction:column; align-items:start; text-align:left; border-radius:20px; padding:16px; }
.prompt-apply-options strong { font-size:14px; }
.prompt-apply-options small { font-size:12px; font-weight:400; color:var(--workspace-muted); }
.prompt-library :is(button,select):focus-visible,.prompt-editor button:focus-visible { outline:2px solid var(--workspace-blue); outline-offset:3px; }
@keyframes prompt-enter { from {opacity:0;translate:0 12px} to {opacity:1;translate:0 0} }
@media(hover:hover) and (pointer:fine) {html body :is(.prompt-library,.prompt-editor) button:is(.is-fluid-active,.is-fluid-exiting), html body :is(.prompt-library,.prompt-editor) button:is(.is-fluid-active,.is-fluid-exiting) :is(span,strong,p,small) { color:white !important; }}
@media(max-width:1060px) {html body #mobileApp .saved-library-switch { display:flex; gap:4px; width:100%; padding:4px; margin:0 0 24px; border-radius:28px; background:var(--workspace-surface); }
html body #mobileApp .saved-library-switch button { flex:1; min-height:44px; border:0; border-radius:24px; font:600 14px Manrope,sans-serif; color:var(--workspace-muted) !important; background:transparent !important; }
html body #mobileApp .saved-library-switch button[aria-selected=true] { background:var(--workspace-blue) !important; color:white !important; }
html body #mobileApp .prompt-library .library-heading { margin-bottom:24px; align-items:center; gap:12px; }
html body #mobileApp .prompt-library .library-heading h1 { font-size:30px; }
.prompt-library .library-heading .prompt-primary { width:44px; height:44px; min-height:44px; padding:0; flex:none; }
.prompt-library .library-heading .prompt-primary > span:last-child:not(.material-symbols-outlined) { display:none; }
.prompt-tools { grid-template-columns:minmax(0,1fr); }
.prompt-tools select { min-height:44px; }
.prompt-list { grid-template-columns:minmax(0,1fr); gap:12px; }
.prompt-card { padding:20px; }
.prompt-card strong { font-size:20px; }
.prompt-card-meta { margin-bottom:12px; }
.prompt-card p { font-size:14px; }
html body #mobileApp .prompt-library button { color:var(--workspace-ink) !important; }
html body #mobileApp .prompt-library .prompt-primary { background-color:var(--workspace-blue) !important; color:white !important; }
html body #mobileApp .prompt-library button > span { color:inherit !important; }
.prompt-editor { width:100%; max-height:calc(100dvh - 12px); margin:auto 0 0; padding:24px 16px max(16px,env(safe-area-inset-bottom)); border-radius:28px 28px 0 0; gap:16px !important; }
.prompt-editor header { padding-top:12px; touch-action:none; }
.prompt-grip { display:block; position:absolute; width:36px; height:4px; border-radius:4px; background:var(--workspace-line); top:-12px; left:calc(50% - 18px); }
.prompt-editor header .library-kicker { display:none; }
.prompt-editor h2 { font-size:24px; margin:0; }
.prompt-field textarea { min-height:200px; }
.prompt-editor footer { flex-wrap:wrap; gap:8px; }
.prompt-editor footer button { padding:10px 12px; }
.prompt-editor footer .prompt-primary { flex:1; }
.prompt-apply-options { grid-template-columns:minmax(0,1fr); }}
@media(hover:none),(pointer:coarse) {.prompt-library button,.prompt-editor button,.saved-library-switch button { background-image:none !important; --fluid-radius:0px !important; }
.prompt-library button:active,.prompt-editor button:active,.saved-library-switch button:active { scale:.98; }}
@media(prefers-reduced-motion:reduce) {.prompt-editor[open] { animation:none; }}
.prompt-editor [data-pe=from-brief] { margin:0 0 16px; color:var(--workspace-blue); }
.prompt-editor [data-pe=append]:not(:disabled),.prompt-editor .prompt-apply-options:has([data-pe=append]:disabled) [data-pe=replace] { background-color:var(--workspace-blue); color:white; }
.prompt-editor [data-pe=append]:not(:disabled) small,.prompt-editor .prompt-apply-options:has([data-pe=append]:disabled) [data-pe=replace] small { color:inherit; }
@media(max-width:1060px) {#mobileFavoritesPage > [role=tabpanel]:not([hidden]) { animation:prompt-enter 160ms cubic-bezier(.22,1,.36,1); }
html body #mobileApp .prompt-card .prompt-card-meta { color:var(--workspace-blue) !important; }}
@media(prefers-reduced-motion:reduce) {#mobileFavoritesPage > [role=tabpanel]:not([hidden]) { animation:none; }}
@media(max-width:1060px){.prompt-editor header[data-prompt-drag] {margin:-24px -16px 0;padding:28px 16px 8px;min-height:88px;touch-action:none;user-select:none;-webkit-user-select:none;}
.prompt-editor .prompt-grip {top:10px;width:40px;height:4px;left:calc(50% - 20px);}}
.prompt-tile{position:relative;min-width:0}
.prompt-tile .prompt-card{width:100%;height:100%;padding-bottom:60px}
.prompt-to-board{position:absolute;right:14px;bottom:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#151516;color:white;border:0}
.prompt-to-board:hover{background:#065dfd}
.grid-prompt-picker>input,.grid-popup-body>input{box-sizing:border-box;width:100%;padding:12px 16px;border:1px solid #ccc;border-radius:16px;font:inherit;color:#151516;background:white}
.grid-prompt-picker>div{display:grid;gap:8px;margin-top:12px}
.grid-prompt-picker>div>button{text-align:left;white-space:normal}
.favorites-library { width:100%; min-width:0; font-family:Manrope,sans-serif; color:var(--workspace-ink); padding-bottom:40px; }
.favorites-library * { box-sizing:border-box; }
.favorites-library [hidden] { display:none !important; }
.favorites-library button,.favorites-viewer button,.favorite-actions button { cursor:pointer; font-family:Manrope,sans-serif; }
.favorites-ideas,.favorites-more,.favorites-empty button,.favorites-return button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 20px; border:0; border-radius:24px; background-color:var(--workspace-ink); color:white; font-size:14px; font-weight:600; }
.favorites-tools { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:12px; }
.favorites-search { display:flex; align-items:center; gap:8px; min-height:48px; border-radius:16px; padding:0 12px; background:var(--workspace-surface); box-shadow:0 0 0 1px var(--workspace-line); color:var(--workspace-muted); }
.favorites-library .favorites-search input { width:100%; min-width:0; padding:0; border:0; outline:0; background:transparent; color:var(--workspace-ink); font:500 16px/24px Manrope,sans-serif; box-shadow:none; }
.favorites-search:focus-within { box-shadow:0 0 0 2px var(--workspace-blue); }
.favorites-search input::-webkit-search-cancel-button { display:none; }
.favorites-search button { display:grid; place-items:center; width:44px; height:44px; flex:none; border:0; padding:0; background:transparent; color:var(--workspace-muted); border-radius:12px; }
.favorites-sort { position:relative; }
.favorites-sort select { appearance:none; width:100%; min-height:48px; padding:0 32px 0 14px; border:1px solid var(--workspace-line); border-radius:16px; font:600 13px Manrope,sans-serif; background:var(--workspace-surface); color:var(--workspace-ink); }
.favorites-sort > span:last-child { position:absolute; right:8px; top:12px; pointer-events:none; }
.favorites-filters { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 8px; }
.favorites-filters button { min-height:44px; padding:0 16px; border:1px solid transparent; border-radius:24px; background-color:var(--workspace-surface); color:var(--workspace-ink); font-size:13px; font-weight:600; }
.favorites-filters button[aria-pressed=true] { background-color:var(--workspace-soft-blue); color:var(--workspace-blue); border-color:var(--workspace-blue); }
.favorites-storage { margin:0 0 20px; font-size:12px; color:var(--workspace-muted); }
.favorites-notice { display:flex; align-items:center; justify-content:space-between; gap:16px; border-radius:16px; background:var(--workspace-soft-blue); padding:8px 16px; margin:12px 0; font-size:13px; }
.favorites-notice button { flex:none; min-height:44px; border:0; border-radius:12px; padding:0 12px; background-color:var(--workspace-surface); color:var(--workspace-blue); font-weight:700; }
html body .favorites-library .favorites-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; grid-auto-rows:1px !important; gap:0 16px !important; align-items:start !important; }
html body .favorites-library .inspiration-card { width:100% !important; min-width:0 !important; height:fit-content !important; margin:0 !important; grid-column:auto !important; padding:0 !important; translate:none !important; }
html body .favorites-library .inspiration-card-media { width:100% !important; height:auto !important; min-height:0 !important; aspect-ratio:auto !important; border-radius:20px !important; }
html body .favorites-library .inspiration-card-media > img { position:static !important; display:block !important; width:100% !important; height:auto !important; object-fit:contain !important; min-height:0 !important; }
html body .favorites-library .inspiration-card-select { background:none !important; background-image:none !important; }
html body .favorites-library .inspiration-card-tag { max-width:calc(100% - 68px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html body .favorites-library :is(.inspiration-card-more,.inspiration-card-add,.inspiration-card-favorite) { width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; }
html body .favorites-library .inspiration-card.is-image-error .inspiration-card-media { min-height:200px !important; background:var(--workspace-soft-blue); }
html body .favorites-library .is-image-error img { visibility:hidden; height:200px !important; }
.favorites-library .is-image-error .inspiration-card-media::after { content:"Изображение недоступно"; position:absolute; top:45%; left:12px; right:12px; text-align:center; font-size:12px; color:var(--workspace-muted); pointer-events:none; }
.favorites-empty { display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px; padding:64px 24px; min-height:320px; }
.favorites-empty > .material-symbols-outlined { font-size:48px; color:var(--workspace-blue); }
.favorites-empty strong { font-size:24px; line-height:1.25; font-weight:600; letter-spacing:-.025em; max-width:480px; }
.favorites-empty p { margin:0; color:var(--workspace-muted); font-size:14px; line-height:1.6; max-width:360px; }
.favorites-more { display:flex; margin:16px auto; }
.favorites-return { position:sticky; bottom:24px; display:flex; align-items:center; justify-content:space-between; gap:12px; width:fit-content; max-width:100%; margin:16px auto 0; padding:8px 8px 8px 20px; border-radius:32px; background:var(--workspace-surface); box-shadow:0 4px 24px rgb(20 20 22 / .12); font-size:13px; }
.favorites-return button { background-color:var(--workspace-blue); }
.favorites-library :is(button,select):focus-visible,.favorites-viewer button:focus-visible,.favorite-actions button:focus-visible { outline:2px solid var(--workspace-blue) !important; outline-offset:3px; }
.favorites-viewer { position:fixed; inset:0; width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; border:0; border-radius:0; padding:16px; overflow:hidden; background:var(--workspace-canvas,#f4f6fa); color:var(--workspace-ink); }
.favorites-viewer[open] { display:grid; grid-template-rows:48px minmax(0,1fr) auto auto; gap:12px; }
.favorites-viewer::backdrop { background:rgb(20 20 22 / .65); }
.favorites-viewer header,.favorites-viewer footer { display:flex; align-items:center; gap:8px; max-width:100%; }
.favorites-viewer [data-fv-count] { flex:1; text-align:center; font:600 13px Manrope,sans-serif; }
.favorites-viewer button { min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:24px; padding:0 12px; background-color:var(--workspace-surface); color:var(--workspace-ink); font-size:13px; font-weight:600; }
.favorites-viewer button:disabled { opacity:.4; cursor:default; }
.favorites-viewer [data-fv=close] { --control-fluid:var(--workspace-danger); }
.favorites-viewer [data-fv=add] { background-color:var(--workspace-blue); color:white; margin-left:auto; }
.favorites-viewer [data-fv=favorite][aria-pressed=true] { background-color:var(--workspace-soft-blue); color:var(--workspace-blue); }
.favorite-zoom { display:flex; gap:4px; }
.favorite-canvas { position:relative; overflow:auto; min-height:0; touch-action:pan-y; overscroll-behavior:contain; border-radius:24px; }
.favorite-media { min-width:100%; min-height:100%; width:max-content; height:max-content; display:flex; align-items:center; justify-content:center; position:relative; }
.favorite-media img { display:block; max-width:none; max-height:none; border-radius:8px; }
.favorite-media-state { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; color:var(--workspace-muted); font:500 14px Manrope,sans-serif; }
.favorite-view-notice { text-align:center; margin:0; font:500 13px/20px Manrope,sans-serif; color:var(--workspace-blue); }
.favorite-view-notice:empty { display:none; }
.favorite-actions { position:fixed; inset:auto; width:240px; max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); overflow:auto; margin:0; padding:8px; border:0; border-radius:20px; background:var(--workspace-surface); box-shadow:0 0 0 1px var(--workspace-line),0 8px 24px rgb(20 20 22 / .12); }
.favorite-actions::backdrop { background:transparent; }
.favorite-actions button { display:flex; align-items:center; gap:12px; width:100%; min-height:44px; padding:8px 12px; border:0; border-radius:12px; background-color:transparent; color:var(--workspace-ink); text-align:left; font-size:13px; font-weight:600; }
@media(max-width:1300px) {html body .favorites-library .favorites-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }}
@media(max-width:1060px) {#mobileFavoritesPage { padding:16px 16px 100px !important; }
#mobileApp .m-inspiration-heading { gap:8px; flex-wrap:wrap; }
.favorites-library .library-heading { gap:12px; align-items:center; margin-bottom:24px; }
.favorites-library .library-heading h1 { font-size:30px; }
.favorites-library .favorites-ideas { width:44px; min-height:44px; padding:0; flex:none; }
.favorites-ideas > span:last-child:not(.material-symbols-outlined) { display:none; }
.favorites-tools { grid-template-columns:minmax(0,1fr); }
.favorites-sort { max-width:100%; }
.favorites-sort select { min-height:44px; }
.favorites-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.favorites-filters button { padding:0 12px; }
html body .favorites-library .favorites-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 12px !important; }
html body .favorites-library .inspiration-card-media { border-radius:16px !important; }
html body .favorites-library .inspiration-card-tag { display:none !important; }
.favorites-notice { flex-wrap:wrap; }
.favorites-empty { padding:40px 16px; }
.favorites-empty strong { font-size:22px; }
.favorites-return { bottom:8px; }
.favorites-viewer { padding:12px 8px calc(12px + env(safe-area-inset-bottom)); }
.favorites-viewer footer { flex-wrap:wrap; justify-content:center; }
.favorites-viewer [data-fv=add] { margin-left:0; }}
@media(hover:hover) and (pointer:fine) {.favorites-library button:is(.is-fluid-active,.is-fluid-exiting):not(.inspiration-card-select),.favorites-viewer button:is(.is-fluid-active,.is-fluid-exiting),.favorite-actions button:is(.is-fluid-active,.is-fluid-exiting) { color:white !important; }}
@media(hover:none),(pointer:coarse) {.favorites-library button,.favorites-viewer button,.favorite-actions button { background-image:none !important; --fluid-radius:0px !important; }
.favorites-ideas,.favorites-empty button { background-color:var(--workspace-blue); }
.favorites-library button:active,.favorites-viewer button:active,.favorite-actions button:active { scale:.98; }
html body .favorites-library :is(.inspiration-card-more,.inspiration-card-add,.inspiration-card-favorite) { opacity:1 !important; visibility:visible !important; transform:none !important; }}
@media(prefers-reduced-motion:reduce) {.favorites-library *,.favorites-viewer *,.favorite-actions * { animation:none !important; transition:none !important; }}
.favorites-library [data-favorites-total] { font-size:16px; font-weight:500; color:var(--workspace-muted); letter-spacing:0; }
.favorite-view-notice:not(:empty) { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; }
html body .favorites-viewer [data-fv=add] { background-color:var(--workspace-blue) !important; color:white !important; }
html body .favorites-viewer [data-fv=add] > span { color:inherit !important; }
@media(hover:hover) and (pointer:fine) {#productSidebar :is(button,a).is-sidebar-current:is(.is-fluid-active,.is-fluid-exiting),#productSidebar :is(button,a).is-sidebar-current:is(.is-fluid-active,.is-fluid-exiting) > span { color:white !important; }}
@media(max-width:1060px) {html body #mobileApp .favorites-library :is(.favorites-ideas,.favorites-more,.favorites-empty button,.favorites-return button) { background-color:var(--workspace-blue) !important; color:white !important; }
html body #mobileApp .favorites-library :is(.favorites-ideas,.favorites-more,.favorites-empty button,.favorites-return button) > span { color:inherit !important; }
html body #mobileApp .favorites-library .inspiration-card-media { padding-bottom:52px !important; background:var(--workspace-surface) !important; }
html body #mobileApp .favorites-library .inspiration-card-favorite-actions { position:absolute !important; left:2px !important; right:auto !important; top:auto !important; bottom:4px !important; }
html body #mobileApp .favorites-library .inspiration-card-more { left:50% !important; right:auto !important; top:auto !important; bottom:4px !important; transform:translateX(-50%) !important; opacity:1 !important; visibility:visible !important; }
html body #mobileApp .favorites-library .inspiration-card-actions { left:auto !important; right:2px !important; top:auto !important; bottom:4px !important; }
html body #mobileApp .favorites-library :is(.inspiration-card-favorite,.inspiration-card-add) { opacity:1 !important; visibility:visible !important; transform:none !important; background:var(--workspace-surface) !important; color:var(--workspace-blue) !important; }
html body #mobileApp .favorites-library .inspiration-card-more { background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; }
html body #mobileApp .favorites-library .inspiration-card-select { bottom:52px !important; height:calc(100% - 52px) !important; }}
@media(max-width:1060px) {html body #mobileApp .favorites-library .inspiration-card-media > img { position:static !important; inset:auto !important; width:100% !important; height:auto !important; object-fit:contain !important; }
html body #mobileApp .favorites-library :is(.inspiration-card-actions,.inspiration-card-favorite-actions) { width:44px !important; height:44px !important; display:grid !important; }
html body #mobileApp .favorites-library .inspiration-card-add { position:static !important; }
html body #mobileApp .favorites-library .inspiration-card :is(.inspiration-card-add,.inspiration-card-more,.inspiration-card-favorite) > span { color:inherit !important; }
html body #mobileApp .favorites-library .inspiration-card-favorite { filter:none !important; }}
@media(min-width:1061px) {html body .favorites-library .is-wide .inspiration-card-media { padding-bottom:52px !important; background:var(--workspace-surface) !important; }
html body .favorites-library .is-wide :is(.inspiration-card-actions,.inspiration-card-favorite-actions) { position:absolute !important; top:auto !important; bottom:4px !important; width:44px !important; height:44px !important; display:grid !important; }
html body .favorites-library .is-wide .inspiration-card-actions { right:4px !important; left:auto !important; }
html body .favorites-library .is-wide .inspiration-card-favorite-actions { left:4px !important; right:auto !important; }
html body .favorites-library .is-wide .inspiration-card-add { position:static !important; }
html body .favorites-library .is-wide .inspiration-card-more { top:auto !important; bottom:4px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; }
html body .favorites-library .is-wide :is(.inspiration-card-more,.inspiration-card-add,.inspiration-card-favorite) { opacity:1 !important; background-color:var(--workspace-soft-blue) !important; color:var(--workspace-blue) !important; filter:none !important; }
html body .favorites-library .is-wide :is(.inspiration-card-more,.inspiration-card-add,.inspiration-card-favorite) > span { color:inherit !important; }
html body .favorites-library .is-wide .inspiration-card-select { bottom:52px !important; height:calc(100% - 52px) !important; }}
@media(hover:hover) and (pointer:fine) {html body .favorites-library .is-wide button:is(.is-fluid-active,.is-fluid-exiting) { color:white !important; }}
html body .favorites-library .inspiration-card :is(.inspiration-card-more,.inspiration-card-add,.inspiration-card-favorite) .material-symbols-outlined { font-size:24px !important; }
html body #mobileApp .favorites-library .inspiration-card.is-image-error .inspiration-card-media { min-height:200px !important; }
html body .favorites-library .is-image-error .inspiration-card-media::after { display:block !important; opacity:1 !important; background:none !important; transform:none !important; z-index:2; bottom:auto !important; }
@media(min-width:1061px) {html body .favorites-library .is-wide .inspiration-card-add { transform:none !important; margin:0 !important; }
html body .favorites-library .is-wide .inspiration-card-actions { place-items:center !important; }}
[aria-disabled="true"]:not(button) { pointer-events:none; opacity:.65; }
:is(#legalDocumentContent,#supportLoadStatus) .btn { margin-block:12px; }
@media (max-width:1060px) {#mobileProjectsPage [data-library-create] { display:none !important; }
#mobileApp .m-topbar { gap:8px; padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right)); }
#mobileApp .m-brand { flex:1 1 120px; min-width:72px; max-width:136px; width:auto; margin:0; transform:none; }
#mobileApp .m-brand img { max-width:100%; width:120px; height:auto; }
#mobileApp .m-topbar-actions { flex:0 0 auto; gap:4px; }
#mobileApp .m-topbar :is(.m-account-button,.m-help-button) { flex:0 0 44px; width:44px; height:44px; }
#mobileApp .m-credit-button { min-height:44px; padding-inline:8px; }
#mobileApp #mobileCreditNumber { max-width:7ch; overflow:hidden; text-overflow:ellipsis; }
#mobileApp .m-credit-free { display:none; }
#mobileApp .mobile-ideas-heading #mobileIdeasLoadMore { margin-left:auto; }
#mobileApp .m-topbar button:active { transform:scale(.96); }
#mobileHelpModal { max-width:min(440px,calc(100vw - 24px)); }}
@media (prefers-reduced-motion:reduce) {dialog.modal-shell { transition:none !important; }}
html body .ui-reactive { background-image:none !important; transition:transform 160ms ease,box-shadow 160ms ease !important; -webkit-text-fill-color:currentColor !important; }
html body .ui-reactive::before,html body .ui-reactive::after { display:none !important; }
html body .ui-reactive :is(span,i,strong,small,b,em) { color:inherit !important; -webkit-text-fill-color:inherit !important; transition:transform 160ms ease !important; }
html body .ui-reactive:focus-visible { outline:2px solid #065dfd; outline-offset:3px; }
html body .ui-reactive[data-ui-danger=true]:focus-visible { outline-color:#d32f3f; }
html body button[data-ui-danger=true] { min-height:44px; padding-inline:16px; }
html body button[data-ui-danger=true]:has(> .material-symbols-outlined:only-child) { padding:10px; min-width:44px; }
html body :is(.brief-field,.m-field-group,.studio-brief-mobile) { background-image:none !important; }
html body :is(.brief-field,.m-field-group)::before,html body :is(.brief-field,.m-field-group)::after { display:none !important; }
html body :is(.brief-field,.m-field-group) :is(input,textarea) { font:500 15px/1.6 Manrope,sans-serif !important; color:#151516 !important; background:transparent !important; background-image:none !important; resize:none; }
html body :is(.brief-field,.m-field-group) :is(input,textarea)::placeholder { color:#969ba4 !important; opacity:1 !important; font-weight:400 !important; }
html body :is(.brief-field,.m-field-group) textarea { min-height:48px !important; max-height:144px !important; overflow-y:auto !important; }
html body #productSidebar,html body #productSidebar :is(.product-side-panel,.support-side-panel,.account-side-panel,.recent-projects-shell,.recent-projects-viewport,#recentProjects,.recent-project,.recent-project-main) { box-shadow:none !important; }
html body #productSidebar .recent-projects-viewport { border-radius:18px !important; }
html body #productSidebar #recentProjects { border-radius:16px !important; padding:4px 3px !important; scrollbar-width:thin !important; scrollbar-color:rgb(6 93 253 / .32) transparent !important; }
html body #productSidebar #recentProjects::-webkit-scrollbar { width:4px; }
html body #productSidebar #recentProjects::-webkit-scrollbar-thumb { background:rgb(6 93 253 / .32); border-radius:8px; }
html body.sidebar-collapsed #productSidebar #recentProjects { scrollbar-gutter:stable both-edges; }
html body.sidebar-collapsed #productSidebar :is(.recent-projects-shell,.recent-projects-viewport,#recentProjects) { transform:none !important; scale:1 !important; }
html body .library-content[data-mode=cards] .library-card { border:1px solid rgb(21 21 22 / .11); border-radius:22px; background:rgb(255 255 255 / .5); }
html body .library-content[data-mode=cards] .library-preview { border-radius:21px 21px 12px 12px; box-shadow:none; }
html body .library-content[data-mode=cards] .library-card-info { padding:4px 12px 12px; }
html body .library-title-row { align-items:flex-end; }
html body .library-menu { align-self:flex-end; }
html body .detail-delete { padding:12px 20px !important; }
.detail-heading:has(.detail-rename:not([hidden])) #projectViewerTitle { display:none; }
html body .detail-rename { margin:0; width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:0; }
html body .detail-rename[hidden] { display:none; }
html body .detail-rename label { flex:1; min-width:100px; font-size:0; }
html body .detail-rename input { font:600 clamp(20px,2vw,30px)/1.25 Manrope,sans-serif; padding:8px 0; border:0; border-bottom:2px solid #065dfd; border-radius:0; width:100%; background:transparent; }
html body .detail-rename p { flex-basis:100%; margin:0; }
html body #projectViewerTitle { cursor:text; }
html body .inspiration-card-favorite.is-favorite,html body .inspiration-card-favorite-actions.is-favorite { opacity:1 !important; visibility:visible !important; transform:none !important; pointer-events:auto !important; }
html body .inspiration-card-favorite .material-symbols-outlined { display:block !important; opacity:1 !important; visibility:visible !important; transform:none !important; position:static !important; font-size:21px !important; }
html body :is(.inspiration-card-favorite,.inspiration-card-add,.inspiration-card-more) { min-width:44px !important; width:44px !important; height:44px !important; min-height:44px !important; padding:10px !important; border-radius:50% !important; }
html body [data-zoom-reset] { min-width:76px; font-variant-numeric:tabular-nums; }
.feed-to-top { position:fixed; right:24px; bottom:24px; z-index:120; width:48px; height:48px; border-radius:50%; border:1px solid rgb(6 93 253 / .2); background:white; color:#065dfd; box-shadow:0 4px 20px rgb(21 21 22 / .1); }
.feed-to-top[hidden] { display:none; }
@media(min-width:1061px) {html body #projectsModal.legacy-route-dialog { position:relative !important; height:auto !important; max-height:none !important; overflow:visible !important; }
html body #projectsModal .modal-scroll-card { height:auto !important; max-height:none !important; overflow:visible !important; }
html body #projectsModal .legacy-modal-scroll-body { height:auto !important; max-height:none !important; overflow:visible !important; }}
@media(max-width:1060px) {html body #mobileFavoritesPage { overflow-y:auto !important; overflow-x:hidden !important; min-height:0 !important; overscroll-behavior-y:contain; padding-bottom:100px !important; }
html body #mobileFavoritesPage > * { flex-shrink:0; }
html body #mobileApp .m-topbar { border-radius:0 0 24px 24px; background:rgb(255 255 255 / .56) !important; backdrop-filter:blur(20px) saturate(145%); -webkit-backdrop-filter:blur(20px) saturate(145%); border-bottom:1px solid rgb(255 255 255 / .75); box-shadow:0 3px 18px rgb(21 21 22 / .035); }
html body #mobileApp .m-dock { left:12px !important; right:12px !important; bottom:max(10px,env(safe-area-inset-bottom)) !important; width:auto !important; border-radius:28px !important; background:rgb(255 255 255 / .56) !important; backdrop-filter:blur(22px) saturate(150%); -webkit-backdrop-filter:blur(22px) saturate(150%); border:1px solid rgb(255 255 255 / .8) !important; box-shadow:0 4px 22px rgb(21 21 22 / .08) !important; padding:6px !important; }
html body #mobileApp .m-dock::before,html body #mobileApp .m-dock::after { display:none !important; }
html body #mobileApp .m-dock button { border-radius:22px !important; background-color:transparent; min-height:48px; }
html body #mobileApp .m-dock button.is-active { background-color:rgb(6 93 253 / .1); color:#065dfd; }
html body #mobileApp .m-stage { bottom:0 !important; }
html body #mobileApp .m-page { padding-bottom:100px; }
html body #mobileApp :is(.m-setting-tile,.m-field-group) { background:white !important; }
html body #mobileApp .m-setting-tile { border:1px solid rgb(6 93 253 / .13) !important; border-radius:14px !important; box-shadow:none !important; }
html body #mobileApp .legacy-reference-tile [data-legacy-reference-remove] { top:-8px !important; right:-8px !important; z-index:3; border:2px solid white; }
html body #mobileApp #mobileInspirationGrid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; grid-auto-rows:1px !important; gap:0 12px !important; align-items:start !important; }
html body #mobileApp #mobileInspirationGrid .inspiration-card { min-height:0 !important; height:fit-content !important; align-self:start !important; margin:0 !important; }
html body #mobileApp #mobileInspirationGrid .inspiration-card-media { height:auto !important; aspect-ratio:var(--inspiration-ratio) !important; }
html body #mobileApp #mobileInspirationGrid .inspiration-card-media img { width:100% !important; height:100% !important; object-fit:cover !important; }
html body #mobileApp #mobileIdeasLoadMore { display:none !important; }
html body #mobileApp .inspiration-filters { padding-block:8px !important; gap:8px !important; mask-image:linear-gradient(to right,transparent,black 12px,black calc(100% - 12px),transparent); }
html body :is(#mobileHelpModal,#supportModal) { position:fixed !important; inset:0 !important; margin:auto !important; width:calc(100vw - 24px) !important; max-width:440px !important; height:fit-content !important; max-height:calc(100dvh - 32px) !important; padding:0 !important; }
html body :is(#mobileHelpModal,#supportModal) .modal-card { width:100% !important; max-width:100% !important; box-sizing:border-box; padding:56px 24px 24px !important; }
html body #legalModal .modal-close { z-index:5; top:12px; right:12px; }
html body #supportModal .modal-card { display:flex; flex-direction:column; align-items:stretch; gap:16px; }
html body #supportModal :is(#supportEmailLink,[data-open-legal]) { align-self:stretch; margin:0 !important; padding:12px 16px; text-align:left; justify-content:flex-start; }
html body :is([data-prompt-drag],[data-sheet-drag-region]) { touch-action:none !important; user-select:none; min-height:64px; }
html body #mobileSettingsClose,html body [data-legacy-reference-remove],html body .prompt-editor [data-pe=close] { color:#d32f3f !important; background:white !important; }
html body #mobileSettingsClose > span,html body [data-legacy-reference-remove] > span,html body .prompt-editor [data-pe=close] > span { color:inherit !important; display:block !important; opacity:1 !important; font-size:22px !important; }
.feed-to-top { bottom:calc(90px + env(safe-area-inset-bottom)); right:18px; }}
html body #projectViewerTitle { font:inherit; color:inherit; background:transparent; border:0; padding:0; text-align:left; max-width:100%; }
html body .library-content[data-mode=cards] .library-card-info { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:4px 8px; }
html body .library-content[data-mode=cards] .library-title-row { display:contents; }
html body .library-content[data-mode=cards] .library-title-area { grid-column:1; grid-row:1; }
html body .library-content[data-mode=cards] .library-menu { grid-column:2; grid-row:1 / span 2; align-self:end; }
html body .library-content[data-mode=cards] .library-meta { grid-column:1; grid-row:2; }
.mobile-feed-sentinel { min-height:1px; text-align:center; color:#727781; font-size:13px; padding-block:12px; }
@media(max-width:1060px){html body #mobileApp .m2-inspiration-tools { margin:12px 0 20px !important; padding:0; display:grid; gap:10px !important; border:0; }
html body #mobileApp .m2-ideas-search label { border:1px solid var(--studio-panel-line,#dce0e6); border-radius:16px; box-shadow:none; }
html body #mobileApp .workspace-mobile-filters { --fade-start:0px; --fade-end:0px; padding:2px 0 !important; scroll-padding-inline:12px; mask-image:linear-gradient(to right,transparent,black var(--fade-start),black calc(100% - var(--fade-end)),transparent) !important; }
html body #mobileApp .workspace-mobile-filters[data-fade-left=true] { --fade-start:18px; }
html body #mobileApp .workspace-mobile-filters[data-fade-right=true] { --fade-end:18px; }
html body #mobileApp .m2-ideas-search { margin:0; }
html body #legalModal .legal-modal-card { padding-top:60px !important; }}
@media(max-width:1060px){html body #mobileApp .studio-brief-mobile .m-settings-grid { gap:6px !important; background:transparent !important; overflow:visible; }
html body #mobileApp .studio-brief-mobile .m-setting-tile { border:1px solid rgb(6 93 253 / .18) !important; border-radius:12px !important; }}
@media(max-width:1060px){html body :is(#mobileHelpModal,#supportModal,#legalModal){border-radius:28px !important;overflow:hidden !important;}}
@media(min-width:1061px){html body #projectsModal.legacy-route-dialog { --route-left:max(294px,calc((100vw - 1380px)/2 + 274px)); --route-right:max(24px,calc((100vw - 1380px)/2)); inset:auto !important; margin:18px var(--route-right) 32px var(--route-left) !important; width:calc(100% - var(--route-left) - var(--route-right)) !important; }
html body.sidebar-collapsed #projectsModal.legacy-route-dialog { --route-left:max(140px,calc((100vw - 1380px)/2 + 116px)); }
html body #projectsModal .modal-card { height:auto !important; }}
html body #generationForm.studio-workbench .brief-field .brief-control,
html body #mobileApp .studio-brief-mobile :is(#mobileProductName,#mobileDescription) { font:500 16px/24px Manrope,sans-serif !important; }
html body #generationForm.studio-workbench .brief-field .brief-control::placeholder,
html body #mobileApp .studio-brief-mobile :is(#mobileProductName,#mobileDescription)::placeholder {color:#9297a0 !important;font-weight:400 !important;opacity:1 !important;}
html body #projectViewer .detail-heading .detail-rename input {font:600 clamp(20px,2vw,30px)/1.25 Manrope,sans-serif !important; border:0 !important; border-bottom:2px solid #065dfd !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;}
html body #productSidebar .sidebar-help-route {border-radius:18px !important;box-shadow:none !important;}
html body .m-inspiration-section,html body section:has(> #legacyInspirationFeed){scroll-margin-top:90px;}
html body .legacy-reference-strip [data-legacy-reference-remove] {width:28px !important;min-width:28px !important;height:28px !important;min-height:28px !important;padding:3px !important;right:-8px !important;top:-8px !important;border-radius:50% !important;}
html body .legacy-reference-strip [data-legacy-reference-remove]::before {content:"";display:block !important;position:absolute;inset:-8px;background:transparent !important;border-radius:50%;transform:none !important;opacity:1 !important;}
html body .legacy-reference-strip [data-legacy-reference-remove] > span {font-size:20px !important;}
html body .library-content[data-mode=cards] .library-preview,
html body .library-content[data-mode=cards] .library-preview img { border-radius:21px !important; }
html body .inspiration-card-favorite.is-favorite { border:0 !important; box-shadow:none !important; filter:none !important; }
html body .ui-reactive:is([aria-pressed=true],[aria-selected=true],[aria-current=page],.is-sidebar-current,.is-active,.is-selected):not(.inspiration-card-favorite) { box-shadow:none !important; border-color:#151516 !important; }
html body .ui-reactive:disabled { opacity:1 !important; cursor:not-allowed; }
html body .ui-reactive:disabled:not(.inspiration-card-add) { background-color:#e4e6e9 !important; color:#646a74 !important; }
@media(max-width:1060px){html body :is(#mobileSettingsClose,[data-close-modal],[data-legacy-reference-remove],.prompt-editor [data-pe=close]) { color:white !important; background:#d32f3f !important; }}
html body #generationForm.studio-workbench .brief-field .brief-control::placeholder,
html body #mobileApp .studio-brief-mobile :is(#mobileProductName,#mobileDescription)::placeholder { color:#707782 !important; }
html body :is(.brief-counter,#mobileNameCount,#mobileDescriptionCount) {color:#686e78 !important;font-size:11px !important;}
html body .ui-reactive small {opacity:1 !important;}
html body .legacy-mode-card[aria-selected="true"],
html body .legacy-mode-card[aria-selected="true"]:hover {
  color: #151516 !important;
}
html body :is(.avatar-option.active,.cover-option.active,.m-avatar-choice.is-selected) {border-color:#151516 !important;box-shadow:0 0 0 2px #151516 !important;}
.inspiration-feed-error {grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;font:500 14px Manrope,sans-serif;}
.inspiration-feed-error button {display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;border-radius:22px;padding:10px 16px;background:white;color:#151516;font:600 14px Manrope,sans-serif;}
html body #legacyInspirationFeed.inspiration-grid { grid-auto-flow: row dense !important; }
html body #mobileApp #mobileInspirationGrid { grid-auto-flow: row dense !important; }
@media (max-width:1060px) {html body #mobileApp #mobileInspirationGrid .inspiration-card.is-wide { grid-column: auto !important; }}
html body :is(#legacyInspirationFeed,#mobileInspirationGrid) .inspiration-card:is([data-inspiration-category="food"],[data-inspiration-category="tech"]).is-wide {
  grid-column: auto !important;
}
@media (max-width:1060px) {html body #mobileApp #mobileInspirationGrid .inspiration-card:is([data-inspiration-category="food"],[data-inspiration-category="tech"]).is-wide {
    grid-column: span 2 !important;
  }}
:root {
 --studio-paper:#fff;
 --studio-canvas:#f3f5f8;
 --studio-text:#151516;
 --studio-secondary:#596171;
 --studio-placeholder:#6c7480;
 --studio-control-line:#e1e5eb;
 --studio-field-surface:#f6f7f9;
 --studio-panel-line:#dce0e6;
 --studio-glass:rgb(255 255 255 / .68);
 --studio-glass-edge:rgb(255 255 255 / .88);
 --studio-caption:12px;
 --studio-small:11px;
 --studio-field:16px;
 --studio-nav-clearance:88px;
}
html body #generationForm.studio-workbench .studio-brief,
html body #mobileApp .studio-brief-mobile { background:var(--studio-paper) !important; box-shadow:0 0 0 1px var(--studio-panel-line) !important; gap:12px !important; }
html body #generationForm.studio-workbench .brief-field .brief-control,
html body #mobileApp .studio-brief-mobile :is(#mobileProductName,#mobileDescription) {min-height:24px !important;max-height:none !important;font:500 var(--studio-field)/24px Manrope,sans-serif !important;padding:0 !important;overflow-y:auto !important;scrollbar-width:thin;scrollbar-color:#929aaa transparent;}
html body #generationForm.studio-workbench .brief-field .brief-control::placeholder,
html body #mobileApp .studio-brief-mobile :is(#mobileProductName,#mobileDescription)::placeholder {color:var(--studio-placeholder) !important;font-weight:400 !important;opacity:1 !important;}
html body .brief-expand {display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;margin:4px 0 0 auto;padding:0;border:0;border-radius:12px;background:transparent;color:#065dfd;}
html body .brief-expand .material-symbols-outlined {font-size:20px;}
html body .brief-expand[hidden] {display:none !important;}
html body .project-nav-badge[hidden] {display:none !important;}
html body .studio-material-label,html body .studio-material-count,html body .studio-material-caption > span {color:var(--studio-secondary);font-size:var(--studio-caption);}
html body .studio-materials .workspace-material-thumbs button[aria-pressed=true] {border-color:var(--studio-text) !important;}
html body #workspaceModeRibbon .legacy-mode-card.is-active,html body #workspaceModeRibbon .legacy-mode-card.is-active:hover,html body #workspaceModeRibbon .legacy-mode-card.is-active > span {color:var(--studio-text) !important;-webkit-text-fill-color:var(--studio-text) !important;}
@media(min-width:1061px) and (max-height:800px) {html body #workspaceModeRibbon {height:56px !important;min-height:56px !important;}
html body #workspaceModeRibbon .legacy-mode-card {padding-block:4px 8px !important;}
html body #generator > .inspiration-strip {margin-top:8px !important;}}
@media(max-width:1060px) {html body #mobileApp {--m-muted:var(--studio-secondary);}
html body #mobileApp .m-topbar {top:8px !important;left:8px !important;right:8px !important;width:auto !important;height:56px !important;padding:4px 8px !important;border-radius:24px !important;background:var(--studio-glass) !important;border:1px solid var(--studio-glass-edge) !important;box-shadow:0 2px 12px rgb(21 21 22 / .035) !important;backdrop-filter:blur(22px) saturate(135%) !important;-webkit-backdrop-filter:blur(22px) saturate(135%) !important;}
html body #mobileApp .m-stage {top:72px !important;bottom:0 !important;}
html body #mobileApp .m-page {scroll-padding-top:12px;scroll-padding-bottom:var(--studio-nav-clearance);padding-bottom:calc(var(--studio-nav-clearance) + env(safe-area-inset-bottom)) !important;}
html body #mobileApp .m-dock {max-width:480px !important;left:8px !important;right:8px !important;padding:4px !important;border-radius:24px !important;background:var(--studio-glass) !important;border:1px solid var(--studio-glass-edge) !important;}
html body #mobileApp .m-dock button {height:56px !important;min-height:56px !important;padding:6px 4px !important;gap:4px !important;border-radius:20px !important;}
html body #mobileApp .m-dock button > .material-symbols-outlined {font-size:22px !important;line-height:24px !important;}
html body #mobileApp .m-dock button small {font:600 var(--studio-small)/16px Manrope,sans-serif !important;letter-spacing:0 !important;}
html body #mobileApp .m-dock .project-nav-badge {font:600 10px/16px Manrope,sans-serif;min-width:16px;min-height:16px;}
html body #mobileApp #mobileCreatePage {gap:8px !important;padding-top:0 !important;}
html body #mobileApp button.studio-project-caption {position:relative;display:flex;align-items:center;min-height:28px;width:100%;padding:4px 0;margin:0;border:0;border-radius:8px;background:transparent;color:#065dfd;text-align:left;font:700 12px/16px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase;}
html body #mobileApp button.studio-project-caption::before {content:"";position:absolute;inset:-8px 0;background:transparent;}
html body #mobileApp button.studio-project-caption:focus-visible {outline:2px solid #065dfd;outline-offset:2px;}
html body #mobileApp button.studio-project-caption,html body #mobileApp button.studio-project-caption * {color:#065dfd !important;-webkit-text-fill-color:#065dfd !important;}
html body #mobileApp .studio-project-caption [data-studio-project-name] {flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
html body #mobileApp .studio-project-caption .caption-edit {flex:0 0 16px;font-size:16px;}
html body #mobileApp #workspaceModeRibbon,html body #mobileApp .m-mode-rail {height:48px !important;min-height:48px !important;}
html body #mobileApp #workspaceModeRibbon .legacy-mode-card {font-size:26px !important;padding-block:4px 8px !important;}
html body #mobileApp .studio-empty {min-height:64px !important;padding:12px !important;grid-template-columns:28px minmax(0,1fr) !important;column-gap:12px !important;border-color:var(--studio-control-line);}
html body #mobileApp .studio-empty > .material-symbols-outlined {font-size:24px !important;}
html body #mobileApp .studio-empty small {font:500 12px/16px Manrope,sans-serif;color:var(--studio-secondary);}
html body #mobileApp .studio-brief-mobile {padding:12px !important;border-radius:20px !important;gap:8px !important;}
html body #mobileApp .studio-brief-mobile .m-field-group {position:relative;display:block !important;gap:0 !important;padding:8px 10px !important;border:1px solid transparent !important;border-radius:12px !important;background:var(--studio-field-surface) !important;}
html body #mobileApp .studio-brief-mobile .m-field-group:focus-within {border-color:transparent !important;box-shadow:inset 0 -2px #065dfd !important;background:var(--studio-paper) !important;}
html body #mobileApp .studio-brief-mobile .m-form-label {display:block;padding-right:64px;margin-bottom:4px !important;font:600 12px/16px Manrope,sans-serif !important;color:var(--studio-secondary) !important;}
html body #mobileApp .studio-brief-mobile .m-field-tile {position:static !important;padding:0 !important;border:0 !important;min-height:0 !important;}
html body #mobileApp .studio-brief-mobile :is(#mobileNameCount,#mobileDescriptionCount) {position:absolute !important;top:8px !important;right:10px !important;bottom:auto !important;margin:0 !important;padding:0 !important;font:500 11px/16px Manrope,sans-serif !important;color:var(--studio-secondary) !important;}
html body #mobileApp .studio-brief-mobile .m-settings-grid {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:1px !important;padding:1px !important;background:var(--studio-control-line) !important;border-radius:14px !important;overflow:hidden;}
html body #mobileApp .studio-brief-mobile .m-settings-grid .m-setting-tile {display:grid !important;grid-template-columns:minmax(0,1fr) 16px !important;grid-template-rows:auto auto !important;column-gap:6px !important;row-gap:0 !important;height:auto !important;min-height:46px !important;padding:6px 10px !important;border:0 !important;border-radius:0 !important;background:var(--studio-paper) !important;text-align:left !important;align-content:center;}
html body #mobileApp .studio-brief-mobile .m-settings-grid .m-setting-tile small {position:static !important;grid-column:1;grid-row:1;font:500 12px/16px Manrope,sans-serif !important;letter-spacing:0 !important;}
html body #mobileApp .studio-brief-mobile .m-settings-grid .m-setting-tile > .material-symbols-outlined {position:static !important;grid-column:2;grid-row:1;width:16px !important;height:16px !important;margin:0 !important;font-size:16px !important;line-height:16px !important;transform:none !important;}
html body #mobileApp .studio-brief-mobile .m-settings-grid .m-setting-tile strong {position:static !important;grid-column:1;grid-row:2;max-width:none !important;width:auto !important;font:600 14px/20px Manrope,sans-serif !important;text-align:left !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;transform:none !important;}
html body #mobileApp .studio-brief-mobile .m-settings-grid .m-setting-tile > .setting-chevron {grid-row:2 !important;align-self:center;}
html body #mobileApp .m-generate-row {margin:0 !important;gap:8px !important;}
html body #mobileApp #mobileGenerateButton {min-height:48px !important;font:600 15px/20px Manrope,sans-serif !important;}
html body #mobileApp .m-cost {font:600 14px/20px Manrope,sans-serif !important;}
html body #mobileApp .m-profile-stats small {font:500 12px/16px Manrope,sans-serif !important;}
html body #mobileApp .m-profile-email-stat strong {font-size:14px !important;}
html body #mobileApp .m-page-heading h1 {font:600 30px/36px Manrope,sans-serif !important;}
html body #mobileApp :is(.library-meta,.favorites-local-note,.prompt-local-note) {font-size:12px !important;line-height:18px !important;}}
@media(min-width:700px) and (max-width:1060px) {html body #mobileApp #mobileCreatePage {padding-inline:24px !important;max-width:960px;margin-inline:auto;}
html body #mobileApp #mobileCreatePage > .workspace-scenario-stage {display:grid !important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;align-items:stretch;}
html body #mobileApp .workspace-scenario-stage > .workspace-availability {grid-column:1/-1;}
html body #mobileApp .workspace-scenario-stage > .studio-materials {align-self:stretch;--material-height:320px;}
html body #mobileApp .studio-materials[data-material-count="0"] .studio-assembly {height:100%;display:flex;}
html body #mobileApp .studio-materials[data-material-count="0"] .studio-empty {flex:1;display:flex !important;flex-direction:column;align-items:flex-start;gap:8px;}
html body #mobileApp .m-inspiration-section {grid-column:1/-1;}}
@media(max-width:1060px) and (max-height:500px) and (orientation:landscape) {html body #mobileApp .m-topbar {height:48px !important;top:4px !important;}
html body #mobileApp .m-stage {top:56px !important;}
html body #mobileApp .m-dock {max-width:480px !important;bottom:4px !important;border-radius:20px !important;}
html body #mobileApp .m-dock button {height:44px !important;min-height:44px !important;flex-direction:row !important;gap:8px !important;padding:4px 8px !important;border-radius:16px !important;}
html body #mobileApp .m-page {--studio-nav-clearance:68px;}
html body #mobileApp button.studio-project-caption {min-height:36px;padding-block:0;}
html body #mobileApp #workspaceModeRibbon,html body #mobileApp .m-mode-rail {height:40px !important;min-height:40px !important;}}
html body #generationForm.studio-workbench .brief-field .brief-control,
html body #mobileApp .studio-brief-mobile :is(.m-field-tile,#mobileProductName,#mobileDescription) {background:transparent !important;}
html body #generationForm.studio-workbench .brief-counter,
html body #mobileApp .studio-brief-mobile :is(#mobileNameCount,#mobileDescriptionCount) {opacity:0;transition:opacity 140ms ease;}
html body #generationForm.studio-workbench .brief-field:focus-within .brief-counter,
html body #mobileApp .studio-brief-mobile .m-field-group:focus-within :is(#mobileNameCount,#mobileDescriptionCount) {opacity:1;}
html body #mobileApp .studio-brief-mobile .m-settings-grid {background:transparent !important;gap:8px !important;padding:0 !important;overflow:visible !important;}
html body #mobileApp .studio-brief-mobile .m-settings-grid .m-setting-tile {grid-template-columns:24px minmax(0,1fr) 14px !important;grid-template-rows:auto auto !important;column-gap:8px !important;padding:10px !important;min-height:62px !important;border:0 !important;border-radius:16px !important;background:var(--studio-field-surface) !important;}
html body #mobileApp .studio-brief-mobile .m-settings-grid .m-setting-tile small {grid-column:2;grid-row:1;font-size:11px !important;}
html body #mobileApp .studio-brief-mobile .m-settings-grid .m-setting-tile strong {grid-column:2;grid-row:2;font-size:13px !important;line-height:18px !important;}
html body #mobileApp .studio-brief-mobile .m-settings-grid .m-setting-tile > .material-symbols-outlined {grid-column:1 !important;grid-row:1 / 3 !important;align-self:center;width:24px !important;height:24px !important;font-size:22px !important;line-height:24px !important;}
html body #mobileApp .studio-brief-mobile .m-settings-grid .m-setting-tile > .setting-chevron {grid-column:3 !important;grid-row:1 / 3 !important;width:14px !important;font-size:16px !important;}
html body :is(textarea,input[type=text],input[type=search]) {user-select:text !important;-webkit-user-select:text !important;touch-action:auto !important;}
html body [data-library-total],html body [data-library-total] *,html body .all-projects-count,html body .side-link .count {color:#fff !important;-webkit-text-fill-color:#fff !important;}
html body .legacy-mode-card {font-family:Manrope,sans-serif !important;font-weight:400 !important;}
html body .ui-reactive::before,html body .ui-reactive::after {background-image:none !important;}
@media(min-width:1061px){html body #productSidebar :is(.account-summary,.recent-project-main,.sidebar-project-more,.sidebar-new-project-mini,.sidebar-resume,.side-link,#sidebarCollapse) {border-color:transparent !important;background-color:transparent;}
html body #productSidebar .recent-project-main {padding:0 !important;gap:10px !important;}
html body #productSidebar .recent-thumb {width:44px !important;height:44px !important;flex-basis:44px !important;background:transparent !important;}
html body #productSidebar .recent-thumb img {object-fit:cover !important;}
html body #productSidebar .recent-projects-viewport {position:relative;overflow:hidden !important;border-radius:20px !important;transition:transform 280ms cubic-bezier(.2,.78,.22,1) !important;}
html body #productSidebar .recent-projects-shell:hover .recent-projects-viewport {transform:translateY(-3px) !important;}
html body #productSidebar #recentProjects {scrollbar-width:none !important;padding:4px 16px 4px 0 !important;}
html body #productSidebar #recentProjects::-webkit-scrollbar {display:none;}
html body.sidebar-collapsed #productSidebar #recentProjects {padding:4px 0 !important;}
html body #productSidebar .recent-scroll-indicator {display:grid !important;position:absolute;right:3px;top:50%;width:12px;gap:6px;place-items:center;pointer-events:none;opacity:0;transform:translate(5px,-50%);transition:opacity 180ms ease,transform 220ms ease;z-index:4;}
html body #productSidebar .recent-projects-shell:hover .recent-scroll-indicator.is-scrollable,html body #productSidebar .recent-projects-shell:focus-within .recent-scroll-indicator.is-scrollable {opacity:1;transform:translate(0,-50%);}
html body #productSidebar .recent-scroll-indicator i {display:block;width:5px;height:5px;border-radius:50%;background:#151516;opacity:.3;transition:transform 240ms ease,opacity 180ms ease;}
html body #productSidebar .recent-scroll-indicator i.is-current {opacity:1;transform:scale(1.42);}
html body #productSidebar .sidebar-transition-wave {display:block !important;}
html body #productSidebar .sidebar-new-actions {display:flex;gap:6px;align-items:center;flex-shrink:0;}
html body #productSidebar .sidebar-resume {display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;padding:0;}
html body #productSidebar .sidebar-resume[hidden] {display:none !important;}
html body #productSidebar .sidebar-new-actions:has(.sidebar-resume:not([hidden])) .sidebar-resume {animation:resume-in 260ms cubic-bezier(.2,1.3,.3,1);}
html body.sidebar-collapsed #productSidebar .sidebar-new-actions {position:relative;}
html body.sidebar-collapsed #productSidebar .sidebar-resume {position:absolute;left:44px;background:white;z-index:10;}
html body.sidebar-collapsed #productSidebar:has(.sidebar-new-actions:hover) {overflow:visible !important;}
html body.sidebar-collapsed #productSidebar .product-side-panel:has(.sidebar-new-actions:hover) {overflow:visible !important;}}
@keyframes resume-in {from{opacity:0;transform:translateX(-12px) scale(.8)}to{opacity:1;transform:none}}
.brief-editor-sheet {position:fixed !important;inset:12px 0 auto !important;margin:0 auto !important;width:min(760px,calc(100% - 24px)) !important;max-height:calc(100dvh - 24px);padding:24px;border:0;border-radius:28px;background:#fff;color:#151516;box-shadow:none;font-family:Manrope,sans-serif;}
.brief-editor-sheet[open]{display:flex;flex-direction:column;gap:16px;}
.brief-editor-sheet::backdrop{background:rgba(21,21,22,.28);backdrop-filter:blur(8px);}
.brief-editor-sheet header{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brief-editor-sheet h2{margin:0;font:500 24px/30px Manrope,sans-serif;}
.brief-editor-sheet textarea{width:100%;height:min(55dvh,480px);min-height:160px;resize:none;border:1px solid #dce2ed;background:#f6f7f9;border-radius:18px;padding:18px;font:400 18px/28px Manrope,sans-serif;color:#151516;user-select:text;touch-action:auto;}
.brief-editor-sheet textarea:focus{outline:2px solid #065dfd;outline-offset:0;}
.brief-editor-sheet footer{display:flex;align-items:center;justify-content:space-between;}
.brief-editor-sheet button{border:0;border-radius:24px;min-height:44px;padding:10px 18px;background:#065dfd;color:white;font:600 14px Manrope,sans-serif;}
.brief-editor-sheet [data-brief-close]{width:44px;padding:0;background:white;color:#d32f3f;}
@media(max-width:1060px){html body .brief-editor-sheet [data-brief-close]{background:#d32f3f;color:white;}}
html body .favorites-library .inspiration-card-media,html body #mobileApp .favorites-library .inspiration-card-media {padding-bottom:0 !important;background:transparent !important;}
html body .favorites-library .inspiration-card .inspiration-card-more,html body #mobileApp .favorites-library .inspiration-card .inspiration-card-more {position:absolute !important;top:12px !important;right:12px !important;left:auto !important;bottom:auto !important;transform:none !important;}
html body .favorites-library .inspiration-card .inspiration-card-favorite-actions,html body #mobileApp .favorites-library .inspiration-card .inspiration-card-favorite-actions {position:absolute !important;left:12px !important;right:auto !important;bottom:12px !important;top:auto !important;width:44px !important;height:44px !important;}
html body .favorites-library .inspiration-card .inspiration-card-actions,html body #mobileApp .favorites-library .inspiration-card .inspiration-card-actions {position:absolute !important;right:12px !important;left:auto !important;bottom:12px !important;top:auto !important;width:44px !important;height:44px !important;}
html body .favorites-library .inspiration-card .inspiration-card-select {inset:0 !important;height:100% !important;}
.favorites-discover {display:grid;place-content:center;gap:16px;text-align:center;aspect-ratio:3/4;border:1px solid #dce2ed;border-radius:24px;background:var(--workspace-soft-blue);font:500 20px/28px Manrope,sans-serif;cursor:pointer;}
.favorites-discover .material-symbols-outlined{font-size:42px;}
.workspace-draft-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;}
.workspace-draft-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #dce2ed;border-radius:24px;background:white;}
.workspace-draft-card h2{margin:0;font:500 20px/26px Manrope,sans-serif;overflow-wrap:anywhere;}
.workspace-draft-card p{margin:0;font:400 14px/22px Manrope,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.workspace-draft-card small{color:#69717d;}
.workspace-draft-card button{border:0;border-radius:22px;padding:12px;background:#065dfd;color:white;font:600 14px Manrope,sans-serif;margin-top:auto;}
.workspace-draft-card img{width:100%;height:150px;object-fit:contain;border-radius:16px;background:#f6f7f9;}
.workspace-draft-empty {padding:40px 0;color:#69717d;font:400 16px/24px Manrope,sans-serif;}
@media(prefers-reduced-motion:reduce){html body #productSidebar *,html body .sidebar-resume {animation:none !important;transition:none !important;}}
.library-tabs{display:flex;gap:8px;margin:0 0 24px}
.library-tabs button{border:0;padding:12px 20px;border-radius:24px;background:white;color:#151516;font:600 14px Manrope,sans-serif}
.workspace-draft-grid[hidden]{display:none !important}
html body .custom-select-option .option-brands i,html body .custom-select-option .option-credit {background:transparent !important;box-shadow:none !important;}
html body [data-project-status-badge],html body [data-project-status-badge] * {color:white !important;-webkit-text-fill-color:white !important;}
@media(min-width:1061px){html body.guest #productSidebar .product-nav {display:flex !important;}
html body #productSidebar .product-nav .side-link {background-color:transparent;border-color:transparent !important;}}
html body .project-library > [hidden]{display:none !important;}
@media(min-width:1061px){html body.guest #productSidebar [data-open-modal=projectsModal]{display:flex !important;}}
html body.sidebar-collapsed #productSidebar:has(.sidebar-new-actions:focus-within),html body.sidebar-collapsed #productSidebar .product-side-panel:has(.sidebar-new-actions:focus-within){overflow:visible!important}
.workspace-draft-storage{grid-column:1/-1;margin:0;color:#69717d;font:400 13px/20px Manrope,sans-serif}
@media(max-width:1060px){html body #mobileApp .m-dock{--dock-size:64px;--dock-inset:6px;--dock-radius:32px;position:fixed!important;display:flex!important;align-items:stretch;gap:10px!important;left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:540px!important;height:var(--dock-size)!important;margin-inline:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;}
html body #mobileApp .m-dock-group{display:flex;align-items:stretch;gap:2px;flex:1;min-width:0;padding:var(--dock-inset);border-radius:var(--dock-radius);background:rgb(255 255 255 / .25);border:0;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .35),inset 0 1px 0 #fff,inset 0 1px 8px rgb(255 255 255 / .2),0 8px 30px rgb(0 0 0 / .12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
html body #mobileApp .m-dock [data-dock-control]{position:relative;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;flex:1;min-width:44px;gap:7px!important;height:52px!important;min-height:52px!important;padding:0 9px!important;border:0!important;border-radius:calc(var(--dock-radius) - var(--dock-inset))!important;background:transparent!important;background-image:none!important;color:#151516!important;box-shadow:none!important;transform:none;transition:flex-grow 280ms cubic-bezier(.22,1,.36,1),background-color 180ms ease,transform 180ms ease!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
html body #mobileApp .m-dock [data-dock-control]::before,html body #mobileApp .m-dock [data-dock-control]::after{display:none!important;}
html body #mobileApp .m-dock .dock-icon{width:24px;height:24px;flex-shrink:0;pointer-events:none;}
html body #mobileApp .m-dock [data-dock-control] small{font:600 12px/16px Manrope,sans-serif!important;letter-spacing:0!important;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transition:max-width 280ms cubic-bezier(.22,1,.36,1),opacity 180ms ease;}
html body #mobileApp .m-dock-group [data-dock-control]:not(.is-active){gap:0!important;}
html body #mobileApp .m-dock-group [data-dock-control].is-active{flex-grow:2.35;background:rgb(255 255 255 / .25)!important;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .35),inset 0 1px 0 #fff,inset 0 1px 8px rgb(255 255 255 / .2),0 8px 30px rgb(0 0 0 / .12)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
html body #mobileApp .m-dock-group [data-dock-control].is-active small{max-width:84px;opacity:1;}
html body #mobileApp .m-dock-group [data-mobile-page=create].is-active .dock-icon{fill:currentColor;}
html body #mobileApp .m-dock .m-dock-new{flex:0 0 var(--dock-size)!important;width:var(--dock-size)!important;height:var(--dock-size)!important;min-height:var(--dock-size)!important;padding:0!important;border-radius:var(--dock-radius)!important;background:rgb(6 93 253 / .86)!important;color:white!important;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .35),inset 0 1px 0 rgb(255 255 255 / .9),inset 0 1px 8px rgb(255 255 255 / .2),0 8px 30px rgb(0 0 0 / .12)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
html body #mobileApp .m-dock .m-dock-new .dock-icon{width:32px;height:32px;stroke-width:1.7;}
html body #mobileApp .m-dock [data-dock-control]:active{transform:scale(.94)!important;background-color:rgb(255 255 255 / .55)!important;}
html body #mobileApp .m-dock .m-dock-new:active{background-color:rgb(6 75 208 / .92)!important;}
html body #mobileApp .m-dock [data-dock-control]:focus-visible{outline:2px solid #065dfd!important;outline-offset:3px;}
html body #mobileApp .m-dock [data-dock-control]:disabled{opacity:.55;}
html body #mobileApp .m-dock .project-nav-badge{position:absolute;top:3px;right:4px;}}
@media(max-width:359px){html body #mobileApp .m-dock-group [data-dock-control].is-active{flex-grow:1}
html body #mobileApp .m-dock-group [data-dock-control] small{display:none!important}
html body #mobileApp .m-dock-group [data-dock-control]{padding:0!important;gap:0!important}}
@media(prefers-reduced-motion:reduce){html body #mobileApp .m-dock *,html body #mobileApp .m-dock [data-dock-control]{transition:none!important}}
@supports not ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){html body #mobileApp .m-dock-group{background:rgb(245 247 251 / .94)}
html body #mobileApp .m-dock-group [data-dock-control].is-active{background:rgb(255 255 255 / .9)!important}}
@media(min-width:360px) and (max-width:1060px){html body #mobileApp .m-dock-group [data-dock-control].is-active{min-width:112px;padding-inline:6px!important;gap:6px!important}
html body #mobileApp .m-dock-group [data-dock-control].is-active small{flex-shrink:0}}
:root{--glass-shadow:inset 0 0 0 1px rgb(255 255 255 / .35),inset 0 1px 0 #fff,inset 0 1px 8px rgb(255 255 255 / .2),0 8px 30px rgb(0 0 0 / .12)}
html body .glass-control{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);isolation:isolate;}
html body .glass-track{position:relative!important;isolation:isolate;}
html body .glass-track>button{position:relative;z-index:1;}
html body .glass-track .glass-selection{position:absolute;inset:0 auto auto 0;pointer-events:none;border-radius:999px;background:rgb(21 21 22 / .88);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:0;will-change:transform,width,height;}
html body .glass-track .glass-selection[hidden]{display:none!important}
html body #mobileApp .m-dock-group.glass-track .dock-selection{background:rgb(255 255 255 / .25)!important;border-radius:26px;}
html body #mobileApp .m-dock-group.glass-track [data-dock-control].is-active{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .glass-track button.glass-control{backdrop-filter:none;-webkit-backdrop-filter:none;}
html body :is(h1,h2,h3,.legacy-mode-card){font-family:Manrope,sans-serif!important;letter-spacing:-.065em!important}
html body .legacy-mode-card{font-weight:400!important}
html body .legacy-mode-card :not(.material-symbols-outlined){font-weight:400!important;letter-spacing:-.045em!important}
html body :is(.top-actions,.m-topbar,.account-summary,.recent-projects-shell,.product-nav){background:rgb(255 255 255 / .25)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:0!important;}
html body .top-actions{padding:6px;border-radius:32px;}
html body .app-topbar,html body #mobileApp::before{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body #mobileApp .m-topbar{background:rgb(255 255 255 / .25)!important;}
html body #mobileApp .m-topbar::before,html body #mobileApp .m-topbar::after{display:none!important}
@media(max-width:1060px){html body #mobileApp .m-upload-tile[data-material-count="0"]{width:max-content!important;max-width:100%!important;align-self:center!important;margin-inline:auto!important;background:rgb(255 255 255 / .25)!important;border:1px dashed rgb(100 110 130 / .36)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;min-height:0!important;}
html body #mobileApp .m-upload-tile[data-material-count="0"] #mobileUploadButton{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:112px!important;padding:18px 26px!important;background:transparent!important;box-shadow:none!important;text-align:center!important}
html body #mobileApp .m-upload-tile[data-material-count="0"] #mobileUploadButton>span{position:static!important;text-align:center!important;flex:none!important;width:auto!important}
html body #mobileApp .m-upload-tile[data-material-count="0"] #mobileUploadAction{display:none!important}
html body #mobileApp .m-setting-tile.glass-control{border:0!important;}}
@media(prefers-reduced-motion:reduce){html body .glass-selection{will-change:auto}}
html body #generationForm.studio-workbench .studio-materials[data-material-count="0"],html body #mobileApp .m-upload-tile[data-material-count="0"]{border:0!important;border-radius:24px!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;}
html body #generationForm.studio-workbench .studio-empty,html body #mobileApp .studio-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:rgb(255 255 255 / .25)!important;border:1px dashed rgb(100 110 130 / .36)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;gap:8px!important;}
html body #generationForm.studio-workbench .studio-empty>* ,html body #mobileApp .studio-empty>*{text-align:center!important;}
html body #mobileApp .studio-empty{width:max-content!important;max-width:100%!important;padding:18px 26px!important;min-height:112px!important;}
html body .studio-empty>.material-symbols-outlined{margin:0!important;}
html body .side-nav{background:rgb(255 255 255 / .25);border-radius:24px;}
html body .glass-track .glass-selection{display:block;}
@supports not ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){html body .glass-control{background-color:rgb(245 247 251 / .94)!important}
html body #generationForm.studio-workbench .studio-empty,html body #mobileApp .studio-empty{background:rgb(245 247 251 / .94)!important}}
@property --fluid-radius{syntax:"<length>";initial-value:0px;inherits:true}
.next-liquid{--fluid-radius:0px;background-origin:border-box!important;background-clip:border-box!important}
.next-liquid.is-fluid-active{--fluid-radius:var(--fluid-max,300px)}
.next-liquid.is-fluid-exiting{--fluid-radius:0px}
html body .sidebar-transition-wave{display:none!important}
html body #productSidebar,html body #productSidebar *{box-shadow:none!important}
html body #productSidebar :is(button,.side-nav,.side-panel,.recent-projects-shell){border-color:transparent!important}
html body #productSidebar button{border-radius:24px!important}
html body #productSidebar :is(.side-link,.account-summary,.recent-project-main):hover{transform:none!important}
html body #productSidebar button.next-liquid:is(.is-fluid-active,.is-fluid-exiting){border-color:#065dfd!important;box-shadow:inset 0 0 0 1px #065dfd!important}
html body .studio-material-caption{display:block;text-align:center;width:100%;min-width:0}
html body .studio-material-caption>span{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
html body .feed-to-top{width:64px!important;height:64px!important;display:grid;place-items:center;padding:0!important;border-radius:50%!important;background:rgb(255 255 255 / .25)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--glass-shadow)!important;}
html body .feed-to-top[hidden]{display:none!important}
html body .feed-to-top>.material-symbols-outlined{font-size:28px;line-height:1;margin:0;transform:none!important}
@media(min-width:1061px){html body .inspiration-card :is(.inspiration-card-more,.inspiration-card-favorite,.inspiration-card-add,[data-inspiration-add],[data-inspiration-remove]){width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important}
html body .inspiration-card :is(.inspiration-card-favorite-actions,.inspiration-card-actions){width:54px!important;height:54px!important}
html body .inspiration-card button>.material-symbols-outlined{font-size:27px!important}}
@media(max-width:1060px){html body #mobileApp .m-stage{top:0!important;height:100%!important;padding-top:72px!important;box-sizing:border-box!important;scroll-padding-top:78px;}
html body #mobileApp .m-topbar{background:rgb(255 255 255 / .25)!important;}
html body #mobileApp #mobileProductNameGroup,html body #mobileApp #mobileProductNameGroup .m-field-tile{background:transparent!important;box-shadow:none!important;border:0!important;}
html body #mobileApp #mobileProductName{background:transparent!important;border:0!important;font:400 26px/32px Manrope,sans-serif!important;letter-spacing:-.045em!important;padding:4px 0!important;}
html body #mobileApp .inspiration-filters,html body #mobileApp .inspiration-filters *,html body #mobileApp .inspiration-filters button{box-shadow:none!important;}
html body .feed-to-top{right:12px!important;bottom:calc(90px + env(safe-area-inset-bottom))!important;}
.compact-idea-tools{display:flex;align-items:center;gap:8px;min-width:0;width:100%;margin:12px 0 20px;}
html body #mobileApp .compact-idea-tools .workspace-mobile-filters{flex:1;min-width:0;width:0!important;margin:0!important;}
html body #mobileApp .compact-idea-tools .m2-ideas-search{display:none!important;flex:1;min-width:0;margin:0!important;}
html body #mobileApp .compact-idea-tools.search-open .m2-ideas-search{display:flex!important;}
html body #mobileApp .compact-idea-tools.search-open .workspace-mobile-filters{display:none!important;}
html body #mobileApp .compact-search-toggle{flex:0 0 48px;width:48px;height:48px;border-radius:50%;border:0;display:grid;place-items:center;padding:0;}
html body #mobileApp .compact-idea-tools .m2-ideas-search label{width:100%;}}
.material-editor{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#ededeb;color:#151516;}
.material-editor[open]{display:block}
.material-editor header{position:absolute;inset:12px 16px auto;display:flex;align-items:center;gap:16px;justify-content:space-between}
.material-editor header>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;font:500 14px Manrope,sans-serif}
.material-editor button,.material-editor select{min-width:44px;min-height:44px;border:0;border-radius:24px;padding:10px 16px;font:500 14px Manrope,sans-serif}
.material-editor [data-edit=close]{background:white;color:#d32f3f;font-size:24px}
.material-editor nav{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom));left:12px;right:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.material-editor [role=status]{position:absolute;bottom:80px;width:100%;text-align:center;color:#b22;pointer-events:none}
.material-editor-canvas{position:absolute;inset:72px 0 100px;overflow:hidden;touch-action:none;cursor:grab;user-select:none}
.material-editor-canvas:active{cursor:grabbing}
.material-editor-canvas img{position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;transform-origin:center;pointer-events:none;user-select:none;}
.material-crop-frame{position:absolute;border:2px solid white;box-shadow:0 0 0 100vmax rgb(0 0 0 / .45);pointer-events:none}
.material-crop-frame[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.next-liquid{transition:none!important}}
.material-editor nav button,.material-editor nav select{width:auto!important;flex:0 0 auto!important;margin:0!important}
.material-editor nav select{max-width:110px!important}
.material-editor nav{align-items:center}
@media(max-width:1060px){html body #mobileApp .m-stage{padding-top:0!important}
html body #mobileApp .m-page{padding-top:88px!important;scroll-padding-top:80px}
html body #mobileApp #mobileCreatePage{padding-top:79px!important}
html body #mobileApp #mobileCreatePage .studio-brief-mobile #mobileProductName{font:400 26px/32px Manrope,sans-serif!important;letter-spacing:-.045em!important;min-height:40px!important;height:40px!important;padding:4px 0!important}
html body #mobileApp #mobileCreatePage #mobileProductNameGroup,html body #mobileApp #mobileCreatePage #mobileProductNameGroup .m-field-tile{background:transparent!important;border:0!important;box-shadow:none!important}}
html body .inspiration-card :is(.inspiration-card-more,.inspiration-card-favorite,.inspiration-card-add,.inspiration-card-remove){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:0!important;}
html body .inspiration-card .inspiration-card-actions{position:absolute!important;inset:auto 15px 15px auto!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;}
html body .inspiration-card .inspiration-card-actions .inspiration-card-add{position:relative!important;inset:auto!important;margin:0!important;}
html body .inspiration-card-menu[popover]{position:fixed!important;inset:auto!important;margin:0!important;min-width:196px;padding:10px!important;gap:8px!important;border-radius:26px!important;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;}
html body .inspiration-card-menu[popover]:not(:popover-open){display:none!important}
html body .inspiration-card-menu[popover]:popover-open{display:grid!important}
html body .inspiration-card-menu button{min-height:44px!important;border:0!important;border-radius:16px!important;padding:10px 14px!important;box-shadow:none!important;}
html body :is(.inspiration-filters,.favorites-filters,.workspace-mobile-filters,.mobile-inspiration-controls,.compact-idea-tools){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body :is(.inspiration-filters,.favorites-filters,.workspace-mobile-filters) *{box-shadow:none!important;}
html body :is(.inspiration-filters,.favorites-filters,.workspace-mobile-filters)::before,html body :is(.inspiration-filters,.favorites-filters,.workspace-mobile-filters)::after{box-shadow:none!important;background:transparent!important;}
@media(min-width:1061px){html body #productSidebar .side-nav{background:transparent!important;}
html body #productSidebar button:not(.sidebar-help-route):not(#sidebarCollapse):not([data-legacy-new-project]){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body #productSidebar :is(.sidebar-help-route,#sidebarCollapse){background-color:rgb(255 255 255 / .25)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .35),inset 0 1px 0 #fff!important;}
html body #productSidebar #sidebarCollapse{border-radius:50%!important;}
html body #productSidebar .sidebar-home{display:flex!important;align-items:center;gap:10px;height:44px!important;min-width:44px;flex:1;padding:0 12px!important;border:0;white-space:nowrap;font:500 14px Manrope,sans-serif;}
html body #productSidebar .side-panel-heading{gap:8px!important;}
html body.sidebar-collapsed #productSidebar .side-panel-heading{flex-direction:column!important;min-height:96px!important;}
html body.sidebar-collapsed #productSidebar .sidebar-home{flex:0 0 44px!important;width:44px!important;padding:0!important;justify-content:center!important;}
html body.sidebar-collapsed #productSidebar .sidebar-home-label{display:none!important;}
html body.sidebar-collapsed #productSidebar .product-side-panel{grid-template-rows:96px minmax(0,1fr) 44px!important;min-height:230px!important;}
html body #productSidebar .product-side-panel{overflow:visible!important;}
html body #productSidebar .recent-projects-shell{background:transparent!important;backdrop-filter:none!important;border:0!important;border-radius:24px!important;overflow:visible!important;position:relative!important;isolation:isolate;}
html body #productSidebar .recent-projects-viewport{border-radius:24px!important;background:transparent!important;border:0!important;padding:0!important;}
html body #productSidebar #recentProjects{scrollbar-width:none!important;padding:4px!important;box-sizing:border-box!important;border-radius:24px!important;}
html body #productSidebar #recentProjects::-webkit-scrollbar{display:none!important;}
html body #productSidebar .recent-projects-shell:is(:hover,:focus-within){z-index:100!important;}
html body #productSidebar:has(.recent-projects-shell:is(:hover,:focus-within)){overflow:visible!important;}
html body #productSidebar .recent-projects-shell:is(:hover,:focus-within) .recent-projects-viewport{background:rgb(255 255 255 / .25)!important;backdrop-filter:blur(20px)!important;transform:none!important;}}
@media(max-width:1060px){html body #mobileApp .compact-idea-tools{position:relative;min-height:48px;}
html body #mobileApp .compact-idea-tools .m2-ideas-search{position:absolute!important;inset:0 56px 0 0!important;width:auto!important;z-index:2;}
html body #mobileApp .compact-idea-tools.search-closing .m2-ideas-search{display:flex!important;}
html body #mobileApp .compact-idea-tools.search-open .workspace-mobile-filters{display:flex!important;visibility:hidden!important;}
html body #mobileApp .compact-search-toggle{margin-left:auto!important;}
html body #mobileApp .compact-idea-tools .m2-ideas-search,html body #mobileApp .compact-idea-tools .m2-ideas-search :is(input,label){outline:0!important;border:0!important;box-shadow:none!important;}
html body #mobileApp .compact-idea-tools input::-webkit-search-cancel-button{display:none!important;-webkit-appearance:none;}
html body #mobileApp .compact-idea-tools input::-ms-clear{display:none!important;}}
html body #productSidebar .side-title[hidden]{display:none!important}
@media(max-width:1060px){html body .inspiration-card-menu[popover]{min-width:184px!important;width:184px!important;box-sizing:border-box!important}}
@media(max-width:1060px){html body #mobileApp .m-topbar{top:calc(8px + env(safe-area-inset-top))!important;left:12px!important;right:12px!important;height:52px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;pointer-events:none;}
html body #mobileApp .m-topbar-actions{display:flex!important;align-items:center;gap:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;}
html body #mobileApp .m-topbar :is(.m-brand,button){pointer-events:auto;box-sizing:border-box!important;height:52px!important;min-height:52px!important;border-radius:26px!important;border:0!important;margin:0!important;}
html body #mobileApp .m-topbar .m-brand{display:grid!important;place-items:center!important;flex:0 0 52px!important;width:52px!important;min-width:52px!important;max-width:52px!important;padding:0!important;transform:none!important;background:rgb(255 255 255 / .25)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;}
html body #mobileApp .m-topbar .m-brand img{display:block!important;width:52px!important;height:52px!important;max-width:52px!important;object-fit:contain!important;margin:0!important;}
html body #mobileApp .m-topbar .m-help-button{width:52px!important;min-width:52px!important;flex:0 0 52px!important;padding:0!important;display:grid!important;place-items:center!important;}
html body #mobileApp .m-topbar .m-credit-button{width:auto!important;min-width:76px!important;padding:0 16px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;}
html body #mobileApp .m-topbar .material-symbols-outlined{font-size:24px!important;line-height:1!important;}
html body #mobileApp .m-topbar .m-credit-button strong{font:600 16px/20px Manrope,sans-serif!important;}
html body #mobileApp .m-page{padding-top:calc(88px + env(safe-area-inset-top))!important;}
html body #mobileApp #mobileCreatePage{padding-top:calc(79px + env(safe-area-inset-top))!important;}
html body #mobileApp .m-profile-heading-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
html body #mobileApp .m-profile-heading-actions button{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:50%!important;padding:0!important;border:0!important;}
html body #mobileApp .m-profile-heading-actions button[hidden]{display:none!important;}
html body #mobileApp .m-profile-heading-actions .material-symbols-outlined{font-size:24px!important;line-height:1!important;}}
@media(max-width:1060px){html body #mobileApp #mobileProfilePage>.m-page-heading-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:calc(100% - 22px)!important;margin-inline:11px!important;box-sizing:border-box!important;gap:12px!important;}
html body #mobileApp #mobileProfilePage .m-profile-heading-actions{margin-left:auto!important;}}
html,html body,html body #mobileApp,html body #mobileApp .m-stage{background:#fff!important;}
html body::before{display:none!important;background:none!important;}
html body dialog.material-editor.editor-v2{padding:0!important;display:none;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;inset:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#f4f5f4!important;overflow:hidden!important;}
html body dialog.material-editor.editor-v2[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto;gap:0;}
html body .editor-v2 header{position:static!important;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;min-width:0;}
html body .editor-v2 header>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 14px/20px Manrope,sans-serif;}
html body .editor-v2 [data-edit=close]{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border:0!important;border-radius:50%!important;background:white!important;color:#d72a40!important;}
html body .editor-v2 .material-editor-canvas{position:relative!important;inset:auto!important;min-height:0;width:100%;overflow:hidden;touch-action:none;overscroll-behavior:contain;cursor:grab;background:radial-gradient(circle,#cdd1d0 1px,transparent 1.2px) 0 0/16px 16px #f7f8f7;}
html body .editor-v2 .material-editor-canvas.is-dragging{cursor:grabbing;}
html body .editor-v2 .material-editor-canvas img{border-radius:0!important;max-width:none!important;max-height:none!important;user-select:none;}
html body dialog.idea-preview .idea-preview-canvas{height:auto!important;max-height:none!important;aspect-ratio:auto!important;}
html body dialog.idea-preview .idea-preview-actions{display:flex!important;align-items:center;justify-content:center;gap:8px;}
html body dialog.idea-preview .idea-preview-actions :is(.inspiration-card-favorite-actions,.inspiration-card-actions){position:static!important;inset:auto!important;display:grid!important;place-items:center;width:48px!important;height:48px!important;margin:0!important;padding:0!important;pointer-events:auto!important;transform:none!important;}
html body dialog.idea-preview .idea-preview-actions :is(.inspiration-card-favorite,.inspiration-card-add,.inspiration-card-more){position:static!important;inset:auto!important;display:grid!important;place-items:center;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;background:#151516!important;color:#fff!important;}
html body dialog.idea-preview .idea-preview-actions .inspiration-card-favorite.is-favorite{background:transparent!important;color:var(--ideas-blue)!important;}
@media(max-width:700px){html body dialog.idea-preview .idea-preview-actions :is(.inspiration-card-favorite-actions,.inspiration-card-actions,.inspiration-card-favorite,.inspiration-card-add,.inspiration-card-more){width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;}}
html body .editor-v2 nav{position:static!important;display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));margin:0!important;background:#fff;}
html body .editor-v2 nav button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px!important;padding:10px 16px!important;border-radius:24px!important;border:0!important;background:#eceeed;color:#151516;font:600 14px/20px Manrope,sans-serif;}
html body .editor-v2 nav button[aria-pressed=true]{background:#151516;color:white;}
html body .editor-v2 nav [data-edit=save]{background:#151516!important;color:white!important;min-width:160px!important;}
html body .editor-v2 [data-edit=save]:disabled{opacity:.5;}
html body .editor-v2 .editor-tools{display:flex;align-items:center;gap:8px;}
html body .editor-v2 .editor-angle{display:flex;align-items:center;gap:12px;font:500 12px/18px Manrope,sans-serif;color:#4b5550;}
html body .editor-v2 .editor-angle input{width:clamp(120px,22vw,320px);height:44px;accent-color:#151516;padding:0;border:0;cursor:ew-resize;touch-action:pan-y;}
html body .editor-v2 .editor-angle output{min-width:52px;text-align:right;font-variant-numeric:tabular-nums;}
html body .editor-v2 .editor-crop-ratio{min-width:60px;font:500 12px/18px Manrope,sans-serif;}
html body .editor-v2 [role=status]{position:static!important;margin:0!important;padding:0 16px;background:#fff;font:500 13px/20px Manrope,sans-serif;text-align:center;}
html body .editor-v2 [role=status]:empty{display:none;}
html body .editor-v2 .material-crop-frame{pointer-events:auto!important;cursor:move;border:2px solid white!important;box-shadow:0 0 0 100vmax #0008;}
html body .editor-v2 .crop-thirds{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33%,#fff7 33%,#fff7 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#fff7 66%,#fff7 calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(to bottom,transparent 33%,#fff7 33%,#fff7 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#fff7 66%,#fff7 calc(66% + 1px),transparent calc(66% + 1px));}
html body .editor-v2 [data-crop-handle]{position:absolute;display:block!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;touch-action:none;}
html body .editor-v2 [data-crop-handle]::after{content:"";position:absolute;inset:15px;border:3px solid white;border-radius:3px;background:#151516;box-shadow:0 1px 4px #0008;}
html body .editor-v2 [data-crop-handle=nw]{left:-23px;top:-23px;cursor:nwse-resize;}
html body .editor-v2 [data-crop-handle=ne]{right:-23px;top:-23px;cursor:nesw-resize;}
html body .editor-v2 [data-crop-handle=sw]{left:-23px;bottom:-23px;cursor:nesw-resize;}
html body .editor-v2 [data-crop-handle=se]{right:-23px;bottom:-23px;cursor:nwse-resize;}
@media(max-width:700px){html body .editor-v2 header{padding:10px 12px;}
html body .editor-v2 nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));}
html body .editor-v2 .editor-tools{grid-area:1/1/2/3;justify-content:center;}
html body .editor-v2 .editor-angle{grid-area:2/1;gap:6px;}
html body .editor-v2 .editor-angle>span{display:none;}
html body .editor-v2 .editor-angle input{width:100%;min-width:40px;}
html body .editor-v2 nav [data-edit=save]{grid-area:2/2;min-width:132px!important;}
html body .editor-v2 [data-edit=close]{background:#d72a40!important;color:white!important;}}
html body .editor-v2 .editor-angle{position:relative;isolation:isolate;display:block;width:clamp(220px,35vw,440px);height:58px;border-radius:999px;background:#eceeed;overflow:hidden;}
html body .editor-v2 .editor-angle output{position:absolute;left:12px;top:0;height:100%;display:flex;align-items:center;justify-content:center;min-width:48px;background:#eceeed;z-index:2;color:#151516;font-size:15px;pointer-events:none;}
html body .editor-v2 .editor-angle .editor-ruler{display:block;position:absolute;left:72px;right:20px;top:18px;height:22px;background:repeating-linear-gradient(90deg,#a6adab 0 2px,transparent 2px 12px);background-position-x:calc(var(--angle,0) * -2px);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);pointer-events:none;}
html body .editor-v2 .editor-angle::after{content:"";position:absolute;left:calc(50% + 26px);top:9px;bottom:9px;width:2px;background:#065dfd;pointer-events:none;}
html body .editor-v2 .editor-angle input{position:absolute;left:72px;top:0;width:calc(100% - 92px);height:100%;margin:0;opacity:0;z-index:3;touch-action:pan-x!important;}
html body .editor-v2 .editor-angle:focus-within{box-shadow:inset 0 0 0 2px #151516;}
@media(max-width:700px){html body .editor-v2 nav{grid-template-columns:1fr;}
html body .editor-v2 .editor-tools{grid-area:auto;gap:8px;}
html body .editor-v2 .editor-angle{grid-area:auto;width:100%;}
html body .editor-v2 nav [data-edit=save]{grid-area:auto;justify-self:center;}
html body .editor-v2 .editor-angle input{width:calc(100% - 92px);}}
html body .editor-v2>header{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px;}
html body .editor-v2>header>span{grid-column:2;text-align:center;}
html body .editor-v2>header>[data-edit=close]{grid-column:3;}
html body .editor-v2 .editor-angle:focus-within,html body .editor-v2 .editor-angle input:is(:focus,:focus-visible,:active){outline:0!important;box-shadow:none!important;}
html body .editor-v2 nav .editor-angle-value{position:absolute;left:4px;top:4px;height:50px;min-height:50px!important;min-width:62px;padding:0 6px!important;margin:0;background:#eceeed!important;color:#151516!important;font-size:15px;font-variant-numeric:tabular-nums;z-index:4;}
html body .editor-v2 .editor-angle .editor-ruler{top:9px;height:40px;background:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
html body .editor-v2 .editor-ruler i{position:absolute;top:50%;height:12px;width:2px;background:#9fa6a4;transform:translate(-50%,-50%);}
html body .editor-v2 .editor-ruler i.is-major{height:28px;}
html body .editor-v2 nav .editor-crop-ratio{min-width:70px;font-size:12px;}
html body .editor-v2 nav .editor-crop-ratio[hidden]{display:none!important;}
html body .editor-value-popup{width:min(360px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px);}
html body .editor-value-popup input{box-sizing:border-box;width:100%;min-height:54px;padding:12px 16px;border:0!important;border-radius:18px;background:#eceeed;font:500 24px/30px Manrope,sans-serif;outline:0!important;box-shadow:none!important;}
html body .editor-value-popup form p:empty{display:none;}
html body .editor-value-popup .grid-note-confirm{width:44px;height:44px;min-width:44px;flex:0 0 44px;border:0;border-radius:50%;display:grid;place-items:center;background:#151516;color:white;padding:0;}
@media(max-width:700px){html body .editor-v2 .editor-tools{gap:5px;flex-wrap:wrap;}
html body .editor-v2 .editor-tools button{padding:9px 12px!important;}}
html body .editor-v2>header>span{width:100%!important;max-width:none!important;justify-self:stretch;}
html body .editor-v2 .material-editor-canvas:not(.is-ready)>img{opacity:0!important;visibility:hidden!important;}
html body .editor-v2 .material-editor-canvas.is-ready>img{visibility:visible!important;animation:editor-image-reveal 240ms ease both;}
html body .editor-v2 .editor-image-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;pointer-events:none;z-index:4;color:#151516;font:700 clamp(38px,4vw,70px)/1 Manrope,sans-serif;}
html body .editor-v2 .material-editor-canvas:not(.is-loading)>.editor-image-loader{display:none!important;}
html body .editor-v2 .editor-image-loader>span{display:inline-block;transform:translateY(15%);animation:generation-star-pulse 1.2s ease-in-out infinite;}
html body .editor-v2 .editor-image-loader>span:nth-child(2){animation-delay:.18s;}
html body .editor-v2 .editor-image-loader>span:nth-child(3){animation-delay:.36s;}
@keyframes editor-image-reveal{from{opacity:0;}to{opacity:1;}}
@media(prefers-reduced-motion:reduce){html body .editor-v2 .editor-image-loader>span,html body .editor-v2 .material-editor-canvas.is-ready>img{animation:none;}}
html body .grid-workbench{position:relative;display:block;width:100%;max-width:980px;margin:0 auto 48px;isolation:isolate;--grid-surface:#eceeed;--grid-ink:#151516;--grid-blue:#065dfd;}
html body .grid-workbench[hidden]{display:none!important;}
html body #mobileCreatePage .grid-legacy>:not([data-workspace-availability]){display:none!important;}
html body #mobileCreatePage .grid-legacy{display:block!important;min-height:0!important;padding:0!important;margin:0!important;}
html body .grid-card{position:absolute;box-sizing:border-box;border:0;border-radius:24px;background:var(--grid-surface);color:var(--grid-ink);min-width:0;overflow:hidden;display:flex;flex-direction:column;padding:12px;touch-action:pan-y;transition:box-shadow 160ms;outline:0;}
html body .grid-card[data-type=brandVisual],html body .grid-card[data-type=photo],html body .grid-card[data-type=idea]{padding:0;}
html body .grid-card[data-type=generate]{background:transparent;padding:0;justify-content:center;}
html body .grid-card:focus-visible{outline:2px solid #151516;outline-offset:3px;}
html body .grid-card[data-type=title]:focus-within,html body .grid-card[data-type=text]:focus-within{outline:0!important;box-shadow:none!important;}
html body .grid-card-header{display:flex;align-items:center;gap:5px;flex:0 0 26px;margin-bottom:8px;min-width:0;}
html body .grid-counter{margin-left:auto;font:500 10px/20px Manrope,sans-serif;color:#727978;border:1px solid #15151622;border-radius:12px;padding:1px 6px;white-space:nowrap;}
html body .grid-card button,html body .grid-popup button{cursor:pointer;font-family:Manrope,sans-serif;}
html body .grid-role,html body .grid-assist,html body .grid-label{border:1px solid #15151622;border-radius:12px;font:500 10px/15px Manrope,sans-serif;padding:4px 7px;color:#151516;background:transparent;white-space:nowrap;}
html body .grid-role{max-width:65%;overflow:hidden;text-overflow:ellipsis;min-height:26px;}
html body .grid-assist{height:26px;width:26px;min-width:26px;padding:0;display:flex;align-items:center;justify-content:center;}
html body .grid-assist .material-symbols-outlined{font-size:17px;}
html body .grid-card textarea{display:block;width:100%;flex:1;min-height:0;resize:none;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font:400 24px/1.25 Manrope,sans-serif;letter-spacing:-.055em;color:#151516;overflow:auto;cursor:text!important;user-select:text!important;-webkit-user-select:text!important;touch-action:auto!important;}
html body .grid-card textarea::placeholder{color:#777f88;opacity:1;}
html body .grid-card[data-type=title] textarea{font-size:30px;line-height:1.1;}
html body .grid-card[data-type=title] .grid-card-header{margin-bottom:0;}
html body .grid-media-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;min-height:0;overflow:hidden;}
html body .grid-media-open img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:inherit;}
html body .grid-upload{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:0;width:100%;padding:12px;border:0;background:transparent;color:#151516;font-size:16px;}
html body .grid-upload>.material-symbols-outlined{font-size:36px;color:#065dfd;}
html body .grid-idea-label{position:absolute;top:10px;left:10px;background:#151516;color:white;font:600 11px/18px Manrope,sans-serif;border-radius:12px;padding:3px 8px;pointer-events:none;}
html body .grid-quick-remove{position:absolute;right:7px;top:7px;border:0;border-radius:50%;background:white;color:#d32f3f;width:32px;height:32px;display:none;align-items:center;justify-content:center;padding:0;}
html body .grid-card:hover .grid-quick-remove,html body .grid-card:focus-within .grid-quick-remove{display:flex;}
html body .grid-setting{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;min-height:0;padding:0;color:#151516;border-radius:inherit;}
html body .grid-setting .grid-label{position:absolute;top:7px;left:7px;padding:3px 5px;font-size:9px;}
html body .grid-setting>.material-symbols-outlined{font-size:30px;margin-top:15px;}
html body .grid-setting strong{font:500 11px/14px Manrope,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html body .grid-generate{background:#151516;color:white;border:0;border-radius:28px;width:100%;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:0;}
html body .grid-generate>span:not(.material-symbols-outlined){font:500 15px/19px Manrope,sans-serif;letter-spacing:-.045em;white-space:nowrap;}
html body .grid-generate small{font:500 10px/14px Manrope,sans-serif;opacity:.78;white-space:nowrap;}
html body .grid-generate:disabled{opacity:.55;cursor:wait;}
html body .grid-file-open{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;padding:4px;color:#151516;}
html body .grid-file-open>.material-symbols-outlined{font-size:40px;}
html body .grid-file-open strong{font:600 13px/18px Manrope,sans-serif;}
html body .grid-file-open>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;}
html body .grid-card[data-small=true][data-type=file] .grid-file-open>span:last-child{display:none;}
html body .grid-card[data-small=true][data-type=file] .grid-file-open>.material-symbols-outlined{font-size:24px;}
html body .grid-card[data-small=true][data-type=file]>.grid-role{max-width:100%;align-self:flex-start;font-size:9px;line-height:12px;min-height:20px;padding:2px 4px;}
html body .grid-card-menu,html body .grid-resize{position:absolute;bottom:5px;right:5px;width:28px;height:28px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#151516;opacity:0;z-index:3;}
html body .grid-card-menu{right:36px;}
html body .grid-card:hover .grid-card-menu,html body .grid-card:focus-within .grid-card-menu,html body .grid-card:hover .grid-resize,html body .grid-card:focus-within .grid-resize,html body .grid-workbench[data-editing=true] .grid-card-menu,html body .grid-workbench[data-editing=true] .grid-resize{opacity:1;}
html body .grid-resize{cursor:nwse-resize;touch-action:none;}
html body .grid-resize::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0 0 3px;}
html body .grid-workbench[data-editing=true] .grid-card{touch-action:none;}
html body .grid-workbench[data-editing=true] .grid-card[data-selected=true]{box-shadow:0 0 0 2px #151516;}
html body .grid-card.is-dragging{z-index:20;box-shadow:0 14px 35px #0002;cursor:grabbing!important;}
html body .grid-empty{position:absolute;box-sizing:border-box;border:1px dashed #15151618;border-radius:24px;background:transparent;color:#a3a7ad;display:flex;align-items:center;justify-content:center;padding:0;opacity:.28;transition:opacity 160ms,background 160ms;}
html body .grid-empty:hover,html body .grid-empty:focus-visible,html body .grid-workbench[data-editing=true] .grid-empty{opacity:1;background:#f5f6f6;}
html body .grid-empty:first-of-type{opacity:.6;}
html body .grid-done{position:sticky;top:100px;float:right;margin-right:-12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#151516;color:white;border:0;border-radius:50%;z-index:25;}
html body .grid-popup{position:fixed;inset:auto;margin:0;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;background:#f0f2f1;color:#151516;border:1px solid #fff8;border-radius:26px;padding:12px;box-shadow:0 16px 50px #0002;overflow:visible;}
html body .grid-popup::backdrop{background:#15151622;backdrop-filter:blur(5px);}
html body .grid-popup header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
html body .grid-popup header>strong{font:600 15px/20px Manrope,sans-serif;min-width:0;overflow-wrap:anywhere;}
html body .grid-close{flex:0 0 36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:white;color:#d32f3f;padding:0;}
html body .grid-popup-body{max-height:calc(100dvh - 108px);overflow:auto;}
html body .grid-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
html body .grid-choices-three{grid-template-columns:repeat(3,minmax(0,1fr));}
html body .grid-choices>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:72px;border:0;border-radius:16px;background:white;padding:10px;color:#151516;font:500 12px/16px Manrope,sans-serif;}
html body .grid-choices>button[aria-pressed=true]{background:#151516;color:white;}
html body .grid-formats{grid-column:1/-1;margin:4px 3px 0;font:400 11px/17px Manrope,sans-serif;color:#707777;}
html body .grid-note-input{width:100%;min-height:100px;padding:12px;border:0;border-radius:16px;font:400 16px/22px Manrope,sans-serif;box-sizing:border-box;resize:vertical;}
html body .grid-reference-image{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:18px;margin-bottom:12px;}
html body .grid-file-text{white-space:pre-wrap;overflow:auto;max-height:260px;font:400 14px/20px Manrope,sans-serif;background:white;padding:12px;border-radius:14px;margin-bottom:12px;}
html body .grid-popup-copy{font:400 14px/21px Manrope,sans-serif;}
html body .grid-notice{position:fixed;z-index:2147483000;bottom:110px;left:50%;transform:translateX(-50%);max-width:min(440px,calc(100vw - 32px));padding:12px 18px;border-radius:18px;background:#151516;color:white;font:500 13px/20px Manrope,sans-serif;box-shadow:0 8px 24px #0002;}
html body .grid-notice[hidden]{display:none;}
@media(hover:hover) and (pointer:fine){html body .grid-setting:hover,html body .grid-role:hover,html body .grid-assist:hover,html body .grid-generate:hover{background:#065dfd;color:white;}
html body .grid-setting:hover .grid-label{color:white;border-color:#fff6;}
html body .grid-quick-remove:hover{background:#d32f3f;color:white;}}
@media(max-width:649px){html body .grid-workbench{margin-bottom:40px;}
html body .grid-card{border-radius:20px;padding:9px;}
html body .grid-card textarea{font-size:16px;letter-spacing:-.035em;}
html body .grid-card[data-type=title] textarea{font-size:23px;}
html body .grid-role{font-size:9px;padding:3px 5px;}
html body .grid-counter{font-size:9px;padding:1px 4px;}
html body .grid-setting>.material-symbols-outlined{font-size:25px;margin-top:16px;}
html body .grid-setting .grid-label{font-size:9px;padding:2px 4px;top:5px;left:5px;}
html body .grid-setting strong{font-size:10px;line-height:12px;}
html body .grid-generate{height:52px;padding:0 10px;gap:5px;flex-wrap:wrap;align-content:center;}
html body .grid-generate>span:not(.material-symbols-outlined){font-size:12px;}
html body .grid-generate small{font-size:9px;}
html body .grid-generate>.material-symbols-outlined{font-size:18px;}
html body .grid-generate{background:#065dfd;}
html body .grid-close,html body .grid-quick-remove{background:#d32f3f;color:white;}
html body .grid-quick-remove{display:flex;width:28px;height:28px;}
html body .grid-quick-remove>.material-symbols-outlined{font-size:18px;}
html body .grid-upload{font-size:13px;}
html body .grid-idea-label{top:6px;left:6px;padding:2px 6px;font-size:10px;}
html body .grid-card-menu,html body .grid-resize{width:32px;height:32px;}
html body .grid-card-menu{right:40px;}
html body .grid-empty{border-radius:20px;opacity:.4;}}
@media(prefers-reduced-motion:reduce){html body .grid-workbench *{transition:none!important;}}
html body .grid-card[data-type=text][data-width="2"] .grid-card-header{flex-wrap:wrap;height:auto;min-height:26px;flex-basis:auto;}
html body .grid-card[data-type=text][data-width="2"] .grid-counter{font-size:9px;}
html body .grid-notice button{margin-left:12px;color:white;background:transparent;border:0;text-decoration:underline;font:inherit;padding:6px;}
@media(hover:none){html body .grid-workbench:not([data-editing=true]) .grid-card-menu,html body .grid-workbench:not([data-editing=true]) .grid-resize{opacity:0;pointer-events:none;}}
html body .grid-workbench{margin-bottom:0;}
html body .grid-footer{max-width:980px;margin:18px auto 60px;display:flex;justify-content:flex-end;width:100%;}
html body .grid-footer[hidden]{display:none!important;}
html body .grid-footer .grid-generate{width:auto;min-width:245px;padding:0 22px;}
html body .grid-card{overflow:visible;}
html body .grid-card .grid-media-open{border-radius:inherit;overflow:hidden;}
html body .grid-controls{position:absolute;inset:0;pointer-events:none;border-radius:inherit;}
html body .grid-controls button{pointer-events:auto;}
html body .grid-card-menu,html body .grid-quick-remove{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;display:grid!important;place-items:center;border-radius:50%;z-index:5;}
html body .grid-card-menu{top:6px;right:6px;bottom:auto;left:auto;}
html body .grid-quick-remove{top:auto;bottom:6px;left:6px;right:auto;opacity:0;}
html body .grid-card-menu>.material-symbols-outlined,html body .grid-quick-remove>.material-symbols-outlined{font-size:20px!important;line-height:1!important;}
html body .grid-card:hover .grid-quick-remove,html body .grid-card:focus-within .grid-quick-remove,html body .grid-workbench[data-editing=true] .grid-quick-remove{opacity:1;}
html body .grid-resize{right:-6px!important;bottom:-6px!important;top:auto;left:auto;width:28px!important;height:28px!important;background:transparent!important;border-radius:0!important;overflow:visible;opacity:.55;z-index:8;}
html body .grid-resize::after{width:22px;height:22px;border-right:1.5px solid #151516;border-bottom:1.5px solid #151516;border-radius:0 0 22px 0;transform:translate(0,0);}
html body .grid-card:hover .grid-resize{opacity:1;}
html body .grid-card-header{position:relative;flex:0 0 22px;min-height:22px;gap:5px;margin:0 0 6px;}
html body .grid-card .grid-text-frame{position:relative;flex:1;min-height:0;border:1px solid #151516;border-radius:15px;overflow:hidden;}
html body .grid-card .grid-text-frame textarea{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;padding:28px 32px 32px 16px!important;border-radius:14px!important;scroll-padding:28px 0;}
html body .grid-card[data-type=title] .grid-text-frame textarea{font-size:34px;line-height:1.12;padding:5px 36px 5px 32px!important;}
html body .grid-card[data-type=title] .grid-card-header{flex:0 0 18px;min-height:18px;margin-bottom:4px;}
html body .grid-card[data-type=title] .grid-label{padding:1px 7px;}
html body .grid-counter{position:absolute;right:5px;bottom:5px;z-index:6;margin:0;background:rgba(255,255,255,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#fff8;box-shadow:inset 0 1px 0 #fff9;color:#444b52;pointer-events:none;}
html body .grid-text-frame .grid-card-menu{top:4px;right:4px;}
html body .grid-text-frame .grid-quick-remove{bottom:4px;left:4px;}
html body .grid-idea-badges{position:absolute;left:6px;top:6px;display:flex;align-items:center;gap:3px;max-width:calc(100% - 40px);}
html body .grid-idea-label{position:static;font-size:10px;line-height:16px;padding:3px 6px;}
html body .grid-idea-note{display:grid;place-items:center;width:23px;height:23px;border:0;border-radius:12px;padding:0;background:#151516;color:white;}
html body .grid-idea-note>.material-symbols-outlined{font-size:16px!important;}
html body .grid-card[data-type=file]>.grid-role{max-width:calc(100% - 34px);}
html body .grid-card[data-small=true] .grid-idea-badges{left:3px;top:4px;gap:2px;max-width:none;}
html body .grid-card[data-small=true] .grid-idea-label{font-size:9px;padding:2px 4px;}
html body .grid-card[data-small=true] .grid-idea-note{width:19px;height:20px;}
html body .grid-card[data-small=true][data-type=idea] .grid-card-menu{right:2px;top:2px;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;}
html body .grid-empty{opacity:.55;}
html body .grid-done{position:fixed;right:12px;bottom:calc(90px + env(safe-area-inset-bottom));top:auto;margin:0;width:64px;height:64px;z-index:122;background:rgba(255,255,255,.25);color:#065dfd;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--glass-shadow);border:1px solid #fff6;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(80px) scale(.35);transition:transform 300ms cubic-bezier(.22,1,.36,1),opacity 300ms,visibility 300ms;}
html body .grid-done.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none;}
html body .grid-done>.material-symbols-outlined{font-size:28px;line-height:1;}
html body.grid-arranging .feed-to-top{visibility:hidden!important;}
html body .grid-section-heading{display:flex;align-items:center;gap:8px;color:#065dfd;font:600 12px/20px Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px;padding:0;background:transparent;border:0;}
html body .grid-section-heading svg{width:24px;height:24px;flex:0 0 24px;}
@media(min-width:1061px){html body #generator .legacy-inspiration-strip>.inspiration-heading,
 html body #generator .legacy-inspiration-strip>.inspiration-controls{width:100%!important;max-width:980px!important;margin-inline:auto!important;box-sizing:border-box;}}
@media(min-width:1061px){html body #generator>.generator-heading{width:100%!important;max-width:980px!important;margin:0 auto 16px!important;padding:0!important;}
html body #generator .legacy-mode-carousel{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;}
html body .app-topbar,html body .app-topbar .top-actions{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;}
html body .app-topbar .top-actions{gap:8px;padding:0;}
html body .app-topbar .top-actions button{border-radius:30px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:var(--glass-shadow)!important;background-color:rgba(255,255,255,.25);}
html body .grid-done{display:none!important;}}
@media(max-width:1060px){html body .grid-card .grid-card-menu,html body .grid-card .grid-quick-remove{opacity:1!important;pointer-events:auto!important;}
html body .grid-card .grid-resize{opacity:.6!important;pointer-events:auto!important;}
html body .grid-workbench .grid-card .grid-setting,html body .grid-workbench .grid-card .grid-setting:active{background:transparent!important;background-image:none!important;color:#151516!important;border-color:transparent!important;box-shadow:none!important;}
html body .grid-setting *{color:#151516!important;-webkit-text-fill-color:#151516!important;}
html body .grid-card[data-type=title] .grid-text-frame textarea{font-size:26px;}
html body .grid-card[data-type=title]{padding:8px;}
html body .grid-card[data-type=title] .grid-card-header{flex-basis:15px;min-height:15px;margin-bottom:2px;}
html body .grid-text-frame .grid-card-menu,html body .grid-text-frame .grid-quick-remove{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;}
html body .grid-card[data-type=title] .grid-text-frame textarea{padding:5px 30px!important;}
html body .grid-workbench .grid-role{font-size:10px!important;line-height:16px!important;}
html body .grid-counter{font-size:9px;line-height:18px;}
html body .grid-footer{margin-bottom:54px;}}
html body .inspiration-card .inspiration-card-actions{z-index:8!important;pointer-events:auto!important;}
html body .grid-card[data-type=text] .grid-text-frame textarea{top:26px;bottom:30px;height:calc(100% - 56px);padding:4px 12px!important;border-radius:8px!important;}
html body .grid-setting .grid-label{max-width:calc(100% - 38px);overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}
html body #mobileApp #mobileCreatePage .grid-card[data-type=title] .grid-text-frame textarea{font-size:26px!important;line-height:1.12!important;}
html body :is(#mobileApp,.favorites-library,.legacy-inspiration-strip) .inspiration-card .inspiration-card-actions{position:absolute!important;inset:auto 10px 10px auto!important;width:44px!important;height:44px!important;display:block!important;margin:0!important;padding:0!important;transform:none!important;}
html body :is(#mobileApp,.favorites-library,.legacy-inspiration-strip) .inspiration-card .inspiration-card-actions .inspiration-card-add{position:absolute!important;inset:0!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;transform:none!important;}
@media(min-width:1061px){html body .legacy-inspiration-strip .inspiration-card .inspiration-card-actions{right:15px!important;bottom:15px!important;width:54px!important;height:54px!important;}
html body .legacy-inspiration-strip .inspiration-card .inspiration-card-actions .inspiration-card-add{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;}}
html body .grid-card[data-small=true][data-type=text] .grid-assist{display:none;}
html body .grid-card[data-small=true][data-type=text] .grid-role{max-width:100%;font-size:9px!important;padding:1px 5px;min-height:20px;}
html body .grid-card[data-small=true][data-type=text] .grid-text-frame textarea{top:20px;bottom:18px;height:calc(100% - 38px);font-size:12px!important;padding:0 4px!important;}
html body .grid-card[data-small=true] .grid-text-frame .grid-counter{font-size:8px;line-height:14px;padding:0 2px;right:2px;bottom:2px;}
html body .grid-card[data-small=true] .grid-text-frame .grid-quick-remove,html body .grid-card[data-small=true] .grid-text-frame .grid-card-menu{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;}
html body #mobileApp #mobileCreatePage .grid-card[data-small=true][data-type=title] .grid-text-frame textarea,html body .grid-card[data-small=true][data-type=title] .grid-text-frame textarea{font-size:15px!important;padding:8px 4px!important;}
@media(max-width:1060px){html body #mobileApp .inspiration-card .inspiration-card-favorite-actions{position:absolute!important;left:10px!important;bottom:10px!important;top:auto!important;right:auto!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;}
html body #mobileApp .inspiration-card .inspiration-card-favorite-actions .inspiration-card-favorite{position:absolute!important;inset:0!important;margin:0!important;transform:none!important;}}
html body .grid-card:is([data-type=text],[data-type=title]),html body .grid-card:is([data-type=text],[data-type=title]):is(:focus,:focus-within,:hover){outline:none!important;box-shadow:none!important;}
html body .grid-card:is([data-type=text],[data-type=title]) .grid-card-header{flex:0 0 30px;min-height:30px;margin-bottom:8px;padding-right:30px;}
html body .grid-card[data-type=text][data-width="2"] .grid-card-header{flex-wrap:nowrap;}
html body .grid-card .grid-quick-remove{top:6px!important;right:6px!important;bottom:auto!important;left:auto!important;background:white!important;color:#d32f3f!important;}
html body .grid-card .grid-controls :is(.grid-quick-remove,.grid-card-menu){width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;}
html body .grid-card .grid-controls .material-symbols-outlined{font-size:20px!important;line-height:1!important;}
html body .grid-card .grid-text-frame textarea{inset:8px 0 24px!important;height:calc(100% - 32px)!important;padding:4px 12px!important;}
html body .grid-card[data-type=file]>.grid-role{align-self:flex-start;flex:0 0 auto;width:fit-content;max-width:calc(100% - 28px);}
html body .grid-photo-edit{position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:3px;max-width:calc(100% - 44px);background:#151516;color:white;z-index:4;padding:3px 6px;font-size:10px;}
html body .grid-photo-edit .material-symbols-outlined{font-size:16px;}
html body .grid-card[data-small=true] .grid-photo-edit span:last-child{display:none;}
html body .grid-card[data-small=true] .grid-idea-badges{max-width:calc(100% - 36px);flex-wrap:wrap;}
html body .grid-workbench .grid-setting,html body .grid-workbench .grid-setting:is(:hover,:active,:focus){background:transparent!important;background-image:none!important;box-shadow:none!important;color:#151516!important;}
html body .grid-setting>.material-symbols-outlined,html body .grid-setting>strong{color:#151516!important;-webkit-text-fill-color:#151516!important;}
html body .grid-setting .grid-label{color:#151516!important;border-color:#15151622!important;transition:background 150ms,color 150ms;}
html body .grid-close{background:white!important;color:#d32f3f!important;}
html body .grid-footer .grid-generate small{padding:4px 8px;border:1px solid #ffffff60;border-radius:12px;white-space:nowrap;}
html body .grid-section-heading{font:800 clamp(12px,.9vw,15px)/1 Manrope,sans-serif!important;letter-spacing:.09em!important;}
html body .grid-section-heading svg{width:24px;height:24px;}
@media(hover:hover) and (pointer:fine){html body .grid-card .grid-quick-remove:hover,html body .grid-close:hover{background:#d32f3f!important;color:white!important;}
html body .grid-setting .grid-label:hover{background:#065dfd!important;color:white!important;-webkit-text-fill-color:white!important;border-color:#065dfd!important;}}
@media(min-width:1061px){html body .grid-empty{opacity:1;background:#f5f6f6;}
html body .grid-footer{justify-content:center;}}
@media(max-width:1060px){html body .grid-card:is([data-type=text],[data-type=title]) .grid-card-header{flex-basis:30px;min-height:30px;margin-bottom:8px;}
html body .grid-section-heading{font-size:12px!important;line-height:1.2!important;}
html body .grid-card[data-small=true][data-type=title] .grid-label{font-size:8px;padding:1px 3px;}
html body .grid-card[data-type=text] .grid-card-header{gap:3px;}
html body .grid-card[data-type=text] .grid-role{max-width:calc(100% - 27px);}}
@media(min-width:1061px){html body .grid-workbench .grid-empty{opacity:1!important;background:#f5f6f6!important;}}
html body #mobileApp #mobileCreatePage .grid-workbench .grid-card .grid-quick-remove,html body #mobileApp #mobileCreatePage .grid-workbench .grid-card .grid-quick-remove *{color:#d32f3f!important;-webkit-text-fill-color:#d32f3f!important;}
html body #mobileApp #mobileCreatePage .grid-workbench .grid-card .grid-quick-remove{background:white!important;}
html body #mobileApp .grid-workbench .grid-card:is([data-type=text],[data-type=title]){outline:0!important;box-shadow:none!important;}
html body .grid-workbench .grid-empty{z-index:0;}
html body .grid-workbench .grid-empty[data-occupied=true]{pointer-events:none;}
html body .grid-workbench .grid-card{z-index:1;container-type:inline-size;}
html body .grid-workbench .grid-card.is-dragging{z-index:20;}
html body .grid-workbench .grid-setting,html body .grid-workbench .grid-setting:is(:hover,:focus,:active){--fluid-radius:0px!important;background:transparent!important;background-image:none!important;color:#151516!important;box-shadow:none!important;transform:none!important;}
html body .grid-workbench .grid-setting::before,html body .grid-workbench .grid-setting::after{display:none!important;}
html body .grid-workbench .grid-setting :is(strong,.material-symbols-outlined){color:#151516!important;-webkit-text-fill-color:#151516!important;filter:none!important;}
html body .grid-workbench .grid-setting .grid-label{max-width:calc(100% - 16px);}
html body .grid-workbench .grid-setting>.material-symbols-outlined{font-size:clamp(28px,28cqw,90px)!important;}
html body .grid-workbench .grid-setting>strong{font-size:clamp(11px,8cqw,24px)!important;line-height:1.2;}
html body .grid-card-header .grid-assist{width:auto;flex:0 0 auto;padding:0 7px;gap:4px;}
html body .grid-assist-text{display:none;font:500 10px/16px Manrope,sans-serif;white-space:nowrap;}
html body .grid-idea-note{display:flex;align-items:center;justify-content:center;gap:4px;width:auto!important;padding:3px 6px;height:24px!important;}
html body .grid-note-label{display:none;font:500 10px/16px Manrope,sans-serif;white-space:nowrap;}
@container(min-width:180px){html body .grid-note-label{display:inline;}}
@container(min-width:280px){html body .grid-assist-text{display:inline;}}
html body .grid-card-header .grid-role{flex:0 1 auto;min-width:0;}
html body .inspiration-card{--idea-action:54px;}
html body #mobileApp .inspiration-card{--idea-action:44px;}
html body :is(.legacy-inspiration-strip,.favorites-library,#mobileApp) .inspiration-card :is(.inspiration-card-add,.inspiration-card-more,.inspiration-card-favorite){width:var(--idea-action)!important;height:var(--idea-action)!important;min-width:var(--idea-action)!important;min-height:var(--idea-action)!important;padding:0!important;box-sizing:border-box!important;}
html body :is(.legacy-inspiration-strip,.favorites-library,#mobileApp) .inspiration-card :is(.inspiration-card-actions,.inspiration-card-favorite-actions){width:var(--idea-action)!important;height:var(--idea-action)!important;}
@media(max-width:1060px){html body .inspiration-card{--idea-action:44px;}}
html body :is(#legacyInspirationFeed,#mobileInspirationGrid,.favorites-library) .inspiration-card .inspiration-card-actions .inspiration-card-add{width:var(--idea-action)!important;height:var(--idea-action)!important;min-width:var(--idea-action)!important;min-height:var(--idea-action)!important;}
@media(max-width:1060px){html body .grid-card:is([data-type=quantity],[data-type=quality])[data-height="1"] .grid-setting{flex-direction:row;gap:8px;padding-top:16px;}
html body .grid-card:is([data-type=quantity],[data-type=quality])[data-height="1"] .grid-setting>.material-symbols-outlined{font-size:28px!important;margin-top:0;}
html body .grid-card:is([data-type=quantity],[data-type=quality])[data-height="1"] .grid-setting>strong{font-size:13px!important;}}
html body .inspiration-skeleton{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body .grid-empty[data-retiring=true]{pointer-events:none;}
html body .grid-footer{justify-content:center;}
@media(max-width:1060px){html body .grid-footer{margin:14px auto 24px;}
html body .grid-workbench{margin-bottom:0;}
html body #mobileCreatePage .m-inspiration-section{margin-top:20px!important;}}
@media(min-width:1061px){html body .app-topbar .top-actions{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;}
html body .app-topbar .top-actions::before,html body .app-topbar .top-actions::after{display:none!important;}
html body.sidebar-collapsed #productSidebar .sidebar-new-project-mini{order:0!important;}
html body.sidebar-collapsed #productSidebar .sidebar-home{order:1!important;}}
@media(prefers-reduced-motion:reduce){html body .grid-workbench{transition:none!important;}}
html body .grid-workbench{--badge-height:24px;--badge-inset:10px;}
html body .grid-workbench .grid-card{padding:var(--badge-inset);}
html body .grid-workbench .grid-card:is([data-type=photo],[data-type=idea],[data-type=brandVisual]){padding:0;}
html body .grid-workbench .grid-card :is(.grid-label,.grid-role,.grid-scope,.grid-assist,.grid-idea-label,.grid-idea-note,.grid-counter),html body .grid-footer .grid-generate small{
 box-sizing:border-box!important;display:inline-flex;align-items:center;justify-content:center;gap:4px;
 height:24px!important;min-height:24px!important;max-height:24px!important;
 padding:0 7px!important;border:1px solid #ffffff70!important;border-radius:12px!important;
 font:500 10px/22px Manrope,sans-serif!important;letter-spacing:0!important;
 background:rgba(255,255,255,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffffb3,0 2px 6px #00000008;
}
html body .grid-workbench .grid-card :is(.grid-label,.grid-role,.grid-assist,.grid-idea-note) .material-symbols-outlined{font-size:16px!important;}
html body .grid-workbench .grid-card .grid-scope .material-symbols-outlined{font-size:15px!important;line-height:1!important;flex:0 0 15px!important;overflow:hidden!important;}
html body .grid-workbench .grid-card .grid-card-header{height:24px;min-height:24px;flex-basis:24px;margin-top:0;align-items:center;}
html body .grid-workbench .grid-card .grid-setting .grid-label{top:10px;left:10px;max-width:calc(100% - 20px);}
html body .grid-workbench .grid-card .grid-idea-badges,html body .grid-workbench .grid-card .grid-photo-edit{top:10px;left:10px;gap:4px;}
html body .grid-workbench .grid-card .grid-idea-label{background:rgba(21,21,22,.75);color:white;}
html body .grid-workbench .grid-card .grid-photo-edit,html body .grid-workbench .grid-card .grid-idea-note{background:rgba(255,255,255,.65);color:#151516;}
html body .grid-workbench .grid-upload>.material-symbols-outlined{color:#151516!important;}
html body .grid-workbench .grid-card[data-type=title] textarea{word-break:normal!important;overflow-wrap:normal!important;letter-spacing:-.035em!important;}
html body .grid-popup .grid-note-input:focus,html body .grid-popup .grid-note-input:focus-visible{outline:0!important;box-shadow:none!important;border:0!important;}
html body .grid-popup header>strong{margin-right:auto;}
html body .grid-popup .grid-note-confirm{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;background:#151516;color:white;}
@media(hover:hover) and (pointer:fine){html body .grid-popup .grid-note-confirm:hover{background:#065dfd;}
html body .grid-workbench .grid-card :is(.grid-assist,.grid-role,.grid-scope,.grid-idea-note):hover{background:#065dfd;color:white;}}
@media(min-width:1061px){html body #productSidebar :is(.side-link,.sidebar-help-route){width:var(--sidebar-control-width,218px)!important;min-width:0!important;max-width:none!important;height:44px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;border-radius:var(--sidebar-control-radius,24px)!important;padding:0 12px!important;}
html body #productSidebar .sidebar-help-route{justify-content:flex-start!important;gap:8px!important;}
html body #productSidebar .sidebar-help-route .material-symbols-outlined{margin:0!important;flex:0 0 24px!important;}
html body #productSidebar #sidebarCollapse{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:24px!important;padding:0!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body #productSidebar .account-summary{border-radius:34px!important;}
html body #productSidebar #recentProjects{padding:4px 0!important;}
html body #productSidebar .recent-project{gap:8px!important;}
html body #productSidebar .recent-project-main{border-radius:24px!important;padding:4px!important;translate:none!important;}
html body #productSidebar .recent-thumb{border-radius:50%!important;}
html body #productSidebar .recent-thumb img{object-fit:cover!important;border-radius:50%!important;}
html body #productSidebar .recent-scroll-indicator{display:none!important;}
html body.sidebar-collapsed #productSidebar :is(.side-link,.sidebar-help-route,.sidebar-home){width:var(--sidebar-control-width,56px)!important;min-width:var(--sidebar-control-width,56px)!important;border-radius:var(--sidebar-control-radius,24px)!important;padding:0!important;justify-content:center!important;}}
html body :is(.inspiration-filters,.workspace-mobile-filters,.favorites-filters) button:is([aria-pressed=true],[aria-selected=true],.is-active){background-color:#151516!important;color:white!important;-webkit-text-fill-color:white!important;}
html body :is(.inspiration-filters,.workspace-mobile-filters,.favorites-filters) button:is([aria-pressed=true],[aria-selected=true],.is-active) *{color:white!important;-webkit-text-fill-color:white!important;}
@media(min-width:1061px){html body #productSidebar .side-nav{width:var(--sidebar-control-width,218px)!important;max-width:none!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}
html body.sidebar-collapsed #productSidebar .side-panel-heading{align-items:center!important;}}
@media(min-width:1061px){html body #productSidebar .recent-projects-shell .recent-projects-viewport,html body #productSidebar .recent-projects-shell:is(:hover,:focus-within) .recent-projects-viewport{border-radius:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body #productSidebar #recentProjects{border-radius:0!important;}}
@media(min-width:1061px){html body #productSidebar .recent-project-main .recent-thumb{position:relative!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;clip-path:circle(50%)!important;overflow:hidden!important;transform:none!important;}
html body #productSidebar .recent-project-main .recent-thumb img{position:absolute!important;inset:0!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:none!important;min-height:32px!important;max-height:none!important;object-fit:cover!important;border-radius:50%!important;transform:none!important;}
html body #productSidebar .account-summary{width:var(--sidebar-control-width,218px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;position:relative!important;box-sizing:border-box!important;}
html body:not(.sidebar-collapsed) #productSidebar .account-summary{padding-right:44px!important;}
html body:not(.sidebar-collapsed) #productSidebar .account-summary>.material-symbols-outlined{position:absolute!important;right:10px!important;width:24px!important;top:50%!important;transform:translateY(-50%)!important;}
html body:not(.sidebar-collapsed) #productSidebar .project-nav-control{position:relative!important;padding-right:44px!important;}
html body:not(.sidebar-collapsed) #productSidebar .project-nav-control [data-project-status-badge]{position:absolute!important;right:10px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;min-width:24px!important;margin:0!important;}
html body.sidebar-collapsed #productSidebar .side-panel-heading{align-items:center!important;}
html body.sidebar-collapsed #productSidebar .sidebar-new-project-mini{align-self:center!important;margin-left:auto!important;margin-right:auto!important;}
html body #productSidebar .sidebar-help-route>.material-symbols-outlined:last-child{display:none!important;}
html body #productSidebar .sidebar-help-route>span:not(.material-symbols-outlined){white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:13px!important;}
html body #productSidebar button::before,html body #productSidebar button::after{content:none!important;display:none!important;}
html body #productSidebar :is(.side-nav,.account-summary,.product-nav,.support-side-panel){box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}}
html body .grid-workbench .grid-card .grid-idea-label{background:#151516!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body .grid-workbench .grid-card .grid-idea-label *{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;color:inherit!important;-webkit-text-fill-color:inherit!important;}
html body .grid-workbench .grid-card :is(.grid-idea-note,.grid-role,.grid-assist){background:rgba(255,255,255,.25);backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:inset 0 1px 0 #ffffffb3;}
html body .grid-popup .grid-note-confirm{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;flex:0 0 36px!important;}
html body .grid-card[data-type=result]{background:#151516;color:#fff;padding:var(--badge-inset);overflow:hidden;}
html body .grid-result-slot{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;}
html body .grid-result-slot>.grid-label{display:inline-flex;align-items:center;gap:4px;background:#ffffff24;color:#fff;border-color:#ffffff36;}
html body .grid-result-slot>.grid-label .material-symbols-outlined{font-size:14px!important;line-height:1;flex:0 0 14px;}
html body .grid-slot-role{display:inline-flex;align-items:center;gap:5px;max-width:100%;border:0;border-radius:14px;background:transparent;color:#fff;padding:0;font:600 clamp(16px,11cqw,28px)/1.05 Manrope,sans-serif;letter-spacing:-.045em;text-align:left;}
html body .grid-slot-role strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;}
html body .grid-slot-role .material-symbols-outlined{font-size:20px;flex:0 0 auto;}
html body .grid-result-slot>p{margin:0;color:#ffffffa8;font:500 11px/1.35 Manrope,sans-serif;}
html body .grid-result-slot>div{display:flex;gap:6px;width:100%;}
html body .grid-slot-contents,html body .grid-slot-ai{border:1px solid #1515161c;border-radius:12px;background:rgba(255,255,255,.28);color:#151516;padding:4px 7px;font:500 10px/15px Manrope,sans-serif;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html body .grid-slot-contents,html body .grid-slot-ai{background:#fff;color:#151516;flex:1;justify-content:center;min-width:0;}
html body .grid-slot-contents .material-symbols-outlined,html body .grid-slot-ai .material-symbols-outlined{font-size:15px;}
@media(hover:hover) and (pointer:fine){html body .grid-slot-role:hover,html body .grid-slot-contents:hover,html body .grid-slot-ai:hover{background:#065dfd;color:#fff;border-color:#065dfd;}}
@media(max-width:1060px){html body .grid-result-slot{gap:6px;}
html body .grid-slot-role{font-size:clamp(13px,10cqw,21px);}
html body .grid-result-slot>p{font-size:9px;}
html body .grid-slot-contents,html body .grid-slot-ai{padding:3px 4px;font-size:9px;}
.grid-slot-contents span,.grid-slot-ai span{overflow:hidden;text-overflow:ellipsis;}}
html body .grid-popup header :is(.grid-note-confirm,.grid-close){width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;flex:0 0 44px!important;padding:0!important;border-radius:50%!important;}
html body .grid-card[data-type=result]{overflow:visible;}
html body .grid-result-slot{justify-content:flex-start;align-items:stretch;gap:12px;}
html body .grid-result-slot>.grid-label{align-self:flex-start;}
html body .grid-result-role-frame{position:relative;flex:1 1 auto;width:100%;min-height:0;box-sizing:border-box;border:1px solid #151516;border-radius:15px;background:var(--grid-surface,#eceeed);overflow:hidden;}
html body .grid-card[data-type=result] .grid-result-role{position:absolute;inset:8px 0 24px;display:block;box-sizing:border-box;width:100%;height:calc(100% - 32px);min-height:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#151516;padding:4px 12px!important;font:400 24px/1.25 Manrope,sans-serif;letter-spacing:-.055em;resize:none;text-align:left;overflow:auto;word-break:normal;overflow-wrap:normal;hyphens:manual;-webkit-hyphens:manual;}
html body .grid-card[data-type=result] .grid-result-role::placeholder{color:#777f88;opacity:1;font:inherit;letter-spacing:inherit;}
html body .grid-card[data-type=result] .grid-result-role:focus{outline:0!important;box-shadow:none!important;}
@media(max-width:649px){html body .grid-card[data-type=result] .grid-result-role{font-size:16px;letter-spacing:-.035em;}}
html body .grid-card[data-type=text]:is([data-width="2"][data-height="2"],[data-width="4"][data-height="4"]) .grid-role[data-role]{width:24px!important;min-width:24px!important;padding:0!important;}
html body .grid-card[data-type=text]:is([data-width="2"][data-height="2"],[data-width="4"][data-height="4"]) .grid-role[data-role]>span:not(.material-symbols-outlined){display:none;}
html body .grid-card[data-type=text]:is([data-width="2"][data-height="2"],[data-width="4"][data-height="4"]) .grid-role[data-role]>.material-symbols-outlined{font-size:16px!important;line-height:1;}
html body :is(#badge-fit,.grid-workbench) .grid-card .adaptive-badge.adaptive-badge{width:max-content!important;min-width:24px!important;max-width:none!important;flex:0 0 auto!important;padding:0 7px!important;white-space:nowrap!important;}
html body :is(#badge-fit,.grid-workbench) .grid-card .adaptive-badge.adaptive-badge>span:not(.material-symbols-outlined){display:inline!important;}
html body :is(#badge-fit,.grid-workbench) .grid-card .adaptive-badge.badge-icon-only{width:24px!important;min-width:24px!important;max-width:24px!important;padding:0!important;gap:0!important;}
html body :is(#badge-fit,.grid-workbench) .grid-card .adaptive-badge.badge-icon-only>span:not(.material-symbols-outlined){display:none!important;}
html body .grid-workbench .grid-card[data-type=title] .grid-text-frame textarea{padding-left:12px!important;}
html body .grid-workbench .grid-card[data-type=title] .grid-card-header{padding-right:30px;}
html body .grid-workbench .grid-card[data-type=title][data-width="2"] .grid-role[data-role]>span:not(.material-symbols-outlined){display:none;}
@media(min-width:1061px){html body #productSidebar #sidebarCollapse{position:absolute!important;top:13px!important;}
html body.sidebar-collapsed #productSidebar #sidebarCollapse{top:auto!important;bottom:0!important;}}
@media(min-width:1061px){html body #productSidebar #sidebarCollapse{transform:none!important;translate:none!important;}}
@media(min-width:1061px){html body #productSidebar{--sidebar-control-width:218px!important;--sidebar-control-radius:24px!important;}
html body.sidebar-collapsed #productSidebar{--sidebar-control-width:56px!important;}
html body #productSidebar #sidebarCollapse{left:auto!important;right:13px!important;transform:none!important;}
html body.sidebar-collapsed #productSidebar #sidebarCollapse{left:auto!important;right:calc(50% - 22px)!important;transform:none!important;}}
html body .grid-notice .grid-notice-action{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;min-height:32px;margin-left:12px;padding:5px 12px;border:1px solid #ffffff55;border-radius:999px;background:#ffffff18!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none;box-shadow:none;}
html body .grid-notice .grid-notice-action:hover{background:#065dfd!important;border-color:#065dfd;}
html body .grid-assist:disabled{opacity:.65;cursor:wait;}
.billing-confirm{border:0;border-radius:28px;padding:28px;max-width:420px;width:calc(100% - 32px);box-sizing:border-box;color:#171717;background:#f1f2f2;box-shadow:0 24px 80px #0003}
.billing-confirm::backdrop{background:#0004}
.billing-confirm h2{font-size:24px;margin:0 0 12px}
.billing-confirm p{line-height:1.5}
.billing-confirm>div{display:flex;gap:10px;margin-top:24px}
.billing-confirm button{border:0;border-radius:24px;min-height:48px;padding:10px 24px;background:white;color:#171717;flex:1}
.billing-confirm [data-accept]{background:#161616;color:white}
.billing-confirm button:hover{background:#1364ff;color:white}
@media(prefers-reduced-motion:no-preference){.billing-confirm[open]{animation:billing-in .24s cubic-bezier(.22,1.08,.36,1)}}
@keyframes billing-in{from{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}
html body :is(.grid-workbench,.grid-popup,.prompt-editor,.prompt-library) :is(input:not([type=range]),textarea):is(:focus,:focus-visible,:active){outline:0!important;box-shadow:none!important;border-color:#151516!important;}
html body .grid-formulation-save{display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:8px;}
html body .grid-formulation-save>input{width:100%;padding:16px 18px;border:1px solid #d6d9d8;border-radius:18px;}
html body .grid-formulation-save>p:empty{display:none;}
html body .grid-formulation-save>button,html body .prompt-editor footer button{border-radius:999px!important;min-height:48px;padding:12px 24px!important;}
html body .grid-formulation-save>button{width:min(100%,320px);margin:0!important;border:0!important;background:#fff;color:#151516;font:600 14px/22px Manrope,sans-serif;}
html body .prompt-editor footer{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:20px;}
html body .grid-workbench .grid-idea-badges .grid-scope{position:static;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:999px;height:24px;white-space:nowrap;font:inherit;font-size:11px;}
html body .grid-workbench .grid-idea-badges{flex-wrap:wrap;}
html body #generator>.legacy-inspiration-strip{width:100%!important;max-width:980px!important;margin-inline:auto!important;box-sizing:border-box;}
.brand-font-field{display:grid;gap:14px;margin:12px 0 26px}
.brand-font-field select{font:inherit;border:1px solid #ccc;border-radius:14px;padding:12px;max-width:100%;background:white;color:#171717}
.brand-font-field p{font-size:28px;line-height:1.25;margin:0}
.grid-card[data-type=brandVisual] .grid-media-open img{object-fit:contain;background:#f1f1ee}
.grid-card .brand-result-badge{background:#fff;color:#171717;max-width:calc(100% - 12px)}
.grid-card .brand-result-browse{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#171717;display:grid;place-items:center;z-index:3}
.grid-card .brand-result-browse:hover{background:#2467ff;color:white}
.grid-card:has(.grid-asset-open) .grid-media-more{display:none}
.brand-delivery-dialog{display:flex;flex-direction:column;gap:16px;min-width:0}
.brand-delivery-dialog .brand-document-cover{position:relative;display:grid;place-items:center;background:#eceeed;border-radius:18px;overflow:hidden;height:min(38vh,300px)}
.brand-document-cover img{width:100%;height:100%;object-fit:contain}
.brand-document-cover>span{position:absolute;bottom:12px;right:12px;background:#171717;color:white;border-radius:50px;padding:8px 12px;font-size:14px;font-weight:700}
.brand-delivery-actions{display:grid;gap:10px}
.brand-delivery-dialog .btn{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:52px;padding:12px 16px;text-decoration:none;border:0;border-radius:16px;background:#eceeed;color:#171717;font-size:15px;white-space:normal}
.brand-delivery-dialog .btn>span:nth-child(2){flex:1}
.brand-delivery-dialog .brand-delivery-primary{background:#171717;color:#fff}
.brand-delivery-dialog .btn:hover,.brand-delivery-dialog .btn:active{background:#2467ff;color:#fff}
.brand-asset-preview{position:relative;display:grid;place-items:center;border-radius:18px;background:#eceeed;overflow:hidden;height:min(42vh,340px)}
.brand-asset-preview>img{width:100%;height:100%;object-fit:contain;padding:12px 12px 62px}
.brand-asset-navigation{position:absolute;left:12px;right:12px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-asset-navigation>span{font-size:13px;font-variant-numeric:tabular-nums;color:#555d5b}
.brand-asset-navigation button{border:0;background:#fff;color:#171717;min-width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.brand-asset-navigation button:disabled{opacity:.3}
.brand-asset-navigation button:not(:disabled):hover{color:#fff;background:#2467ff}
.brand-asset-name{font-size:18px!important;line-height:1.35;margin:0!important;color:#171717!important;overflow-wrap:anywhere;min-height:48px}
.brand-asset-formats{display:flex;flex-wrap:wrap;gap:8px}
.brand-asset-formats a{display:flex;align-items:center;gap:6px;background:#eceeed;color:#171717;padding:10px 14px;min-height:44px;border-radius:40px;text-decoration:none;font-size:13px}
.brand-delivery-dialog :is(a,button):focus-visible{outline:2px solid #171717;outline-offset:3px}
@media(max-width:600px){.brand-asset-preview{height:min(35vh,280px)}
.brand-delivery-dialog{gap:12px}
.brand-document-cover{height:28vh!important}
.brand-asset-name{font-size:16px!important}
.brand-delivery-dialog .btn{font-size:14px}}
.brand-delivery-icon{width:24px;height:24px;flex:0 0 24px;display:block}
.brand-result-badge .brand-delivery-icon{width:14px;height:14px;flex-basis:14px}
.brand-delivery-dialog .btn>span{flex:1}
.brand-delivery-dialog :is(.brand-document-cover,.brand-asset-preview)>img{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain;min-height:0}
.brand-delivery-dialog .brand-asset-preview>img{padding:12px 12px 62px}
#next-cursor{--cursor-size:16px;--cursor-fill:#151516;--cursor-border:transparent;--cursor-shadow:none;--cursor-x:-40px;--cursor-y:-40px;--cursor-angle:0deg;--cursor-stretch:1;z-index:200100;width:var(--cursor-size);height:var(--cursor-size);box-sizing:border-box;border:1.5px solid var(--cursor-border);background:var(--cursor-fill);box-shadow:var(--cursor-shadow);pointer-events:none;opacity:0;transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-50%,-50%) rotate(var(--cursor-angle)) scaleX(var(--cursor-stretch));transform-origin:50%;will-change:transform,width,height,background,border-color;border-radius:50% 55% 55% 50%/50%;transition:width .26s cubic-bezier(.16,1,.3,1),height .26s cubic-bezier(.16,1,.3,1),opacity .18s,border-color .24s cubic-bezier(.16,1,.3,1),background-color .24s cubic-bezier(.16,1,.3,1),box-shadow .26s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}
@media(min-width:1061px) and (hover:hover) and (pointer:fine){body.vitrinaCursorEnabled,body.vitrinaCursorEnabled *{cursor:none!important}
body.vitrinaCursorEnabled #next-cursor{opacity:1}
html body.vitrinaCursorEnabled :is(textarea,input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="url"],input[type="tel"],input[type="number"],[contenteditable="true"],[contenteditable=""],[contenteditable="plaintext-only"]){cursor:text!important}
html body.vitrinaCursorEnabled :is([contenteditable="true"],[contenteditable=""],[contenteditable="plaintext-only"]) *{cursor:text!important}
body.vitrinaCursorEnabled:has(:is(textarea,input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="url"],input[type="tel"],input[type="number"],[contenteditable="true"],[contenteditable=""],[contenteditable="plaintext-only"]):hover) #next-cursor{visibility:hidden!important}
body.cursor-merging #next-cursor{--cursor-size:9px;--cursor-shadow:0 5px 12px #0003;transition-duration:90ms}
body.cursor-absorbed #next-cursor{--cursor-size:14px;--cursor-fill:#fff;--cursor-border:#ffffffb8;--cursor-shadow:0 7px 18px #0000002e}
body.vitrinaCursorEnabled.cursor-absorbed #next-cursor{width:14px;height:14px;background:#fff;border-color:#fff;mix-blend-mode:difference}
body.vitrinaCursorEnabled.cursor-on-dark #next-cursor{width:16px;height:16px;border-color:#fff!important;background:#fff!important;mix-blend-mode:difference}
body.cursor-pressing #next-cursor{--cursor-size:9px}
body.cursor-ejecting #next-cursor{animation:nextCursorEject .42s cubic-bezier(.16,1,.3,1)}}
@keyframes nextCursorEject{0%{opacity:.72;width:8px;height:8px}52%{opacity:1;width:16px;height:13px}100%{opacity:1;width:16px;height:16px}}
@media(max-width:1060px),(hover:none),(pointer:coarse){#next-cursor{display:none}}
#next-cursor{margin:0;padding:0;overflow:visible;inset:auto;top:0;left:0}
#next-cursor::backdrop{display:none}
@media(min-width:1061px){.grid-notice{left:auto!important;right:24px!important;bottom:24px!important;top:auto!important;transform:none!important;max-width:min(420px,calc(100vw - 48px))}
#toast{left:auto!important;right:24px!important;bottom:24px!important;top:auto!important;transform:translateY(100px)!important;transition:transform 320ms cubic-bezier(.22,1.2,.36,1),opacity 240ms!important}
#toast.visible{transform:translateY(0)!important}}
html body .prompt-editor{background:#f4f5f5!important}
html body .prompt-field input,html body .prompt-field textarea,html body .prompt-search,html body .prompt-search input,html body .prompt-source-picker,html body .prompt-source-picker summary{outline:none!important;box-shadow:none!important;border-color:transparent!important}
html body .prompt-search input{border-radius:0!important;padding-inline:12px!important}
.prompt-source-picker{position:relative;min-width:180px;background:#eceeed;border-radius:22px;padding:12px 16px}
.prompt-source-picker summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px}
.prompt-source-picker summary::after{content:"⌄"}
.prompt-source-picker>div{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:8px;background:#fff;border:1px solid #eceeed;border-radius:22px;z-index:20;box-shadow:0 8px 30px #0001;display:grid;gap:6px}
.prompt-source-picker button{border:0;border-radius:16px;padding:12px 16px;text-align:left;background:#fff;color:#151516}
.prompt-source-picker button[aria-pressed=true]{background:#151516;color:white}
html body .prompt-tools select[hidden]{display:none!important}
.favorites-undo-toast{position:fixed;z-index:200101;right:24px;bottom:24px;max-width:calc(100vw - 32px);padding:18px 20px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #eceeed;border-radius:24px;box-shadow:0 8px 30px #0002;overflow:hidden}
.favorites-undo-toast[hidden]{display:none}
.favorites-undo-toast button{border:0;border-radius:18px;background:#151516;color:#fff;padding:10px 16px}
.favorites-undo-toast i{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#151516;transform-origin:left;animation:undoCountdown 5s linear forwards}
@keyframes undoCountdown{to{transform:scaleX(0)}}
.guest-ideas-login{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;margin-top:18px;grid-column:1/-1;text-align:center}
.guest-ideas-login button{background:#151516;color:white;border:0;border-radius:24px;padding:14px 22px}
.guest-ideas-blocked{filter:blur(8px);pointer-events:none;max-height:400px;overflow:hidden}
.guest-ideas-login.is-blocked{margin-top:-240px;min-height:220px;background:#ffffff77;backdrop-filter:blur(3px);border-radius:24px}
@media(max-width:1060px){.guest-ideas-login{flex-direction:column}
.favorites-undo-toast{bottom:100px;right:16px;left:16px;width:auto}}
@media(min-width:1061px){html body.sidebar-collapsed #productSidebar .recent-empty,html body.sidebar-collapsed #productSidebar .recent-empty-art{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;height:44px!important;padding:0!important;margin:0!important}
html body.sidebar-collapsed #productSidebar .recent-empty-compact{position:static!important;transform:none!important;margin:0!important;width:36px!important;height:36px!important;object-fit:contain!important}}
html body .prompt-field,html body .prompt-field:focus-within,html body .prompt-tools:focus-within{outline:none!important;box-shadow:none!important;border-color:transparent!important}
.inspiration-card-favorite-actions{pointer-events:none!important}
.inspiration-card-favorite-actions button{pointer-events:auto!important}
.result-settings{display:flex!important;flex-direction:column;gap:14px;width:min(520px,calc(100vw - 64px));max-height:70dvh;overflow:auto}
.result-count,.result-modes{display:flex;gap:8px}
.result-count button,.result-modes button,.result-order button{flex:1;border:0;border-radius:16px;padding:12px;background:#eceeed;color:#151516;font:inherit;min-height:44px}
.result-settings button[aria-pressed=true]{background:#151516!important;color:white!important}
.result-hint{margin:0;font-size:13px;line-height:1.5;color:#656c70}
.result-plan{display:grid;gap:8px}
.result-plan details{border-radius:20px;background:#eceeed;padding:12px}
.result-plan summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:32px}
.result-plan summary strong{flex:1;font-size:14px}
.result-plan summary::-webkit-details-marker{display:none}
.result-plan label{display:grid;gap:6px;margin-top:14px;font-size:12px;color:#656c70}
.result-plan input,.result-plan textarea{box-sizing:border-box;width:100%;min-height:44px;padding:12px;border:0;border-radius:12px;background:white;color:#151516;outline:none!important;box-shadow:none!important;font:400 16px/1.5 Manrope,sans-serif}
.result-plan textarea{min-height:85px;resize:vertical}
.result-order{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.result-order button{flex:none;width:44px;background:white}
.result-order button:disabled{opacity:.3}
@media(max-width:1060px){.result-settings{width:min(460px,calc(100vw - 56px));max-height:68dvh}}
.set-editor details{border-bottom:1px solid #ddd;padding:12px 0}
.set-editor summary{cursor:pointer;font-weight:600;display:flex;justify-content:space-between;gap:12px}
.set-editor summary span{font-size:12px;font-weight:400}
.set-editor label{display:grid;gap:6px;margin:12px 0;font-size:13px}
.set-editor input,.set-editor textarea,.set-editor select{width:100%;padding:10px;border:1px solid #bbb;border-radius:12px;background:#fff;color:#161616;font:inherit;box-sizing:border-box}
.set-editor button{border:0;border-radius:999px;background:#ededed;color:#111;padding:12px 16px;margin:6px 4px 6px 0;cursor:pointer}
.set-editor button:hover{background:#245bff;color:white}
.set-editor button:disabled{opacity:.5}
.set-editor textarea{min-height:76px}
.set-error{color:#b22}
html body .grid-popup:has(.result-settings){width:520px;max-width:calc(100vw - 32px)}
html body .grid-popup .result-settings{width:100%;min-width:0;box-sizing:border-box;max-height:70dvh;overflow:auto}
.result-settings *{box-sizing:border-box}
.result-count button,.result-modes button{min-width:0}
html body .result-plan summary{background:transparent;border:0;box-shadow:none;padding:0;min-height:32px;white-space:normal;cursor:pointer}
.result-plan summary strong{min-width:0;overflow-wrap:anywhere}
.set-editor[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){.result-plan details[open]>label,.set-editor details[open]>label{animation:result-in .2s ease-out}
@keyframes result-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
.result-plan details{background:#fff}
.result-plan input,.result-plan textarea{background:#f0f2f1}
.result-count button,.result-modes button{background:#fff}
html body .result-plan details{padding:0;overflow:hidden;border-radius:20px;background:#fff;transition:background .18s,color .18s}
html body .result-plan summary{padding:14px;min-height:52px;background:transparent!important;color:inherit!important}
.result-plan details>label,.result-plan details>.result-attachments{margin-left:14px;margin-right:14px}
.result-plan details>.result-attachments{margin-bottom:14px}
.result-chevron{transition:transform .22s cubic-bezier(.22,1,.36,1);font-size:24px}
.result-plan details[open]>.result-chevron,.result-plan details[open]>summary .result-chevron{transform:rotate(180deg)}
.result-order{justify-content:center;padding:0 14px}
.result-order button{display:grid;place-items:center}
.result-attachments,.result-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.result-material{min-width:0;position:relative;aspect-ratio:1;border:0;border-radius:16px;background:#eceeed;color:#151516;overflow:hidden;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;touch-action:pan-y;user-select:none}
.result-material img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.result-material>span:not(.material-symbols-outlined){position:relative;font-size:11px;line-height:1.4;max-width:100%;overflow:hidden;max-height:3em;background:#fffd;border-radius:5px;padding:3px 5px;color:#151516}
.result-material>.material-symbols-outlined{font-size:26px}
.result-material [aria-hidden=true]:last-child:not(:first-child){position:absolute;right:4px;top:4px;background:white;color:#cb283e;border-radius:50%;font-size:20px}
.result-material[aria-pressed=true]{outline:2px solid #151516;outline-offset:-2px}
.result-material:disabled{opacity:.4}
.result-add-material{border:1px dashed #a4a9ad;background:transparent}
.result-picker-back{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px;background:white;color:#151516}
.result-drop-zone{display:grid;gap:8px;padding:10px;border-radius:20px;background:#e3e6e5}
.result-drop-zone>span{font-size:13px}
.result-drag-ghost,.result-material-ghost{position:fixed;z-index:20;pointer-events:none;opacity:.9;box-shadow:0 12px 30px #0003;border-radius:16px;background:white;padding:12px;display:flex;gap:10px;align-items:center}
.result-dragging{opacity:.35}
.result-plan summary{touch-action:pan-y;user-select:none;-webkit-user-select:none}
html body .grid-card[data-type=quantity],html body .grid-card:has(>.grid-setting){outline:none!important;box-shadow:none!important;border-color:transparent!important}
html body .grid-popup-body{overscroll-behavior:contain}
.result-source-grid{padding:2px}
@media(max-width:1060px){.result-attachments,.result-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:no-preference){.result-attachments>.result-material{animation:attachment-in .28s cubic-bezier(.22,1.2,.36,1)}
@keyframes attachment-in{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}}
@media(prefers-reduced-motion:reduce){.result-chevron{transition:none}}
html body .result-plan details,html body .result-plan details:hover{background:#fff;color:#151516;}
html body .result-plan .result-attachments-label{margin-bottom:12px;}
html body .result-material{transform-origin:center;}
html body .result-material-label{position:absolute!important;top:10px;left:10px;max-width:calc(100% - 52px)!important;height:24px;min-height:24px;padding:0 7px!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff70;border-radius:12px!important;font:500 10px/22px Manrope,sans-serif!important;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.25)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffffb3,0 2px 6px #00000008;color:#151516;z-index:1;}
html body .result-source-grid .result-material-label{max-width:calc(100% - 20px)!important;}
html body .result-material-caption{background:transparent!important;padding:0!important;margin-top:4px;max-height:3em;}
html body .result-material-remove{position:absolute;right:6px;top:6px;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:0;border-radius:50%;background:white;color:#d32f3f;display:grid;place-items:center;z-index:2;}
html body .result-material-remove .material-symbols-outlined{font-size:20px;line-height:1;}
html body .result-held{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.result-picker-status:empty{display:none}
.result-picker-status{font-size:12px;color:#656c70;margin:0;}
@media(hover:hover) and (pointer:fine){html body .result-material-remove:hover{background:#d32f3f;color:white;}}
@media(min-width:1061px){html body .grid-footer{margin-top:26px;}}
.result-source-grid:empty{min-height:100px;border:1px dashed #a4a9ad;border-radius:16px;}
html body .iteration-hidden{display:none!important;}
html body .iteration-nav,html body .iteration-surface{width:100%;max-width:980px;margin:0 auto 20px;box-sizing:border-box;}
html body .iteration-nav{display:flex;align-items:center;gap:12px;justify-content:space-between;}
html body .iteration-nav[hidden],html body .iteration-surface[hidden]{display:none!important;}
html body .iteration-nav>div{display:flex;gap:6px;}
html body .iteration-nav button,html body .iteration-nav select{font:500 13px/20px Manrope,sans-serif;border:0;border-radius:999px;padding:10px 16px;min-height:42px;background:#eceeed;color:#151516;max-width:100%;}
html body .iteration-nav button[aria-pressed=true]{background:#151516;color:#fff;}
html body .iteration-surface{min-height:240px;}
html body .iteration-surface[data-pending=true]{display:flex;justify-content:center;align-items:center;padding:30px 0 44px;}
html body .iteration-magic{position:relative;width:min(320px,80vw);aspect-ratio:1;border-radius:36px;background:#151516;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:hidden;animation:iteration-arrive .6s cubic-bezier(.2,1.25,.35,1);}
html body .iteration-magic>span{font:600 19px/24px Manrope,sans-serif;}
html body .iteration-magic>small{font:400 11px/16px Manrope,sans-serif;color:#c7cbd2;text-align:center;max-width:220px;}
html body .iteration-stars{position:relative;width:130px;height:120px;}
html body .iteration-stars span{position:absolute;left:45px;top:32px;font-size:55px;line-height:1;color:#fff;animation:iteration-orbit 3s cubic-bezier(.45,0,.25,1) infinite;animation-delay:calc(var(--i) * -.43s);}
@keyframes iteration-orbit{0%,100%{transform:rotate(0deg) translateX(40px) scale(.2);opacity:.25}45%{transform:rotate(165deg) translateX(18px) scale(.75);opacity:1;color:#b9d1ff}75%{transform:rotate(290deg) translateX(42px) scale(.35);opacity:.6}}
@keyframes iteration-arrive{from{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}
html body .iteration-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
html body .iteration-result{position:relative;min-width:0;aspect-ratio:3/4;border-radius:24px;overflow:hidden;background:#eceeed;animation:iteration-arrive .6s cubic-bezier(.2,1.18,.35,1) both;animation-delay:calc(var(--order) * 80ms);}
html body .iteration-preview{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;}
html body .iteration-preview img{display:block;width:100%;height:100%;object-fit:contain;}
html body .iteration-result>.grid-label{position:absolute;left:10px;top:10px;max-width:calc(100% - 64px);padding:5px 9px;font:500 11px/18px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #ffffff88;border-radius:999px;background:#ffffff88;backdrop-filter:blur(14px);pointer-events:none;}
html body .iteration-more{position:absolute;right:10px;top:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:#151516;color:white;}
html body .iteration-continue{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:12px 22px;margin:24px auto;border:0;border-radius:999px;background:#151516;color:white;font:600 14px/22px Manrope,sans-serif;}
html body .iteration-preview-popup img{display:block;max-width:100%;max-height:70dvh;object-fit:contain;}
html body .workspace-draft-delete{border:0;border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#d32f3f;}
@media(max-width:1060px){html body .iteration-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
html body .iteration-nav{flex-wrap:wrap;gap:8px;}
html body .iteration-nav select{flex:1;min-width:0;}
html body .iteration-nav>div{margin-left:auto;}
html body .iteration-nav button{padding:9px 12px;}
html body .iteration-continue{background:#065dfd;}
html body .grid-done,html body .feed-to-top{bottom:max(calc(90px + env(safe-area-inset-bottom)),calc(var(--keyboard-inset,0px) + 12px))!important;transition:bottom 240ms cubic-bezier(.22,1,.36,1),transform 300ms cubic-bezier(.22,1,.36,1),opacity 300ms,visibility 300ms;}}
@media(prefers-reduced-motion:reduce){html body .iteration-stars span{animation:none;transform:scale(.5);opacity:.5;}
html body .iteration-magic,html body .iteration-result{animation:none;}
html body .grid-done,html body .feed-to-top{transition:none;}}
html body .iteration-results-grid{display:block;position:relative;isolation:isolate;transition:height 240ms ease;}
html body .iteration-results-grid .iteration-result{position:absolute;aspect-ratio:auto;overflow:visible;animation:none;transition:left 260ms cubic-bezier(.22,1,.36,1),top 260ms cubic-bezier(.22,1,.36,1),width 220ms ease,height 220ms ease;touch-action:pan-y;}
html body .iteration-results-grid .iteration-preview{border-radius:inherit;overflow:hidden;}
html body .iteration-results-grid .result-empty{position:absolute;z-index:-1;border:1px dashed #d7dada;border-radius:20px;background:#f5f6f6;color:#a0a5a8;font:300 30px/1 Manrope,sans-serif;}
html body .iteration-results-grid .result-empty[hidden]{display:none;}
html body .iteration-results-grid .result-resize{position:absolute;bottom:-6px;right:-6px;width:26px;height:26px;border:0;background:transparent;touch-action:none;cursor:nwse-resize;}
html body .iteration-results-grid .result-resize::after{content:"";position:absolute;inset:6px;border-right:2px solid #858c8f;border-bottom:2px solid #858c8f;border-bottom-right-radius:12px;}
html body .iteration-results-grid .result-dragging{z-index:10;transition:width 180ms ease,height 180ms ease;box-shadow:0 10px 30px #15151620;}
@media(prefers-reduced-motion:reduce){html body .iteration-results-grid,html body .iteration-results-grid .iteration-result{transition:none;}}
html body .iteration-results-grid .iteration-preview{border-radius:24px!important;overflow:hidden!important;height:100%!important;padding:0!important;}
html body .iteration-results-grid .iteration-result{border-radius:24px!important;}
html body .iteration-results-grid .result-resize{min-width:26px!important;min-height:26px!important;padding:0!important;border-radius:0!important;opacity:1!important;}
html body .iteration-nav select{flex:0 1 190px;}
@media(max-width:1060px){html body .iteration-nav select{flex:1 1 100px;width:100px;}
html body .iteration-nav button{padding:9px 10px;}}
html body .iteration-nav.project-timeline{display:block;margin-bottom:20px;}
html body .project-timeline .timeline-scroll{display:block;position:relative;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;padding:5px 0 9px;}
html body .timeline-scroll::-webkit-scrollbar{display:none;}
html body .project-timeline .timeline-track{position:relative;display:flex;width:max-content;gap:0;align-items:center;isolation:isolate;}
html body .timeline-track::before{content:"";position:absolute;left:42px;right:42px;top:52px;height:2px;background:#dfe2e3;z-index:-1;}
html body .project-timeline .timeline-point,html body .project-timeline .timeline-older{position:relative;display:flex;flex:0 0 84px;width:84px;max-width:none;height:88px;min-height:88px;align-items:center;flex-direction:column;gap:6px;padding:0!important;border:0!important;background:transparent!important;color:#71787c!important;border-radius:0;box-shadow:none!important;}
html body .timeline-point .timeline-number{height:20px;font:500 11px/20px Manrope,sans-serif;letter-spacing:.06em;}
html body .timeline-number>.material-symbols-outlined{font-size:15px;line-height:20px;}
html body .timeline-point .timeline-circle{box-sizing:border-box;display:flex;width:52px;height:52px;flex:none;border:4px solid white;border-radius:50%;align-items:center;justify-content:center;background:#eceeed;box-shadow:0 0 0 1px #e1e3e3;overflow:hidden;transition:box-shadow 180ms,transform 240ms cubic-bezier(.2,1.2,.3,1);}
html body .timeline-circle img{width:100%;height:100%;object-fit:cover;}
html body .timeline-circle>.material-symbols-outlined{font-size:22px;color:#343839;}
html body .timeline-point .timeline-kind{position:absolute;right:14px;top:64px;display:flex;align-items:center;justify-content:center;width:19px;height:19px;background:white;border-radius:50%;color:#646b70;box-shadow:0 0 0 1px #e1e3e3;}
html body .timeline-kind .material-symbols-outlined{font-size:13px;}
html body .timeline-point[aria-current=step]{color:#151516!important;}
html body .timeline-point[aria-current=step] .timeline-circle{box-shadow:0 0 0 2px #151516;transform:scale(1.07);}
html body .timeline-point[aria-current=step] .timeline-number{font-weight:750;}
html body .timeline-point:focus-visible .timeline-circle{outline:2px solid #065dfd;outline-offset:4px;}
html body .project-timeline .timeline-older{justify-content:center;padding-top:18px!important;flex-basis:54px;width:54px;}
html body .timeline-scroll.is-dragging{cursor:grabbing;user-select:none;}
@media(hover:hover){html body .timeline-point:hover .timeline-circle{box-shadow:0 0 0 2px #065dfd;}}
@media(max-width:1060px){html body .project-timeline .timeline-track{min-width:100%;}
html body .project-timeline .timeline-point{flex:1 0 76px;width:76px;}
html body .timeline-point .timeline-kind{right:calc(50% - 28px);}
html body .timeline-track::before{left:calc(50% / var(--timeline-count));right:calc(50% / var(--timeline-count));}}
@media(prefers-reduced-motion:reduce){html body .timeline-point .timeline-circle{transition:none;}}
@media(max-width:1060px),(hover:none),(pointer:coarse){html body #mobileApp .grid-workbench :is(textarea,input),html body #mobileApp .grid-workbench :is(textarea,input):is(:focus,:focus-visible,:active),html body #mobileApp .grid-workbench .grid-card:is(:focus,:focus-within,:active),html body dialog :is(textarea,input):is(:focus,:focus-visible,:active){outline:none!important;box-shadow:none!important;border-color:#151516!important;-webkit-tap-highlight-color:transparent;}
html body #mobileApp :is(button,a,[role=button]):is(:focus,:focus-visible,:active),html body dialog :is(button,a,[role=button]):is(:focus,:focus-visible,:active),html body .liquid-control:focus-visible{outline:none!important;-webkit-tap-highlight-color:transparent;}
html body .ui-reactive[data-ui-hot=true],html body .ui-reactive[data-ui-hot=true] :is(span,svg,path,strong,small){color:#fff!important;-webkit-text-fill-color:#fff!important;}}
html body .grid-workbench .grid-card .grid-quick-remove{top:7px!important;right:10px!important;}
html body .grid-workbench .grid-card .grid-media-more{position:absolute;left:10px;bottom:10px;top:auto;right:auto;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#fff!important;color:#151516!important;z-index:6;}
html body .grid-workbench .grid-card .grid-media-more *{color:#151516!important;-webkit-text-fill-color:#151516!important;}
html body .grid-workbench .grid-card .grid-photo-edit{max-width:calc(100% - 54px);}
html body .grid-photo-edit span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html body .grid-workbench .grid-card-header .grid-save-formulation{width:24px!important;min-width:24px!important;flex:0 0 24px!important;padding:0!important;display:grid;place-items:center;}
html body .grid-workbench .grid-card-header .grid-assist-text{display:none;}
@container(min-width:380px){html body .grid-workbench .grid-card-header .grid-assist-text{display:inline;}}
html body .grid-popup :is(input,textarea):is(:focus,:focus-visible){outline:none!important;box-shadow:none!important;border-color:#c8cccd!important;}
html body .result-settings .result-ai-fill{display:flex;align-items:center;justify-content:center;gap:4px;width:fit-content;min-height:26px;height:26px;margin:0 0 0 auto;padding:3px 8px;background:#fff;border:0;border-radius:999px;font:500 11px/20px Manrope,sans-serif;}
html body .result-settings .result-ai-fill:disabled{opacity:.4;}
html body .ai-typing{font-weight:700!important;letter-spacing:.25em!important;color:#065dfd!important;}
html body .iteration-nav.project-timeline{display:flex;justify-content:center;width:100%;max-width:980px;margin:0 auto 20px;}
html body .project-timeline .timeline-scroll{width:max-content;max-width:100%;margin:0 auto;flex:0 1 auto;}
html body .project-timeline .timeline-track{min-width:0;}
html body .project-timeline .timeline-current-star{font:750 28px/24px Manrope,sans-serif;color:#065dfd;}
html body .generation-loading{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:visible;}
html body .generation-core{position:absolute;border-radius:24px;background:#151516;color:#fff;overflow:hidden;opacity:0;display:grid;place-items:center;}
html body .generation-fill{position:absolute;inset:0;background:#065dfd;clip-path:circle(0% at 50% 100%);}
html body .generation-glyphs{position:relative;display:flex;align-items:center;justify-content:center;width:85%;height:100%;}
html body .generation-glyphs span{position:absolute;display:block;font:700 clamp(70px,8vw,120px)/1 Manrope,sans-serif;transform:translateY(15%);transition:transform 360ms cubic-bezier(.22,1.2,.36,1),font-size 360ms;}
html body .generation-glyphs span:not(:first-child){opacity:0;}
html body .generation-glyphs span{color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body .generation-core.is-loading .generation-fill{clip-path:none;}
html body .generation-core.is-loading .generation-glyphs span{font-size:clamp(38px,4vw,70px);animation:generation-star-pulse 1.2s ease-in-out infinite;}
html body .generation-core.is-loading .generation-glyphs span:nth-child(1){transform:translate(-100%,15%);}
html body .generation-core.is-loading .generation-glyphs span:nth-child(2){transform:translate(0,15%);animation-delay:.18s;}
html body .generation-core.is-loading .generation-glyphs span:nth-child(3){transform:translate(100%,15%);animation-delay:.36s;}
html body .generation-covered .grid-card{opacity:0!important;}
@keyframes generation-star-pulse{0%,100%{opacity:.15}40%,60%{opacity:1}}
@media(prefers-reduced-motion:reduce){html body .generation-core.is-loading .generation-glyphs span{animation:none;opacity:1;}
html body .generation-glyphs span{transition:none;}}
html body .project-timeline .timeline-current-star{color:#065dfd!important;-webkit-text-fill-color:#065dfd!important;}
html body #mobileApp #mobileCreatePage .project-timeline .timeline-current-star{color:#065dfd!important;}
html body .grid-workbench .grid-card:is([data-type=quantity],[data-type=quality],[data-type=style],[data-type=outputFormat]){background:#eceeed!important;outline:none!important;box-shadow:none!important;}
html body .grid-workbench .grid-card .grid-setting{background:transparent!important;color:#151516!important;}
html body .result-task-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 14px 6px;}
html body .result-task-heading label{margin:0;}
html body .result-plan .result-task-field{margin-top:0;}
html body .result-settings .result-ai-fill .material-symbols-outlined{font-size:16px;line-height:18px;}
html body .project-library .library-search:focus-within{box-shadow:0 0 0 1px var(--workspace-line);outline:none}
html body .project-library .library-search input:focus{outline:none!important;box-shadow:none!important;border:0!important}
.library-sort>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:0 16px;border-radius:24px;background:#eee;color:#151516;font-size:14px}
.library-sort>summary::-webkit-details-marker{display:none}
.library-sort>summary:focus{outline:none!important;box-shadow:none!important}
.library-sort[open]>summary .material-symbols-outlined{transform:rotate(180deg)}
.library-sort>summary .material-symbols-outlined{transition:transform .2s}
.library-sort .library-menu-content{z-index:30;border-radius:20px;padding:8px;background:#f0f0f0;box-shadow:0 12px 32px #0002;min-width:160px}
.library-sort .library-menu-content button{border-radius:16px;margin:3px 0;min-height:40px;background:white}
html body .workspace-draft-card{position:relative;isolation:isolate;overflow:hidden;align-items:center;text-align:center;min-height:240px;padding:24px 20px 64px;border-radius:24px;gap:12px}
html body .workspace-draft-card .draft-background{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(12px);opacity:.28;border-radius:0;z-index:-1;pointer-events:none}
html body .workspace-draft-card h2{margin-bottom:auto}
html body .workspace-draft-card>button:not(.workspace-draft-delete){margin:0;min-width:144px;background:#151516;border-radius:24px}
html body .workspace-draft-card small{display:block;text-align:center;margin:0;color:#454545}
html body .workspace-draft-card .workspace-draft-delete{position:absolute;right:14px;bottom:14px;margin:0;padding:0;width:40px;height:40px;min-height:40px}
html body .inspiration-card{--idea-edge:12px}
html body :is(#legacyInspirationFeed,#mobileInspirationGrid,.favorites-library,#mobileApp,.legacy-inspiration-strip) .inspiration-card .inspiration-card-more{position:absolute!important;top:var(--idea-edge)!important;right:var(--idea-edge)!important;left:auto!important;bottom:auto!important;transform:none!important;margin:0!important}
html body :is(#legacyInspirationFeed,#mobileInspirationGrid,.favorites-library,#mobileApp,.legacy-inspiration-strip) .inspiration-card .inspiration-card-actions{position:absolute!important;right:var(--idea-edge)!important;bottom:var(--idea-edge)!important;left:auto!important;top:auto!important;transform:none!important;margin:0!important;padding:0!important}
html body :is(#legacyInspirationFeed,#mobileInspirationGrid,.favorites-library,#mobileApp,.legacy-inspiration-strip) .inspiration-card .inspiration-card-favorite-actions{position:absolute!important;left:var(--idea-edge)!important;bottom:var(--idea-edge)!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important;padding:0!important}
html body :is(#legacyInspirationFeed,#mobileInspirationGrid,.favorites-library,#mobileApp,.legacy-inspiration-strip) .inspiration-card :is(.inspiration-card-actions,.inspiration-card-favorite-actions)>button{position:absolute!important;inset:0!important;transform:none!important;margin:0!important;padding:0!important}
html body :is(#legacyInspirationFeed,#mobileInspirationGrid,.favorites-library,#mobileApp,.legacy-inspiration-strip) .inspiration-card :is(.inspiration-card-more,.inspiration-card-add,.inspiration-card-favorite,.inspiration-card-actions,.inspiration-card-favorite-actions){width:var(--idea-action,54px)!important;height:var(--idea-action,54px)!important;min-width:var(--idea-action,54px)!important;min-height:var(--idea-action,54px)!important;max-width:var(--idea-action,54px)!important;max-height:var(--idea-action,54px)!important;box-sizing:border-box!important}
@media(max-width:1060px){html body .inspiration-card{--idea-edge:10px;--idea-action:44px}}
html body :is(.favorites-library,.prompt-library) .library-heading :is(h1,h2):focus{outline:none!important;box-shadow:none!important}
html body .prompt-library .prompt-tools{grid-template-columns:minmax(0,1fr)}
html body .project-timeline .timeline-select{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;height:100%;min-height:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;border-radius:0;}
html body .project-timeline .timeline-delete{position:absolute;left:calc(50% - 28px);top:64px;display:flex;align-items:center;justify-content:center;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;padding:0!important;border:0!important;border-radius:50%;background:white!important;color:#646b70!important;box-shadow:0 0 0 1px #e1e3e3!important;z-index:2;}
html body .project-timeline .timeline-delete .material-symbols-outlined{font-size:13px!important;line-height:1;color:inherit!important;}
html body .project-timeline .timeline-delete::after{content:"";position:absolute;inset:-5px;}
html body .project-timeline .timeline-delete:hover{color:#e52b43!important;}
html body .project-timeline .timeline-select:focus-visible .timeline-circle,html body .project-timeline .timeline-delete:focus-visible{outline:2px solid #065dfd!important;outline-offset:3px;}
html body .project-timeline .timeline-select{border-radius:44px!important;cursor:pointer;-webkit-tap-highlight-color:transparent;}
html body .project-timeline .timeline-select:is(:hover,:active,:focus){background:transparent!important;background-image:none!important;}
html body .project-timeline .timeline-kind,html body .project-timeline .timeline-kind *{color:#646b70!important;-webkit-text-fill-color:#646b70!important;}
html body .project-timeline .timeline-delete{cursor:pointer;}
html body :is(#profileModal,#mobileProfileContent) :is(.profile-name-trigger,.profile-public-id,.profile-email-copy,.profile-name-input,.m-profile-data input){background:transparent!important;border:0!important;box-shadow:none!important;outline:none;}
html body :is(#profileModal,#mobileProfileContent) :is(input,button):focus-visible{outline:2px solid #065dfd;outline-offset:3px;}
.brand-format-preview{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px;}
.brand-format-preview i{display:block;width:75%;max-height:100%;aspect-ratio:3/2;border:2px solid currentColor;border-radius:8px;background:linear-gradient(135deg,transparent 48%,currentColor 49%,currentColor 51%,transparent 52%);}
.brand-format-preview.portrait i{width:50%;aspect-ratio:2/3;}
html body .grid-card:has(.brand-panel-open){padding:0;}
html body .grid-card:has(.brand-panel-open)>.grid-controls{display:none;}
html body .grid-card .brand-panel-open{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:16px;align-items:stretch;padding:20px;border:0;border-radius:inherit;background:transparent!important;color:var(--grid-ink,#151516)!important;text-align:left;overflow:hidden;position:relative;}
html body .brand-panel-open:focus-visible{outline:1px solid #555;outline-offset:-4px;}
.brand-panel-label{display:flex;align-items:center;gap:8px;font:600 13px/1.3 Manrope,sans-serif;padding-right:20px;}
.brand-panel-label .material-symbols-outlined{font-size:22px;flex:none;}
.brand-panel-content{display:flex;flex-direction:column;justify-content:center;gap:12px;flex:1;min-height:0;min-width:0;overflow:hidden;}
.brand-about-copy{font:500 clamp(18px,2vw,28px)/1.25 Manrope,sans-serif;letter-spacing:-.04em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty;}
.brand-card-meta{font:400 12px/1.35 Manrope,sans-serif;opacity:.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.brand-panel-arrow{position:absolute;right:16px;top:16px;opacity:.5;}
.brand-panel-arrow .material-symbols-outlined{font-size:18px;}
.brand-chips{display:flex;gap:6px;flex-wrap:wrap;align-content:center;overflow:hidden;}
.brand-chips>span{padding:7px 10px;border-radius:12px;background:#fff9;font:500 14px/1.2 Manrope,sans-serif;}
.brand-app-chips>span{display:flex;align-items:center;gap:6px;}
.brand-app-chips .material-symbols-outlined{font-size:19px;}
.brand-colors,.brand-empty-palette{display:flex;min-height:42px;flex:1;max-height:120px;overflow:hidden;border-radius:14px;}
.brand-colors>i,.brand-empty-palette>i{flex:1;display:grid;place-items:center;min-width:0;}
.brand-colors .material-symbols-outlined{font-size:16px;color:white;background:#15151680;border-radius:50%;padding:4px;}
.brand-empty-palette{gap:4px;}
.brand-empty-palette i{background:#1515160d;border:1px dashed #15151625;border-radius:10px;}
.brand-type-sample{font-size:clamp(36px,4vw,64px);line-height:1.05;letter-spacing:-.05em;white-space:nowrap;}
.brand-type-body{font-size:18px;line-height:1.2;}
.brand-collage{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;flex:1;min-height:40px;overflow:hidden;border-radius:12px;}
.brand-collage img{width:100%;height:100%;min-height:0;object-fit:cover;}
.brand-material-empty{display:flex;align-items:center;gap:12px;opacity:.4;}
.brand-material-empty .material-symbols-outlined{font-size:54px;}
html body dialog.grid-popup.brand-dialog{width:min(640px,calc(100vw - 24px));max-width:640px;max-height:90dvh;padding:24px;border-radius:28px;box-sizing:border-box;overflow:hidden;}
html body .brand-dialog>header{gap:16px;margin-bottom:20px;}
html body .brand-dialog>header strong{font:600 22px/1.2 Manrope,sans-serif;letter-spacing:-.04em;}
html body .brand-panel-dialog{display:flex!important;flex-direction:column;gap:20px;max-height:calc(90dvh - 112px);overflow:auto;overscroll-behavior:contain;padding:0 2px 4px;}
html body .brand-dialog .brand-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 16px;border:0;border-radius:16px;background:#15151609;color:#151516;font:500 14px/1.25 Manrope,sans-serif;cursor:pointer;transition:background .16s,color .16s,transform .16s;}
html body .brand-dialog .brand-action:active{transform:scale(.98);}
html body .brand-dialog .brand-action:disabled{opacity:.55;cursor:wait;}
html body .brand-dialog .brand-action .material-symbols-outlined{font-size:20px;}
.brand-actions{display:flex;gap:8px;flex-wrap:wrap;}
.brand-actions>.brand-action{flex:1;}
.brand-option-chips{display:flex;gap:8px;flex-wrap:wrap;}
.brand-field{display:flex;flex-direction:column;gap:10px;min-width:0;font:500 14px/1.35 Manrope,sans-serif;}
.brand-field>span{opacity:.75;}
html body .brand-dialog .brand-field input,html body .brand-dialog .brand-field textarea,html body .brand-dialog select,html body .brand-dialog .brand-color-row input:not([type=color]){width:100%;box-sizing:border-box;border:1px solid transparent;border-radius:16px;padding:14px 16px;background:#15151607;color:#151516;font:400 16px/1.5 Manrope,sans-serif;outline:none;resize:vertical;min-width:0;}
html body .brand-dialog .brand-field textarea{min-height:140px;max-height:36dvh;}
html body .brand-dialog input:focus-visible,html body .brand-dialog textarea:focus-visible,html body .brand-dialog select:focus-visible,html body .brand-dialog button:focus-visible{outline:1px solid #555;outline-offset:2px;}
.brand-progress{display:flex;gap:6px;}
.brand-progress i{height:4px;border-radius:4px;background:#15151612;flex:1;}
.brand-progress .is-filled{background:#065dfd;}
.brand-color-editor{display:flex;flex-direction:column;gap:10px;}
.brand-color-row{display:grid;grid-template-columns:52px 112px 1fr 44px;gap:8px;align-items:center;}
.brand-color-row input[type=color]{border:0;padding:0;width:52px;height:48px;border-radius:12px;background:none;cursor:pointer;}
.brand-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0;}
.brand-color-row input[type=color]::-webkit-color-swatch{border:1px solid #15151614;border-radius:12px;}
.brand-color-row>.brand-action:last-child{padding:10px;}
.brand-color-row>.brand-action:last-child>span:last-child{display:none;}
.brand-note{font:400 14px/1.5 Manrope,sans-serif;color:#5d6263;margin:0;}
.brand-font-preview{font-size:30px;line-height:1.25;margin:8px 0 20px;overflow-wrap:anywhere;}
.brand-check{display:flex;gap:12px;align-items:center;min-height:44px;font:400 14px/1.4 Manrope,sans-serif;}
.brand-check input{width:20px;height:20px;accent-color:#065dfd;}
.brand-reference{display:grid;grid-template-columns:88px 1fr;gap:16px;}
.brand-reference>img{width:88px;height:110px;object-fit:cover;border-radius:14px;}
.brand-reference>div{display:flex;flex-direction:column;gap:12px;min-width:0;}
.brand-reference strong{font:600 14px/1.35 Manrope,sans-serif;overflow-wrap:anywhere;}
.brand-reference .brand-option-chips{gap:6px;}
.brand-reference .brand-option-chips .brand-action{padding:10px 12px;font-size:12px;}
.brand-panel-dialog details{border-top:1px solid #15151614;padding-top:12px;}
.brand-panel-dialog summary{padding:10px 0;cursor:pointer;font:600 15px/1.4 Manrope,sans-serif;}
.brand-panel-dialog details[open]>.brand-field{margin:16px 0;}
.brand-thinking{letter-spacing:6px;animation:brand-thinking 1s ease-in-out infinite;}
@keyframes brand-thinking{50%{opacity:.35;transform:translateY(-2px);}}
@media(max-width:600px){html body .grid-card .brand-panel-open{padding:14px;gap:10px;}
.brand-panel-label{font-size:12px;gap:6px;}
.brand-panel-label .material-symbols-outlined{font-size:19px;}
.brand-panel-arrow{right:10px;top:14px;}
.brand-chips>span{font-size:12px;padding:6px 8px;}
.brand-type-body{font-size:16px;}
.brand-card-meta{font-size:11px;}
html body dialog.grid-popup.brand-dialog{padding:18px;border-radius:24px;}
.brand-color-row{grid-template-columns:44px 100px 1fr 40px;gap:6px;}
.brand-color-row input[type=color]{width:44px;}
.brand-color-row>.brand-action:nth-last-child(2)>span:last-child{display:none;}
html body .brand-dialog .brand-color-row input:not([type=color]){padding:10px;font-size:14px;}
.brand-reference{grid-template-columns:64px 1fr;gap:12px;}
.brand-reference>img{width:64px;height:88px;}
.brand-actions>.brand-action{font-size:13px;padding:12px;}
.brand-panel-dialog{scrollbar-width:thin;}}
@media(prefers-reduced-motion:reduce){.brand-thinking{animation:none;}
html body .brand-dialog .brand-action{transition:none;}}
html body .grid-card .brand-colors i .material-symbols-outlined{color:inherit!important;}
html body dialog.brand-dialog .brand-action{background:#fff!important;color:#151516!important;}
html body dialog.brand-dialog .brand-action.is-primary,
html body dialog.brand-dialog .brand-action[aria-pressed=true],
html body dialog.brand-dialog .brand-action[aria-selected=true]{background:#151516!important;color:#fff!important;}
html body dialog.brand-dialog .brand-action span{color:inherit!important;-webkit-text-fill-color:currentColor!important;}
@media(hover:hover) and (pointer:fine){html body dialog.brand-dialog .brand-action:hover{background:#065dfd!important;color:white!important;}}
html body dialog.brand-dialog .brand-action:active{background:#065dfd!important;color:white!important;}
html body .brand-dialog .brand-field>span{font:600 18px/1.3 Manrope,sans-serif;color:#151516;opacity:1;}
html body .brand-dialog input:focus,html body .brand-dialog textarea:focus,html body .brand-dialog [contenteditable]:focus{outline:none!important;border-color:transparent!important;box-shadow:none!important;}
html body .brand-dialog textarea::placeholder,html body .brand-dialog input::placeholder{color:#818588;opacity:1;}
.brand-answer-editor{border-radius:18px;background:#15151607;padding:18px;display:flex;flex-direction:column;gap:20px;max-height:48dvh;overflow:auto;}
.brand-answer-editor section{display:flex;flex-direction:column;gap:8px;}
.brand-answer-editor strong{font:700 16px/1.4 Manrope,sans-serif;}
.brand-answer-editor [contenteditable]{font:400 16px/1.5 Manrope,sans-serif;white-space:pre-wrap;min-height:24px;overflow-wrap:anywhere;}
.brand-answer-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;overflow:hidden;mask-image:linear-gradient(#000 85%,transparent);}
.brand-answer-preview>div{display:flex;flex-direction:column;gap:5px;min-width:0;}
.brand-answer-preview small{font:600 11px/1.3 Manrope,sans-serif;color:#676d71;}
.brand-answer-preview span{font:500 clamp(14px,1.6vw,20px)/1.25 Manrope,sans-serif;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.brand-character-cloud{gap:9px;align-items:center;justify-content:center;transform:rotate(-3deg);}
.brand-character-cloud>span{font-size:clamp(14px,1.5vw,21px);padding:10px 14px;border-radius:50px;}
.brand-character-cloud>span:nth-child(3n/**/+1){background:#151516;color:white;}
.brand-character-cloud>span:nth-child(3n/**/+2){border:1px solid #15151628;background:transparent;}
.brand-specimen-label{font:600 10px/1 Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#666;}
.brand-panel-open[data-brand-open=typography] .brand-panel-content{gap:7px;}
.brand-card-meta .material-symbols-outlined{font-size:14px;vertical-align:middle;}
.brand-app-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.brand-app-chips>span{display:flex;flex-direction:column;align-items:flex-start;padding:10px;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.brand-app-chips .material-symbols-outlined{font-size:25px;}
.brand-carrier-pool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.brand-carrier-choice{display:flex;gap:3px;min-width:0;}
.brand-carrier-choice>.brand-action:first-child{flex:1;min-width:0;justify-content:flex-start;text-align:left;overflow-wrap:anywhere;}
.brand-carrier-remove{flex:none;padding:10px!important;}
.brand-carrier-remove>span:last-child:not(.material-symbols-outlined){display:none;}
.brand-custom-carrier{display:flex;gap:8px;align-items:center;}
.brand-custom-carrier>input{flex:1;min-width:0;background:#15151607;border:0;border-radius:16px;padding:14px;font:400 16px/1.4 Manrope,sans-serif;}
.brand-font-group{display:flex;flex-direction:column;gap:10px;}
.brand-font-group>strong{font:600 17px/1.3 Manrope,sans-serif;}
html body .brand-dialog .brand-font-select{justify-content:flex-start;width:100%;text-align:left;}
.brand-font-select>.material-symbols-outlined:last-child{margin-left:auto;}
.brand-font-list{display:flex;flex-direction:column;gap:5px;overflow-y:scroll;max-height:48dvh;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#777 #fff;}
.brand-font-list::-webkit-scrollbar{width:8px;}
.brand-font-list::-webkit-scrollbar-thumb{background:#777;border:2px solid #fff;border-radius:8px;}
.brand-font-list>.brand-action{flex:none;justify-content:flex-start!important;}
html body .brand-dialog button.brand-color-swatch{height:48px;width:52px;border:0;border-radius:12px;padding:0;flex:none;}
.brand-color-spectrum{height:210px;position:relative;border-radius:18px;touch-action:none;cursor:crosshair;overflow:hidden;flex:none;}
.brand-color-spectrum>i{position:absolute;width:18px;height:18px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006;pointer-events:none;}
.brand-hue{appearance:none;height:20px;border:0;border-radius:20px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);width:100%;padding:0;}
.brand-hue::-webkit-slider-thumb{appearance:none;width:26px;height:26px;background:transparent;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #5558;}
.brand-rgb-fields{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:8px;}
.brand-rgb-fields label{font:600 12px/1.5 Manrope,sans-serif;}
.brand-rgb-fields input{display:block;min-width:0;width:100%;border:0;background:#15151607;padding:10px;border-radius:12px;font:400 16px/1.4 Manrope,sans-serif;box-sizing:border-box;}
.brand-native-color{position:absolute;bottom:20px;left:20px;width:1px;height:1px;opacity:0;pointer-events:none;}
.reference-aspects{margin:0;}
@media(max-width:600px){.brand-answer-preview{gap:14px 10px;}
.brand-answer-preview span{font-size:14px;}
.brand-character-cloud>span{font-size:14px;padding:9px 11px;}
.brand-app-chips{gap:5px;}
.brand-app-chips>span{font-size:11px;padding:8px;}
.brand-carrier-choice>.brand-action{padding:10px!important;font-size:12px!important;}
.brand-carrier-choice .material-symbols-outlined{font-size:18px!important;}
.brand-custom-carrier{flex-wrap:wrap;}
.brand-custom-carrier>input{width:100%;}
.brand-rgb-fields{gap:5px;}
.brand-rgb-fields input{padding:8px;font-size:14px;}
html body .brand-dialog button.brand-color-swatch{width:44px;}
.brand-color-spectrum{height:180px;}}
html body .grid-card .brand-character-cloud>span:nth-child(3n/**/+1){color:white!important;-webkit-text-fill-color:white!important;}
html body .grid-card .brand-colors i .material-symbols-outlined{color:white!important;-webkit-text-fill-color:white!important;}
html body .brand-dialog .brand-answer-editor{scrollbar-gutter:stable;}
html body dialog.brand-dialog input.brand-hue{background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)!important;border:0!important;appearance:none!important;padding:0!important;}
html body dialog.brand-dialog input.brand-hue::-webkit-slider-runnable-track{background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)!important;border-radius:20px!important;height:20px!important;border:0!important;}
html body dialog.brand-dialog input.brand-hue::-moz-range-track{background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)!important;border-radius:20px;height:20px;}
html body dialog.brand-dialog .brand-font-list{scrollbar-width:thin!important;scrollbar-color:#777 #fff!important;}
html body dialog.brand-dialog .brand-font-list::-webkit-scrollbar{display:block!important;width:8px!important;}
html body dialog.brand-dialog .brand-font-list::-webkit-scrollbar-thumb{background:#777!important;border:2px solid white!important;border-radius:8px;}
.brand-custom-star{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;font:700 32px/1 Manrope,sans-serif;transform:translateY(5px);}
.brand-character-cloud.is-dense{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;transform:none;}
.brand-character-cloud.is-dense>span{min-width:0;overflow-wrap:anywhere;font-size:13px;padding:6px 8px;text-align:center;border-radius:14px;}
@media(max-width:600px){.brand-character-cloud.is-dense>span{font-size:11px;padding:4px;}
.brand-app-chips.is-dense>span{font-size:10px;padding:3px 5px;gap:2px;}
.brand-app-chips.is-dense .material-symbols-outlined{font-size:14px;}
.brand-app-chips.is-dense .brand-custom-star{font-size:23px;height:14px;transform:translateY(3px);}}
.brand-font-scroll-shell{position:relative;min-height:0;}
html body dialog.brand-dialog .brand-font-scroll-shell .brand-font-list{scrollbar-width:none!important;scrollbar-gutter:auto;padding-right:16px;}
html body dialog.brand-dialog .brand-font-scroll-shell .brand-font-list::-webkit-scrollbar{display:none!important;width:0!important;}
.brand-font-scrollbar{position:absolute;right:0;top:0;bottom:0;width:7px;border-radius:7px;background:#1515160c;touch-action:none;cursor:pointer;}
.brand-font-scrollbar>i{display:block;width:7px;border-radius:7px;background:#777;pointer-events:none;}
.brand-font-scrollbar:focus-visible{outline:1px solid #555;outline-offset:3px;}
html body .grid-card .brand-character-cloud,
html body .grid-card .brand-character-cloud.is-dense{display:flex;flex-wrap:wrap;gap:8px;align-content:center;justify-content:center;transform:none;text-align:center;}
html body .grid-card .brand-character-cloud>span:nth-child(n){background:var(--trait-color)!important;color:#202124!important;-webkit-text-fill-color:#202124!important;border:0;max-width:100%;text-align:center;transform:rotate(-5deg);}
html body .grid-card .brand-character-cloud>span:nth-child(even){transform:rotate(5deg) translateY(3px);}
html body .grid-card .brand-character-cloud>span:nth-child(3n){transform:rotate(-2deg) translateX(5px);}
html body .grid-card .brand-character-cloud.is-dense{padding:7px 3px;gap:7px 5px;flex-shrink:1;}
html body .grid-card .brand-character-cloud.is-dense>span{border-radius:18px;padding:5px 6px;flex:0 1 44%;max-width:54%;font-size:12px;line-height:1.15;overflow-wrap:anywhere;text-wrap:balance;}
html body .grid-card .brand-character-cloud.is-dense>span:nth-child(3n){flex-basis:49%;}
html body dialog.brand-dialog input.brand-hue::-webkit-slider-thumb{margin-top:-3px;}
html body dialog.brand-dialog input.brand-hue::-moz-range-thumb{width:20px;height:20px;border:3px solid white;border-radius:50%;background:transparent;box-shadow:0 0 0 1px #5558;}
.brand-font-number{font:500 12px/1 Manrope,sans-serif;color:inherit;opacity:.65;font-variant-numeric:tabular-nums;min-width:22px;}
.brand-font-option>.material-symbols-outlined{font-size:17px;opacity:.55;}
html body .brand-dialog .brand-font-option .brand-font-name{flex:1;text-align:center;font-size:23px;font-weight:400;line-height:1.5;padding-right:42px;}
html body .brand-dialog .brand-color-actions{justify-content:space-between;}
html body .brand-dialog .brand-color-actions button{width:46px;height:46px;flex:0 0 46px;border-radius:50%;padding:0;}
.brand-eyedropper-tools{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:2147483647;display:flex;gap:8px;align-items:center;padding:8px;background:#fff;border-radius:40px;box-shadow:0 8px 40px #0003;}
.brand-eyedropper-tools button{width:48px;height:48px;border-radius:50%;border:0;background:#151516;color:#fff;display:grid;place-items:center;cursor:pointer;}
.brand-eyedropper-tools button:disabled{opacity:.35;}
.brand-eyedropper-tools output{width:36px;height:36px;border-radius:50%;border:1px solid #0002;}
.brand-eyedropper-active,.brand-eyedropper-active *{cursor:crosshair!important;}
html body dialog.brand-dialog .brand-option-chips .brand-trait-option{background:var(--trait-color)!important;color:#202124!important;}
html body dialog.brand-dialog .brand-option-chips .brand-trait-option[aria-pressed=true]{box-shadow:inset 0 0 0 2px #202124;}
@media(hover:hover) and (pointer:fine){html body dialog.brand-dialog .brand-option-chips .brand-trait-option:hover{background:#065dfd!important;color:#fff!important;}}
html body dialog.brand-dialog .brand-option-chips .brand-trait-option:active{background:#065dfd!important;color:#fff!important;}
@media(max-width:600px){html body .grid-card .brand-character-cloud.is-dense{gap:5px 3px;padding:5px 1px;}
html body .grid-card .brand-character-cloud.is-dense>span{padding:3px 5px;font-size:10px;}
html body .brand-dialog .brand-font-option .brand-font-name{font-size:19px;padding-right:28px;}}
html body .grid-card .brand-character-cloud,
html body .grid-card .brand-character-cloud.is-dense{flex:none;box-sizing:border-box;width:100%;overflow:visible;padding:10px;gap:var(--trait-gap,6px);min-height:0;}
html body .grid-card .brand-character-cloud>span:nth-child(n){flex:0 1 auto;box-sizing:border-box;min-width:0;max-width:100%;font-size:var(--trait-size,14px);line-height:1.2;padding:.35em .65em;border-radius:2em;white-space:normal;overflow-wrap:normal;text-wrap:balance;}
html body .grid-card [data-brand-open=typography] .brand-panel-content{gap:var(--specimen-gap,5px);}
html body .grid-card [data-brand-open=typography] .brand-panel-content>*{flex:none;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;}
html body .grid-card .brand-type-sample{font-size:calc(var(--specimen-size,18px)*2.8);line-height:1.05;white-space:nowrap!important;}
html body .grid-card .brand-type-body{font-size:var(--specimen-size,18px);line-height:1.2;}
html body .grid-card [data-brand-open=typography] .brand-specimen-label{font-size:clamp(8px,calc(var(--specimen-size,18px)*.5),14px);line-height:1.3;}
html body .grid-card [data-brand-open=typography] .brand-card-meta{font-size:clamp(8px,calc(var(--specimen-size,18px)*.55),16px);line-height:1.3;display:block;overflow:visible;}
html body .grid-card .grid-role:disabled{opacity:1;cursor:default;pointer-events:none;}
html body .grid-card .grid-file-open{position:absolute;inset:0;width:100%;height:100%;padding:0;display:block;overflow:hidden;border:0;border-radius:inherit;background:#e7e8e5!important;text-align:left;}
html body .grid-card .grid-file-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;}
html body .grid-card .grid-file-caption{position:absolute;inset:auto 0 0;padding:40px 14px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:linear-gradient(transparent,#000b);color:#fff!important;white-space:normal;}
html body .grid-card .grid-file-caption strong{font:700 13px/1 Manrope,sans-serif;background:#fff;color:#151516!important;padding:7px 10px;border-radius:8px;}
html body .grid-card .grid-file-caption>span{font:500 12px/1.3 Manrope,sans-serif;color:white!important;-webkit-text-fill-color:white!important;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
html body .grid-card .grid-idea-badges .grid-photo-edit{position:static;}
html body .grid-card,html body .grid-card textarea,html body .grid-card .brand-panel-open{overscroll-behavior-y:auto;}
html body .grid-workbench .grid-card textarea:not(:focus){overflow:hidden;}
html body .grid-card[data-small=true][data-type=file] .grid-file-open>.grid-file-caption{display:flex;}
html body .grid-card[data-small=true][data-type=file] .grid-file-caption>span{display:none;}
html body .grid-card .brand-character-cloud.is-dense>span:nth-child(n){flex:0 1 auto;max-width:100%;}
html body .grid-card .grid-file-open>.grid-file-caption{white-space:normal;}
html body .grid-card .brand-character-cloud>span:nth-child(n){padding:.45em .85em;border-radius:1.1em;}
.brand-eyedropper-cursor{position:fixed;z-index:2147483646;width:44px;height:44px;transform:translate(-50%,-50%);touch-action:none;user-select:none;-webkit-user-select:none;cursor:move!important;outline:0;}
.brand-eyedropper-target{position:absolute;inset:5px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #151516,0 2px 10px #0005;background:transparent;}
.brand-eyedropper-target:after,.brand-eyedropper-target:before{content:"";position:absolute;background:#151516;box-shadow:0 0 0 1px white;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:1px;}
.brand-eyedropper-target:after{width:1px;height:12px;}
.brand-eyedropper-lens{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);width:108px;height:108px;border:4px solid white;border-radius:50%;box-shadow:0 3px 22px #0004,0 0 0 1px #15151666;overflow:hidden;background:var(--sample-color,#fff);pointer-events:none;}
.brand-eyedropper-lens canvas{display:block;width:100%;height:100%;image-rendering:pixelated;}
.brand-eyedropper-lens i{position:absolute;width:10px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #151516;box-shadow:0 0 0 1px white;}
.brand-eyedropper-lens output{position:absolute;left:0;right:0;bottom:8px;text-align:center;font:600 10px/18px Manrope,sans-serif;color:#fff!important;background:#151516bb;}
.brand-eyedropper-cursor.lens-below .brand-eyedropper-lens{bottom:auto;top:58px;}
.brand-eyedropper-cursor:focus-visible .brand-eyedropper-target{box-shadow:0 0 0 3px #151516;}
.brand-carrier-limit{margin:0 0 14px;color:#515956;font-size:13px}
.brand-carrier-choice button:disabled{opacity:.4;cursor:default}