.landscape-mobile-root,
.landscape-mobile-dashboard,
.landscape-mobile-workbar,
.landscape-mobile-nav,
.landscape-mobile-draft-dock,
.landscape-mobile-panel-layer {
  display: none;
}

@media (max-width: 1080px) {
  body.landscape-mobile-ready {
    width: 100%;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    padding: 0 !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(155, 190, 99, 0.16), transparent 34%),
      linear-gradient(160deg, #101a16 0%, #17241e 54%, #0d1512 100%);
  }

  body.landscape-mobile-ready .landscape-mobile-root {
    display: contents;
  }

  body.landscape-mobile-ready > .mobile-action-dock,
  body.landscape-mobile-ready > .arbsoul-suite-trigger {
    display: none !important;
  }

  .landscape-mobile-dashboard:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 180;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    padding: max(16px, env(safe-area-inset-top)) 16px max(14px, env(safe-area-inset-bottom));
    color: #f5f7f0;
    background:
      radial-gradient(circle at 92% 7%, rgba(197, 226, 105, 0.18), transparent 30%),
      radial-gradient(circle at 0% 90%, rgba(54, 153, 140, 0.16), transparent 34%),
      linear-gradient(155deg, #13201a, #0d1713 72%);
  }

  .landscape-mobile-dashboard-head,
  .landscape-mobile-dashboard-foot,
  .landscape-mobile-brand,
  .landscape-mobile-plan-metrics {
    display: flex;
    align-items: center;
  }

  .landscape-mobile-dashboard-head,
  .landscape-mobile-dashboard-foot {
    justify-content: space-between;
    gap: 12px;
  }

  .landscape-mobile-dashboard-head > *,
  .landscape-mobile-dashboard-body,
  .landscape-mobile-primary-actions,
  .landscape-mobile-primary-actions > * {
    min-width: 0;
  }

  .landscape-mobile-brand {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    gap: 10px;
  }

  .landscape-mobile-brand img {
    width: 42px;
    height: 42px;
    object-fit: contain;
  }

  .landscape-mobile-brand span,
  .landscape-mobile-brand strong,
  .landscape-mobile-brand small,
  .landscape-mobile-primary-actions button span,
  .landscape-mobile-primary-actions button small {
    display: block;
  }

  .landscape-mobile-brand span,
  .landscape-mobile-brand strong,
  .landscape-mobile-brand small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .landscape-mobile-brand strong {
    color: #f7f8f1;
    font: 900 1rem/1.05 "Manrope", sans-serif;
  }

  .landscape-mobile-brand small {
    margin-top: 3px;
    color: rgba(225, 233, 219, 0.62);
    font: 800 0.64rem/1 "Manrope", sans-serif;
    letter-spacing: 0.11em;
    text-transform: uppercase;
  }

  .landscape-mobile-save-state {
    flex: 0 1 118px;
    max-width: 132px;
    min-width: 76px;
    overflow: hidden;
    padding: 7px 10px;
    border: 1px solid rgba(194, 220, 157, 0.16);
    border-radius: 999px;
    color: #cfe5b3;
    background: rgba(135, 172, 92, 0.1);
    font: 800 0.65rem/1 "Manrope", sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .landscape-mobile-dashboard-body {
    align-self: center;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
  }

  .landscape-mobile-kicker {
    margin-bottom: 8px;
    color: #b9d873;
    font: 900 0.66rem/1 "Manrope", sans-serif;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .landscape-mobile-dashboard h1 {
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    color: #f8f7ef;
    font: 800 clamp(1.65rem, 7vw, 2.35rem)/1.02 "Fraunces", Georgia, serif;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .landscape-mobile-dashboard-body > p {
    min-height: 36px;
    margin: 8px 0 16px;
    overflow: hidden;
    color: rgba(226, 234, 221, 0.68);
    font: 700 0.82rem/1.4 "Manrope", sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .landscape-mobile-plan-card {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(216, 229, 205, 0.12);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.2);
  }

  .landscape-mobile-plan-score {
    display: grid;
    align-content: center;
    justify-items: center;
    min-height: 74px;
    border-radius: 19px;
    color: #d8ec95;
    background: rgba(161, 194, 91, 0.11);
  }

  .landscape-mobile-plan-score span {
    max-width: 68px;
    font: 900 0.82rem/1.1 "Manrope", sans-serif;
    text-align: center;
  }

  .landscape-mobile-plan-score small,
  .landscape-mobile-plan-metrics small {
    color: rgba(224, 233, 216, 0.54);
    font: 800 0.58rem/1.1 "Manrope", sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .landscape-mobile-plan-metrics {
    justify-content: space-around;
    gap: 6px;
  }

  .landscape-mobile-plan-metrics span {
    min-width: 0;
    text-align: center;
  }

  .landscape-mobile-plan-metrics strong,
  .landscape-mobile-plan-metrics small {
    display: block;
  }

  .landscape-mobile-plan-metrics strong {
    margin-bottom: 5px;
    color: #f6f7ef;
    font: 900 1.1rem/1 "Manrope", sans-serif;
  }

  .landscape-mobile-plan-card > p {
    grid-column: 1 / -1;
    margin: 0;
    overflow: hidden;
    color: rgba(226, 234, 221, 0.61);
    font: 700 0.72rem/1.35 "Manrope", sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .landscape-mobile-primary-actions {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 12px;
  }

  .landscape-mobile-primary-actions button {
    min-width: 0;
    min-height: 58px;
    padding: 11px 13px;
    border: 1px solid rgba(220, 231, 210, 0.12);
    border-radius: 18px;
    color: #eff3ea;
    background: rgba(255, 255, 255, 0.055);
    text-align: left;
  }

  .landscape-mobile-primary-actions button:first-child {
    grid-column: 1 / -1;
    min-height: 66px;
  }

  .landscape-mobile-primary-actions button span {
    font: 900 0.86rem/1.1 "Manrope", sans-serif;
  }

  .landscape-mobile-primary-actions button small {
    margin-top: 4px;
    color: rgba(229, 236, 223, 0.57);
    font: 700 0.67rem/1.2 "Manrope", sans-serif;
  }

  .landscape-mobile-primary-actions .landscape-mobile-primary {
    border-color: rgba(202, 229, 111, 0.28);
    color: #142017;
    background: linear-gradient(135deg, #d8ed76, #8fc28d 56%, #54aea5);
    box-shadow: 0 14px 32px rgba(83, 171, 154, 0.18);
  }

  .landscape-mobile-primary-actions .landscape-mobile-primary small {
    color: rgba(20, 32, 23, 0.62);
  }

  .landscape-mobile-dashboard-foot {
    color: rgba(222, 231, 216, 0.5);
    font: 700 0.67rem/1 "Manrope", sans-serif;
  }

  .landscape-mobile-dashboard-foot button {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(221, 231, 213, 0.12);
    border-radius: 999px;
    color: #dce8d4;
    background: rgba(255, 255, 255, 0.05);
    font: 800 0.67rem/1 "Manrope", sans-serif;
  }

  .landscape-mobile-workbar:not([hidden]) {
    position: fixed;
    inset: 0 0 auto;
    z-index: 110;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    height: calc(58px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 10px 0;
    border-bottom: 1px solid rgba(218, 229, 210, 0.1);
    color: #edf3e8;
    background: rgba(17, 28, 23, 0.96);
    backdrop-filter: blur(18px);
  }

  .landscape-mobile-workbar > button {
    min-width: 44px;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(219, 231, 210, 0.11);
    border-radius: 14px;
    color: #eef3e9;
    background: rgba(255, 255, 255, 0.055);
    font: 900 0.72rem/1 "Manrope", sans-serif;
  }

  .landscape-mobile-workbar > button:first-child {
    padding: 0;
    font-size: 1.7rem;
  }

  .landscape-mobile-readonly-mark {
    justify-self: end;
    padding: 7px 9px;
    border: 1px solid rgba(219, 231, 210, 0.11);
    border-radius: 999px;
    color: rgba(237, 243, 232, 0.72);
    font: 800 0.62rem/1 "Manrope", sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .landscape-mobile-workbar div,
  .landscape-mobile-workbar strong,
  .landscape-mobile-workbar small {
    display: block;
    min-width: 0;
  }

  .landscape-mobile-workbar strong,
  .landscape-mobile-workbar small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .landscape-mobile-workbar strong {
    font: 900 0.82rem/1.1 "Manrope", sans-serif;
  }

  .landscape-mobile-workbar small {
    margin-top: 3px;
    color: rgba(219, 229, 212, 0.55);
    font: 700 0.62rem/1 "Manrope", sans-serif;
  }

  .landscape-mobile-nav:not([hidden]) {
    position: fixed;
    inset: auto 0 0;
    z-index: 112;
    display: grid;
    grid-template-columns: repeat(var(--landscape-mobile-nav-count, 5), minmax(0, 1fr));
    min-height: calc(68px + env(safe-area-inset-bottom));
    padding: 7px 8px env(safe-area-inset-bottom);
    border-top: 1px solid rgba(218, 229, 210, 0.1);
    background: rgba(15, 25, 21, 0.97);
    backdrop-filter: blur(20px);
  }

  .landscape-mobile-nav button {
    min-width: 0;
    min-height: 52px;
    padding: 7px 3px;
    border: 0;
    border-radius: 15px;
    color: rgba(224, 232, 217, 0.58);
    background: transparent;
  }

  .landscape-mobile-nav strong,
  .landscape-mobile-nav small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .landscape-mobile-nav strong {
    font: 900 0.68rem/1 "Manrope", sans-serif;
  }

  .landscape-mobile-nav small {
    margin-top: 4px;
    font: 800 0.53rem/1 "Manrope", sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .landscape-mobile-nav button.active {
    color: #dff09b;
    background: rgba(167, 200, 99, 0.11);
  }

  .landscape-mobile-draft-dock:not([hidden]) {
    position: fixed;
    right: 10px;
    bottom: calc(76px + env(safe-area-inset-bottom));
    left: 10px;
    z-index: 111;
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(223, 234, 214, 0.14);
    border-radius: 18px;
    background: rgba(17, 29, 23, 0.94);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36);
    backdrop-filter: blur(18px);
  }

  .landscape-mobile-draft-dock button {
    min-width: 0;
    min-height: 44px;
    padding: 8px 10px;
    overflow: hidden;
    border: 1px solid rgba(223, 234, 214, 0.14);
    border-radius: 13px;
    color: #eef3e9;
    background: rgba(255, 255, 255, 0.06);
    font: 900 0.72rem/1.15 "Manrope", sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .landscape-mobile-draft-dock button.primary {
    border-color: rgba(200, 226, 112, 0.32);
    color: #172016;
    background: #d9ed8f;
  }

  .landscape-mobile-draft-dock button:disabled {
    cursor: not-allowed;
    opacity: 0.48;
  }

  body.landscape-mobile-panel-open .landscape-mobile-draft-dock {
    display: none !important;
  }

  body.landscape-mobile-ready .app-shell {
    position: fixed;
    inset: calc(58px + env(safe-area-inset-top)) 0 calc(68px + env(safe-area-inset-bottom));
    z-index: 1;
    display: block;
    min-height: 0;
    padding: 0 !important;
    overflow: hidden;
  }

  body.landscape-mobile-ready:not(.landscape-mobile-workspace-open) .app-shell {
    display: none;
  }

  body.landscape-mobile-ready .workspace {
    position: absolute;
    inset: 0;
    display: block;
    min-height: 0;
  }

  body.landscape-mobile-ready .workspace > .workspace-header,
  body.landscape-mobile-ready .workspace > #project-browser-bar,
  body.landscape-mobile-ready .workspace > #project-drawer,
  body.landscape-mobile-ready .landscape-design-path,
  body.landscape-mobile-ready .sidebar-left,
  body.landscape-mobile-ready .sidebar-right,
  body.landscape-mobile-ready .canvas-meta,
  body.landscape-mobile-ready .canvas-overlay-toolbar {
    display: none !important;
  }

  body.landscape-mobile-ready .canvas-frame {
    position: absolute;
    inset: 0;
    display: block;
    min-height: 0 !important;
    height: 100%;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background: #121b17;
    box-shadow: none !important;
  }

  body.landscape-mobile-ready .canvas-shell,
  body.landscape-mobile-ready .canvas-stage {
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    max-height: 100%;
  }

  body.landscape-mobile-ready .canvas-shell {
    display: block;
  }

  body.landscape-mobile-ready .canvas-stage {
    border: 0;
    border-radius: 0;
  }

  body.landscape-mobile-ready #planner-canvas {
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  body.landscape-mobile-ready .status-bar {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 7;
    display: block;
    max-width: calc(100% - 78px);
    padding: 7px 10px;
    border: 1px solid rgba(222, 231, 216, 0.12);
    border-radius: 999px;
    color: rgba(240, 244, 235, 0.78);
    background: rgba(15, 24, 20, 0.72);
    backdrop-filter: blur(12px);
    pointer-events: none;
  }

  body.landscape-mobile-ready #status-text {
    display: block;
    overflow: hidden;
    font-size: 0.66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.landscape-mobile-ready #canvas-detail {
    display: none;
  }

  body.landscape-mobile-ready .canvas-pan-rail-horizontal {
    left: 10px;
    right: 112px;
    bottom: 10px;
    height: 26px;
    padding: 4px 8px;
    opacity: 0.78;
  }

  body.landscape-mobile-ready .canvas-pan-rail-vertical {
    top: 54px;
    right: 10px;
    bottom: 62px;
    width: 26px;
    padding: 8px 4px;
    opacity: 0.78;
  }

  body.landscape-mobile-ready .canvas-zoom-dock {
    right: 10px;
    bottom: 10px;
    gap: 3px;
    padding: 5px;
    border-radius: 16px;
  }

  body.landscape-mobile-ready .canvas-zoom-dock .canvas-tool-button {
    min-width: 32px;
    min-height: 34px;
    padding: 0 8px;
    border-radius: 11px;
    font-size: 0.72rem;
  }

  body.landscape-mobile-ready .canvas-zoom-dock .zoom-level {
    display: none;
  }

  .landscape-mobile-panel-layer:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 210;
    display: grid;
    align-items: end;
    overflow: hidden;
  }

  .landscape-mobile-panel-scrim {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(3, 9, 7, 0.56);
    backdrop-filter: blur(3px);
  }

  .landscape-mobile-panel {
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: 100%;
    max-height: min(76dvh, 720px);
    overflow: hidden;
    border: 1px solid rgba(220, 230, 212, 0.12);
    border-bottom: 0;
    border-radius: 26px 26px 0 0;
    color: #eaf1e5;
    background:
      radial-gradient(circle at 85% 0%, rgba(178, 207, 105, 0.12), transparent 32%),
      linear-gradient(180deg, #1b2a23, #111b17);
    box-shadow: 0 -24px 54px rgba(0, 0, 0, 0.34);
  }

  .landscape-mobile-panel > header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    padding: 11px 12px 9px 16px;
    border-bottom: 1px solid rgba(220, 230, 212, 0.09);
  }

  .landscape-mobile-panel > header small,
  .landscape-mobile-panel > header strong {
    display: block;
  }

  .landscape-mobile-panel > header small {
    margin-bottom: 4px;
    color: #b8d873;
    font: 900 0.58rem/1 "Manrope", sans-serif;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .landscape-mobile-panel > header strong {
    font: 800 1rem/1.1 "Fraunces", Georgia, serif;
  }

  .landscape-mobile-panel > header button {
    min-width: 42px;
    min-height: 42px;
    padding: 0;
    border: 1px solid rgba(222, 231, 215, 0.11);
    border-radius: 14px;
    color: #ecf2e8;
    background: rgba(255, 255, 255, 0.055);
    font-size: 1.25rem;
  }

  .landscape-mobile-panel-slot {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 12px 12px max(18px, env(safe-area-inset-bottom));
  }

  .landscape-mobile-panel-slot > .sidebar-panel,
  .landscape-mobile-panel-slot > .sidebar-right,
  .landscape-mobile-panel-slot > .project-browser-bar,
  .landscape-mobile-panel-slot > .project-drawer,
  .landscape-mobile-panel-slot > .canvas-overlay-toolbar,
  .landscape-mobile-panel-slot > .canvas-toolbar-view {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body.landscape-mobile-ready .landscape-mobile-panel-slot > .canvas-overlay-toolbar,
  body.landscape-mobile-ready .landscape-mobile-panel-slot > .sidebar-right,
  body.landscape-mobile-ready .landscape-mobile-panel-slot > .sidebar-panel,
  body.landscape-mobile-ready .landscape-mobile-panel-slot > .project-browser-bar,
  body.landscape-mobile-ready .landscape-mobile-panel-slot > .project-drawer,
  body.landscape-mobile-ready .landscape-mobile-panel-slot > .canvas-toolbar-view {
    display: block !important;
  }

  .landscape-mobile-panel-slot > .sidebar-panel[hidden],
  .landscape-mobile-panel-slot .sidebar-panel[hidden] {
    display: none !important;
  }

  .landscape-mobile-panel-slot .brand-block,
  .landscape-mobile-panel-slot .sidebar-tabs:not(.sidebar-tabs-right) {
    display: none !important;
  }

  .landscape-mobile-panel-slot .canvas-toolbar-bar,
  .landscape-mobile-panel-slot .canvas-toolbar-main,
  .landscape-mobile-panel-slot .canvas-toolbar-view {
    display: flex !important;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .landscape-mobile-panel-layer[data-panel="draw"] .canvas-toolbar-view,
  .landscape-mobile-panel-layer[data-panel="view"] .canvas-toolbar-main {
    display: none !important;
  }

  .landscape-mobile-panel-layer[data-panel="view"] .scale-control input {
    width: 76px;
    min-width: 76px;
  }

  .landscape-mobile-panel-slot .workbench-tool-cluster,
  .landscape-mobile-panel-slot .landscape-design-mode,
  .landscape-mobile-panel-slot .toolbar-option-strip,
  .landscape-mobile-panel-slot .workbench-actions,
  .landscape-mobile-panel-slot .toolbar-history,
  .landscape-mobile-panel-slot .canvas-toggle-group {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
    border-color: rgba(224, 232, 218, 0.1);
    box-shadow: none;
  }

  .landscape-mobile-panel-slot .workspace-draw-toolbar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 7px;
  }

  .landscape-mobile-panel-slot .toolbar-tool-button {
    min-height: 43px;
    border-radius: 14px;
  }

  .landscape-mobile-panel-slot .context-toolbar-popover,
  .landscape-mobile-panel-slot .plant-picker-popover {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    max-height: none;
    margin-top: 8px;
    overflow: visible;
    transform: none;
  }

  .landscape-mobile-panel-slot .tool-chooser-popover {
    padding: 7px;
  }

  .landscape-mobile-panel-slot .sidebar-tabs-right {
    position: sticky;
    top: -12px;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    margin: -12px -12px 10px;
    padding: 9px 12px;
    background: #1a2922;
  }

  .landscape-mobile-panel-slot .sidebar-tabs-right .sidebar-tab {
    min-height: 40px;
    padding: 7px 3px;
    font-size: 0.64rem;
  }

  .landscape-mobile-panel-slot .preset-list {
    grid-template-columns: 1fr;
  }

  .landscape-mobile-plant-controls {
    position: sticky;
    top: -12px;
    z-index: 4;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: -12px -12px 10px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(221, 231, 214, 0.09);
    background: rgba(25, 40, 33, 0.97);
    backdrop-filter: blur(16px);
  }

  .landscape-mobile-plant-controls strong,
  .landscape-mobile-plant-controls small {
    display: block;
  }

  .landscape-mobile-plant-controls strong {
    font: 900 0.72rem/1 "Manrope", sans-serif;
  }

  .landscape-mobile-plant-controls small {
    margin-top: 4px;
    color: rgba(221, 231, 214, 0.55);
    font: 700 0.6rem/1.2 "Manrope", sans-serif;
  }

  .landscape-mobile-plant-controls button {
    min-height: 38px;
    padding: 0 11px;
    border: 1px solid rgba(203, 225, 145, 0.18);
    border-radius: 13px;
    color: #ddecad;
    background: rgba(166, 197, 101, 0.09);
    font: 900 0.63rem/1 "Manrope", sans-serif;
  }

  .landscape-mobile-panel-layer[data-panel="plants"]:not([data-plant-advanced="true"]) :is(
    .custom-plant-panel,
    .design-intelligence-panel,
    .acorn-woody-finder,
    .library-context
  ) {
    display: none !important;
  }

  .landscape-mobile-panel-slot .project-browser-bar {
    display: grid !important;
    gap: 12px;
  }

  .landscape-mobile-panel-slot .project-browser-gallery,
  .landscape-mobile-panel-slot .project-browser-recent,
  .landscape-mobile-panel-slot .landscape-cloud-link,
  .landscape-mobile-panel-slot .project-strip,
  .landscape-mobile-panel-slot .branding-grid,
  .landscape-mobile-panel-slot .certification-list {
    grid-template-columns: 1fr !important;
  }

  .landscape-mobile-panel-slot .project-drawer-summary {
    display: none;
  }

  .landscape-mobile-panel-slot .project-drawer-content {
    display: block;
  }

  .landscape-mobile-panel-layer[data-panel="site"] .landscape-mobile-panel-slot > .sidebar-panel {
    display: flex !important;
    flex-direction: column;
  }

  .landscape-mobile-panel-layer[data-panel="site"] .google-overlay-panel {
    order: -1;
    margin-bottom: 14px;
  }

  body.landscape-mobile-has-map-key .landscape-mobile-panel-layer[data-panel="site"] label:has(#studio-google-api-key),
  .landscape-mobile-panel-layer[data-panel="site"] .google-overlay-panel > .support-copy {
    display: none !important;
  }

  .landscape-mobile-more-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .landscape-mobile-more-grid button,
  .landscape-mobile-more-grid a {
    min-width: 0;
    min-height: 76px;
    display: grid;
    align-content: center;
    padding: 12px;
    border: 1px solid rgba(222, 231, 215, 0.1);
    border-radius: 17px;
    color: #edf2e9;
    background: rgba(255, 255, 255, 0.052);
    text-align: left;
  }

  .landscape-mobile-more-grid button.primary {
    color: #172119;
    border-color: rgba(202, 230, 115, 0.32);
    background: linear-gradient(135deg, #d9eb7d, #80bfa1);
  }

  .landscape-mobile-more-grid strong,
  .landscape-mobile-more-grid small {
    display: block;
  }

  .landscape-mobile-more-grid strong {
    font: 900 0.78rem/1.12 "Manrope", sans-serif;
  }

  .landscape-mobile-more-grid small {
    margin-top: 5px;
    color: rgba(224, 232, 218, 0.56);
    font: 700 0.62rem/1.25 "Manrope", sans-serif;
  }

  .landscape-mobile-more-grid button.primary small {
    color: rgba(23, 33, 25, 0.6);
  }

  body.landscape-mobile-ready .gm-style-mtc,
  body.landscape-mobile-ready .gm-svpc,
  body.landscape-mobile-ready .gm-fullscreen-control {
    display: none !important;
  }
}

@media (max-width: 390px), (max-height: 720px) and (max-width: 1080px) {
  .landscape-mobile-dashboard:not([hidden]) {
    padding-top: max(10px, env(safe-area-inset-top));
    padding-bottom: max(9px, env(safe-area-inset-bottom));
  }

  .landscape-mobile-brand img {
    width: 36px;
    height: 36px;
  }

  .landscape-mobile-dashboard-body > p {
    min-height: 0;
    margin-bottom: 10px;
    -webkit-line-clamp: 1;
  }

  .landscape-mobile-plan-card {
    padding: 11px;
  }

  .landscape-mobile-primary-actions {
    margin-top: 9px;
  }

  .landscape-mobile-primary-actions button {
    min-height: 52px;
  }

  .landscape-mobile-primary-actions button:first-child {
    min-height: 58px;
  }

  .landscape-mobile-dashboard-foot > span {
    display: none;
  }
}

@media (max-height: 620px) and (min-width: 821px) and (max-width: 1024px) {
  .landscape-mobile-dashboard:not([hidden]) {
    padding: max(8px, env(safe-area-inset-top)) 14px max(8px, env(safe-area-inset-bottom));
  }

  .landscape-mobile-dashboard-head {
    min-height: 38px;
  }

  .landscape-mobile-brand img {
    width: 34px;
    height: 34px;
  }

  .landscape-mobile-dashboard-body {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(360px, 1.15fr);
    grid-template-rows: auto auto minmax(0, 1fr);
    align-items: center;
    gap: 5px 18px;
    max-width: 920px;
  }

  .landscape-mobile-kicker,
  .landscape-mobile-dashboard h1,
  .landscape-mobile-dashboard-body > p {
    grid-column: 1;
  }

  .landscape-mobile-kicker {
    align-self: end;
    margin: 0;
  }

  .landscape-mobile-dashboard h1 {
    font-size: 1.55rem;
  }

  .landscape-mobile-dashboard-body > p {
    align-self: start;
    min-height: 0;
    margin: 2px 0 0;
    -webkit-line-clamp: 3;
  }

  .landscape-mobile-plan-card {
    grid-column: 2;
    grid-row: 1 / 3;
    min-height: 112px;
    padding: 10px 12px;
  }

  .landscape-mobile-primary-actions {
    grid-column: 2;
    grid-row: 3;
    align-self: start;
    margin-top: 3px;
  }

  .landscape-mobile-primary-actions button,
  .landscape-mobile-primary-actions button:first-child {
    min-height: 48px;
    padding: 8px 11px;
  }

  .landscape-mobile-primary-actions button:first-child {
    grid-column: auto;
  }

  .landscape-mobile-primary-actions {
    grid-template-columns: 1.35fr repeat(2, minmax(0, 0.8fr));
  }

  .landscape-mobile-dashboard-foot {
    justify-content: flex-end;
  }

  .landscape-mobile-dashboard-foot button {
    min-height: 32px;
  }
}

@media (max-width: 1080px) {
  body.arbsoul-ui-light.landscape-mobile-ready {
    background: var(--as-paper-150);
  }

  body.arbsoul-ui-light .landscape-mobile-dashboard:not([hidden]) {
    color: var(--as-ink-900);
    background:
      radial-gradient(circle at 92% 6%, rgba(145, 173, 112, 0.18), transparent 30%),
      radial-gradient(circle at 0% 92%, rgba(77, 120, 128, 0.1), transparent 34%),
      var(--as-paper-150);
  }

  body.arbsoul-ui-light :where(.landscape-mobile-brand strong, .landscape-mobile-dashboard h1) {
    color: var(--as-ink-900);
  }

  body.arbsoul-ui-light :where(
    .landscape-mobile-brand small,
    .landscape-mobile-dashboard-body > p,
    .landscape-mobile-plan-card > p,
    .landscape-mobile-plan-metrics small,
    .landscape-mobile-dashboard-foot
  ) {
    color: var(--as-ink-500);
  }

  body.arbsoul-ui-light .landscape-mobile-save-state {
    border-color: rgba(88, 115, 79, 0.18);
    color: #48613f;
    background: rgba(145, 173, 112, 0.14);
  }

  body.arbsoul-ui-light :where(.landscape-mobile-plan-card, .landscape-mobile-primary-actions button, .landscape-mobile-dashboard-foot button) {
    border-color: var(--as-light-line);
    color: var(--as-ink-900);
    background: rgba(255, 253, 248, 0.84);
    box-shadow: 0 12px 32px rgba(23, 33, 26, 0.07);
  }

  body.arbsoul-ui-light .landscape-mobile-plan-score {
    color: #48613f;
    background: rgba(145, 173, 112, 0.16);
  }

  body.arbsoul-ui-light .landscape-mobile-plan-metrics strong {
    color: var(--as-ink-900);
  }

  body.arbsoul-ui-light .landscape-mobile-primary-actions button small {
    color: var(--as-ink-500);
  }

  body.arbsoul-ui-light :where(.landscape-mobile-workbar:not([hidden]), .landscape-mobile-nav:not([hidden])) {
    border-color: var(--as-light-line);
    color: var(--as-ink-900);
    background: rgba(255, 253, 248, 0.97);
    box-shadow: 0 8px 28px rgba(23, 33, 26, 0.08);
  }

  body.arbsoul-ui-light .landscape-mobile-draft-dock:not([hidden]) {
    border-color: var(--as-light-line);
    background: rgba(255, 253, 248, 0.96);
    box-shadow: 0 18px 42px rgba(23, 33, 26, 0.2);
  }

  body.arbsoul-ui-light .landscape-mobile-draft-dock button:not(.primary) {
    border-color: var(--as-light-line);
    color: var(--as-ink-900);
    background: rgba(240, 236, 225, 0.82);
  }

  body.arbsoul-ui-light :where(.landscape-mobile-workbar > button, .landscape-mobile-nav button) {
    border-color: var(--as-light-line);
    color: var(--as-ink-500);
    background: rgba(240, 236, 225, 0.66);
  }

  body.arbsoul-ui-light :where(.landscape-mobile-workbar strong, .landscape-mobile-nav button.active) {
    color: #48613f;
  }

  body.arbsoul-ui-light :where(.landscape-mobile-workbar small, .landscape-mobile-nav small) {
    color: var(--as-ink-500);
  }

  body.arbsoul-ui-light .landscape-mobile-panel-scrim {
    background: rgba(23, 33, 26, 0.28);
  }

  body.arbsoul-ui-light .landscape-mobile-panel {
    border-color: var(--as-light-line);
    color: var(--as-ink-900);
    background:
      radial-gradient(circle at 86% 0%, rgba(145, 173, 112, 0.16), transparent 32%),
      var(--as-paper-50);
    box-shadow: 0 -20px 50px rgba(23, 33, 26, 0.16);
  }

  body.arbsoul-ui-light .landscape-mobile-panel > header {
    border-color: var(--as-light-line);
  }

  body.arbsoul-ui-light .landscape-mobile-panel > header strong {
    color: var(--as-ink-900);
  }

  body.arbsoul-ui-light .landscape-mobile-panel > header button {
    border-color: var(--as-light-line);
    color: var(--as-ink-900);
    background: rgba(240, 236, 225, 0.8);
  }

  body.arbsoul-ui-light :where(
    .landscape-mobile-panel-slot .workbench-tool-cluster,
    .landscape-mobile-panel-slot .toolbar-option-strip,
    .landscape-mobile-panel-slot .workbench-actions,
    .landscape-mobile-panel-slot .toolbar-history,
    .landscape-mobile-panel-slot .canvas-toggle-group,
    .landscape-mobile-more-grid button,
    .landscape-mobile-more-grid a
  ) {
    border-color: var(--as-light-line);
    color: var(--as-ink-900);
    background: rgba(240, 236, 225, 0.72);
  }

  body.arbsoul-ui-light :where(.landscape-mobile-more-grid small, .landscape-mobile-plant-controls small) {
    color: var(--as-ink-500);
  }

  body.arbsoul-ui-light :where(.landscape-mobile-plant-controls, .landscape-mobile-panel-slot .sidebar-tabs-right) {
    border-color: var(--as-light-line);
    color: var(--as-ink-900);
    background: rgba(255, 253, 248, 0.98);
  }

  body.arbsoul-ui-light .landscape-mobile-plant-controls button {
    border-color: rgba(88, 115, 79, 0.2);
    color: #48613f;
    background: rgba(145, 173, 112, 0.14);
  }

  body.arbsoul-ui-light .status-bar {
    border-color: var(--as-light-line) !important;
    color: var(--as-ink-700) !important;
    background: rgba(255, 253, 248, 0.84) !important;
  }
}