/* Garden Time Machine — Garden Designer. Uses the site's tokens (style.css). */
.gd-root{max-width:1480px;margin:0 auto;padding:0 20px}
.gd-root>.crumbs{margin:22px 0 14px}
.gd{--muted:#6B6455;--ln:#E3DDCB;--cream:#FBFAF4;--soilc:#5E4330;--lawn:#7FAE5C;--mink:#8C630B;color:var(--soil);font-family:var(--body)}
.gd *{box-sizing:border-box}
.gd p,.gd h1,.gd h2,.gd h3,.gd ul,.gd ol,.gd li,.gd figure{margin:0}
.gd ul,.gd ol{padding:0;list-style:none}
.gd button{font-family:inherit;color:inherit;cursor:pointer}
.gd-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gd :focus-visible{outline:3px solid var(--marigold);outline-offset:2px}
.gd-eyebrow{font:700 .75rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mink)}
.gd-h1{font-size:clamp(2rem,4.6vw,3.2rem);margin:6px 0 8px!important;line-height:1.05}
.gd-lede{font-size:1.05rem;color:var(--muted);max-width:44em}
.gd-h2{font-size:clamp(1.25rem,2.4vw,1.55rem);margin:26px 0 4px!important}
.gd-sub{color:var(--muted);font-size:.95rem;margin-bottom:12px!important}
.gd-card{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:13px 14px;font-size:.92rem}
.gd-card+.gd-card{margin-top:10px}
.gd-card h3{font-size:1.05rem;margin-bottom:4px}
.gd-big{font:500 1.5rem var(--display);color:var(--forest)}
.gd-btn{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:10px 18px;font-weight:700;font-size:.92rem;border:2px solid var(--forest);background:#fff;color:var(--forest);line-height:1.1;text-decoration:none}
.gd-btn.gold{background:var(--marigold);border-color:var(--marigold)}
.gd-btn.sm{padding:6px 12px;font-size:.82rem;border-width:1.5px}
.gd-btn.ghost{border-color:var(--ln)}
.gd-btn[disabled]{opacity:.45;cursor:default}
.gd-chip{display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--ln);border-radius:99px;padding:5px 11px;font-size:.82rem;background:#fff;color:var(--forest);font-weight:500}
.gd-chip[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:#fff}
.gd-link{background:none;border:0;padding:0;color:var(--forest);font-weight:700;text-decoration:underline;text-underline-offset:2px;font-size:inherit}

/* ---------- setup ---------- */
.gd-shapes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.gd-shp{background:#fff;border:2px solid var(--ln);border-radius:16px;padding:12px 10px;text-align:center;font-size:.9rem;font-weight:700;color:var(--forest)}
.gd-shp svg{width:100%;height:62px;display:block;margin-bottom:6px}
.gd-shp[aria-pressed=true],.gd-pre[aria-pressed=true]{border-color:var(--marigold);box-shadow:0 0 0 3px rgba(233,164,19,.28)}
.gd-pres{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gd-pre{background:#fff;border:2px solid var(--ln);border-radius:14px;padding:10px 6px 8px;text-align:center;font-size:.78rem;color:var(--muted)}
.gd-pre b{display:block;color:var(--forest);font-size:.86rem}
.gd-pre .bx{height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}
.gd-pre .bx i{display:block;background:var(--soilc);border-radius:3px}
.gd-szrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.gd-sz{background:#fff;border:1.5px solid var(--ln);border-radius:16px;padding:12px 14px}
.gd-sz-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.gd-sz-top label{font-weight:700;color:var(--forest)}.gd-sz-top label small{display:block;font-weight:500;color:var(--muted);font-size:.78rem}
.gd-step{display:inline-flex;align-items:center;border:1.5px solid var(--ln);border-radius:12px;overflow:hidden;background:#fff}
.gd-step button{width:38px;height:40px;border:0;background:var(--cream);font-size:1.3rem;font-weight:700;color:var(--forest)}
.gd-step label{display:flex;align-items:baseline;gap:2px;padding:0 6px;font-size:.78rem;color:var(--muted)}
.gd-step input{width:44px;border:0;text-align:right;font:600 1.15rem var(--display);color:var(--forest);background:transparent;padding:0;-moz-appearance:textfield}
.gd-step input::-webkit-outer-spin-button,.gd-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.gd-range{width:100%;margin:14px 0 2px;accent-color:var(--pine)}
.gd-rlab{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}
.gd-setgrid{display:grid;grid-template-columns:1fr 300px;gap:16px;margin-top:16px;align-items:start}
.gd-conds{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-end;margin-top:6px}
.gd-seg{border:0;padding:0;margin:0;min-width:0}
.gd-seg legend{font:700 .72rem var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--pine);margin-bottom:6px;padding:0}
.gd-seg div{display:flex;flex-wrap:wrap;gap:6px}
.gd-go{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0 10px}
.gd-ideas{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}

/* ---------- yard / bed ---------- */
.gd-yard{position:relative;background:var(--lawn);border-radius:18px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.gd-wall{position:absolute;background:repeating-linear-gradient(0deg,#E9E2D2 0 5px,#DCD3BF 5px 6px);font:700 10px var(--body);letter-spacing:.14em;color:#8f8672;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap}
.gd-bedwrap{position:absolute}
.gd-bedwrap svg{position:absolute;left:0;top:0;overflow:visible}
.gd-pl{position:absolute;border-radius:50%;transform:translate(-50%,-50%);border:2.5px solid rgba(255,255,255,.92);box-shadow:0 2px 6px rgba(0,0,0,.35);background-size:cover;background-position:center;padding:0;touch-action:none;cursor:grab;transition:box-shadow .15s}
.gd-pl.leaf{background-image:radial-gradient(circle at 30% 30%,#8DBA5E 0 18%,transparent 19%),radial-gradient(circle at 65% 40%,#76A54C 0 20%,transparent 21%),radial-gradient(circle at 45% 70%,#5F8E3E 0 22%,transparent 23%),radial-gradient(circle at 75% 75%,#86B356 0 15%,transparent 16%);background-color:#4E7A33;border-color:rgba(255,255,255,.55)}
.gd-pl.sw{background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.55) 0 9%,transparent 10%),radial-gradient(circle at 30% 35%,rgba(255,255,255,.18) 0 22%,transparent 23%),radial-gradient(circle at 68% 62%,rgba(0,0,0,.12) 0 24%,transparent 25%)}
.gd-pl .n{position:absolute;right:-5px;top:-5px;background:var(--forest);color:#fff;font:700 10px/17px var(--body);border-radius:99px;min-width:19px;height:19px;text-align:center;padding:0 4px;border:2px solid #fff;pointer-events:none}
.gd-pl .nm{position:absolute;left:50%;top:100%;transform:translate(-50%,2px);background:rgba(34,51,27,.86);color:#fff;font:700 10px/1.2 var(--body);padding:2px 6px;border-radius:6px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.gd-pl.sel{outline:3px solid var(--marigold);outline-offset:-3px;z-index:3}
.gd-guide{position:absolute;pointer-events:none;z-index:5;border:0 dashed var(--marigold)}
.gd-guide.h{left:-8px;right:-8px;height:0;border-top-width:2px}
.gd-guide.v{top:-8px;bottom:-8px;width:0;border-left-width:2px}
.gd-ring{position:absolute;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.6);pointer-events:none;z-index:2}
.gd-pl.hl{box-shadow:inset 0 0 0 4px var(--marigold),0 2px 6px rgba(0,0,0,.35)}
.gd-pl.drag{cursor:grabbing;z-index:6;box-shadow:0 10px 22px rgba(0,0,0,.4)}
.gd-pl.bad{border-color:#F3B33D}
.gd-hd{position:absolute;background:#fff;border:3px solid var(--marigold);transform:translate(-50%,-50%);z-index:9;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:0;touch-action:none}
.gd-hd::after{content:"";position:absolute;inset:-12px}
.gd-hd.c{width:20px;height:20px;border-radius:50%;cursor:nwse-resize}
.gd-hd.v{width:13px;height:40px;border-radius:8px;cursor:ew-resize}
.gd-hd.h{width:40px;height:13px;border-radius:8px;cursor:ns-resize}
.gd-dim{position:absolute;background:var(--forest);color:#fff;font:700 12px var(--body);border-radius:99px;padding:3px 10px;white-space:nowrap;transform:translate(-50%,-50%);z-index:4;pointer-events:none}
.gd-dim.v{transform:translate(-50%,-50%) rotate(90deg)}
.gd-was{position:absolute;border-left:2px dashed rgba(255,255,255,.8);z-index:2;pointer-events:none}
.gd-was.h{border-left:0;border-top:2px dashed rgba(255,255,255,.8)}
.gd-ruler{position:absolute;font-size:10px;font-weight:700;color:#1f3014;pointer-events:none}
.gd-ruler span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.gd-ghost{position:absolute;border:2.5px dashed var(--marigold);border-radius:50%;transform:translate(-50%,-50%);background:rgba(233,164,19,.2);pointer-events:none;z-index:5}
.gd-yard.arm{cursor:crosshair}
.gd-pop{position:absolute;z-index:8;width:250px;background:var(--forest);color:#fff;border-radius:14px;padding:11px 12px 10px;font-size:.82rem;line-height:1.35;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.gd-pop b.t{font:500 1.05rem var(--display);display:block;color:#fff;padding-right:22px}
.gd-pop .x{position:absolute;right:6px;top:6px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:15px;line-height:1}
.gd-pop .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.gd-pop .acts button,.gd-pop .acts a{background:rgba(255,255,255,.15);border:0;border-radius:99px;padding:5px 10px;font-weight:700;font-size:.78rem;color:#fff;text-decoration:none}
.gd-pop .iss{color:#FFD98A;margin-top:4px}
.gd-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.8rem;color:var(--muted);align-items:center}
.gd-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-2px}
.gd-legend label{display:inline-flex;gap:5px;align-items:center;font-weight:700;color:var(--forest);margin-left:auto}
.gd-tray{margin-top:10px;background:#FFF6E0;border:1.5px dashed #E6C67A;border-radius:14px;padding:10px 12px;font-size:.86rem}
.gd-tray-items{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.gd-tray-items button{width:46px;height:46px;border-radius:50%;border:2px solid #fff;background-size:cover;background-position:center;box-shadow:0 2px 5px rgba(0,0,0,.25);touch-action:none}
.gd-armbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--forest);color:#fff;border-radius:12px;padding:8px 12px;margin-bottom:8px;font-size:.88rem}
.gd-armbar .gd-btn{border-color:#fff;background:transparent;color:#fff}
.gd-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--forest);color:#fff;border-radius:12px;padding:10px 16px;font-size:.9rem;z-index:80;box-shadow:0 10px 24px rgba(0,0,0,.3);max-width:min(92vw,520px);text-align:center;opacity:0;transition:opacity .2s;pointer-events:none}
.gd-toast.on{opacity:1}

/* ---------- design screen ---------- */
.gd-design{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;border:1px solid var(--ln);border-radius:20px;background:var(--glass);margin-bottom:10px}
.gd-pal{background:var(--cream);border-right:1px solid var(--ln);padding:16px;min-width:0;border-radius:19px 0 0 19px}
.gd-palbody{position:sticky;top:110px;max-height:calc(100vh - 126px);display:flex;flex-direction:column;min-height:0}
.gd-pal h2,.gd-side h2{font:700 .72rem var(--body)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;margin:0 0 10px!important}
.gd-search{width:100%;background:#fff;border:1.5px solid var(--ln);border-radius:99px;padding:9px 14px;font:inherit;font-size:.9rem;color:var(--soil)}
.gd-filters{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 6px}
.gd-pcount{font-size:.78rem;color:var(--muted);margin-bottom:6px}
.gd-plist{overflow-y:auto;flex:1;min-height:0;padding:2px 4px 2px 0;margin-right:-4px}
.gd-pc{display:grid;grid-template-columns:44px 1fr 34px;gap:9px;align-items:center;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:6px;margin-bottom:6px;cursor:grab;touch-action:pan-y}
.gd-pc.armed{border-color:var(--marigold);box-shadow:0 0 0 3px rgba(233,164,19,.3)}
.gd-pc .th{width:44px;height:44px;border-radius:9px;object-fit:cover;display:block}
.gd-pc .sw{width:44px;height:44px;border-radius:9px;display:block}
.gd-pc b{font-family:var(--display);font-weight:500;font-size:.92rem;color:var(--forest);display:block;line-height:1.15}
.gd-pc small{font-size:.74rem;color:var(--muted);display:block;line-height:1.3}
.gd-pc small.w{color:var(--mink)}
.gd-pc .add{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--forest);background:#fff;font-size:1.2rem;font-weight:700;color:var(--forest);line-height:1;padding:0}
.gd-dragcard{position:fixed;z-index:90;pointer-events:none;width:230px;transform:rotate(-3deg);box-shadow:0 14px 30px rgba(0,0,0,.25);border-color:var(--marigold)}
.gd-main{padding:16px 22px 22px;min-width:0}
.gd-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:10px}
.gd-name{font:500 1.45rem var(--display);color:var(--forest);border:1.5px solid transparent;border-radius:10px;background:transparent;padding:2px 6px;margin-left:-6px;width:auto;min-width:6em;max-width:100%}
.gd-name:hover,.gd-name:focus{border-color:var(--ln);background:#fff}
.gd-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--marigold);border-radius:99px;padding:6px 12px;font:700 .86rem var(--body);color:var(--forest)}
.gd-pill.c{border-color:var(--ln);font-weight:500}
.gd-head .sp{flex:1}
.gd-sizepanel{background:#fff;border:1.5px solid var(--ln);border-radius:16px;padding:12px 14px;margin-bottom:12px}
.gd-sizepanel .gd-pres{grid-template-columns:repeat(6,1fr)}
.gd-months{display:grid;grid-template-columns:repeat(6,1fr) auto;gap:6px;margin:4px 0 12px}
.gd-mo{background:#fff;border:1.5px solid var(--ln);border-radius:12px;padding:6px 6px;text-align:center;min-width:0}
.gd-mo b{display:block;font-size:.86rem;color:var(--forest)}
.gd-mo i{display:block;font-style:normal;font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd-mo.has i::after{content:" in bloom"}
@media (max-width:1560px){.gd-mo.has i::after{content:""}}
.gd-mo[aria-pressed=true]{background:var(--marigold);border-color:var(--marigold)}
.gd-mo[aria-pressed=true] i{color:var(--forest)}
.gd-mo .bar{display:block;height:5px;border-radius:3px;background:var(--sage-soft);margin-top:4px;overflow:hidden}
.gd-mo .bar u{display:block;height:100%;background:var(--pine)}
.gd-play{border:1.5px solid var(--ln);background:#fff;border-radius:12px;padding:0 12px;font-weight:700;color:var(--forest);font-size:.85rem}
.gd-street{position:relative;height:270px;border-radius:18px;overflow:hidden;background:linear-gradient(#cfe3ee,#e9f1f3 62%)}
.gd-st-wall{position:absolute;left:0;right:0;top:18px;background:repeating-linear-gradient(0deg,#EFE8D8 0 13px,#DED4BF 13px 14px)}
.gd-st-win{position:absolute;background:#BFD4E2;border:7px solid #fff;box-shadow:0 0 0 1px #d8cfba}
.gd-st-hedge{position:absolute;left:-20px;right:-20px;background:linear-gradient(#7FA65A,#6B9247);border-radius:60px 60px 0 0;opacity:.55}
.gd-st-soil{position:absolute;left:0;right:0;background:var(--soilc)}
.gd-st-grass{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#86B35E,#6E9B4A)}
.gd-clump{position:absolute;background-size:cover;background-position:center;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.gd-clump.leaf{background-image:radial-gradient(circle at 30% 30%,#8DBA5E 0 14%,transparent 15%),radial-gradient(circle at 65% 40%,#76A54C 0 16%,transparent 17%),radial-gradient(circle at 45% 70%,#5F8E3E 0 18%,transparent 19%);background-color:#4E7A33;background-size:auto}
.gd-scale{position:absolute;left:10px;border-left:2px solid rgba(58,50,38,.35);font-size:10px;color:#6b6455;pointer-events:none}
.gd-scale span{position:absolute;left:5px;transform:translateY(50%);white-space:nowrap}
.gd-stag{position:absolute;left:14px;top:12px;background:rgba(34,51,27,.86);color:#fff;border-radius:99px;padding:5px 12px;font-size:.78rem;font-weight:700;z-index:4}
.gd-empty-st{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem;z-index:3}
.gd-chart{width:100%;border-collapse:separate;border-spacing:0;font-size:.82rem;background:#fff;border:1px solid var(--ln);border-radius:14px;overflow:hidden}
.gd-chart th,.gd-chart td{padding:6px 8px;border-bottom:1px solid #EEE9DC;text-align:center}
.gd-chart th:first-child,.gd-chart td:first-child{text-align:left}
.gd-chart thead th{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--cream)}
.gd-chart td.on i{display:block;height:14px;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(58,50,38,.18)}
.gd-chart .cur{background:#FFF6E0}
.gd-chart tfoot td,.gd-chart tfoot th{font-weight:700;color:var(--forest);border-bottom:0}
.gd-chart .gap{color:#B5462F}
.gd-num{display:inline-block;background:var(--forest);color:#fff;border-radius:99px;min-width:20px;height:20px;line-height:20px;font-size:.72rem;font-weight:700;text-align:center;padding:0 5px;margin-right:6px}
.gd-side{background:var(--cream);border-left:1px solid var(--ln);padding:16px;min-width:0;border-radius:0 19px 19px 0}
.gd-meter{height:8px;border-radius:5px;background:var(--sage-soft);margin:7px 0 5px;overflow:hidden}
.gd-meter u{display:block;height:100%;border-radius:5px;background:var(--pine)}
.gd-meter.over u{background:#C9822A}
.gd-coach{margin:0 0 14px}
.gd-tip{border-radius:12px;padding:9px 11px;font-size:.84rem;margin-bottom:7px;line-height:1.38}
.gd-tip.w{background:#FFF6E0;border:1px solid #F0D9A0}
.gd-tip.w b{color:var(--mink)}
.gd-tip.k{background:#EEF4E4;border:1px solid #CFE0B8}
.gd-tip .gd-link{margin-left:4px}
.gd-kinds li{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:.84rem;padding:5px 0;border-bottom:1px solid #EEE9DC}
.gd-kinds li:last-child{border-bottom:0}
.gd-kinds .nm{background:none;border:0;padding:0;text-align:left;font-size:inherit;line-height:1.25}
.gd-kinds .nm small{color:var(--muted)}
.gd-q{display:inline-flex;align-items:center;gap:2px}
.gd-q button{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--ln);background:#fff;font-weight:700;line-height:1;padding:0;color:var(--forest)}
.gd-q b{min-width:18px;text-align:center;font-size:.84rem}
.gd-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gd-status{font-size:.82rem;margin-top:8px;color:var(--pine)}
.gd-empty{text-align:center;padding:10px 4px;color:var(--muted);font-size:.86rem}
.gd-sheetbar{display:none}


/* ---------- our designs, draw-my-own, facing ---------- */
.gd-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gd-pick{background:#fff;border:2px solid var(--ln);border-radius:16px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:3px}
.gd-pick:hover{border-color:var(--marigold)}
.gd-pick .pv{display:flex;align-items:center;justify-content:center;height:84px;background:#7FAE5C;border-radius:10px;margin-bottom:6px}
.gd-pick b{font:500 1.05rem var(--display);color:var(--forest)}.gd-pick small{color:var(--muted);font-size:.8rem;line-height:1.35}.gd-pick small.m{color:var(--pine);font-weight:700}
.gd-pickask{margin-top:10px}
.gd-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.85rem;margin:22px 0 0!important}.gd-or::before,.gd-or::after{content:"";flex:1;height:1px;background:var(--ln)}
.gd-custom{background:#FFF6E0;border:1px solid #F0D9A0;border-radius:14px;padding:12px 14px;margin-top:12px;font-size:.9rem}
.gd-custom p{margin-bottom:8px!important}
.gd-plus{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--marigold);text-align:center;line-height:13px;font-weight:700;color:var(--mink)}
.gd-vx{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--marigold);transform:translate(-50%,-50%);z-index:11;padding:0;touch-action:none;cursor:move;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.gd-vx::after{content:"";position:absolute;inset:-12px}
.gd-vx.on{box-shadow:0 0 0 6px rgba(233,164,19,.4),0 2px 6px rgba(0,0,0,.35)}
.gd-vm{position:absolute;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.85);border:2px solid var(--marigold);color:var(--mink);font:700 13px/12px var(--body);transform:translate(-50%,-50%);z-index:10;padding:0;touch-action:none;opacity:.85}
.gd-vxdel{position:absolute;width:24px;height:24px;border-radius:50%;background:#B5462F;color:#fff;border:2px solid #fff;font:700 15px/18px var(--body);transform:translate(-50%,-50%);z-index:12;padding:0}
.gd-sunnote{font-size:.88rem;color:var(--pine);margin:10px 0 4px!important;min-height:1em}
/* ---------- year / group segmented ---------- */
.gd-years{display:inline-flex;background:#fff;border:1.5px solid var(--ln);border-radius:99px;padding:3px;flex-wrap:wrap}
.gd-years button{border:0;background:none;border-radius:99px;padding:6px 12px;font-size:.82rem;font-weight:700;color:var(--muted)}
.gd-years button[aria-pressed=true]{background:var(--forest);color:#fff}
.gd-group{margin-top:10px}.gd-group button{padding:5px 10px;font-size:.78rem}
.gd-yearrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:-4px 0 12px;font-size:.84rem;color:var(--muted)}
.gd-yearnote{font-size:.8rem}
/* ---------- care calendar ---------- */
.gd-carehead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}
.gd-care{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.gd-cm{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px 14px;break-inside:avoid}
.gd-cm h3{font-size:1.05rem;margin-bottom:6px!important}
.gd-cm li{font-size:.84rem;line-height:1.4;padding:5px 0;border-top:1px solid #EEE9DC}
.gd-cm li:first-child{border-top:0}
.gd-cm .who{display:block;color:var(--pine);font-size:.78rem;margin-top:2px}
.gd-cm a,.gd-cnotes a{color:var(--forest);font-weight:700;font-size:.78rem}
.gd-cnotes{background:var(--cream);border:1px solid var(--ln);border-radius:14px;padding:12px 14px;margin-top:10px;font-size:.84rem}
.gd-cnotes h3{font-size:1rem;margin-bottom:6px!important}.gd-cnotes li{padding:3px 0;line-height:1.4}
/* ---------- see it on your house ---------- */
.gp-steps{display:flex;gap:8px;margin:4px 0 12px}.gp-steps span{flex:1;height:6px;border-radius:3px;background:var(--sage-soft)}.gp-steps span.on{background:var(--pine)}
.gp-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.gp-grid1{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}
.gp-grid1 .gd-card+.gd-card{margin-top:10px}
.gp-drop{border:2.5px dashed #C9C0A8;border-radius:18px;background:#fff;padding:28px;text-align:center}
.gp-dt{font:500 1.25rem var(--display);color:var(--forest);margin:4px 0 2px!important}
.gp-drop label.gd-btn{cursor:pointer;margin:4px}
.gp-saved{margin-top:12px!important;font-size:.88rem}
.gp-tips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.gp-tip{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:10px 12px}
.gp-tip span{font-weight:700;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.gp-tip span.ok{color:#3E7B2A}.gp-tip span.no{color:#B5462F}
.gp-tip b{display:block;font:500 1rem var(--display);color:var(--forest)}.gp-tip small{color:var(--muted);font-size:.82rem}
.gp-priv{font-size:.84rem;color:var(--muted);margin-top:12px!important}
.gp-grid2{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}
.gp-grid2 .gd-card+.gd-card{margin-top:10px}.gp-hi{border:2px solid var(--marigold)}
.gp-stage{position:relative;border-radius:14px;overflow:hidden;line-height:0;user-select:none;-webkit-user-select:none;touch-action:none}
.gp-stage img{width:100%;height:auto;display:block}
.gp-ov{position:absolute;left:0;top:0;pointer-events:none}
.gp-pin{position:absolute;width:26px;height:26px;border-radius:50%;background:#fff;border:4px solid var(--marigold);transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.45);padding:0;touch-action:none;cursor:move;z-index:3}
.gp-pin::after{content:"";position:absolute;inset:-14px}
.gp-pin.g{border-color:#3FAE3F;width:22px;height:22px}
.gp-lbl{position:absolute;background:var(--forest);color:#fff;font:700 12px/1.2 var(--body);border-radius:99px;padding:4px 10px;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;z-index:2}
.gp-lbl.g{background:#3FAE3F}
.gp-chk{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:.86rem;color:var(--forest)}
.gp-go{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.gp-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}
.gp-months{flex:1;min-width:280px;grid-template-columns:repeat(6,1fr);margin:0}
.gp-view{position:relative;border-radius:16px;overflow:hidden;line-height:0;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.gp-view canvas,.gp-before{width:100%;height:auto;display:block}
.gp-before{position:absolute;left:0;top:0}
.gp-split{position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.4);pointer-events:none}
.gp-split i{position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font:700 16px/1 var(--body);font-style:normal;color:var(--forest);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.gp-tag{position:absolute;top:12px;background:rgba(34,51,27,.86);color:#fff;border-radius:99px;padding:5px 11px;font:700 12px/1.2 var(--body);pointer-events:none}.gp-tag.l{left:12px}.gp-tag.r{right:12px}
.gp-range{margin:10px 0 0}
.gp-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.gp-acts .sp{flex:1}
@media (max-width:860px){
  .gd-picks{grid-template-columns:1fr 1fr}.gd-shapes{grid-template-columns:repeat(3,1fr)}
  .gp-grid1,.gp-grid2{grid-template-columns:1fr}.gp-tips{grid-template-columns:1fr}
  .gd-photo .gd-page-pad{display:none}
}
@media (max-width:520px){.gd-picks{grid-template-columns:1fr}}
@media print{.gd-carehead button,.gd-yearrow{display:none!important}.gd-care{grid-template-columns:1fr 1fr}}

/* ---------- responsive ---------- */
@media (max-width:1240px){
  .gd-design{grid-template-columns:260px minmax(0,1fr)}
  .gd-side{grid-column:2;border-left:0;border-top:1px solid var(--ln);display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border-radius:0 0 19px 0}
  .gd-side>.gd-sidecol{min-width:0}
}
@media (max-width:860px){
  .gd-root{padding:0 12px}
  .gd-design{display:block;border-radius:16px}
  .gd-main{padding:12px 12px 16px}
  .gd-side{display:block;border-top:1px solid var(--ln);border-radius:0 0 15px 15px}
  .gd-yard{overflow:hidden}
  .gd-pal{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:none;height:auto;z-index:60;border:0;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.18);padding:0 14px 12px;background:#fff;transition:transform .25s}
  .gd-pal .gd-palbody{display:none;position:static;max-height:none}
  .gd-pal.open .gd-palbody{display:flex;flex-direction:column;height:min(62vh,520px)}
  .gd-sheetbar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;padding:12px 2px 10px;font:700 1rem var(--body);color:var(--forest)}
  .gd-sheetbar::before{content:"";position:absolute;left:50%;top:5px;width:42px;height:5px;border-radius:3px;background:#d8d2c2;transform:translateX(-50%)}
  .gd-pal h2{display:none}
  .gd-page-pad{height:70px}
  .gd-months{grid-template-columns:repeat(6,1fr);gap:4px}
  .gd-play{grid-column:1/-1;padding:6px}
  .gd-mo{padding:5px 2px}.gd-mo i{display:none}
  .gd-street{height:200px}
  .gd-pres,.gd-sizepanel .gd-pres{grid-template-columns:repeat(3,1fr)}
  .gd-szrow{grid-template-columns:1fr}
  .gd-shapes{grid-template-columns:repeat(2,1fr)}
  .gd-setgrid{grid-template-columns:1fr}
  .gd-pop{position:static;width:auto;margin-top:8px}
  .gd-name{font-size:1.2rem}
  .gd-toast{bottom:84px}
  .gd-chart{font-size:.74rem}.gd-chart th,.gd-chart td{padding:5px 3px}
}
@media (prefers-reduced-motion:reduce){.gd-pal,.gd-toast{transition:none}}

/* ---------- print ---------- */
@media print{
  header,footer,.crumbs,.skip-link,.gd-pal,.gd-noprint,.gd-hd,.gd-coach,.gd-actions,.gd-toast,.gd-q button,.gd-pop{display:none!important}
  .gd-design{display:block;border:0}
  .gd-side{border:0;display:block}
  .gd-yard,.gd-street,.gd-pl,.gd-clump,.gd-num,.gd-chart td.on i,.gd-meter u{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .gd-main{padding:0}
  .gd-street,.gd-chart{break-inside:avoid}
}
/* ---- leaf accents (Oct 2026) ---- */
.gd-status:has(a[href="my-list"])::before{content:"";display:inline-block;width:15px;height:15px;margin-right:6px;vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M8 54C12 30 28 12 56 6C54 34 40 50 18 55C14 56 10 55 8 54Z' fill='%2333491F'/%3E%3Cpath d='M12 52C22 42 38 26 52 10' stroke='%23FFFFFF' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}