.hr-planner{--bp-brand: #3B5B45;--bp-dark: #2E4836;--bp-cta: #9C4A26;--bp-cta-dark: #843D1E;--bp-line: #E2D8C9;--bp-bg: #F2EBE0;--bp-warn: #b45309;--bp-bad: #b91c1c;max-width:1440px;margin:0 auto;padding:1.5rem 1rem 2.5rem;color:#2b2622;box-sizing:border-box}.hr-planner *,.hr-planner *:before,.hr-planner *:after{box-sizing:border-box}.hr-planner__head{max-width:860px;margin:0 0 1.25rem}.hr-planner__title{margin:0 0 .4rem;color:#1f2937}.hr-planner__intro{margin:0 0 .5rem;color:#4a403a;font-size:1.0625rem;line-height:1.55}.hr-planner__disclaimer{margin:0;font-size:1rem;color:#4a403a}.hr-planner__noscript{padding:1rem;border:1px solid var(--bp-line);border-radius:8px;background:var(--bp-bg)}.hr-bp{font-size:15px;line-height:1.4}.hr-bp__app{display:flex;flex-direction:column;gap:12px}.hr-bp__col{display:contents}.hr-bp__space{order:1}.hr-bp__stage{order:2}.hr-bp__palette{order:3}.hr-bp__sel{order:4}.hr-bp__checks{order:5}.hr-bp__list{order:6}.hr-bp__save{order:7}@media(min-width:990px){.hr-bp__app{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:16px;align-items:start}.hr-bp__col{display:flex;flex-direction:column;gap:12px;min-width:0}}.hr-bp__panel{background:#fff;border:1px solid var(--bp-line);border-radius:10px;padding:12px 14px;min-width:0}.hr-bp__h{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--bp-dark);letter-spacing:0;text-transform:none}.hr-bp__subh{margin:12px 0 6px;font-size:.9rem;color:var(--bp-dark)}.hr-bp__hint{margin:6px 0 0;font-size:.875rem;color:#4a403a}.hr-bp__area{margin:8px 0 0;font-weight:600;color:var(--bp-dark);font-size:.9rem}.hr-bp__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hr-bp__row3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hr-bp__fld{display:block;font-size:.8rem;font-weight:600;color:#374151;margin:0 0 8px}.hr-bp__fld input,.hr-bp__fld select{display:block;width:100%;min-height:40px;margin-top:3px;padding:6px 8px;font:inherit;font-size:16px;font-weight:400;color:#1f2937;background:#fff;border:1px solid #9ca3af;border-radius:6px}.hr-bp__fld input:disabled{background:#f3f4f6;color:#6b7280}.hr-bp input:focus-visible,.hr-bp select:focus-visible,.hr-bp button:focus-visible,.hr-bp a:focus-visible{outline:2px solid var(--bp-brand);outline-offset:2px}.hr-bp button{min-width:0;width:auto;letter-spacing:normal;text-transform:none;box-shadow:none}.hr-bp .hr-bp__btn--icon{min-width:40px}.hr-bp .hr-bp__pal-btn{width:100%}.hr-bp__btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hr-bp__btn{min-height:40px;padding:6px 12px;font:inherit;font-size:.88rem;font-weight:600;color:var(--bp-dark);background:#fff;border:1px solid #B9A88F;border-radius:8px;cursor:pointer;line-height:1.1}.hr-bp__btn:hover:not(:disabled){background:#f2ebe0;border-color:var(--bp-brand)}.hr-bp__btn:disabled{opacity:.45;cursor:default}.hr-bp__btn--icon{min-width:40px;padding:6px;font-size:1.15rem}.hr-bp__btn--primary{background:var(--bp-cta);border-color:var(--bp-cta);color:#fff}.hr-bp__btn--primary:hover:not(:disabled){background:var(--bp-cta-dark);border-color:var(--bp-cta-dark)}.hr-bp [hidden]{display:none!important}.hr-bp__chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 8px}.hr-bp__chip{min-height:34px;padding:4px 10px;font:inherit;font-size:.8rem;font-weight:600;color:var(--bp-dark);background:var(--bp-bg);border:1px solid var(--bp-line);border-radius:999px;cursor:pointer}.hr-bp__chip[aria-pressed=true]{background:var(--bp-brand);border-color:var(--bp-brand);color:#fff}.hr-bp__pal{display:grid;grid-template-columns:1fr;gap:6px}@media(max-width:989px){.hr-bp__pal{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.hr-bp__pal-btn{display:grid;grid-template-columns:14px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-height:44px;padding:6px 10px;text-align:left;font:inherit;color:#1f2937;background:#fff;border:1px solid var(--bp-line);border-radius:8px;cursor:grab;touch-action:manipulation;user-select:none;-webkit-user-select:none}.hr-bp__pal-btn:hover{border-color:var(--bp-brand);background:#fbf8f3}.hr-bp__pal-btn .hr-bp__sw{grid-row:1 / 3}.hr-bp__pal-n{font-size:.86rem;font-weight:600;line-height:1.2}.hr-bp__pal-btn small{grid-column:2;font-size:.75rem;color:#6b7280}.hr-bp__sw{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.15);vertical-align:-2px}.hr-bp__ghost{position:fixed;z-index:9999;pointer-events:none;padding:6px 10px;background:var(--bp-brand);color:#fff;font:600 13px/1.2 system-ui,sans-serif;border-radius:6px;box-shadow:0 4px 14px #0003}.hr-bp__stage{background:#fff;border:1px solid var(--bp-line);border-radius:10px;padding:8px;min-width:0}.hr-bp__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 0 8px}.hr-bp__zoom{display:inline-flex;gap:6px;margin-left:auto}.hr-bp__check{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 8px 0 2px;font-size:.88rem;font-weight:600;color:var(--bp-dark);cursor:pointer}.hr-bp__check input{width:18px;height:18px;accent-color:var(--bp-brand);margin:0}.hr-bp__canvas{position:relative;height:640px;border-radius:8px;overflow:hidden;background:#fdfbf7;border:1px solid #E2D8C9}@media(max-width:989px){.hr-bp__canvas{height:440px}}@media(max-width:989px)and (min-height:900px){.hr-bp__canvas{height:520px}}.hr-bp__svg{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.hr-bp__svg:focus{outline:none}.hr-bp__svg:focus-visible{outline:3px solid var(--bp-brand);outline-offset:-3px}.hr-bp__svg .bp-item{cursor:move;outline:none}.hr-bp__svg .bp-item:focus-visible>:first-child{stroke:var(--bp-brand);stroke-width:3px;vector-effect:non-scaling-stroke}.hr-bp__svg .bp-h--resize{cursor:nwse-resize}.hr-bp__svg .bp-h--rotate{cursor:crosshair}.hr-bp__status{min-height:1.4em;margin:6px 2px 0;font-size:.88rem;font-weight:600;color:var(--bp-dark)}.hr-bp__status a{color:var(--bp-dark);text-decoration:underline}.hr-bp__selname{margin:0;font-size:.95rem;display:flex;align-items:center;gap:8px}.hr-bp__dist,.hr-bp__issues{list-style:none;margin:0;padding:0}.hr-bp__dist li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:5px 0;border-top:1px solid #EDE5D8;font-size:.85rem}.hr-bp__dist li strong{color:var(--bp-dark)}.hr-bp__dist li em,.hr-bp__issues li span{grid-column:1 / -1;font-style:normal;font-size:.78rem;color:#4b5563}.hr-bp__dist li.is-warn strong,.hr-bp__issues li.is-warn .hr-bp__linkbtn{color:var(--bp-warn)}.hr-bp__dist li.is-bad strong,.hr-bp__issues li.is-bad .hr-bp__linkbtn{color:var(--bp-bad)}.hr-bp__guidance{margin:0 0 8px;padding:8px 10px;font-size:.8rem;color:#4b3a12;background:#fff8e6;border-left:3px solid #d97706;border-radius:4px}.hr-bp__ok{margin:0;font-size:.86rem;color:var(--bp-dark)}.hr-bp__count{margin:0 0 4px;font-size:.86rem;font-weight:700;color:var(--bp-warn)}.hr-bp__issues li{display:grid;padding:6px 0;border-top:1px solid #EDE5D8}.hr-bp__issues li.is-warn{border-left:3px solid #f59e0b;padding-left:8px}.hr-bp__issues li.is-bad{border-left:3px solid var(--bp-bad);padding-left:8px}.hr-bp__linkbtn{padding:2px 0;min-height:28px;text-align:left;font:inherit;font-size:.85rem;font-weight:700;background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hr-bp__table{width:100%;border-collapse:collapse;font-size:.84rem}.hr-bp__table th,.hr-bp__table td{padding:5px 4px;border-bottom:1px solid #EDE5D8;text-align:left;vertical-align:top}.hr-bp__table th:not(:first-child),.hr-bp__table td:not(:first-child){text-align:right;white-space:nowrap}.hr-bp__table thead th{font-size:.75rem;color:#6b7280;font-weight:600}.hr-bp__table small{color:#6b7280}.hr-bp__table tfoot th,.hr-bp__table tfoot td{font-weight:700;color:var(--bp-dark);border-bottom:0}.hr-bp__meter{height:10px;margin-top:8px;background:#ede5d8;border-radius:999px;overflow:hidden}.hr-bp__meter span{display:block;height:100%;background:var(--bp-brand);border-radius:999px}.hr-bp__save .hr-bp__btn--primary{flex:1 1 100%;min-height:46px;font-size:.95rem}.hr-bp__save .hr-bp__btn:not(.hr-bp__btn--primary){flex:1 1 auto}.hr-bp__save a{color:var(--bp-dark);font-weight:600}@media(max-width:480px){.hr-planner{padding:1rem .75rem 2rem}.hr-bp__toolbar .hr-bp__btn{padding:6px 9px;font-size:.82rem}.hr-bp__zoom{margin-left:0}}@media(prefers-reduced-motion:reduce){.hr-bp *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/backyard-planner.css.map */