:root {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  color: #24342c;
  background: #f5f6f3;
  font-synthesis: none;
  font-size: 14px;
  --ink: #23342b;
  --muted: #788079;
  --line: #e5e8e1;
  --green: #294735;
  --lime: #d7f493;
  --paper: #fff;
  --radius: 12px;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select {
  touch-action: manipulation;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: wait;
  opacity: 0.55;
}
button:focus-visible,
a:focus-visible {
  outline: 3px solid #90b94e;
  outline-offset: 3px;
}
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid #89ac66;
  outline-offset: 1px;
}
[hidden] {
  display: none !important;
}
.icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
svg {
  display: block;
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1,
h2,
h3 {
  font-weight: 600;
}
h1 {
  letter-spacing: -1.4px;
  font-size: 34px;
}
h1 > span {
  color: #95b276;
}
h2 {
  font-size: 17px;
  letter-spacing: -0.35px;
}
h3 {
  font-size: 15px;
}
.muted {
  color: var(--muted);
}
.small {
  font-size: 12px;
  line-height: 1.6;
}
.eyebrow {
  font-size: 10px;
  letter-spacing: 1.9px;
  font-weight: 650;
  color: #87917d;
  margin-bottom: 10px;
}
.shell {
  display: flex;
  min-height: 100vh;
}
.sidebar {
  background: #1b2922;
  color: #c1c9c0;
  width: 228px;
  position: fixed;
  inset: 0 auto 0 0;
  padding: 31px 19px 16px;
  display: flex;
  flex-direction: column;
  z-index: 10;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #f8faf4;
  font-size: 28px;
  letter-spacing: -1px;
  font-weight: 650;
  padding: 0 8px;
}
.brand > span {
  font-size: 31px;
}
.brand-dot {
  color: var(--lime);
}
.edition {
  font-size: 8px !important;
  letter-spacing: 1.6px;
  margin-left: auto;
  border: 1px solid #465045;
  padding: 4px 6px;
  border-radius: 4px;
  color: #c4cfbc;
  font-weight: 500;
}
.workspace-label {
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #354238;
  border-radius: 8px;
  padding: 12px 9px;
  margin: 31px 0 31px;
  color: #eef2e8;
  font-size: 12px;
}
.workspace-icon {
  padding: 9px 11px;
  border-radius: 6px;
  background: #344137;
  color: #d9e4cf;
  font-weight: 600;
}
.workspace-label small {
  display: block;
  font-size: 10px;
  color: #97a291;
  margin-top: 5px;
}
.workspace-chevron {
  margin-left: auto;
  color: #899785;
}
.nav-label {
  font-size: 9px;
  letter-spacing: 1.5px;
  color: #7c8b7e;
  margin: 0 13px 13px;
}
nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
nav a,
.settings-link {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 13px;
  border-radius: 7px;
  font-size: 12px;
  color: #bac5b8;
}
nav a.active {
  background: #d7f493;
  color: #263725;
  font-weight: 600;
}
nav a:not(.active):hover,
.settings-link:hover {
  background: #2a3a2e;
  color: white;
}
.nav-count {
  margin-left: auto;
  font-size: 10px;
  background: #344036;
  padding: 2px 6px;
  border-radius: 4px;
  color: #c3ceb9;
}
.active .nav-count {
  background: #bddb7f;
  color: #365125;
}
.sidebar-bottom {
  margin-top: auto;
  padding-top: 60px;
}
.ephemeral-note {
  border: 1px solid #344137;
  border-radius: 10px;
  padding: 17px 13px;
  margin: 0 3px 19px;
  color: #a0b39a;
}
.ephemeral-note > .icon {
  color: #d1e9ac;
  margin-bottom: 11px;
}
.ephemeral-note strong {
  display: block;
  font-size: 11px;
  color: #d7e1cf;
  font-weight: 500;
}
.ephemeral-note p {
  font-size: 10px;
  line-height: 1.8;
  margin-top: 8px;
  color: #8f9d8a;
}
.account {
  border: 0;
  border-top: 1px solid #374137;
  background: none;
  width: 100%;
  margin-top: 20px;
  padding: 19px 3px 0;
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  color: #e2e9dc;
  font-size: 11px;
}
.account small {
  display: block;
  font-size: 9px;
  color: #899985;
  margin-top: 4px;
}
.account > .icon {
  margin-left: auto;
  width: 15px;
}
.avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 10px;
  background: #d6ddcd;
  color: #4c6244;
  font-weight: 650;
  flex-shrink: 0;
}
.workspace {
  margin-left: 228px;
  min-width: 0;
  flex: 1;
}
.topbar {
  height: 77px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 38px;
  font-size: 11px;
}
.breadcrumb {
  color: #8c938b;
  display: flex;
  gap: 15px;
  align-items: center;
}
.breadcrumb strong {
  font-weight: 500;
  color: #3d4a3f;
}
.breadcrumb span {
  color: #c5cbc2;
}
.topbar-right {
  display: flex;
  align-items: center;
  gap: 21px;
}
.connection {
  font-size: 11px;
  display: flex;
  gap: 7px;
  align-items: center;
  color: #6e796c;
}
.connection i {
  width: 6px;
  height: 6px;
  background: #7b8a72;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #eff2ec;
}
.connection.online i {
  background: #77a35d;
}
.connection.offline i {
  background: #dc8755;
}
.topbar-line {
  height: 18px;
  width: 1px;
  background: var(--line);
}
.top-avatar {
  height: 29px;
  width: 29px;
  background: #eaf0e2;
}
main {
  padding: 35px 38px 0;
  max-width: 1750px;
  margin: auto;
}
.page-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 29px;
}
.page-heading p {
  color: #7a8378;
  font-size: 12px;
  line-height: 1.6;
  margin-top: 9px;
}
.heading-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 39px;
  padding: 10px 15px;
  border-radius: 7px;
  border: 1px solid transparent;
  font-size: 11px;
  font-weight: 550;
  white-space: nowrap;
  transition: background 0.15s;
}
.button .icon {
  width: 15px;
  height: 15px;
}
.primary {
  background: var(--green);
  color: #f9fff4;
}
.primary:hover {
  background: #355b43;
}
.secondary {
  background: #fff;
  color: #53604f;
  border-color: #dde2d8;
}
.secondary:hover {
  background: #f0f4ea;
}
.subtle {
  background: transparent;
  color: #64745b;
}
.subtle:hover {
  background: #eef2e7;
}
.danger {
  background: #fff3f0;
  color: #a75240;
  border-color: #f0d6cf;
}
.lime {
  background: var(--lime);
  color: #2c4122;
}
.lime:hover {
  background: #cbea86;
}
.wide {
  width: 100%;
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}
.stat-card {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: var(--radius);
  padding: 19px 21px;
}
.stat-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #73806d;
  font-size: 11px;
}
.stat-icon {
  color: #84927c;
  width: 29px;
  height: 29px;
  border: 1px solid #e8ece3;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stat-icon .icon {
  width: 14px;
  height: 14px;
}
.stat-value {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 9px 0 12px;
  font-size: 34px;
  font-weight: 550;
  letter-spacing: -1.4px;
  font-variant-numeric: tabular-nums;
}
.stat-value small {
  font-size: 14px;
  color: #a1aa98;
  font-weight: 400;
  letter-spacing: 0;
}
.stat-foot {
  font-size: 10px;
  color: #939b8d;
  display: flex;
  align-items: center;
  gap: 6px;
}
.stat-foot .dot {
  width: 5px;
  height: 5px;
}
.stat-card.highlight {
  background: #eef3e7;
  border-color: #dfe8d1;
}
.overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, 1fr);
  gap: 21px;
  margin-bottom: 24px;
}
.panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}
.panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 21px 23px 18px;
}
.panel-heading h2 {
  font-size: 14px;
  display: flex;
  gap: 9px;
  align-items: center;
}
.panel-heading .small {
  font-size: 10px;
}
.count-pill {
  font-size: 10px;
  font-weight: 500;
  background: #f0f3eb;
  color: #758467;
  padding: 3px 7px;
  border-radius: 5px;
}
.link-button {
  border: 0;
  background: none;
  color: #617253;
  font-size: 10px;
  padding: 4px;
  display: flex;
  gap: 5px;
  align-items: center;
}
.link-button:hover {
  color: #294735;
}
.link-button .icon {
  width: 12px;
  height: 12px;
}
.launch-panel {
  background: #eaf0df;
  position: relative;
  overflow: hidden;
  min-height: 274px;
  padding: 28px 29px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.launch-copy {
  position: relative;
  z-index: 1;
  max-width: 290px;
}
.launch-copy .eyebrow {
  font-size: 9px;
  color: #7b8c68;
}
.launch-copy h2 {
  font-size: 26px;
  letter-spacing: -0.9px;
  line-height: 1.2;
  margin: 14px 0 10px;
}
.launch-copy p {
  font-size: 11px;
  line-height: 1.8;
  color: #788268;
  max-width: 250px;
}
.launch-copy .button {
  margin-top: 20px;
  font-size: 10px;
  min-height: 34px;
}
.render-art {
  width: 170px;
  height: 185px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.render-art::before {
  content: "";
  width: 160px;
  height: 160px;
  border: 1px solid #cdd8bb;
  border-radius: 50%;
  position: absolute;
}
.render-art::after {
  content: "";
  width: 200px;
  height: 200px;
  border: 1px solid #dbe3cd;
  border-radius: 50%;
  position: absolute;
}
.render-art svg {
  width: 123px;
  height: 140px;
  z-index: 1;
}
.art-tag {
  position: absolute;
  bottom: 0;
  font-size: 8px;
  letter-spacing: 1.4px;
  color: #80916e;
  background: #eaf0df;
  padding: 5px;
  z-index: 2;
}
.pool-empty {
  text-align: center;
  padding: 7px 25px 26px;
}
.pool-illustration {
  background: #f5f7f1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5eadc;
  width: 50px;
  height: 50px;
  border-radius: 13px;
  margin: 6px auto 14px;
  color: #8a9b79;
}
.pool-illustration .icon {
  width: 23px;
  height: 23px;
}
.pool-empty h3 {
  font-size: 12px;
}
.pool-empty p {
  font-size: 10px;
  color: #949b8d;
  line-height: 1.8;
  max-width: 210px;
  margin: 8px auto 15px;
}
.pool-empty .button {
  font-size: 10px;
  min-height: 31px;
  padding: 7px 11px;
}
.pool-footer {
  padding: 11px 22px;
  background: #fafbf8;
  border-top: 1px solid #edf0e7;
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  color: #95a08c;
}
.dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #bdc7b3;
  flex-shrink: 0;
}
.dot.green {
  background: #789f58;
}
.dot.red {
  background: #cc7a63;
}
.dot.amber {
  background: #c3a15b;
}
.queue-panel {
  margin-bottom: 23px;
}
.queue-heading {
  padding-bottom: 15px;
}
.queue-heading h2 {
  font-size: 15px;
}
.queue-heading p {
  font-size: 10px;
  color: #96a08d;
  margin-top: 5px;
}
.table-tools {
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 0 22px;
}
.tabs {
  display: flex;
  gap: 22px;
  align-self: stretch;
}
.tab {
  position: relative;
  border: 0;
  background: none;
  padding: 14px 0 15px;
  font-size: 10px;
  color: #94a087;
  white-space: nowrap;
}
.tab.active {
  color: #345632;
  font-weight: 600;
}
.tab.active:after {
  content: "";
  height: 2px;
  background: #536f39;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}
.tab span {
  margin-left: 5px;
  font-size: 9px;
  border-radius: 4px;
  padding: 2px 4px;
  background: #f1f4ed;
  color: #809070;
}
.search-field {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #e8ece2;
  border-radius: 6px;
  padding: 7px 9px;
  margin: 8px 0;
  color: #94a287;
  max-width: 210px;
}
.search-field .icon {
  width: 13px;
  height: 13px;
}
.search-field input {
  border: 0;
  background: transparent;
  min-width: 0;
  width: 100%;
  outline: 0;
  font-size: 10px;
  color: #4a5b40;
}
.search-field input::placeholder {
  color: #a0aa97;
}
table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 11px;
}
th {
  font-size: 9px;
  font-weight: 500;
  color: #96a18d;
  padding: 13px 20px;
  background: #fafbf8;
  border-bottom: 1px solid #eff1eb;
  white-space: nowrap;
}
th:first-child {
  padding-left: 24px;
}
td {
  padding: 17px 20px;
  border-bottom: 1px solid #f0f2ec;
  vertical-align: middle;
}
tr:last-child td {
  border-bottom: 0;
}
.job-title {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #43523b;
  min-width: 160px;
  max-width: 300px;
}
.job-title > span:last-child {
  overflow: hidden;
}
.job-title strong {
  display: block;
  font-size: 11px;
  font-weight: 550;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.job-title small {
  display: block;
  color: #a1aa98;
  font-size: 9px;
  margin-top: 5px;
}
.job-glyph {
  width: 33px;
  height: 35px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #edf1e6;
  color: #8a9e71;
  border: 1px solid #e2e8d8;
  flex-shrink: 0;
}
.job-glyph .icon {
  width: 19px;
  height: 19px;
}
.job-row {
  cursor: pointer;
}
.job-row:hover {
  background: #fbfcf8;
}
.badge {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  border: 1px solid #e3e8dc;
  border-radius: 5px;
  padding: 4px 7px;
  font-size: 9px;
  white-space: nowrap;
  background: #f5f7f1;
  color: #859374;
}
.badge.running,
.badge.busy {
  background: #eef4df;
  border-color: #e0ebca;
  color: #6e863e;
}
.badge.completed,
.badge.idle {
  background: #eef5ec;
  border-color: #dce9d6;
  color: #658153;
}
.badge.failed,
.badge.cancelled,
.badge.expired {
  background: #fbf0eb;
  border-color: #f0ded4;
  color: #b2806d;
}
.badge.queued {
  background: #f7f3e7;
  border-color: #ebe4cc;
  color: #a39153;
}
.badge.offline {
  color: #989e91;
}
.priority {
  font-size: 10px;
  color: #8a957f;
  display: flex;
  align-items: center;
  gap: 4px;
}
.priority.high {
  color: #b38963;
}
.priority-bars {
  font-size: 12px;
  letter-spacing: -2px;
  margin-right: 4px;
}
.worker-label {
  font-size: 10px;
  color: #819173;
}
.time-label {
  font-size: 10px;
  color: #98a18f;
  white-space: nowrap;
}
.icon-button {
  border: 1px solid transparent;
  background: none;
  border-radius: 5px;
  color: #88997a;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.icon-button:hover {
  background: #edf2e5;
  color: #3c5730;
}
.icon-button .icon {
  width: 15px;
  height: 15px;
}
.queue-empty {
  padding: 27px;
  text-align: center;
  color: #8a987e;
}
.empty-queue-symbol {
  width: 38px;
  height: 38px;
  background: #f2f5ec;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 11px;
  color: #a4b491;
}
.queue-empty h3 {
  font-size: 12px;
  color: #687b56;
  margin-bottom: 7px;
}
.queue-empty p {
  font-size: 10px;
  line-height: 1.7;
}
.queue-empty .button {
  font-size: 10px;
  min-height: 32px;
  margin-top: 13px;
}
.table-footer {
  padding: 12px 23px;
  background: #fdfefa;
  border-top: 1px solid #eef1e7;
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  color: #a0aa93;
}
.page-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 0 21px;
  margin-top: 7px;
  font-size: 8px;
  letter-spacing: 1px;
  color: #a4ad9a;
}
.page-footer > span:first-child {
  display: flex;
  align-items: center;
  gap: 6px;
}
.page-footer > span:last-child {
  letter-spacing: 0.1px;
  font-size: 9px;
}
.tiny-square {
  width: 5px;
  height: 5px;
  background: #bac8a7;
  display: inline-block;
}
.stage-list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 21px;
  flex-wrap: wrap;
}
.stage {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #93a383;
  font-size: 9px;
}
.stage b {
  width: 18px;
  height: 18px;
  border: 1px solid #c8d6b6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 500;
}
.stage.current {
  color: #3f6535;
}
.stage.current b {
  background: #d4e9b3;
  border-color: #bcd792;
}
.stage-arrow {
  color: #b3c59a;
  font-size: 10px;
}
.running-panel {
  padding: 24px 27px;
  background: #edf2e5;
  min-height: 274px;
}
.running-panel .eyebrow {
  margin: 0 0 20px;
}
.running-title {
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 14px 0 7px;
}
.running-meta {
  display: flex;
  gap: 13px;
  font-size: 10px;
  color: #839173;
}
.running-actions {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
.progress-track {
  height: 4px;
  background: #dbe5cd;
  border-radius: 3px;
  overflow: hidden;
  margin-top: 15px;
}
.progress-track > span {
  display: block;
  height: 100%;
  background: #8cb063;
  transition: width 0.3s;
}
.worker-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 23px;
  border-bottom: 1px solid #f0f3e9;
}
.worker-row:last-child {
  border: 0;
}
.worker-row .worker-info {
  flex: 1;
  min-width: 0;
}
.worker-row strong {
  font-size: 11px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.worker-row small {
  display: block;
  font-size: 9px;
  color: #9ca68e;
  margin-top: 4px;
}
.workers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.worker-card {
  padding: 22px;
}
.worker-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.worker-card-top .badge {
  margin-left: auto;
}
.worker-card h3 {
  font-size: 14px;
}
.worker-card .detail-pair {
  margin: 12px 0;
}
.worker-card .card-footer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  padding-top: 17px;
  margin-top: 22px;
  align-items: center;
}
.detail-pair {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 11px;
  color: #8c9980;
  line-height: 1.7;
}
.detail-pair strong {
  color: #5c6e4e;
  font-weight: 500;
  overflow-wrap: anywhere;
  text-align: right;
}
.empty-large {
  text-align: center;
  padding: 65px 25px;
}
.empty-large h2 {
  margin: 14px 0 9px;
  font-size: 21px;
}
.empty-large p {
  color: #87977a;
  font-size: 12px;
  line-height: 1.8;
  max-width: 370px;
  margin: 0 auto 21px;
}
.activity-row {
  display: flex;
  gap: 17px;
  padding: 18px 25px;
  border-bottom: 1px solid #edf1e7;
  align-items: flex-start;
}
.activity-row:last-child {
  border: 0;
}
.activity-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef3e7;
  color: #92a77a;
  border-radius: 50%;
  width: 29px;
  height: 29px;
  flex-shrink: 0;
}
.activity-mark.error {
  background: #fbefea;
  color: #bb8877;
}
.activity-mark.warning {
  background: #f9f3e7;
  color: #b9a473;
}
.activity-row strong {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.7;
}
.activity-row p {
  font-size: 10px;
  color: #a0aa94;
  margin-top: 3px;
}
.activity-row time {
  margin-left: auto;
  color: #a1ab94;
  font-size: 10px;
  white-space: nowrap;
}
.settings-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.settings-card {
  padding: 25px;
}
.settings-card h2 {
  margin-bottom: 20px;
}
.settings-card p {
  font-size: 12px;
  color: #8b997d;
  line-height: 1.8;
  margin: 12px 0;
}
.note {
  padding: 13px 15px;
  background: #f3f6ee;
  border: 1px solid #e3ead8;
  border-radius: 7px;
  color: #809269;
  font-size: 11px;
  line-height: 1.8;
}
.error-banner {
  background: #fbefea;
  border: 1px solid #f0d9ce;
  padding: 13px 18px;
  border-radius: 8px;
  color: #9e705d;
  font-size: 12px;
  margin-bottom: 20px;
}
.loading {
  padding: 70px;
  text-align: center;
  color: #8d9e7b;
}
.auth-screen {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  background: #fff;
}
.auth-art {
  background: #21362a;
  color: #eaf1e2;
  padding: 10vh 10%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.auth-art h1 {
  font-size: 45px;
  line-height: 1.18;
  font-weight: 450;
  position: relative;
  z-index: 1;
}
.auth-art p {
  font-size: 13px;
  line-height: 1.8;
  color: #aabc9c;
}
.auth-art .eyebrow {
  color: #aabe96;
}
.orbit {
  width: 230px;
  height: 230px;
  margin: 40px auto;
  border: 1px solid #476039;
  border-radius: 50%;
  display: grid;
  place-items: center;
  outline: 1px solid #38502e;
  outline-offset: 26px;
}
.orbit-core {
  font-size: 128px;
  color: #d4edb3;
  font-weight: 500;
  letter-spacing: -10px;
}
.orbit-core span {
  color: #7ba65b;
}
.auth-form {
  width: 370px;
  max-width: calc(100% - 50px);
  margin: auto;
  padding: 50px 0;
}
.brand.dark {
  color: #334a2c;
  padding: 0;
  margin-bottom: 49px;
}
.auth-form h2 {
  font-size: 30px;
  line-height: 1.3;
  letter-spacing: -1px;
  margin-bottom: 15px;
}
.auth-form > p {
  font-size: 12px;
  line-height: 1.8;
}
.auth-form form {
  margin-top: 30px;
}
.auth-form .button {
  margin-top: 17px;
  justify-content: space-between;
}
.auth-footer {
  display: block;
  font-size: 10px;
  color: #acb4a3;
  margin-top: 42px;
}
.divider {
  border-top: 1px solid var(--line);
  text-align: center;
  margin: 30px 0 10px;
  line-height: 0;
}
.divider span {
  background: #fff;
  padding: 0 15px;
  font-size: 9px;
  color: #a3ae96;
  letter-spacing: 1px;
}
.auth-form .small {
  margin-top: 12px;
  font-size: 10px;
}
.error-text {
  font-size: 12px;
  color: #af735f;
  margin-top: 14px;
  line-height: 1.7;
}
.auth-form input,
dialog input,
dialog select,
dialog textarea {
  border: 1px solid #dce4d4;
  border-radius: 7px;
  padding: 11px 12px;
  width: 100%;
  background: #fff;
  color: #3e5732;
  font-size: 12px;
}
label {
  display: block;
  font-size: 11px;
  color: #708361;
  margin-bottom: 8px;
}
dialog {
  border: 1px solid #dce5d3;
  border-radius: 15px;
  width: 510px;
  max-width: calc(100% - 30px);
  padding: 0;
  color: #3f5634;
  box-shadow: 0 24px 100px #14220e30;
  max-height: 90vh;
}
dialog::backdrop {
  background: #17231965;
  backdrop-filter: blur(3px);
}
.modal-header {
  padding: 24px 27px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.modal-header h2 {
  font-size: 20px;
}
.modal-header p {
  font-size: 11px;
  color: #8b9c7c;
  margin-top: 8px;
  line-height: 1.7;
}
.modal-body {
  padding: 24px 27px;
}
.modal-body > p {
  font-size: 12px;
  color: #8a9b7b;
  line-height: 1.8;
  margin-bottom: 18px;
}
.form-field {
  margin-bottom: 20px;
}
.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.form-help {
  font-size: 10px;
  color: #9bab8c;
  margin-top: 7px;
  line-height: 1.7;
}
.modal-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--line);
  padding: 18px 27px;
  background: #fafcf7;
}
.upload-zone {
  display: block;
  border: 1px dashed #bfcfaf;
  background: #f6f9ef;
  border-radius: 9px;
  padding: 20px;
  text-align: center;
  color: #6d8658;
}
.upload-zone .icon {
  margin: 0 auto 12px;
  width: 25px;
  height: 25px;
}
.upload-zone strong {
  display: block;
  font-size: 12px;
  margin-bottom: 6px;
}
.upload-zone input {
  font-size: 10px;
  background: transparent;
  border: 0;
  padding: 10px 0 0;
  color: #7e906c;
}
.upload-zone small {
  display: block;
  font-size: 10px;
  color: #97a588;
  line-height: 1.6;
}
.token-box {
  font-family: Consolas, monospace;
  padding: 13px;
  background: #f0f5e7;
  border-radius: 7px;
  border: 1px solid #dbe7ca;
  font-size: 11px;
  overflow-wrap: anywhere;
  margin: 10px 0;
}
.command {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 10px;
  line-height: 1.8;
  background: #233526;
  color: #d1e2be;
  border-radius: 8px;
  padding: 14px;
  font-family: Consolas, monospace;
}
.token-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.token-heading h3 {
  font-size: 12px;
}
.detail-stack {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 20px 0;
}
.detail-section {
  border-top: 1px solid var(--line);
  padding-top: 20px;
  margin-top: 22px;
}
.detail-section h3 {
  font-size: 12px;
  margin-bottom: 14px;
}
.job-error {
  background: #fbf2ec;
  color: #a97860;
  border: 1px solid #f2e0d4;
  border-radius: 8px;
  padding: 13px;
  font-size: 11px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: #29412c;
  color: #f2fae9;
  padding: 13px 23px;
  border: 1px solid #526849;
  border-radius: 9px;
  box-shadow: 0 9px 30px #1a301421;
  z-index: 100;
  font-size: 12px;
  max-width: 90vw;
}
.scroll-table {
  overflow-x: auto;
}
.view-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 21px;
  gap: 15px;
}
.view-toolbar p {
  font-size: 12px;
  color: #93a182;
}
.inline-link {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #607f46;
}
.inline-error {
  color: #b1745d;
  font-size: 11px;
  line-height: 1.8;
  margin: 10px 0;
}
.upload-progress {
  margin-top: 12px;
  color: #738a5c;
  font-size: 11px;
}
.detail-events {
  margin: 12px -12px 0;
}
.detail-events .activity-row {
  padding: 10px 12px;
  gap: 10px;
}
.detail-events .activity-row strong {
  font-size: 10px;
}
.detail-events .activity-row time {
  font-size: 9px;
}
.draft-note {
  background: #f6f4e9;
  color: #a29a72;
  padding: 12px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.8;
}
.render-id {
  font-family: Consolas, monospace;
  font-size: 10px;
  color: #9aa88b;
  margin-top: 10px;
  overflow-wrap: anywhere;
}
.result-banner {
  background: #eaf4de;
  border: 1px solid #d3e5bb;
  border-radius: 8px;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 21px;
  font-size: 12px;
}
.result-banner .button {
  margin-left: auto;
}
@media (min-width: 1550px) {
  .overview-grid {
    grid-template-columns: 1.9fr 1fr;
  }
  .render-art {
    margin-right: 30px;
    width: 230px;
  }
  .launch-copy {
    max-width: 360px;
  }
  .launch-copy h2 {
    font-size: 30px;
  }
}
@media (max-width: 1150px) {
  .sidebar {
    width: 195px;
    padding-left: 13px;
    padding-right: 13px;
  }
  .workspace {
    margin-left: 195px;
  }
  main {
    padding: 28px 25px 0;
  }
  .topbar {
    padding: 0 25px;
  }
  .overview-grid {
    grid-template-columns: 1.4fr 1fr;
  }
  .render-art {
    width: 110px;
    transform: scale(0.8);
    margin-right: -13px;
  }
  .launch-copy h2 {
    font-size: 24px;
  }
  .launch-panel {
    padding: 23px;
  }
  .stat-card {
    padding: 17px;
  }
  .workers-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  th,
  td {
    padding-left: 14px;
    padding-right: 14px;
  }
  .tabs {
    gap: 13px;
  }
  .search-field {
    max-width: 165px;
  }
}
@media (max-width: 900px) {
  .sidebar {
    width: 72px;
    padding: 25px 10px 15px;
  }
  .brand {
    justify-content: center;
    padding: 0;
    font-size: 27px;
  }
  .sidebar .brand > span,
  .workspace-label,
  .nav-label,
  .sidebar nav a:not(.active) .nav-count,
  .sidebar .edition,
  .sidebar-bottom .ephemeral-note,
  .sidebar .account,
  .settings-link {
    display: none;
  }
  .sidebar nav {
    margin-top: 48px;
    gap: 12px;
  }
  .sidebar nav a {
    font-size: 0;
    justify-content: center;
    padding: 13px;
  }
  .sidebar nav a .icon {
    width: 20px;
    height: 20px;
  }
  .sidebar .nav-count {
    display: none !important;
  }
  .workspace {
    margin-left: 72px;
  }
  .overview-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(240px, 1fr);
  }
  .render-art {
    display: none;
  }
  .stats-grid {
    gap: 11px;
  }
  .stat-card {
    padding: 14px;
  }
  .page-heading h1 {
    font-size: 29px;
  }
  .heading-actions .secondary {
    display: none;
  }
  .topbar-right {
    gap: 12px;
  }
  .settings-grid {
    grid-template-columns: 1fr;
  }
  .auth-art h1 {
    font-size: 34px;
  }
}
@media (max-width: 650px) {
  .sidebar {
    position: fixed;
    inset: auto 0 0;
    width: 100%;
    height: 60px;
    padding: 4px 12px;
    border-top: 1px solid #3b4a38;
  }
  .sidebar .brand,
  .sidebar-bottom {
    display: none;
  }
  .sidebar nav {
    margin: 0;
    flex-direction: row;
    justify-content: space-around;
    gap: 10px;
  }
  .sidebar nav a {
    padding: 13px 19px;
  }
  .workspace {
    margin-left: 0;
    margin-bottom: 60px;
  }
  .topbar {
    height: 59px;
    padding: 0 20px;
  }
  .topbar-right > .small,
  .topbar-line,
  .top-avatar {
    display: none;
  }
  main {
    padding: 25px 18px 0;
  }
  .page-heading {
    align-items: flex-start;
    margin-bottom: 22px;
    gap: 10px;
  }
  .page-heading h1 {
    font-size: 26px;
  }
  .page-heading p {
    max-width: 230px;
    font-size: 10px;
  }
  .heading-actions .button {
    font-size: 10px;
    padding: 10px;
    min-height: 35px;
  }
  .eyebrow {
    font-size: 8px;
  }
  .stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 17px;
  }
  .stat-card {
    padding: 14px 16px;
  }
  .stat-value {
    font-size: 29px;
    margin-top: 5px;
    margin-bottom: 8px;
  }
  .stat-top {
    font-size: 10px;
  }
  .overview-grid {
    grid-template-columns: 1fr;
    gap: 17px;
    margin-bottom: 18px;
  }
  .launch-panel {
    min-height: 250px;
  }
  .render-art {
    display: flex;
    width: 125px;
    margin-right: 0;
  }
  .launch-copy h2 {
    font-size: 23px;
  }
  .launch-copy p {
    font-size: 10px;
  }
  .pool-empty {
    padding: 5px 22px 21px;
  }
  .table-tools {
    flex-wrap: wrap;
    gap: 0;
    padding: 0 17px;
  }
  .search-field {
    max-width: none;
    width: 100%;
    margin: 0 0 10px;
  }
  .tabs {
    gap: 18px;
    width: 100%;
  }
  .tab {
    padding-top: 7px;
  }
  .queue-heading {
    padding: 19px 18px 13px;
  }
  .scroll-table th:nth-child(4),
  .scroll-table td:nth-child(4),
  .scroll-table th:nth-child(5),
  .scroll-table td:nth-child(5) {
    display: none;
  }
  .job-title {
    min-width: 120px;
    max-width: 145px;
  }
  .job-title strong {
    font-size: 10px;
  }
  .job-glyph {
    display: none;
  }
  td {
    padding: 15px 13px;
  }
  th:first-child {
    padding-left: 15px;
  }
  .badge {
    font-size: 8px;
  }
  th {
    font-size: 8px;
  }
  .workers-grid {
    grid-template-columns: 1fr;
  }
  .page-footer {
    font-size: 7px;
  }
  .page-footer > span:last-child {
    font-size: 8px;
  }
  .auth-screen {
    grid-template-columns: 1fr;
  }
  .auth-art {
    display: none;
  }
  .auth-form {
    padding: 40px 0;
  }
  .form-row {
    gap: 12px;
  }
  .modal-header,
  .modal-body {
    padding: 21px;
  }
  .modal-actions {
    padding: 17px 21px;
  }
  .activity-row {
    padding: 17px;
    gap: 10px;
  }
  .activity-row time {
    font-size: 8px;
  }
  .activity-row strong {
    font-size: 10px;
  }
  .empty-large {
    padding: 42px 20px;
  }
  .view-toolbar {
    align-items: flex-start;
  }
  .view-toolbar p {
    font-size: 10px;
    line-height: 1.6;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

.sidebar nav a.mobile-nav {
  display: none;
}
@media (max-width: 900px) {
  .sidebar nav a.mobile-nav {
    display: flex;
  }
}
@media (max-width: 650px) {
  .sidebar nav a {
    padding: 13px 15px;
  }
}

.modal-header > div {
  min-width: 0;
}
.modal-header h2 {
  overflow-wrap: anywhere;
}
.library-summary {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 4px 0 24px;
  color: #758077;
  font-size: 12px;
}
.library-summary b {
  font-size: 22px;
  color: #233e30;
  margin-right: 6px;
  font-weight: 500;
}
.library-summary a {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #345340;
  text-decoration: none;
}
.library-drop {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 210px;
  padding: 36px;
  background: linear-gradient(120deg, #e9efdd, #f0f2e8);
  border: 1px dashed #a6b69b;
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
  transition:
    background 0.2s,
    box-shadow 0.2s;
  margin: 0 0 28px;
}
.library-drop > .icon {
  width: 30px;
  height: 30px;
  color: #4d6740;
}
.library-drop strong {
  font-size: 21px;
  letter-spacing: -0.6px;
  font-weight: 500;
  color: #294031;
}
.library-drop span {
  font-size: 12px;
  color: #697b62;
}
.library-drop input {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.library-drop:focus-within,
.library-drop.dragging {
  box-shadow: 0 0 0 3px #8fa87c;
  background: #e2eccb;
}
.library-drop.compact {
  min-height: 90px;
  border-radius: 9px;
  padding: 15px;
  margin: 20px 0;
  background: #f6f7f1;
}
.library-drop.compact > .icon {
  display: none;
}
.library-drop.compact strong {
  font-size: 12px;
  letter-spacing: 0;
}
.library-drop.compact span {
  font-size: 10px;
}
.library-panel {
  overflow: hidden;
}
.library-toolbar {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #e7e9e1;
}
.library-toolbar input {
  flex: 1;
  min-width: 100px;
  margin: 0;
}
.library-toolbar select {
  width: auto;
  max-width: 190px;
  margin: 0;
}
.library-toolbar .button {
  white-space: nowrap;
}
.source-row {
  display: flex;
  gap: 17px;
  align-items: center;
  padding: 24px;
  border-bottom: 1px solid #edf0e8;
}
.source-row:last-child {
  border-bottom: 0;
}
.source-row > input {
  width: 16px;
  height: 16px;
  accent-color: #3b5b42;
  flex-shrink: 0;
  margin: 0;
}
.file-tile {
  width: 48px;
  height: 54px;
  flex-shrink: 0;
  border: 1px solid #d8dfd2;
  border-radius: 8px;
  background: #f4f6ed;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 700;
  color: #628050;
}
.source-info {
  flex: 1;
  min-width: 0;
}
.source-info strong {
  display: block;
  font-size: 13px;
  overflow-wrap: anywhere;
}
.source-info p {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 11px;
  color: #667368;
  margin: 7px 0;
}
.source-info p > span:not(.mini-tag) {
  color: #bec6b8;
}
.mini-tag {
  background: #edf1e7;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 9px;
}
.source-info small {
  font-size: 10px;
}
.ready-text {
  color: #628052;
}
.attention-text {
  color: #9b6e35;
}
.source-meta {
  text-align: right;
  font-size: 11px;
  color: #73816e;
}
.source-meta small {
  display: block;
  margin-top: 6px;
  font-size: 10px;
}
.library-empty {
  padding: 48px;
  text-align: center;
}
.library-empty > span {
  font-size: 9px;
  color: #8b9c7e;
  letter-spacing: 2px;
}
.library-empty h3 {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.7px;
  margin: 20px 0 10px;
}
.library-empty p {
  color: #7b8676;
  font-size: 12px;
  line-height: 1.9;
}
.library-footnote {
  font-size: 11px;
  line-height: 1.7;
  color: #7e8978;
  margin: 18px 0;
}
.scope-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 10px 0 25px;
}
.scope-bar .eyebrow {
  display: block;
  margin-bottom: 8px;
}
.scope-bar select {
  width: 270px;
  margin: 0;
  background: transparent;
  font-weight: 500;
  font-size: 17px;
}
.scene-upload-controls {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 15px;
}
.scene-upload-controls label {
  flex: 1;
  margin: 0;
  max-width: 210px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.scene-upload-controls input,
.scene-upload-controls select {
  margin: 8px 0 0;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
}
.scene-upload-controls p {
  color: #85917d;
  font-size: 11px;
  line-height: 1.7;
  margin-left: auto;
}
.scene-grid,
.customer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.scene-card {
  overflow: hidden;
}
.scene-visual {
  height: 135px;
  background:
    radial-gradient(ellipse at 50% 100%, #bfccab, transparent 70%), #ebefe5;
  position: relative;
  display: grid;
  place-items: center;
}
.scene-orbit {
  width: 100px;
  height: 100px;
  border: 1px solid #c4d0b7;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transform: rotate(-20deg);
}
.scene-orbit .icon {
  width: 43px;
  height: 43px;
  color: #718768;
  transform: rotate(20deg);
}
.scene-label {
  position: absolute;
  left: 20px;
  bottom: 15px;
  font-size: 10px;
  letter-spacing: 1px;
  color: #557044;
}
.scene-version {
  position: absolute;
  right: 16px;
  top: 14px;
  font-size: 10px;
  background: #ffffffa8;
  padding: 5px 9px;
  border-radius: 6px;
  color: #557044;
}
.scene-body {
  padding: 24px;
}
.scene-body .eyebrow {
  font-size: 8px;
}
.scene-body h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 10px 0;
}
.scene-body > p {
  font-size: 10px;
  color: #7c8975;
}
.scene-body > .link-button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
}
.customer-card {
  padding: 28px;
}
.customer-monogram {
  height: 49px;
  width: 49px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #e8eedc;
  color: #546c40;
  margin-bottom: 27px;
  font-size: 18px;
}
.customer-card .eyebrow {
  font-size: 9px;
}
.customer-card h3 {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: -0.6px;
  margin: 10px 0;
}
.customer-card p {
  font-size: 11px;
  color: #819075;
  margin: 12px 0 28px;
}
.default-customer {
  background: #e8eedf;
  border-color: #d7e0cb;
}
.card-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.card-actions .link-button {
  font-size: 10px;
}
.package-panel {
  margin-top: 30px;
  padding: 25px;
  display: flex;
  gap: 18px;
  align-items: center;
}
.package-panel > div {
  flex: 1;
}
.package-panel h3 {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}
.package-panel p {
  font-size: 11px;
  color: #84917b;
  line-height: 1.6;
  max-width: 370px;
}
.package-chip {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 0;
  background: #f2f5ed;
  border: 1px solid #e0e6d8;
  padding: 10px 13px;
  border-radius: 9px;
}
.package-chip b {
  font-size: 12px;
}
.package-chip select {
  width: auto;
  background: transparent;
  border: 0;
  font-size: 11px;
  padding: 3px 15px 3px 0;
  margin: 0;
}
.transfer-list {
  margin: -10px 0 28px;
}
.transfer {
  background: #fff;
  border: 1px solid #e2e8dc;
  border-radius: 9px;
  padding: 15px 20px;
  margin-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  font-size: 11px;
}
.transfer strong {
  font-size: 10px;
  font-weight: 500;
  color: #577548;
}
.transfer .progress-track {
  flex-basis: 100%;
  margin: 0;
  height: 3px;
}
.version-row {
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #e4e8de;
}
.version-number {
  background: #e5edd8;
  color: #617949;
  border-radius: 9px;
  padding: 12px;
}
.version-row > div {
  flex: 1;
  min-width: 0;
}
.version-row strong {
  font-size: 12px;
  overflow-wrap: anywhere;
}
.version-row p {
  font-size: 10px;
  color: #78846e;
}
.rule-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}
.rule-row input {
  min-width: 0;
  flex: 1;
  margin: 0;
  font-size: 12px;
}
.rule-row > span {
  color: #9aad89;
}
.studio-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 285px;
  gap: 22px;
}
.studio-viewport {
  min-height: 510px;
  overflow: hidden;
  background: #e6eade;
  display: grid;
  place-items: center;
}
.studio-viewport img {
  width: 100%;
  display: block;
}
.studio-empty {
  text-align: center;
  padding: 35px;
}
.studio-empty > .icon {
  width: 62px;
  height: 62px;
  color: #829572;
  margin-bottom: 24px;
}
.studio-empty h2 {
  font-weight: 500;
  font-size: 26px;
  letter-spacing: -0.7px;
}
.studio-empty p {
  font-size: 12px;
  color: #7b8a70;
  line-height: 1.8;
}
.studio-inspector {
  padding: 24px;
}
.studio-inspector h3 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 26px;
}
.studio-inspector label {
  font-size: 11px;
  margin-top: 20px;
}
.studio-inspector .button {
  width: 100%;
  margin-top: 8px;
}
.studio-inspector-lines i {
  display: block;
  height: 34px;
  border-radius: 5px;
  background: #f1f4ec;
  margin: 15px 0;
}
.studio-inspector-lines i:nth-child(2) {
  width: 80%;
}
.studio-inspector p {
  font-size: 11px;
  line-height: 1.7;
}
@media (max-width: 1200px) {
  .scene-grid,
  .customer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .library-toolbar {
    flex-wrap: wrap;
  }
  .library-toolbar input {
    min-width: 200px;
  }
  .source-meta {
    display: none;
  }
  .package-panel {
    flex-wrap: wrap;
  }
  .package-panel > div {
    flex-basis: 100%;
  }
}
@media (max-width: 900px) {
  .sidebar nav {
    overflow-x: auto;
    justify-content: flex-start;
    scrollbar-width: thin;
  }
  .sidebar nav a {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .studio-grid {
    grid-template-columns: 1fr;
  }
  .studio-viewport {
    min-height: 300px;
  }
  .library-summary {
    gap: 18px;
  }
  .library-summary a {
    display: none;
  }
}
@media (max-width: 650px) {
  .scene-grid,
  .customer-grid {
    grid-template-columns: 1fr;
  }
  .library-drop {
    min-height: 190px;
    padding: 25px;
  }
  .library-drop strong {
    font-size: 18px;
  }
  .library-drop span {
    font-size: 10px;
  }
  .source-row {
    gap: 10px;
    padding: 18px;
    flex-wrap: wrap;
  }
  .source-row > .button {
    margin-left: auto;
    font-size: 10px;
  }
  .file-tile {
    width: 38px;
    height: 45px;
  }
  .source-info {
    flex-basis: 65%;
  }
  .library-toolbar {
    padding: 15px;
    gap: 9px;
  }
  .library-toolbar input {
    flex-basis: 100%;
  }
  .library-toolbar select {
    flex: 1;
    width: 50%;
    max-width: none;
    font-size: 11px;
  }
  .library-toolbar .button {
    width: 100%;
  }
  .scope-bar {
    align-items: flex-end;
  }
  .scope-bar select {
    width: 190px;
    font-size: 14px;
  }
  .scope-bar > .button {
    font-size: 10px;
    padding: 10px;
  }
  .scene-upload-controls {
    flex-wrap: wrap;
    gap: 10px;
  }
  .scene-upload-controls label {
    min-width: 85px;
  }
  .scene-upload-controls p {
    display: none;
  }
  .library-summary {
    font-size: 10px;
    gap: 15px;
  }
  .library-summary b {
    font-size: 19px;
  }
  .library-empty {
    padding: 35px 20px;
  }
  .library-empty h3 {
    font-size: 21px;
  }
  .package-panel {
    padding: 20px;
    gap: 10px;
  }
  .package-chip {
    flex: 1;
  }
  .rule-row {
    gap: 5px;
  }
  .rule-row input {
    font-size: 10px;
    padding: 10px;
  }
  .scene-body {
    padding: 21px;
  }
}
#content input:not([type="file"]):not([type="checkbox"]),
#content select {
  font-family: inherit;
  font-size: 12px;
  color: #334d3b;
  border: 1px solid #dbe2d4;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 14px;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
  box-sizing: border-box;
}
#content input:not([type="file"]):not([type="checkbox"]):focus,
#content select:focus {
  border-color: #92ab7e;
  box-shadow: 0 0 0 3px #c7dcab40;
}
#content select {
  appearance: none;
  padding-right: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23708064' stroke-width='1.4'/%3E%3C/svg%3E");
  background-position: right 13px center;
  background-repeat: no-repeat;
}
#content .scope-bar select {
  font-size: 17px;
  padding: 12px 35px 12px 16px;
}
#content .scene-upload-controls label {
  display: block;
}
#content .scene-upload-controls input,
#content .scene-upload-controls select,
#content .studio-inspector input,
#content .studio-inspector select {
  width: 100%;
  display: block;
}
#content .package-chip select {
  background-color: transparent;
  border: 0;
  padding: 4px 24px 4px 0;
  font-size: 11px;
  background-position: right 3px center;
}
#content .library-toolbar input {
  margin: 0;
}
.sidebar {
  overflow-y: auto;
}
.sidebar-bottom {
  padding-top: 24px;
}
/* Order workspace. The preview stays mounted while the order status refreshes. */
.source-order-link{font-weight:600;color:var(--ink,#213c32);text-decoration:none}.source-order-link:hover{text-decoration:underline}
.order-nav{display:flex;gap:20px;align-items:center;margin:0 0 22px;font-size:12px;color:#6d7b73}.order-nav a{color:#365447;text-decoration:none}.order-nav a:last-child{margin-left:auto;display:flex;align-items:center;gap:6px}.order-nav span{overflow-wrap:anywhere}
.order-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(285px,1fr);gap:22px;align-items:start}.order-preview{overflow:hidden;min-width:0}.order-preview-heading{display:flex;align-items:center;justify-content:space-between;padding:22px;gap:16px}.order-preview-heading h2{margin:5px 0 0;font-size:22px}.order-switch{display:flex;gap:3px;padding:4px;background:#edf0e9;border-radius:10px}.order-switch button,.order-file-filter button{border:0;background:transparent;color:#6b786f;padding:8px 11px;font:inherit;font-size:11px;cursor:pointer;border-radius:7px;white-space:nowrap}.order-switch button.active,.order-file-filter button.active{background:#fff;color:#244236;box-shadow:0 1px 5px #17332613}.order-preview-select{display:flex;align-items:center;gap:8px;padding:0 22px 16px}.order-preview-select select{min-width:0;flex:1;font-size:12px}.order-stage{position:relative;height:450px;background:#1d2421;isolation:isolate;overflow:hidden}.order-stage>.order-empty{color:#c6d0c9;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.order-stage>.order-empty h3{color:#f0f4ee}.order-stage>.order-empty p{max-width:380px;color:#99aca0}.order-result-image,.order-result-video{width:100%;height:100%;object-fit:contain;display:block}.order-viewer-tools{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid #e6eae3}.order-viewer-tools[hidden]{display:none}.order-viewer-tools .order-switch{margin-right:auto}.order-viewer-tools .link-button{font-size:11px}.order-viewer-tools [aria-pressed=true]{color:#3a794e;font-weight:700}.order-preview-caption{padding:12px 22px;font-size:10px;color:#78867a;line-height:1.6}.order-summary{padding:24px;min-width:0}.order-customer{display:flex;align-items:center;gap:12px;margin:18px 0}.order-customer .customer-monogram{width:44px;height:44px;margin:0;font-size:16px;flex-shrink:0}.order-customer h3{margin:0 0 5px;font-size:16px}.order-customer p{margin:0;font-size:12px;color:#849080;overflow-wrap:anywhere}.order-metrics{display:flex;gap:24px;border-top:1px solid #e4e8df;border-bottom:1px solid #e4e8df;padding:18px 0;margin:18px 0}.order-metrics strong{display:block;font-size:25px;font-weight:500}.order-metrics span{font-size:10px;color:#899283}.order-summary label{display:block;font-size:11px;color:#7c897f;margin-bottom:8px}.order-summary select{width:100%;font-size:12px}.order-status{display:flex;align-items:center;gap:12px;margin:20px 0}.order-status>span:last-child{font-size:11px;color:#849080}.order-summary .detail-pair{font-size:11px;gap:12px}.order-summary .detail-pair strong{text-align:right;overflow-wrap:anywhere;max-width:70%}.order-actions{display:flex;flex-direction:column;gap:12px;margin-top:22px}.order-actions .button{justify-content:center;font-size:12px}.order-actions .link-button{font-size:11px;align-self:center}.order-record{margin-top:24px;overflow:hidden}.order-tabs{display:flex;gap:24px;padding:0 24px;border-bottom:1px solid #e4e9df;overflow-x:auto}.order-tabs button{border:0;background:transparent;padding:20px 0;font:inherit;font-size:12px;color:#8b9487;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}.order-tabs button[aria-selected=true]{color:#234536;border-bottom-color:#234536}.order-tabs span{font-size:10px;margin-left:6px;border-radius:6px;padding:2px 6px;background:#edf0e7}.order-file-filter{padding:15px 24px;display:flex;gap:5px;align-items:center;background:#f6f8f2;border-bottom:1px solid #e5eadf}.order-file-filter>span{margin-left:auto;font-size:10px;color:#8c9585}.order-file-group{padding:20px 24px;border-bottom:1px solid #e7ebe3}.order-file-heading{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:14px}.order-file-heading strong{display:block;font-size:12px;margin-top:6px;overflow-wrap:anywhere}.order-file-heading .link-button{font-size:10px;flex-shrink:0}.order-file-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #edf0e9}.order-file-row>div{flex:1;min-width:0}.order-file-row strong,.order-render-row strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.order-file-row small,.order-render-row small{font-size:10px;color:#8b9587;display:block;margin-top:5px}.order-file-row .button{font-size:10px;padding:8px 12px}.order-file-row .file-tile{width:40px;height:40px;font-size:9px;flex-shrink:0}.order-checksum{font-size:9px;color:#98a090;margin-top:10px}.order-checksum summary{cursor:pointer}.order-checksum code{display:block;margin-top:8px;overflow-wrap:anywhere}.order-render-list{padding:8px 24px}.order-render-row{border:0;border-bottom:1px solid #e8ece3;background:transparent;width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:18px 8px;cursor:pointer;color:inherit;font:inherit}.order-render-row>span:nth-child(2){flex:1;min-width:0}.order-render-row.selected{background:#f2f6e9}.order-setup{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.order-setup h3{font-size:16px}.order-setup p{font-size:12px;color:#81907f;line-height:1.7}.order-setup dl{font-size:11px;display:grid;grid-template-columns:140px 1fr;gap:14px;margin-top:26px}.order-setup dt{color:#85907e}.order-setup dd{margin:0;overflow-wrap:anywhere}.order-material-rules>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e6ebdf;padding:13px 0;font-size:12px}.order-material-rules code{flex:1;overflow-wrap:anywhere}.order-setup .link-button{margin-top:22px;font-size:12px}.order-timeline{padding:16px 24px}.order-timeline>div{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid #e7ebe2;align-items:start}.order-timeline i{width:7px;height:7px;border-radius:50%;background:#96a879;margin-top:5px}.order-timeline span{flex:1;min-width:0}.order-timeline strong{font-size:12px;font-weight:500}.order-timeline small{display:block;font-size:10px;color:#87937f;margin-top:6px;overflow-wrap:anywhere}.order-timeline time{font-size:10px;color:#899782}.order-empty{text-align:center;padding:45px 24px;color:#84917c}.order-empty .icon{width:36px;height:36px;opacity:.5}.order-empty h3{font-size:18px;color:#435e48;font-weight:500}.order-empty p{font-size:12px;line-height:1.8}.jewelos-host{position:absolute;inset:0}.jewelos-host>.relative{position:relative;height:100%;width:100%}.jewelos-host .h-full{height:100%}.jewelos-host .w-full{width:100%}.jewelos-host .overflow-hidden{overflow:hidden}.jewelos-host .absolute{position:absolute}.jewelos-host .inset-0{inset:0}.jewelos-host .flex{display:flex}.jewelos-host .flex-col{flex-direction:column}.jewelos-host .items-center{align-items:center}.jewelos-host .justify-center{justify-content:center}.jewelos-host .text-red-400{color:#f69e8c}.jewelos-host .text-center{text-align:center}.jewelos-host .text-xs{font-size:12px}.jewelos-host .text-sm{font-size:14px}.jewelos-host svg{max-width:32px;max-height:32px}.order-model-parts{position:absolute;left:16px;bottom:16px;pointer-events:none;color:#dde6df;background:#152219aa;border:1px solid #ffffff15;padding:8px 11px;border-radius:7px;font-size:10px}
@media(max-width:1100px){.order-workspace{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.order-preview-heading{flex-wrap:wrap}.order-stage{height:390px}.order-viewer-tools{flex-wrap:wrap;gap:10px}.order-preview-heading,.order-summary{padding:18px}.order-tabs{gap:18px}}
@media(max-width:850px){.order-workspace{grid-template-columns:1fr}.order-stage{height:420px}.order-summary .detail-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.order-nav span{display:none}.order-setup{grid-template-columns:1fr}.order-file-filter{flex-wrap:wrap}.order-file-filter>span{display:none}}
@media(max-width:500px){.order-stage{height:330px}.order-nav{font-size:10px;gap:10px}.order-preview-heading h2{font-size:19px}.order-preview-heading{gap:12px}.order-summary .detail-stack{display:block}.order-file-group{padding:16px}.order-file-row{gap:8px}.order-file-row>.muted{display:none}.order-file-row .button{padding:7px}.order-file-row .file-tile{display:none}.order-file-heading{align-items:start;gap:10px}.order-tabs{gap:16px;padding:0 16px}.order-render-list{padding:8px}.order-render-row{gap:9px}.order-render-row .file-tile{width:34px;flex-shrink:0}.order-render-row>.icon{display:none}.order-setup{padding:20px}.order-setup dl{grid-template-columns:105px 1fr}.order-timeline time{max-width:65px}.order-preview-select{padding:0 16px 14px}.order-viewer-tools{padding:10px}.order-switch button{padding:7px 9px;font-size:10px}}
.pairing-label{text-align:center;font-size:10px;letter-spacing:2px;color:#879681;margin-top:12px}.pairing-code{text-align:center;font:600 54px/1.5 ui-monospace,monospace;letter-spacing:12px;color:#284939;background:#f1f5e8;border:1px solid #e1e8d5;border-radius:14px;padding:15px;margin:15px 0}.pairing-status{text-align:center;font-size:14px;font-weight:600;color:#385b41}.pairing-timer{text-align:center;font:12px ui-monospace,monospace;margin:9px 0 26px;color:#8a987e}.security-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.security-strip>div{display:flex;align-items:flex-start;gap:10px;border:1px solid #e2e8db;border-radius:12px;background:#f4f7ee;padding:16px;color:#548259;font-size:10px}.security-strip strong{display:block;color:#425b42;font-size:11px;line-height:1.6;margin-top:6px}.security-strip .attention{background:#fcf7e9;color:#b29652}.logs-filters{display:flex;gap:10px;padding:18px 22px;border-bottom:1px solid #e5eadf;flex-wrap:wrap}.logs-filters input{flex:1;min-width:110px;max-width:210px;font-size:12px}.logs-filters select{font-size:12px}.diagnostic-rows{min-height:180px}.diagnostic-row{border-bottom:1px solid #e7ebdf}.diagnostic-row summary{list-style:none;display:flex;align-items:center;gap:16px;padding:17px 24px;cursor:pointer}.log-level{font:10px ui-monospace,monospace;text-transform:uppercase;width:65px;color:#729267;flex-shrink:0}.diagnostic-row.error .log-level{color:#bc5c50}.diagnostic-row.warning .log-level{color:#b08e3e}.log-message{flex:1;min-width:0}.log-message strong{display:block;font-size:11px;color:#365441;margin-bottom:6px}.log-message>span{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b9782}.log-origin{max-width:125px;font-size:11px;color:#788970;overflow-wrap:anywhere}.log-origin small{display:block;font-size:10px;margin-top:5px}.diagnostic-row time{font-size:10px;color:#98a18d;flex-shrink:0}.diagnostic-detail{padding:0 24px 20px}.diagnostic-detail>div{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:#8a997c}.diagnostic-detail a{color:#35553c}.diagnostic-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#1d2e24;color:#d3dec9;padding:20px;border-radius:10px;font:12px/1.8 ui-monospace,monospace;max-height:360px;overflow:auto}.logs-footer{display:flex;gap:20px;align-items:center;padding:18px 24px;font-size:10px;color:#98a28d}.logs-footer span{margin-right:auto}.logs-footer button{font-size:11px}.order-log-link{padding:20px 24px 0}.order-log-link .button{font-size:11px}@media(max-width:1050px){.security-strip{grid-template-columns:1fr 1fr}.diagnostic-row summary{gap:10px;padding:16px}.log-origin{display:none}}@media(max-width:600px){.security-strip{gap:8px}.security-strip>div{padding:12px}.pairing-code{font-size:42px;letter-spacing:8px}.diagnostic-row time{max-width:65px}.logs-filters{padding:15px}.logs-filters input{max-width:100%}.logs-footer{flex-wrap:wrap;padding:14px}.logs-footer span{width:100%}}
:root { --authored-accent: #d5f68b; }
.authored-switch { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 24px 0 16px; }
.authored-tabs { display: flex; background: #e9eee6; border-radius: 12px; padding: 5px; gap: 4px; }
.authored-tabs button { border: 0; background: transparent; padding: 12px 18px; border-radius: 9px; color: #596658; cursor: pointer; font: inherit; }
.authored-tabs button.active { background: #21372b; color: #e1f6cd; box-shadow: 0 2px 5px #14251b20; }
.authored-note { display: grid; grid-template-columns: 1fr 250px; gap: 28px; background: #eef3e8; border: 1px solid #dce5d5; border-radius: 16px; padding: 25px; margin-bottom: 16px; }
.authored-note h3 { font-size: 23px; margin: 10px 0; }
.authored-note p, .authored-note small, .authored-note label span { color: #667263; line-height: 1.7; }
.authored-note label { display: flex; flex-direction: column; gap: 12px; justify-content: center; font-size: 13px; }
.authored-note select { width: 100%; padding: 12px; border-radius: 10px; border: 1px solid #d8e0d1; background: white; }
@media(max-width: 800px) { .authored-note { grid-template-columns: 1fr; } .authored-switch { align-items: stretch; flex-direction: column; } }
/* Individual accounts and the focused worker workspace. */
.access-intro,.worker-welcome{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:26px}.access-intro h2,.worker-welcome h2{font-size:27px;letter-spacing:-.8px;margin:10px 0}.access-intro p,.worker-welcome p{font-size:13px;line-height:1.8;color:#819078;max-width:660px}.access-roles{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.access-roles section{padding:25px}.access-roles h3{font-size:15px;margin:12px 0 8px}.access-roles p{font-size:12px;line-height:1.8;color:#819078}.role-symbol{color:#527450}.access-role{display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.4px;padding:7px 11px;border-radius:20px;background:#edf3e5;color:#54704b;white-space:nowrap}.access-role.admin{background:#e5ede8;color:#31513e}.user-cell{display:flex;gap:12px;align-items:center}.user-cell strong,.user-cell small{display:block}.user-cell small{color:#92a087;font-size:11px;margin-top:5px}.render-compose{margin-bottom:24px}.render-compose-body{padding:22px}.worker-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.worker-mode label{font-size:11px}.worker-mode select{width:auto;max-width:100%;font-size:12px}.worker-original-list{padding:0 24px}.worker-original{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 0;border-top:1px solid #e6ebdf}.worker-original>span{font-size:12px;overflow-wrap:anywhere}.worker-original small{display:block;font-size:10px;color:#8b9881;margin-top:5px}.worker-original .icon{width:15px;vertical-align:middle}.render-reference{display:block;font:10px ui-monospace,monospace;color:#98a18d;margin-top:6px}#worker-originals .panel{margin-bottom:24px}#worker-upload-status{font-size:12px;line-height:1.8;color:#557249;overflow-wrap:anywhere}.recovery-login{margin-top:22px;font-size:12px;color:#7c8d70}.recovery-login summary{cursor:pointer}.recovery-login form{margin-top:14px}#account-form input,#account-form select{margin-bottom:13px}#account-form label{margin-top:6px}@media(max-width:700px){.access-intro,.worker-welcome{align-items:flex-start;flex-direction:column}.access-roles{grid-template-columns:1fr}.render-compose-body{padding:16px}.worker-mode{align-items:stretch;flex-direction:column}.worker-mode select{width:100%}.worker-original{align-items:flex-start}.access-intro h2,.worker-welcome h2{font-size:23px}}

/* Motion graphics upload and delivery workspace. */
.motion-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;padding:34px;border-radius:18px;background:#17241e;color:#f0f5e7;margin-bottom:22px;overflow:hidden}
.motion-hero h2{font-size:32px;line-height:1.15;margin:14px 0}.motion-hero p{color:#c0cebd;max-width:470px;line-height:1.7;margin-bottom:24px}.motion-hero .eyebrow{color:#c6e89d}
.motion-art{position:relative;min-height:210px;display:grid;place-items:center}.motion-art>span{position:absolute;bottom:5px;font-size:10px;letter-spacing:2px;color:#c6e89d}
.motion-ring{width:170px;height:170px;border:1px dashed #8ba875;border-radius:50%;animation:motion-orbit 24s linear infinite}.motion-cube{position:absolute;background:#c6e89d;color:#17241e;border-radius:20px;width:84px;height:84px;display:grid;place-items:center;transform:rotate(-12deg);animation:motion-float 5s ease-in-out infinite}.motion-cube svg{width:44px;height:44px}
.motion-frame{position:absolute;width:105px;height:72px;border:1px solid #97b580;border-radius:9px;box-shadow:inset 0 0 0 7px #24382d;animation:motion-float 5s ease-in-out infinite}.motion-frame.one{left:8%;top:24px;transform:rotate(-16deg);animation-delay:-1s}.motion-frame.two{right:6%;bottom:35px;transform:rotate(14deg);animation-delay:-3s}
.motion-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0;margin:0 0 28px}.motion-steps li{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #dfe5d8;border-radius:12px;background:#fff}.motion-steps b{color:#6e8954;font-size:25px;font-weight:500}.motion-steps strong{display:block;margin-bottom:7px}.motion-steps span{font-size:12px;color:#6d7867;line-height:1.6;display:block}
.motion-results{margin-top:24px}.motion-result{display:flex;gap:16px;align-items:center;padding:20px;border-top:1px solid #e6eadd}.motion-result>div{flex:1;min-width:0}.motion-result strong{overflow-wrap:anywhere}.motion-result small{display:block;color:#6d7867;margin-top:7px}.library-drop:focus-within{outline:3px solid #86a75d;outline-offset:4px}
@keyframes motion-orbit{to{transform:rotate(360deg)}}@keyframes motion-float{50%{translate:0 -12px}}
@media(max-width:760px){.motion-hero{grid-template-columns:1fr;padding:24px}.motion-art{min-height:190px}.motion-steps{grid-template-columns:1fr;gap:10px}.motion-result{flex-wrap:wrap}.motion-result>div{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.motion-ring,.motion-cube,.motion-frame{animation:none}}
.landing{max-width:1200px;margin:auto;padding:0 36px;color:#17241e}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:30px 0;gap:20px}.landing-nav .brand{font-size:20px}.landing-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:45px;padding:70px 0 90px}.landing-hero h1{font-size:clamp(48px,6vw,80px);line-height:1.04;letter-spacing:-3px;margin:22px 0}.landing-hero p{font-size:17px;line-height:1.8;color:#687460;max-width:500px;margin:0 0 30px}.landing-secondary{display:inline-block;margin:20px;color:#4e6541;text-decoration:none;font-size:13px}.landing-art{height:370px;background:#17241e;border-radius:28px;color:#c6e89d}.landing-art .motion-ring{width:240px;height:240px}.landing-art .motion-cube{width:112px;height:112px;font-size:58px}.landing-art .motion-frame{width:135px;height:95px}.landing-art .motion-frame.one{top:60px}.landing-art .motion-frame.two{bottom:60px}.landing-art>span{bottom:28px}.landing-workflow{scroll-margin-top:30px}.landing-workflow h2{font-size:32px;margin:14px 0 28px}.landing-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0;border-top:1px solid #dfe5d8;margin-top:35px}.landing-bottom h2{font-size:24px;margin:0 0 12px}.landing-bottom p{color:#687460;line-height:1.6}.landing-footer{padding:28px 0;color:#687460;font-size:12px;border-top:1px solid #dfe5d8}
@media(max-width:760px){.landing{padding:0 22px}.landing-nav .brand{font-size:15px}.landing-hero{grid-template-columns:1fr;padding:35px 0;gap:30px}.landing-hero h1{letter-spacing:-2px}.landing-art{height:280px}.landing-art .motion-ring{width:190px;height:190px}.landing-bottom{align-items:flex-start;flex-direction:column}.landing-secondary{margin-left:0;display:block}}