.botani-garden-main{padding:20px 3vw 45px;background:#fafbf4}.garden-identity{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:12px;color:#6c7b65;margin:0 0 16px}.garden-identity span{margin-left:auto}.vi-garden-app{--vi-garden-paper:#fafbf4;--vi-garden-moss:#204532;--vi-garden-line:#d9dfd1}.vi-garden-hero h2{font-family:Georgia,serif!important;font-weight:400!important}.vi-garden-hero__logo img{max-width:190px!important}.vi-garden-app button,.vi-garden-app input,.vi-garden-app select{font-family:inherit}.vi-garden-app .vi-garden-card{border-radius:18px}.vi-garden-app [hidden]{display:none!important}.vi-garden-app__loading{padding:40px;text-align:center}body:has(.vi-garden-app.is-full-page)>.announcement,body:has(.vi-garden-app.is-full-page)>.site-header,body:has(.vi-garden-app.is-full-page)>.footer,body:has(.vi-garden-app.is-full-page) .garden-identity{display:none}.vi-garden-app input{min-width:0}@media(max-width:700px){.botani-garden-main{padding:12px}.garden-identity span{margin-left:0}}

body:has(.vi-garden-app.is-full-page) .botani-garden-main{padding:0}body:has(.vi-garden-app.is-full-page){overflow-x:hidden}.vi-garden-app .vi-garden-more-plants{width:100%;border:1px solid #d8ded6;border-radius:10px;padding:12px;background:#eef2e6;color:#204532;cursor:pointer}

/* Botani UI: readable controls, compact navigation and drawers clear of the canvas. */
.vi-garden-app {font-family:Arial,Helvetica,sans-serif;background:#f5f7ef;color:#183c2c}
.vi-garden-app :where(button,input,select,textarea,strong,small,span,p,label,h2,h3,h4,summary) {font-family:Arial,Helvetica,sans-serif!important}
.vi-garden-app :where(button,strong,b,summary) {font-weight:600}
.vi-garden-app :where(button,input,select,textarea,summary):focus-visible {outline:3px solid #899e50!important;outline-offset:3px!important}
.vi-garden-app :where(button,summary) {touch-action:manipulation}
.vi-garden-app .vi-garden-editor__topbar.has-workspace-tabs {padding:14px 20px 12px;gap:10px 14px;background:#fcfcf7;border-bottom:1px solid #d8dfd0;box-shadow:none}
.vi-garden-app .vi-garden-editor__topbar.has-workspace-tabs > div:nth-child(2) {min-width:0}
.vi-garden-app .vi-garden-editor__topbar h2 {font-size:24px;line-height:1.25;letter-spacing:-.02em;margin:0}
.vi-garden-app .vi-garden-name {font-size:22px;font-weight:500;line-height:1.3;min-width:0;border-radius:6px}
.vi-garden-app .vi-garden-kicker {font-size:10px;letter-spacing:.12em;color:#627358}
.vi-garden-app .vi-garden-editor__topbar.has-workspace-tabs > .vi-garden-workspace-tabs {display:flex;justify-self:stretch;max-width:none;justify-content:flex-start;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity;border:0;background:#edf1e5;padding:4px;border-radius:12px;box-shadow:none}
.vi-garden-app .vi-garden-editor__topbar.has-workspace-tabs > .vi-garden-workspace-tabs button {flex:1 0 auto;min-height:42px;min-width:100px;padding:10px 16px;font-size:13px;font-weight:600;box-shadow:none;scroll-snap-align:start;transform:none}
.vi-garden-app .vi-garden-editor__topbar.has-workspace-tabs > .vi-garden-workspace-tabs button span {display:none}
.vi-garden-app .vi-garden-editor--design .vi-garden-share-button,
.vi-garden-app .vi-garden-header-menu-button {min-height:38px;padding:9px 13px;font-size:12px;font-weight:600}
.vi-garden-app .vi-garden-save-status {font-size:12px!important;line-height:1.4;color:#566b4e;min-width:105px}
.vi-garden-app .vi-garden-header-basket {width:38px;height:38px;flex-basis:38px}
.vi-garden-app .vi-garden-editor--design .vi-garden-workspace {min-width:0;min-height:0;padding:16px;background:#eef2e8}
.vi-garden-app .vi-garden-editor--design .vi-garden-editor__body {min-height:calc(100dvh - 140px)}
.vi-garden-app .vi-garden-editor--design .vi-garden-tools,
.vi-garden-app .vi-garden-editor--design .vi-garden-sidebar {background:#fcfcf7;box-shadow:0 8px 30px #183c2c12;padding:16px;visibility:hidden;overscroll-behavior:contain}
.vi-garden-app .vi-garden-editor--design .is-tools-open .vi-garden-tools,
.vi-garden-app .vi-garden-editor--design .is-inspector-open .vi-garden-sidebar {visibility:visible}
.vi-garden-app .vi-garden-editor--design .vi-garden-drawer-heading {position:sticky;top:-16px;z-index:5;padding:12px 0;background:#fcfcf7}
.vi-garden-app .vi-garden-editor--design [data-close-drawer] {width:36px;height:36px;min-height:36px}
.vi-garden-app .vi-garden-panel__heading span,
.vi-garden-app .vi-garden-tool-section > summary span,
.vi-garden-app .vi-garden-space-dimensions label {font-size:10px!important;font-weight:600;color:#627358}
.vi-garden-app .vi-garden-tool-section > summary strong,
.vi-garden-app .vi-garden-build-branch > summary strong {font-size:14px!important;font-weight:600}
.vi-garden-app .vi-garden-tool-section > summary {min-height:52px}
.vi-garden-app .vi-garden-space-actions {grid-template-columns:1fr 1fr;gap:8px}
.vi-garden-app .vi-garden-space-actions button {font-size:12px;min-height:42px}
.vi-garden-app .vi-garden-space-dimensions input {font-size:14px;font-weight:400;min-height:40px}
.vi-garden-app .vi-garden-editor--design .vi-garden-plant-results {max-height:360px}
.vi-garden-app .vi-garden-build-branch--plants input[type="search"] {font-size:14px;min-height:42px;padding:10px 12px}
.vi-garden-app .vi-garden-editor--design .vi-garden-build-branch--plants .vi-garden-plant-result {display:flex;align-items:center;gap:10px;min-height:65px;padding:8px;opacity:1;border:1px solid transparent;border-radius:10px;background:transparent}
.vi-garden-app .vi-garden-editor--design .vi-garden-plant-result:hover {border-color:#bfcbb3;background:#edf2e5}
.vi-garden-app .vi-garden-editor--design .vi-garden-build-branch--plants .vi-garden-plant-result img {width:46px;height:46px;flex:0 0 46px;border-radius:9px;object-fit:cover}
.vi-garden-app .vi-garden-editor--design .vi-garden-build-branch--plants .vi-garden-plant-result > span {min-width:0;display:grid;gap:4px}
.vi-garden-app .vi-garden-editor--design .vi-garden-build-branch--plants .vi-garden-plant-result strong {font-size:14px;line-height:1.25;white-space:normal;font-weight:600;color:#183c2c}
.vi-garden-app .vi-garden-editor--design .vi-garden-build-branch--plants .vi-garden-plant-result small {font-size:12px;line-height:1.3;color:#607255;font-weight:400}
.vi-garden-app .vi-garden-build-tree .vi-garden-tool-grid button {min-height:44px;font-size:13px!important}
.vi-garden-app .vi-garden-inspector-section :where(label,input,select),
.vi-garden-app .vi-garden-condition-panel :where(label,input,select),
.vi-garden-app .vi-garden-solar-panel :where(label,input,select) {font-size:13px!important;line-height:1.4}
.vi-garden-app .vi-garden-inspector-section :where(input,select) {min-height:38px}
.vi-garden-app .vi-garden-editor--design .vi-garden-modebar {position:relative;max-width:none;margin:0 0 12px;justify-content:flex-start;padding:5px;gap:4px;background:#fcfcf7;border-radius:12px;box-shadow:0 2px 8px #183c2c08}
.vi-garden-app .vi-garden-modebar :where(button,summary) {font-weight:600!important}
.vi-garden-app .vi-garden-editor--design .vi-garden-modebar__group > button,
.vi-garden-app .vi-garden-editor--design .vi-garden-modebar > button {font-size:13px;min-height:40px;padding:10px}
.vi-garden-app .vi-garden-editor--design .vi-garden-detail-strip {justify-content:flex-start}
.vi-garden-app .vi-garden-editor--design .vi-garden-overview__summary {display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 12px;border:0;box-shadow:none;background:transparent}
.vi-garden-app .vi-garden-editor--design .vi-garden-overview__summary span {font-size:12px;white-space:nowrap}
.vi-garden-app .vi-garden-editor--design .vi-garden-overview__summary strong {font-size:14px;font-weight:600}
.vi-garden-app .vi-garden-editor--design .vi-garden-inline-3d {height:clamp(420px,calc(100dvh - 285px),900px);min-height:420px;border-radius:14px}
.vi-garden-app .vi-garden-hero {min-height:0;padding:20px 100px 20px 0;background:transparent;border:0;box-shadow:none}
.vi-garden-app .vi-garden-hero h2 {font-family:Georgia,serif!important;font-size:42px;font-weight:400}
.vi-garden-app .vi-garden-hero p {font-size:15px;line-height:1.6;max-width:650px}
.vi-garden-app :where(.vi-garden-card,.vi-garden-toolbar,.vi-garden-library-controls) :where(button,input,select) {font-size:13px;min-height:40px}
.vi-garden-app .vi-garden-card__body h3 {font-size:21px;font-weight:500}
.vi-garden-app .vi-garden-card__body p {font-size:14px;line-height:1.5}
.vi-garden-app :where(.vi-growing-main,.vi-build-main,.vi-assistant-main,.vi-capture-main,.vi-team-main,.vi-export-main,.vi-readiness-main) :where(p,small,label) {font-size:13px;line-height:1.55}
.vi-garden-app :where(.vi-growing-main,.vi-build-main,.vi-assistant-main,.vi-capture-main,.vi-team-main,.vi-export-main,.vi-readiness-main) :where(button,input,select,textarea) {font-size:13px;min-height:38px}
.vi-garden-app :where(.vi-growing-main,.vi-build-main,.vi-assistant-main,.vi-capture-main,.vi-team-main,.vi-export-main,.vi-readiness-main) h3 {font-weight:500}
.vi-garden-app .vi-garden-collaboration-modal :where(button,input,select,textarea) {font-size:13px;min-height:40px}
.vi-garden-app .vi-garden-collaboration-modal :where(p,label,small) {font-size:12px;line-height:1.5}
.vi-garden-app .vi-plant-profile-dialog {max-width:min(720px,calc(100vw - 24px));max-height:85dvh;overflow:auto}
.vi-garden-app .vi-plant-profile-dialog p {font-size:14px;line-height:1.5}
@media(min-width:1200px){
 .vi-garden-app .vi-garden-editor--design .vi-garden-editor__body {--botani-left:0px;--botani-right:0px;display:grid;grid-template-columns:var(--botani-left) minmax(0,1fr) var(--botani-right);transition:grid-template-columns .25s ease;overflow:clip}
 .vi-garden-app .vi-garden-editor--design .vi-garden-editor__body.is-tools-open {--botani-left:var(--vi-tools-width,280px)}
 .vi-garden-app .vi-garden-editor--design .vi-garden-editor__body.is-inspector-open {--botani-right:var(--vi-sidebar-width,320px)}
 .vi-garden-app .vi-garden-editor--design .vi-garden-workspace {grid-column:2;grid-row:1}
 .vi-garden-app .vi-garden-editor--design .vi-garden-tools,
 .vi-garden-app .vi-garden-editor--design .vi-garden-sidebar {position:sticky;top:0;grid-row:1;align-self:start;height:calc(100dvh - 135px);max-height:calc(100dvh - 135px);box-shadow:none;transform:none}
 .vi-garden-app .vi-garden-editor--design .vi-garden-tools {grid-column:1;width:var(--vi-tools-width,280px)}
 .vi-garden-app .vi-garden-editor--design .vi-garden-sidebar {grid-column:3;width:var(--vi-sidebar-width,320px)}
}
@media(max-width:1199px){
 .vi-garden-app .vi-garden-editor--design .vi-garden-tools,
 .vi-garden-app .vi-garden-editor--design .vi-garden-sidebar {position:fixed;z-index:600;top:0;bottom:0;height:100dvh;width:min(360px,calc(100vw - 32px));max-height:100dvh;padding-top:20px;background:#fcfcf7}
 .vi-garden-app .vi-garden-editor--design .vi-garden-sidebar-resizer {display:none}
 .vi-garden-app .vi-garden-editor__topbar.has-workspace-tabs > .vi-garden-workspace-tabs button {flex:0 0 auto;min-width:96px}
}
@media(max-width:700px){
 .botani-garden-main {padding:10px}.garden-identity {font-size:12px;line-height:1.5;padding:6px}.garden-identity strong {overflow-wrap:anywhere}
 .vi-garden-app:not(.is-full-page) {padding:16px;border-radius:16px}
 .vi-garden-app .vi-garden-editor__topbar.has-workspace-tabs {display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;padding:10px 12px;z-index:300}
 .vi-garden-app .vi-garden-editor__topbar.has-workspace-tabs > .vi-garden-workspace-tabs {grid-row:3;grid-column:1/-1;width:100%;margin:0;gap:2px;border-radius:10px}
 .vi-garden-app .vi-garden-editor__topbar.has-workspace-tabs > .vi-garden-workspace-tabs button {min-height:40px;min-width:80px;font-size:13px;padding:9px 14px}
 .vi-garden-app .vi-garden-editor__topbar.has-workspace-tabs > .vi-garden-editor__actions {grid-row:2;grid-column:1/-1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;width:100%}
 .vi-garden-app .vi-garden-editor__actions .vi-garden-save-status {flex:1 1 100%;min-width:0;width:auto;text-align:left;font-size:11px!important}
 .vi-garden-app .vi-garden-editor__topbar h2,.vi-garden-app .vi-garden-name {font-size:20px;line-height:1.3}
 .vi-garden-app .vi-garden-back {height:38px;width:38px}
 .vi-garden-app .vi-garden-editor--design .vi-garden-workspace {padding:10px;min-height:0}
 .vi-garden-app .vi-garden-editor--design .vi-garden-modebar {gap:4px;justify-content:flex-start;flex-wrap:wrap}
 .vi-garden-app .vi-garden-editor--design .vi-garden-modebar__group {flex:0 1 auto;gap:2px}
 .vi-garden-app .vi-garden-editor--design .vi-garden-modebar__group > button {flex:0 0 auto;min-height:40px;padding:9px 8px;font-size:12px}
 .vi-garden-app .vi-garden-modebar__group > button > span {display:none}
 .vi-garden-app .vi-garden-editor--design .vi-garden-modebar__views button {min-width:40px;min-height:34px;padding:8px;font-size:13px}
 .vi-garden-app .vi-garden-editor--design .vi-garden-inline-3d {height:55dvh;min-height:340px}
 .vi-garden-app .vi-garden-mini-3d {width:110px;max-width:35%;top:14px;left:14px}
 .vi-garden-app .vi-garden-mini-3d.is-expanded {width:calc(100% - 28px);max-width:none}
 .vi-garden-app .vi-garden-mini-3d header strong {display:none}
 .vi-garden-app .vi-garden-view-menu > div {position:fixed;inset:auto 12px 12px;width:auto;max-height:65dvh;overflow:auto}
 .vi-garden-app .vi-garden-grid[data-card-layout] {grid-template-columns:minmax(0,1fr)}
 .vi-garden-app .vi-garden-grid[data-card-layout="list"] .vi-garden-card {display:block}
 .vi-garden-app .vi-garden-hero {padding:12px 0}.vi-garden-app .vi-garden-hero h2 {font-size:34px}.vi-garden-app .vi-garden-hero__logo {display:none}
 .vi-garden-app :where(.vi-growing-main,.vi-build-main,.vi-assistant-main,.vi-capture-main,.vi-team-main,.vi-export-main,.vi-readiness-main) {padding:14px}
 .vi-garden-app :where(input,select,textarea) {font-size:16px!important}
 .vi-garden-app .vi-garden-collaboration-modal {padding:12px}
 .vi-garden-app .vi-garden-collaboration-modal > section {max-height:calc(100dvh - 24px)}
 .vi-garden-app .vi-garden-collaboration-modal__body {padding:16px}
}
@media(prefers-reduced-motion:reduce){.vi-garden-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* The embedded viewer has no header row; its stage uses the whole preview. */
.vi-garden-app .vi-garden-3d-modal.is-embedded.has-external-controls .vi-garden-3d-dialog {display:block;position:relative}
.vi-garden-app .vi-garden-3d-modal.is-embedded.has-external-controls .vi-garden-3d-stage {height:100%;width:100%}
.vi-garden-app .vi-garden-editor--design .vi-garden-overview {width:auto;max-width:none}
.vi-garden-app .vi-garden-editor--design .vi-garden-overview__summary {width:auto;max-width:none;justify-content:flex-start}
.vi-garden-app .vi-garden-editor--design .vi-garden-overview__summary span {padding:0;border:0}
.vi-garden-app .vi-growing-workspace :where(p,small,label) {font-size:13px;line-height:1.55}
.vi-garden-app .vi-growing-workspace :where(button,input,select,textarea) {font-size:13px;min-height:38px}
.vi-garden-app .vi-growing-workspace h3 {font-weight:500}
@media(max-width:700px){
 .vi-garden-app .vi-growing-workspace {padding:14px}
 .vi-garden-app .vi-garden-editor--design .vi-garden-overview__summary {gap:6px 14px}
 .vi-garden-app .vi-garden-3d-status .vi-garden-ar-guide {display:none}
}
.vi-garden-app .vi-garden-hero {display:block;height:auto!important;flex:none;margin:0 0 20px;overflow:visible}
.vi-garden-app .vi-garden-hero > div:first-child {padding-right:0;flex:none;height:auto}
.vi-garden-app .vi-garden-library-tabs {margin:0 0 16px;border-radius:14px;gap:4px;flex-wrap:wrap}
.vi-garden-app .vi-garden-library-tabs :where(button,a) {font-size:13px;font-weight:600;min-height:40px}
.vi-garden-app .vi-garden-card-controls {margin:0;gap:10px;padding:14px}
.vi-garden-app .vi-garden-card-controls :where(input,select,button) {font-size:13px;font-weight:400;min-height:40px}
.vi-garden-app .vi-garden-card-controls label > span,
.vi-garden-app .vi-garden-card-layout > span,
.vi-garden-app .vi-garden-card-motion > span {font-size:10px;color:#5e7155;font-weight:600}
@media(max-width:700px){
 .vi-garden-app .vi-garden-library-tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .vi-garden-app .vi-garden-library-tabs .vi-garden-library-create.is-open {grid-column:1/-1;width:100%;max-width:none}
 .vi-garden-app .vi-garden-library-create input {width:100%}
 .vi-garden-app .vi-garden-card-controls {grid-template-columns:minmax(0,1fr)}
 .vi-garden-app .vi-garden-card-controls > * {grid-column:1!important}
 .vi-garden-app .vi-garden-card-layout {display:none}
 .vi-garden-app .vi-garden-3d-status > :last-child {display:none}
 .vi-garden-app .vi-garden-3d-dialog > footer.vi-garden-3d-status {bottom:62px}
}
.vi-garden-app .vi-garden-layers-heading {grid-template-columns:1fr;gap:10px}
.vi-garden-app .vi-garden-layers-heading__actions {grid-column:1;grid-row:auto;max-width:none;justify-content:flex-start}
.vi-garden-app .vi-garden-layers-heading__actions button {font-size:11px;min-height:34px}
.vi-garden-app .vi-garden-layer-select strong {font-size:12px}
.vi-garden-app .vi-garden-layer-select small {font-size:10px}
.vi-garden-app .vi-garden-schedule :where(select,button) {font-size:12px;min-height:38px}
.vi-garden-app .vi-garden-schedule-row strong {font-size:13px}
.vi-garden-app .vi-garden-schedule-row small,.vi-garden-app .vi-garden-schedule-total {font-size:12px}
.vi-garden-app .vi-garden-mini-3d {height:auto;aspect-ratio:1.25}
.vi-garden-app .vi-garden-mini-3d .vi-garden-3d-dialog {display:block}
.vi-garden-app .vi-garden-mini-3d .vi-garden-3d-stage {height:100%}
