:where(.tool-layout){scroll-behavior:smooth;color:var(--ink);color-scheme:light;background:radial-gradient(circle at 10% 0%, #39765817, transparent 28rem), var(--bg);--bg:#f5f1e8;--surface:#fffdf7;--surface-2:#eee7d9;--ink:#1f2922;--muted:#68716b;--line:#cfc6b5;--green:#397658;--green-soft:#dcecdf;--gold:#b58129;--gold-soft:#f4e5bd;--blue:#39728e;--blue-soft:#dcebf1;--violet:#796397;--violet-soft:#e9e1f1;--danger:#a14c3e;--shadow:0 18px 45px #3a33261a;margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;line-height:1.5;:root[data-theme=dark] &{color-scheme:dark;--bg:#151a17;--surface:#1d241f;--surface-2:#252e28;--ink:#edf2ed;--muted:#aab6ae;--line:#3a463e;--green:#75bd91;--green-soft:#243d2d;--gold:#d8ad58;--gold-soft:#44371f;--blue:#73b5d1;--blue-soft:#213944;--violet:#b4a0d0;--violet-soft:#372e44;--danger:#e18b7e;--shadow:0 18px 45px #00000047}& *{box-sizing:border-box}& button,& input,& select{font:inherit}& a{color:var(--green)}& .page{max-inline-size:1180px;margin:0 auto;padding:34px 24px 70px}& .hero{justify-content:space-between;align-items:end;gap:28px;margin-block-end:24px;display:flex}& .eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.15em;margin:0 0 7px;font-size:.75rem;font-weight:700}& h1,& h2,& h3,& p{margin-block-start:0}& h1{letter-spacing:-.05em;max-inline-size:760px;margin-block-end:12px;font-size:clamp(2rem,5vi,4rem);line-height:1}& h2{letter-spacing:-.025em;margin-block-end:8px;font-size:clamp(1.5rem,3vi,2rem);line-height:1.125}& h3{letter-spacing:.02em;margin-block-end:10px;font-size:1rem}& .lede{max-inline-size:760px;color:var(--muted);margin-block-end:0}& .hero-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;max-inline-size:20rem;display:flex}& .site-icon{vertical-align:-.24rem;flex:none;block-size:1.35rem;inline-size:1.35rem;display:inline-block;overflow:visible}& .button{min-block-size:42px;color:var(--ink);cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-weight:650;text-decoration:none;display:inline-flex;&.primary{color:#fff;background:var(--green);border-color:var(--green)}&:hover,&:focus-visible{transform:translateY(-1px)}}& .button:focus-visible,& .tab:focus-visible{outline:3px solid var(--blue);outline-offset:3px}& .viewpoint{background:var(--blue-soft);border-inline-start:4px solid var(--blue);grid-template-columns:[primary-start]auto[primary-end secondary-start]minmax(0,1fr)[secondary-end];align-items:center;gap:5px 18px;margin-block-end:18px;padding:13px 16px;display:grid;& strong{grid-row:1/span 2}& span{color:var(--muted)}}& .tabs-shell{justify-content:space-between;align-items:center;gap:12px;margin-block-end:24px;display:flex}& .diagram-tabs{overflow-inline:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;gap:8px;max-inline-size:100%;padding:6px;display:flex}& .tab{min-block-size:40px;color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 13px;font-size:.875rem;font-weight:700;display:inline-flex;&[aria-selected=true]{color:#fff;background:var(--green)}}& .assumption{background:var(--gold-soft);border-inline-start:4px solid var(--gold);border-radius:0 10px 10px 0;align-items:center;gap:12px;margin-block-end:28px;padding:13px 16px;display:flex;& strong{white-space:nowrap}}& .section{margin-block-start:42px;scroll-margin-block-start:18px}& .tab-panel{margin-block-start:28px;&[hidden]{display:none}}& .section-heading{justify-content:space-between;align-items:end;gap:20px;margin-block-end:16px;display:flex;& p{max-inline-size:680px;color:var(--muted);margin-block-end:0}}& .diagram-shell{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}& .diagram-header{background:var(--surface-2);border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;& strong{font-size:.875rem}& span{color:var(--muted);font-size:.875rem}}& .diagram{block-size:auto;inline-size:100%;display:block}& .room-grid{grid-template-columns:[primary-start]minmax(0,1.65fr)[primary-end secondary-start]minmax(250px,.7fr)[secondary-end];display:grid}& .key{border-inline-start:1px solid var(--line);padding:22px;display:grid}& .key-list{gap:16px;margin:0;display:grid}& .key-item{grid-template-columns:[primary-start]12px[primary-end secondary-start]minmax(0,1fr)[secondary-end];gap:2px;display:grid}& .key-item:before{content:"";background:var(--green);border-radius:999px;block-size:8px;inline-size:8px;margin-block-start:7px}& .key-item dt{grid-column:2;font-weight:700}& .key-item dd{color:var(--muted);grid-column:2;margin:0;font-size:.875rem}& .tables-grid{grid-template-columns:[primary-start]minmax(0,1fr)[primary-end secondary-start]minmax(0,1fr)[secondary-end];gap:18px;display:grid}& .placement-gallery{grid-template-columns:repeat(2,[figure-start]minmax(0,1fr)[figure-end]);align-items:start;gap:18px;display:grid;& figure{margin:0}& figure:last-child{grid-column:1/-1}& img{block-size:auto;inline-size:100%;display:block}& figcaption{padding:12px 16px}@media (width<=680px){grid-template-columns:[figure-start]minmax(0,1fr)[figure-end]}}& .plant-interaction-note{background:var(--green-soft);border:1px solid var(--green);border-radius:12px;align-items:center;gap:10px;margin:0 0 18px;padding:10px 12px;display:flex;&>.site-icon{flex:none;block-size:22px;inline-size:22px}& p{margin:0}}& .table-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}& .panel-copy{border-block-start:1px solid var(--line);padding:18px;& p:where(:last-child){margin-block-end:0}}& .plant-detail-card{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;min-block-size:250px;margin:0 18px 18px;padding:16px;transition:border-color .14s,box-shadow .14s;&.is-populated{border-color:var(--green);box-shadow:0 10px 26px #163a271a}@media (prefers-reduced-motion:reduce){transition:none}}& .plant-detail-kicker{color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:.75rem;font-weight:800}& .plant-detail-card h3{margin:0;font-size:clamp(1rem,2vi,1.25rem)}& .plant-detail-botanical{color:var(--muted);margin:3px 0 14px;font-style:italic}& .plant-detail-grid{grid-template-columns:repeat(2,[item-start]minmax(0,1fr)[item-end]);gap:10px 14px;margin:0;display:grid;& div{border-block-start:1px solid var(--line);min-inline-size:0;padding-block-start:8px}& dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.625rem;font-weight:800}& dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:.875rem}}& .plant-detail-link{margin-block-start:13px;font-size:.875rem;font-weight:750;display:inline-flex;&[hidden]{display:none}}& .muted{color:var(--muted)}& .controls{flex-wrap:wrap;align-items:end;gap:14px;display:flex}& .field{gap:5px;min-inline-size:0;display:grid;& label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}& input,& select{min-block-size:40px;inline-size:100%;min-inline-size:0;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 10px}}& .pot-key{grid-template-columns:repeat(4,[item-start]minmax(0,1fr)[item-end]);gap:8px;margin-block-start:18px;display:grid}& .pot-key-item{border-block-start:1px solid var(--line);gap:2px;padding-block-start:8px;display:grid;& code{color:var(--green);font-weight:800}& span{font-size:.875rem}}& .layout-note{background:var(--blue-soft);border-inline-start:4px solid var(--blue);margin-block-start:18px;padding:12px 14px;& p{margin-block-end:0}}& .height-grid{grid-template-columns:[primary-start]minmax(0,1.5fr)[primary-end secondary-start]minmax(300px,.8fr)[secondary-end];display:grid}& .measurement-panel{border-inline-start:1px solid var(--line);padding:20px}& .measurement-grid{grid-template-columns:[primary-start]minmax(0,1fr)[primary-end secondary-start]minmax(0,1fr)[secondary-end];gap:12px;display:grid}& .result{background:var(--green-soft);border-inline-start:4px solid var(--green);margin-block-start:16px;padding:13px 14px;& strong{margin-block-end:3px;display:block}}& .riser-table-wrap{overflow-inline:auto}& table{border-collapse:collapse;inline-size:100%}& th,& td{vertical-align:middle;text-align:start;border-block-end:1px solid var(--line);padding:10px 9px}& th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}& td{font-size:.875rem;& input{min-block-size:34px;inline-size:100%;max-inline-size:94px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:5px 7px}}& .switch{align-items:center;gap:8px;min-block-size:40px;display:flex;& input{block-size:18px;inline-size:18px}& label{color:var(--ink);cursor:pointer;font-size:.875rem;font-weight:650}}& .recommendation{color:var(--green);white-space:nowrap;font-weight:750}& .riser-inventory{grid-template-columns:repeat(4,[item-start]minmax(0,1fr)[item-end]);gap:10px;margin-block-start:18px;display:grid}& .riser{background:var(--surface);border-block-start:4px solid var(--gold);padding:12px;& strong,& span{display:block}& span{color:var(--muted);margin-block-start:3px;font-size:.875rem}}& .footer{color:var(--muted);border-block-start:1px solid var(--line);margin-block-start:48px;padding-block-start:18px;font-size:.875rem}& .diagram .room-shell{fill:none;stroke:var(--line);stroke-width:2px}& .diagram .fixture-footprint{fill:#b5812912;stroke:var(--gold);stroke-width:2px;stroke-dasharray:9 7}& .diagram .centerline{stroke:var(--gold);stroke-width:1.5px;stroke-dasharray:4 7}& .diagram .window,& .diagram .water-drop{fill:var(--blue-soft);stroke:var(--blue);stroke-width:2px}& .diagram .divider{fill:#303732;stroke:#171c18;stroke-width:2px}& .diagram .mylar{fill:#d7d9d6;stroke:var(--blue);stroke-width:2px}& .diagram .floor-mylar{fill:#d7d9d647;stroke:var(--blue);stroke-width:1.5px;stroke-dasharray:5 5}& .diagram .blackout{fill:var(--surface-2);stroke:var(--line);stroke-width:2px}& .diagram .wall,& .diagram .table-leg{stroke:var(--line);stroke-width:5px}& .diagram .glass{fill:#39728e1a;stroke:var(--blue);stroke-width:3px}& .diagram .wood{fill:#d6b178;stroke:#8d6736;stroke-width:3px}& .diagram .light{fill:var(--gold-soft);stroke:var(--gold);stroke-width:2px}& .diagram .older-planter{fill:var(--green-soft);stroke:var(--green);stroke-width:2px}& .diagram .succulent-planter,& .diagram .camera,& .diagram .echeveria{fill:var(--violet-soft);stroke:var(--violet);stroke-width:2px}& .diagram .pot{fill:var(--surface);stroke:var(--green);stroke-width:2px}& .diagram .pot-edge{fill:var(--surface);stroke:var(--blue);stroke-width:3px}& [data-plant-marker]{cursor:help;outline:none}& [data-plant-marker] :is(.pot,.pot-edge,.older-planter,.succulent-planter){transform-origin:50%;transform-box:fill-box;transition:filter .14s,stroke .14s,stroke-width .14s,transform .14s;@media (prefers-reduced-motion:reduce){transition:none}}& [data-plant-marker]:is(:hover,:focus,.is-active) .pot,& [data-plant-marker]:is(:hover,:focus,.is-active) .pot-edge,& [data-plant-marker]:is(:hover,:focus,.is-active) .older-planter,& [data-plant-marker]:is(:hover,:focus,.is-active) .succulent-planter{stroke:var(--gold);stroke-width:5px;transform:scale(1.035)}& .diagram .pot-id{fill:var(--ink);font-family:Inter,system-ui,Segoe UI,sans-serif;font-size:1rem;font-weight:800}& [data-plant-marker]:is(:hover,:focus,.is-active) .pot-id{fill:var(--gold)}& .diagram .riser-lane{fill:#b5812921;stroke:var(--gold);stroke-width:2px;stroke-dasharray:6 5;display:none;.show-risers &,&.riser-lane--permanent{display:block}}& .diagram .riser-label{display:none;.show-risers &{display:block}}& .diagram .fan{fill:var(--blue-soft);stroke:var(--blue);stroke-width:2.5px}& .diagram .fan-blade{fill:none;stroke:var(--blue);stroke-width:2px}& .diagram .airflow{fill:#39728e14;stroke:var(--blue);stroke-width:2px;stroke-dasharray:7 6}& .diagram .camera-view{fill:#79639712;stroke:var(--violet);stroke-width:1.5px;stroke-dasharray:6 5}& .diagram .air-purifier{fill:var(--green-soft);stroke:var(--green);stroke-width:2.5px}& .diagram .device-ring{fill:none;stroke:var(--green);stroke-width:1.5px}& .diagram .dehumidifier{fill:var(--gold-soft);stroke:var(--gold);stroke-width:2.5px}& .diagram .tail{fill:none;stroke:var(--green);stroke-width:8px;stroke-linecap:round}& .diagram .measure{stroke:var(--gold);stroke-width:2px}& .diagram .target{stroke:var(--green);stroke-width:2px;stroke-dasharray:8 7}& .diagram .cable{fill:none;stroke:var(--violet);stroke-width:4px;stroke-linecap:round}& .diagram .safe-zone{fill:#79639714;stroke:var(--violet);stroke-width:2px;stroke-dasharray:7 6}& .diagram .label-plate{fill:var(--surface);fill-opacity:.9}& .diagram .svg-label{fill:var(--ink);font-family:Inter,system-ui,Segoe UI,sans-serif;font-size:.875rem;font-weight:650}& .diagram .svg-small{fill:var(--muted);font-family:Inter,system-ui,Segoe UI,sans-serif;font-size:.75rem;font-weight:550}:root[data-theme=dark] & .diagram .wood{fill:#725838;stroke:#c69a61}:root[data-theme=dark] & .diagram .divider{fill:#111613;stroke:#6c756f}:root[data-theme=dark] & .diagram .mylar{fill:#68706b}:root[data-theme=dark] & .button.primary,:root[data-theme=dark] & .tab[aria-selected=true]{color:#101713}@media (width<=820px){& .hero,& .section-heading{flex-direction:column;align-items:flex-start}& .hero-actions{max-inline-size:none}& .room-grid,& .tables-grid,& .height-grid{grid-template-columns:[content-start]minmax(0,1fr)[content-end]}& .key,& .measurement-panel{border-block-start:1px solid var(--line);border-inline-start:0}& .pot-key,& .riser-inventory{grid-template-columns:repeat(2,[item-start]minmax(0,1fr)[item-end])}& .plant-detail-card{min-block-size:0}}@media (width<=520px){& .page{padding:24px 14px 48px}& .hero-actions{justify-content:flex-start;inline-size:100%;& .button{justify-content:center;inline-size:100%}}& .assumption{flex-direction:column;align-items:flex-start}& .viewpoint{grid-template-columns:[content-start]minmax(0,1fr)[content-end];align-items:flex-start;& strong{grid-row:auto}}& .tabs-shell{flex-direction:column;align-items:stretch}& .diagram-tabs{overflow-inline:visible;grid-template-columns:repeat(2,[item-start]minmax(0,1fr)[item-end]);inline-size:100%;display:grid}& .tab{white-space:normal}& .measurement-grid,& .pot-key,& .riser-inventory,& .plant-detail-grid{grid-template-columns:[content-start]minmax(0,1fr)[content-end]}& th,& td{padding:8px 6px}}@media print{&,:root[data-theme=dark] &{color-scheme:light;--bg:#f5f1e8;--surface:#fffdf7;--surface-2:#eee7d9;--ink:#1f2922;--muted:#68716b;--line:#cfc6b5;--green:#397658;--green-soft:#dcecdf;--gold:#b58129;--gold-soft:#f4e5bd;--blue:#39728e;--blue-soft:#dcebf1;--violet:#796397;--violet-soft:#e9e1f1;--danger:#a14c3e;--shadow:none}:root[data-theme=dark] & .diagram .wood{fill:#d6b178;stroke:#8d6736}:root[data-theme=dark] & .diagram .divider{fill:#303732;stroke:#171c18}:root[data-theme=dark] & .diagram .mylar{fill:#d7d9d6}background:#fff;& .page{max-inline-size:none;padding:0}& .hero-actions,& .tabs-shell,& .controls{display:none}& .diagram-shell,& .table-panel{box-shadow:none;break-inside:avoid}& .section{break-before:page}& .tab-panel[hidden]{display:block!important}}}