.hh-shed-product{--ink:#17251f;--muted:#607069;--line:#dbe4df;--paper:#f5f7f4;--white:#fff;--green:#146c4b;--green2:#0e4e38;--lime:#e4f4c8;--orange:#f2a33a;--navy:#19384b;--shadow:0 18px 45px rgba(23,37,31,.09)}.hh-shed-product *{box-sizing:border-box}.hh-shed-product{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}.hh-shed-product .hero{background:linear-gradient(120deg,#102f25 0%,#17674b 70%,#28855f 100%);color:#fff;padding:58px max(5vw,24px);display:flex;gap:50px;align-items:center;justify-content:space-between}.hh-shed-product .hero-copy{max-width:760px}.hh-shed-product .eyebrow,.hh-shed-product .kicker{display:block;font-size:.76rem;font-weight:850;letter-spacing:.14em;color:#bfe787;margin-bottom:9px}.hh-shed-product .hero h1{font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.02;margin:0 0 18px;letter-spacing:-.045em}.hh-shed-product .hero p{font-size:1.12rem;max-width:680px;color:#e1eee8}.hh-shed-product .trust-row{display:flex;flex-wrap:wrap;gap:10px 24px;font-weight:700}.hh-shed-product .hero-card{min-width:245px;padding:26px;border:1px solid rgb(255 255 255 / .24);border-radius:20px;background:rgb(255 255 255 / .1);backdrop-filter:blur(7px)}.hh-shed-product .hero-card span,.hh-shed-product .hero-card small{display:block;color:#d7eee4}.hh-shed-product .hero-card strong{display:block;font-size:2rem;margin:5px 0}.hh-shed-product main{max-width:1440px;margin:auto;padding:24px}.hh-shed-product .notice{background:#fff7df;border:1px solid #efd897;border-radius:12px;padding:13px 16px;margin-bottom:22px}.hh-shed-product .workspace{display:grid;grid-template-columns:390px 1fr;gap:22px}.hh-shed-product .card{background:var(--white);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.hh-shed-product .controls,.hh-shed-product .design,.hh-shed-product .results,.hh-shed-product .next{padding:24px}.hh-shed-product .section-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.hh-shed-product .section-head>span{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;background:var(--green);color:#fff;font-weight:850}.hh-shed-product .section-head h2,.hh-shed-product .design h2,.hh-shed-product .offer h2,.hh-shed-product .next h2{margin:0;line-height:1.2;letter-spacing:-.025em}.hh-shed-product .section-head p{margin:4px 0 0;color:var(--muted)}.hh-shed-product .segmented,.hh-shed-product .view-switch{display:flex;background:#eef3f0;padding:4px;border-radius:10px;margin-bottom:18px}.hh-shed-product .segmented button,.hh-shed-product .view-switch button{flex:1;border:0;background:#fff0;padding:9px;border-radius:7px;font-weight:750;color:var(--muted);cursor:pointer}.hh-shed-product .segmented .active,.hh-shed-product .view-switch .active{background:#fff;color:var(--green2);box-shadow:0 2px 8px rgb(0 0 0 / .08)}.hh-shed-product .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.hh-shed-product .field-grid label{font-size:.82rem;font-weight:780;color:#405149}.hh-shed-product .field-grid label>span{float:right;color:#83918b;font-weight:600}.hh-shed-product .field-grid input,.hh-shed-product .field-grid select{width:100%;border:1px solid #cfdad4;border-radius:9px;padding:10px;margin-top:5px;background:#fff;color:var(--ink);font:inherit}.hh-shed-product .cost-box{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:14px;background:#f1f6f3;border-radius:11px}.hh-shed-product .cost-box small{display:block;color:var(--muted)}.hh-shed-product .cost-box label{display:flex;align-items:center;gap:4px;font-weight:850}.hh-shed-product .cost-box input{width:70px;padding:8px;border:1px solid #cbd8d1;border-radius:7px}.hh-shed-product .secondary,.hh-shed-product .primary{border-radius:10px;padding:11px 15px;font-weight:850;cursor:pointer}.hh-shed-product .secondary{border:1px solid #bdcec5;background:#fff;color:var(--green2)}.hh-shed-product #reset{width:100%;margin-top:12px}.hh-shed-product .design{min-height:610px}.hh-shed-product .design-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.hh-shed-product .kicker{color:var(--green);margin:0 0 4px}.hh-shed-product .view-switch{margin:0;min-width:270px}.hh-shed-product .drawing-wrap{margin-top:20px;background:linear-gradient(#f8faf8,#edf3ef);border:1px solid var(--line);border-radius:15px;overflow:hidden}.hh-shed-product .drawing-wrap svg{display:block;width:100%;height:auto;min-height:430px}.hh-shed-product .drawing-key{display:flex;gap:20px;color:var(--muted);font-size:.85rem;margin-top:12px}.hh-shed-product .drawing-key i{display:inline-block;width:20px;height:5px;margin-right:6px;border-radius:3px}.hh-shed-product .wall{background:var(--green2)}.hh-shed-product .opening{background:var(--orange)}.hh-shed-product .measure{background:#82938b}.hh-shed-product .results{margin-top:22px}.hh-shed-product .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hh-shed-product .metrics article{padding:17px;border:1px solid var(--line);background:#f8faf8;border-radius:12px}.hh-shed-product .metrics small{display:block;color:var(--muted)}.hh-shed-product .metrics strong{font-size:1.55rem}.hh-shed-product .table-wrap{overflow:auto;margin-top:18px}.hh-shed-product table{width:100%;border-collapse:collapse;text-align:left}.hh-shed-product th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#f2f6f3}.hh-shed-product th,.hh-shed-product td{padding:13px;border-bottom:1px solid var(--line)}.hh-shed-product td:nth-child(2){font-weight:850}.hh-shed-product .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.hh-shed-product .offer{display:grid;grid-template-columns:1fr 330px;gap:35px;position:relative;overflow:hidden;margin-top:22px;border-radius:22px;padding:40px;background:linear-gradient(125deg,#172f40,#0f5542);color:#fff;box-shadow:var(--shadow)}.hh-shed-product .offer-badge{position:absolute;right:-44px;top:24px;transform:rotate(35deg);background:var(--orange);color:#2d210d;padding:7px 52px;font-size:.7rem;font-weight:900;letter-spacing:.08em}.hh-shed-product .offer-copy p{color:#d5e5df;max-width:700px}.hh-shed-product .offer-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 22px;padding-left:20px}.hh-shed-product .price-card{align-self:center;background:#fff;color:var(--ink);border-radius:17px;padding:25px;text-align:center}.hh-shed-product .price-card>span{font-size:.73rem;letter-spacing:.12em;font-weight:850;color:var(--green)}.hh-shed-product .price{display:flex;align-items:flex-start;justify-content:center;margin:8px}.hh-shed-product .price small{font-size:1.3rem;font-weight:900;margin-top:7px}.hh-shed-product .price strong{font-size:3.4rem;line-height:1}.hh-shed-product .price-card p{color:var(--muted);font-size:.86rem}.hh-shed-product .primary{width:100%;border:0;background:var(--orange);color:#2e210e;font-size:1rem;box-shadow:0 5px 0 #bd7221}.hh-shed-product .primary:active{transform:translateY(3px);box-shadow:0 2px 0 #bd7221}.hh-shed-product .test-note{display:block;margin-top:12px;color:var(--muted)}.hh-shed-product .next{margin-top:22px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.hh-shed-product .next ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hh-shed-product .next li{padding:15px;background:#f3f7f4;border-radius:12px}.hh-shed-product .next li strong,.hh-shed-product .next li span{display:block}.hh-shed-product .next li strong{color:var(--green)}.hh-shed-product .next li span{font-size:.86rem;color:var(--muted);margin-top:5px}.hh-shed-product dialog{width:min(760px,calc(100% - 30px));border:0;border-radius:20px;padding:35px;box-shadow:0 30px 100px rgb(0 0 0 / .4)}.hh-shed-product dialog::backdrop{background:rgb(10 25 19 / .72)}.hh-shed-product dialog .close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:2rem;cursor:pointer}.hh-shed-product .preview-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.hh-shed-product .preview-pages div{min-height:100px;border:1px solid var(--line);border-radius:11px;padding:13px;background:#f4f7f5}.hh-shed-product .preview-pages b,.hh-shed-product .preview-pages span{display:block}.hh-shed-product .preview-pages b{font-size:1.5rem;color:var(--green)}.hh-shed-product .close-bottom{width:auto}.hh-shed-product .svg-label{font:700 14px Inter,system-ui;fill:#52645c}.hh-shed-product .svg-dim{font:850 15px Inter,system-ui;fill:#173c2e}.hh-shed-product .svg-line{stroke:#173c2e;stroke-width:6;fill:#dce9e1}.hh-shed-product .svg-thin{stroke:#537064;stroke-width:2;fill:none}.hh-shed-product .svg-opening{fill:#f2a33a;stroke:#8a581c;stroke-width:3}.hh-shed-product .svg-glass{fill:#cce9f1;stroke:#386f7e;stroke-width:3}.hh-shed-product .svg-measure{stroke:#7c8e86;stroke-width:1.5;marker-start:url(#arrow);marker-end:url(#arrow)}@media(max-width:980px){.hh-shed-product .workspace{grid-template-columns:1fr}.hh-shed-product .hero{align-items:flex-start}.hh-shed-product .hero-card{display:none}.hh-shed-product .offer{grid-template-columns:1fr}.hh-shed-product .next{grid-template-columns:1fr}.hh-shed-product .next ol{grid-template-columns:1fr 1fr}}@media(max-width:620px){.hh-shed-product main{padding:14px}.hh-shed-product .hero{padding:40px 20px}.hh-shed-product .field-grid,.hh-shed-product .metrics,.hh-shed-product .offer-copy ul,.hh-shed-product .preview-pages{grid-template-columns:1fr}.hh-shed-product .design-top{align-items:flex-start;flex-direction:column}.hh-shed-product .view-switch{width:100%;min-width:0}.hh-shed-product .drawing-wrap svg{min-height:300px}.hh-shed-product .next ol{grid-template-columns:1fr}.hh-shed-product .offer{padding:30px 20px}.hh-shed-product .actions{flex-direction:column}.hh-shed-product .actions button{width:100%}}@media print{.hh-shed-product .controls,.hh-shed-product .notice,.hh-shed-product .offer,.hh-shed-product .next,.hh-shed-product .actions,.hh-shed-product .view-switch{display:none!important}.hh-shed-product .workspace{display:block}.hh-shed-product .card{box-shadow:none;border:1px solid #aaa}.hh-shed-product .design,.hh-shed-product .results{margin:0 0 15px}.hh-shed-product .hero{padding:20px;background:#fff;color:#000}.hh-shed-product .hero p,.hh-shed-product .trust-row{display:none}.hh-shed-product{background:#fff}}.hh-shed-product .hero-visual{position:relative;flex:0 1 550px;margin:0;overflow:hidden;border-radius:20px;border:1px solid rgb(255 255 255 / .25);box-shadow:0 18px 50px rgb(0 0 0 / .25)}.hh-shed-product .hero-visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.hh-shed-product .hero-visual figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:11px 14px;border-radius:11px;background:rgb(12 35 27 / .86);backdrop-filter:blur(6px)}.hh-shed-product .hero-visual span,.hh-shed-product .hero-visual small{display:block;color:#d7eee4;font-size:.72rem}.hh-shed-product .hero-visual strong{font-size:1.25rem}.hh-shed-product .text-button{border:0;background:#fff0;color:var(--green);font-weight:850;padding:14px 5px 4px;cursor:pointer;text-decoration:underline}.hh-shed-product .inside{margin-top:22px;padding:30px;display:grid;grid-template-columns:1fr 1.6fr;gap:30px;align-items:center}.hh-shed-product .inside-copy p{color:var(--muted)}.hh-shed-product .page-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.hh-shed-product .page-previews figure{margin:0;padding:8px;background:#eef3f0;border-radius:12px}.hh-shed-product .page-previews img{display:block;width:100%;aspect-ratio:1/1.414;object-fit:cover;object-position:top;box-shadow:0 8px 20px rgb(0 0 0 / .12)}.hh-shed-product .page-previews figcaption{text-align:center;font-size:.78rem;font-weight:800;margin-top:8px}.hh-shed-product .faq{margin-top:22px;padding:30px}.hh-shed-product .faq>h2{margin-top:0}.hh-shed-product .faq details{border-top:1px solid var(--line);padding:15px 0}.hh-shed-product .faq summary{cursor:pointer;font-weight:850}.hh-shed-product .faq details p{color:var(--muted);max-width:900px}.hh-shed-product .checkout-summary{display:flex;justify-content:space-between;gap:20px;background:#eef5f1;padding:16px;border-radius:10px;margin:20px 0}.hh-shed-product .checkout-summary strong{color:var(--green);font-size:1.35rem}.hh-shed-product .safe-note{font-size:.86rem;color:var(--muted)}@media(max-width:980px){.hh-shed-product .hero{align-items:flex-start;flex-direction:column}.hh-shed-product .hero-visual{width:min(700px,100%)}.hh-shed-product .inside{grid-template-columns:1fr}}@media(max-width:620px){.hh-shed-product .page-previews{grid-template-columns:1fr 1fr}.hh-shed-product .page-previews figure:last-child{display:none}.hh-shed-product .inside,.hh-shed-product .faq{padding:22px}}@media print{.hh-shed-product .inside,.hh-shed-product .faq,.hh-shed-product .hero-visual{display:none!important}}.hh-shed-product .metrics article em{display:block;font-size:.72rem;line-height:1.25;color:var(--muted);font-style:normal;margin-top:4px}.hh-shed-product .budget-level{display:flex!important;flex-direction:column;align-items:flex-start!important;font-size:.72rem}.hh-shed-product .budget-level select{margin-top:3px;padding:7px 9px;border:1px solid #cbd8d1;border-radius:7px;background:#fff}.hh-shed-product .build-guide{margin-top:22px;padding:28px}.hh-shed-product .stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hh-shed-product .stage-grid details{border:1px solid var(--line);border-radius:13px;background:#fafcfa;overflow:hidden}.hh-shed-product .stage-grid summary{display:flex;gap:13px;align-items:center;padding:15px;cursor:pointer;list-style:none}.hh-shed-product .stage-grid summary::-webkit-details-marker{display:none}.hh-shed-product .stage-grid summary>b{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:var(--green);color:#fff}.hh-shed-product .stage-grid summary span,.hh-shed-product .stage-grid summary small{display:block}.hh-shed-product .stage-grid summary span{font-weight:850}.hh-shed-product .stage-grid summary small{font-weight:500;color:var(--muted)}.hh-shed-product .stage-grid details>div{padding:0 18px 18px;border-top:1px solid var(--line)}.hh-shed-product .stage-grid details p,.hh-shed-product .stage-grid details li{color:var(--muted);font-size:.9rem}.hh-shed-product .stage-grid details strong{display:block;padding:9px 11px;background:var(--lime);border-radius:8px;color:var(--green2);font-size:.86rem}@media(max-width:780px){.hh-shed-product .stage-grid{grid-template-columns:1fr}}.hh-shed-product .orbit-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;border-top:1px solid var(--line);background:#fff}.hh-shed-product .orbit-controls[hidden]{display:none}.hh-shed-product .orbit-controls button{width:40px;height:36px;border:1px solid #bdcec5;border-radius:8px;background:#f5f8f6;color:var(--green2);font-size:1.3rem;cursor:pointer}.hh-shed-product .orbit-controls label{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800;color:var(--muted)}.hh-shed-product .orbit-controls input{width:min(260px,40vw)}.hh-shed-product .apply-choices{margin-top:14px;background:linear-gradient(180deg,#ffbd52,#f29a27);transition:transform .15s ease,box-shadow .15s ease}.hh-shed-product .apply-choices:hover{transform:translateY(-1px);box-shadow:0 7px 0 #bd7221}.hh-shed-product .update-status{display:block;margin:9px 0 2px;text-align:center;color:var(--muted);font-size:.76rem;font-weight:750;transition:color .2s ease}.hh-shed-product .update-status.confirmed{color:var(--green);font-weight:900}.hh-shed-product .detail-line{stroke:#486558}.hh-shed-product .siding-line{stroke:#705332;opacity:.55}.hh-shed-product .roof-seam{stroke:#d4dde0;opacity:.45}.hh-shed-product .trim-line{stroke:#f7f2e7}.hh-shed-product .door-brace{stroke:#684826}.hh-shed-product .window-bar{stroke:#375f6a}.hh-shed-product .skid-line{stroke:#6d4c2e}.hh-shed-product .material-tags rect{fill:rgb(255 255 255 / .9);stroke:#cddbd3}.hh-shed-product .material-tags text{font:750 12px Inter,system-ui;fill:#29453a}.hh-shed-product .hh-shed-product .hero h2{font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.02;margin:0 0 18px;letter-spacing:-.045em}.hh-shed-product [hidden]{display:none!important}.hh-shed-product .workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px}.hh-shed-product .controls{padding:21px}.hh-shed-product .design{padding:22px;min-width:0;position:sticky;top:14px}.hh-shed-product .design-top{align-items:flex-start;flex-direction:column;gap:16px}.hh-shed-product .design h2{font-size:1.45rem}.hh-shed-product .view-switch{width:100%;min-width:0}.hh-shed-product .view-switch button{padding:11px 8px}.hh-shed-product .appearance-options{margin:20px 0 0;padding:15px 0 0;border:0;border-top:1px solid var(--line);min-width:0}.hh-shed-product .appearance-options legend{font-size:.88rem;font-weight:850;padding-right:10px}.hh-shed-product .appearance-options p{font-size:.75rem;color:var(--muted);line-height:1.45;margin-bottom:0}.hh-shed-product .controls .field-grid{gap:12px 10px}.hh-shed-product .field-grid select,.hh-shed-product .field-grid input{min-width:0;max-width:100%}.hh-shed-product .cost-box{gap:10px}.hh-shed-product .cost-box small{font-size:.72rem}.hh-shed-product .cost-box strong{font-size:.86rem}.hh-shed-product .update-status.has-error{color:#a33420;line-height:1.4;padding:8px;border-radius:8px;background:#fff1e9}.hh-shed-product .shed3d{margin-top:18px;border:1px solid #d5ded7;border-radius:14px;overflow:hidden;background:#fafcf9}.hh-shed-product .viewer-topbar{display:flex;align-items:center;gap:11px;padding:12px 14px;background:#f7faf6;border-bottom:1px solid #dbe4dc;font-size:.74rem;color:#5d6c61;flex-wrap:wrap}.hh-shed-product .live-pill{display:inline-flex;align-items:center;gap:6px;font-size:.69rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#286248}.hh-shed-product .live-pill:before{content:'';height:7px;width:7px;border-radius:50%;background:#38825f}.hh-shed-product .shed3d-stage{position:relative;height:530px;background:#e4e9e5;isolation:isolate;overflow:hidden}.hh-shed-product .shed3d-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.hh-shed-product .shed3d-stage canvas:active{cursor:grabbing}.hh-shed-product .print3d{display:none}.hh-shed-product .shed3d-stage canvas:focus-visible{outline:3px solid #df9f37;outline-offset:-4px}.hh-shed-product #viewerMessage{position:absolute;z-index:2;top:40%;left:10%;right:10%;background:#fffffff0;border-radius:12px;padding:18px;text-align:center;color:#375144;font-size:.9rem;box-shadow:0 5px 20px #23352b14}.hh-shed-product #retry3d{position:absolute;z-index:3;bottom:20%;left:35%;width:30%}.hh-shed-product .viewer-gesture{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#4f5c52;background:#ffffffbd;border:1px solid #fff6;border-radius:30px;padding:6px 12px;font-size:.70rem;pointer-events:none}.hh-shed-product .camera-bar{display:flex;flex-wrap:wrap;gap:5px;padding:11px 12px;border-top:1px solid #d6e0d6;border-bottom:1px solid #e4e9e1;background:#fff}.hh-shed-product .camera-bar button{border:1px solid #d9e2d9;border-radius:7px;background:#fff;padding:8px 10px;color:#57675c;font-size:.73rem;font-weight:750;cursor:pointer;min-height:34px;flex:1}.hh-shed-product .camera-bar button.active{background:#175b42;color:#fff;border-color:#175b42}.hh-shed-product .camera-bar button:hover{border-color:#337658}.hh-shed-product .camera-bar #zoomIn3d,.hh-shed-product .camera-bar #zoomOut3d{flex:0 0 36px;font-size:1rem;padding:3px}.hh-shed-product .viewer-settings{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;padding:13px 14px}.hh-shed-product .viewer-settings label{font-size:.72rem;font-weight:750;color:#647268}.hh-shed-product .viewer-settings select{display:block;padding:7px 8px;margin-top:3px;font:inherit;font-size:.75rem;background:#fff;border:1px solid #cdd9ce;border-radius:7px;color:#294837}.hh-shed-product .viewer-settings .viewer-check{display:flex;gap:6px;align-items:center;color:#384e3d;font-size:.76rem;font-weight:650}.hh-shed-product .viewer-check input{accent-color:#176046;width:16px;height:16px}.hh-shed-product .viewer-actions{display:flex;gap:9px;padding:0 14px 12px}.hh-shed-product .viewer-actions .secondary{font-size:.76rem;padding:9px 13px;box-shadow:none}.hh-shed-product .viewer-note{margin:0;padding:0 14px 14px;font-size:.70rem;color:#748077;line-height:1.4}.hh-shed-product .viewer-expanded{position:fixed!important;inset:12px!important;z-index:100000!important;overflow:auto;max-width:none!important;border-radius:15px;top:12px!important;background:#fff}.hh-shed-product .viewer-expanded .design-top{flex-direction:row;align-items:center}.hh-shed-product .viewer-expanded .view-switch{max-width:460px}.hh-shed-product .viewer-expanded .shed3d-stage{height:calc(100dvh - 315px);min-height:330px}body.shed-view-expanded{overflow:hidden}.hh-shed-product .viewer-expanded .viewer-settings,.hh-shed-product .viewer-expanded .viewer-actions{display:inline-flex}.hh-shed-product .viewer-expanded .viewer-note{padding-bottom:10px}.hh-shed-product button:focus-visible,.hh-shed-product select:focus-visible,.hh-shed-product input:focus-visible{outline:3px solid #dba43e;outline-offset:2px}@media(min-width:1300px){.hh-shed-product .shed3d-stage{height:600px}}@media(max-width:1099px){.hh-shed-product .workspace{grid-template-columns:1fr}.hh-shed-product .controls .field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-shed-product .design{position:relative;top:auto}.hh-shed-product .controls .cost-box{max-width:none}.hh-shed-product .controls .appearance-options .field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-shed-product .shed3d-stage{height:540px}.hh-shed-product .apply-choices{margin-top:18px}}@media(max-width:620px){.hh-shed-product .controls .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-shed-product .controls .appearance-options .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-shed-product .design{padding:14px}.hh-shed-product .shed3d-stage{height:400px}.hh-shed-product .viewer-settings{gap:12px}.hh-shed-product .viewer-topbar{font-size:.66rem}.hh-shed-product .camera-bar{gap:4px;padding:9px 7px}.hh-shed-product .camera-bar button{padding:8px 5px;font-size:.65rem}.hh-shed-product .camera-bar #zoomIn3d,.hh-shed-product .camera-bar #zoomOut3d{flex-basis:27px}.hh-shed-product .viewer-gesture{font-size:.62rem}.hh-shed-product .viewer-expanded{inset:0!important;top:0!important;border-radius:0}.hh-shed-product .viewer-expanded .design-top{flex-direction:column;align-items:stretch}.hh-shed-product .viewer-expanded .shed3d-stage{height:calc(100dvh - 405px);min-height:260px}.hh-shed-product .viewer-expanded .viewer-settings,.hh-shed-product .viewer-expanded .viewer-actions{display:flex}.hh-shed-product .viewer-expanded .design h2{font-size:1.18rem}}@media(prefers-reduced-motion:reduce){.hh-shed-product *{scroll-behavior:auto!important}}@media print{.hh-shed-product .viewer-topbar,.hh-shed-product .camera-bar,.hh-shed-product .viewer-settings,.hh-shed-product .viewer-actions,.hh-shed-product .viewer-gesture,.hh-shed-product .viewer-note{display:none!important}.hh-shed-product .design{position:static}.hh-shed-product .shed3d-stage{height:390px!important}.hh-shed-product .shed3d-stage canvas{display:none!important}.hh-shed-product .print3d{display:block;width:100%;height:100%;object-fit:contain}}.hh-shed-product .roof-help{background:#edf4ef;border-left:3px solid #39735a;padding:12px 14px;font-size:13px;line-height:1.6;color:#2c4939}.hh-shed-product .plan-compatibility{border:1px solid #fff6;background:#ffffff14;border-radius:10px;padding:14px!important;font-size:14px!important;line-height:1.6!important}.hh-shed-product .plan-compatibility.custom-design{background:#fff1d5;color:#443419!important;border-color:#edba5c}.hh-shed-product select:disabled{opacity:.75;cursor:default}.hh-shed-product .field-grid .roof-style-field{grid-column:1/-1}.hh-shed-product .field-grid #pitchLabel{float:none;color:inherit;font-size:inherit}.hh-shed-product .project-name{display:grid;gap:8px;margin:18px 0;font-size:13px;font-weight:700}.hh-shed-product .project-name input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #d8e1dc;border-radius:10px}.hh-shed-product .pdf-status{max-width:1200px;margin:18px auto;color:#24553f;font-weight:600}.hh-shed-product .pdf-status.has-error{color:#a32a20}.hh-shed-product .pack-contents{background:#edf4ef;border-radius:18px;padding:25px;line-height:1.8}.hh-shed-product .purchased-workspace{display:block}.hh-shed-product .purchased-workspace .design{max-width:1100px;margin:auto}.hh-shed-product .pdf-download{display:inline-block;margin:0 0 18px;padding:12px 20px;border-radius:8px;background:#17694f;color:#fff;font-weight:700;text-decoration:none}.hh-shed-product .pdf-download[hidden]{display:none}.hh-shed-product .pdf-download:hover,.hh-shed-product .pdf-download:focus-visible{background:#104d3a;outline:3px solid #d1a953;outline-offset:3px}