html:has(.tree-workshop){overflow-x:hidden}html:has(.tree-workshop) body{overflow-x:hidden}.tree-workshop{color:#40372e;background:#f7f1e5;min-height:100dvh}.tree-layout{flex-direction:column;gap:12px;height:100dvh;min-height:100dvh;padding:18px 24px 12px;display:flex}.tree-layout>header{flex:none}.tree-main{flex:1 0 280px;grid-template-rows:minmax(220px,1fr) auto auto;justify-items:center;gap:8px;min-height:280px;display:grid}.tree-stage-frame{width:100%;height:100%;min-height:220px;position:relative}.tree-grove-stage{position:absolute;inset:0}.tree-grove-stage canvas{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}.tree-grove-stage canvas:focus-visible{outline:2px solid #a87b46}.tree-loading{color:#84725e;place-items:center;height:100%;font-size:14px;display:grid}.tree-morph-toggle{color:#67492e;cursor:pointer;background:#fffaf0;border:1px solid #d8c5a6;border-radius:30px;padding:10px 25px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;box-shadow:0 3px #ddc9aa55}.tree-morph-toggle:hover{background:#f2e4cd;transform:translateY(-1px)}.tree-morph-toggle:disabled{opacity:.55;cursor:default}.tree-mode-hint{text-align:center;color:#8d7d6b;margin:0;font-size:11px}.tree-garden-controls,.tree-layout>form{flex:none;width:min(100%,860px);margin-inline:auto}.tree-garden-controls{align-items:center}.tree-season-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tree-season-controls>span{display:none}.tree-layout>form{box-shadow:none;background:#fffaf2c4;border-color:#d8c9b6;margin-top:0}.tree-layout .tree-extra-field{display:none}.tree-layout [data-options=true] .tree-extra-field{display:block}.tree-layout [data-options=true] label.tree-extra-field{display:flex}.tree-layout [data-testid=link-stats]{max-width:330px;box-shadow:none;padding:10px 14px}.tree-workshop[data-scan=true] [data-testid=link-stats]{display:none}.tree-analytics[open]{max-height:160px;overflow-y:auto}.tree-layout>p{text-align:center;margin:0;font-size:10px}.tree-layout button:focus-visible,.tree-layout a:focus-visible,.tree-layout summary:focus-visible{outline-offset:3px;outline:2px solid #986332}.tree-qr-fallback canvas{object-fit:contain;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%}@media (max-width:767px){.tree-layout{gap:10px;height:auto;min-height:100dvh;padding:12px 14px}.tree-main{flex-shrink:0;flex-basis:auto;height:max(280px,100dvh - 350px)}.tree-layout header>div>a{white-space:nowrap;padding:10px}.tree-layout header>a{gap:6px}.tree-layout header>a span span:last-child{display:none}.tree-garden-controls{align-items:center}.tree-season-controls{justify-content:center;gap:6px}.tree-layout [data-testid=link-stats]{width:100%;max-width:none}.tree-layout [data-testid=plant-form]{grid-template-columns:minmax(0,1fr);margin-top:0;padding:10px}.tree-layout [data-testid=plant-form]>*{grid-column:1/-1}.tree-layout [data-testid=plant-form]>div{justify-content:center}.tree-form-note,.tree-layout>p{display:none}.tree-season-controls button{min-height:30px}}@media (max-height:700px) and (min-width:768px){.tree-layout{height:auto}.tree-main{flex:none;height:350px}}@media (prefers-reduced-motion:reduce){.tree-workshop *,.tree-workshop :before{transition:none!important}}