:root{--bg:#f5efe3;--bg-strong:#efe1c6;--panel:#fffdf8;--panel-strong:#f3ead8;--card:#fffaf2;--ink:#153d37;--ink-soft:#285d57;--muted:#6a7c73;--line:#16443b24;--line-strong:#16443b38;--forest:#16443b;--forest-soft:#1d5d53;--copper:#c96e3c;--copper-soft:#f2b184;--amber:#dca564;--red:#f16a3b;--olive:#bfd18a;--success:#3e8b62;--shadow:0 18px 40px #0d272414;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top,#fff6,#0000 26%),linear-gradient(#f7f1e7 0%,#f0e2c9 100%);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}main{width:min(1280px,100% - 32px);margin:0 auto;padding:24px 0 44px}.site-nav,.hero,.planner-shell,.how-it-works,footer{width:min(1180px,100%);margin:0 auto}.site-nav{justify-content:space-between;align-items:center;gap:16px;padding:8px 8px 18px;display:flex}.brand{letter-spacing:-.04em;color:var(--forest);align-items:center;gap:10px;font-size:1.6rem;font-weight:800;display:inline-flex}.brand-mark{justify-content:center;align-items:flex-end;gap:3px;width:28px;height:24px;display:inline-flex;position:relative}.brand-mark i{background:linear-gradient(180deg, var(--amber), var(--red));border-radius:99px 99px 0 0;width:6px;display:block}.brand-mark i:first-child{height:12px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:24px}.brand small,.footer-brand small{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-left:2px;font-size:.66em}.nav-note{color:var(--forest-soft);background:#ffffff3d;border:1px solid #16443b2e;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.hero{padding:28px 8px 18px}.eyebrow,.section-kicker{color:var(--forest-soft);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;font-size:.75rem;font-weight:800;display:inline-flex}.eyebrow span,.live-pill i{background:linear-gradient(180deg, var(--amber), var(--red));border-radius:999px;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 5px #f16a3b26}.hero h1{letter-spacing:-.06em;max-width:620px;color:var(--forest);margin:18px 0 14px;font-size:clamp(3rem,5vw,5.25rem);line-height:.92}.hero h1 em{color:var(--red);font-style:normal}.hero p{max-width:660px;color:var(--ink-soft);margin:0;font-size:1.07rem;line-height:1.6}.hero-stats{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-stats span{border:1px solid var(--line);min-height:54px;color:var(--forest-soft);background:#ffffff6b;border-radius:14px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #12282205}.hero-stats b{letter-spacing:-.05em;color:var(--forest);font-size:1.8rem}.planner-shell{grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:26px;padding:18px 8px 0;display:grid}.controls,.results,.plan-panel,.purchase-panel,.cost-panel,.how-it-works{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffff6b}.controls{border-radius:var(--radius-xl);padding:18px 16px 20px}.controls-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.controls-heading.compact{margin-bottom:14px}.step-number{width:38px;height:38px;color:var(--forest);letter-spacing:.08em;background:#16443b14;border-radius:10px;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.controls-heading h2,.results-heading h2,.panel-title h3,.plan-panel-heading h3,.how-it-works h2{color:var(--forest);letter-spacing:-.05em;margin:0}.controls-heading h2,.plan-panel-heading h3,.panel-title h3{font-size:1.46rem}.controls-heading p{color:var(--muted);margin:4px 0 0;font-size:.88rem}.dimension-inputs{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;margin-bottom:12px;display:grid}.dimension-inputs label{display:block}.dimension-inputs label>span:first-child{color:var(--forest-soft);margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.number-input{background:#ffffffa6;border:1px solid #16443b1f;border-radius:14px;align-items:center;gap:8px;width:100%;min-height:54px;padding:8px 10px 8px 14px;display:flex}.number-input input{width:100%;color:var(--forest);background:0 0;border:0;outline:none;font-size:1.05rem;font-weight:700}.number-input b{color:var(--muted);font-size:.8rem}.dimension-x{width:24px;height:24px;color:var(--muted);justify-content:center;align-items:center;margin-bottom:12px;font-weight:800;display:inline-flex}.field-error{color:#a93b28;margin:10px 0 0;font-size:.82rem;font-weight:700}.control-section{margin-top:22px}.direction-options,.stock-options,.border-options{gap:10px;display:grid}.direction-options button,.stock-options button,.border-options button{width:100%;color:var(--forest);background:#ffffff94;border:1px solid #16443b1f;border-radius:16px;align-items:center;transition:all .16s;display:flex;position:relative}.direction-options button{text-align:left;justify-content:flex-start;gap:12px;min-height:72px;padding:10px 12px}.direction-options button svg{flex-shrink:0;width:88px;height:52px}.direction-options button span{flex:1;font-weight:700}.direction-options button i,.stock-options button .check{border:1.5px solid #16443b80;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;display:inline-flex;position:relative}.direction-options button .radio-dot{background:0 0;border-radius:999px;width:8px;height:8px;margin-left:4px;transition:all .16s;display:block}.direction-options button.active,.stock-options button.active,.border-options button.active{background:linear-gradient(#ffffffb3,#d8e3a247);border-color:#16443b66;box-shadow:inset 0 0 0 1px #16443b0f}.direction-options button.active .radio-dot{background:var(--red);box-shadow:0 0 0 4px #f16a3b1f}.stock-options{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-options button{justify-content:space-between;gap:8px;min-height:56px;padding:10px 12px;font-size:1.03rem;font-weight:800}.stock-options button .check{color:#0000;border-color:#16443b59;border-radius:6px;width:20px;height:20px;font-size:.72rem}.stock-options button.active .check{background:var(--forest);border-color:var(--forest);color:#fff}.stock-options button small{color:var(--muted);letter-spacing:.05em;font-weight:700}.custom-length-form{border-top:1px solid #16443b1a;margin-top:16px;padding-top:15px}.custom-length-form>label,.custom-length-list-label{color:var(--forest-soft);letter-spacing:.04em;margin-bottom:8px;font-size:.78rem;font-weight:800;display:block}.custom-length-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.custom-number-input{min-height:50px}.custom-number-input input::placeholder{color:#6a7c73b8;font-weight:600}.custom-number-input:has(input[aria-invalid=true]){border-color:#a93b2885;box-shadow:0 0 0 3px #a93b2814}.add-custom-length{border:1px solid var(--forest);background:var(--forest);color:#fffdf8;white-space:nowrap;border-radius:14px;min-height:50px;padding:9px 14px;font-size:.82rem;font-weight:800}.add-custom-length:hover{background:var(--forest-soft)}.custom-length-help{color:var(--muted);margin:7px 0 0;font-size:.73rem;line-height:1.4}.custom-length-list{gap:8px;margin-top:14px;display:grid}.custom-length-list-label{margin-bottom:0}.custom-length-item{background:#ffffff94;border:1px solid #16443b1f;border-radius:14px;grid-template-columns:minmax(0,1fr) 46px;min-height:50px;display:grid;overflow:hidden}.custom-length-toggle,.remove-custom-length{color:var(--forest);background:0 0;border:0}.custom-length-toggle{text-align:left;align-items:center;gap:8px;min-width:0;padding:9px 11px;display:flex}.custom-length-toggle.active{background:linear-gradient(#ffffffb3,#d8e3a247)}.custom-length-toggle .check{color:#0000;border:1.5px solid #16443b59;border-radius:6px;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;display:inline-flex}.custom-length-toggle.active .check{border-color:var(--forest);background:var(--forest);color:#fff}.custom-length-toggle b{font-size:1rem}.custom-length-toggle small{color:var(--muted);font-size:.72rem;font-weight:700}.custom-length-toggle em{color:#7c472d;letter-spacing:.04em;text-transform:uppercase;background:#c96e3c1a;border-radius:999px;margin-left:auto;padding:4px 7px;font-size:.62rem;font-style:normal;font-weight:800}.remove-custom-length{min-width:46px;color:var(--muted);border-left:1px solid #16443b1a;font-size:1.25rem;font-weight:500}.remove-custom-length:hover{color:#a93b28;background:#a93b2812}.custom-length-notice{margin:8px 0 0;font-size:.75rem;font-weight:700;line-height:1.4}.custom-length-notice:empty{display:none}.custom-length-notice.error{color:#a93b28}.custom-length-notice.success{color:#2d6a47}.add-custom-length:focus-visible,.custom-length-toggle:focus-visible,.remove-custom-length:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #f16a3b6b;position:relative}.fit-policy-options{gap:8px;display:grid}.fit-policy-options button{width:100%;min-height:64px;color:var(--forest);text-align:left;background:#ffffff94;border:1px solid #16443b1f;border-radius:14px;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:9px;padding:10px 12px;display:grid;position:relative}.fit-policy-options button.active{background:linear-gradient(#ffffffb8,#d8e3a24d);border-color:#16443b66;box-shadow:inset 0 0 0 1px #16443b0d}.fit-policy-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.fit-policy-copy b{font-size:.84rem}.fit-policy-copy small{color:var(--muted);font-size:.71rem;line-height:1.32}.fit-policy-short-label{display:none}.fit-policy-options em{color:#2d5d35;letter-spacing:.03em;text-transform:uppercase;background:#789d4c21;border-radius:999px;padding:4px 7px;font-size:.58rem;font-style:normal;font-weight:800}.fit-policy-options .radio-dot{background:0 0;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1.5px #16443b66}.fit-policy-options button.active .radio-dot{background:var(--red);box-shadow:0 0 0 4px #f16a3b1f}.fit-policy-options button:focus-visible{outline-offset:2px;outline:3px solid #f16a3b6b}.border-options{grid-template-columns:repeat(2,minmax(0,1fr))}.border-options button{text-align:left;flex-direction:column;align-items:flex-start;gap:9px;min-height:112px;padding:12px}.border-options button>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.border-options button b{font-size:.92rem}.border-options button small{color:var(--muted);font-size:.73rem;line-height:1.35}.border-options button .radio-dot{background:0 0;border-radius:50%;width:9px;height:9px;position:absolute;top:12px;right:12px;box-shadow:0 0 0 1.5px #16443b59}.border-options button.active .radio-dot{background:var(--red);box-shadow:0 0 0 4px #f16a3b1f}.edge-icon{width:70px;height:36px;display:block;position:relative}.edge-icon i{background:#b8753e;border-radius:2px;display:block;position:absolute}.open-edge i{width:65px;height:6px;left:2px}.open-edge i:first-child{top:2px}.open-edge i:nth-child(2){top:14px}.open-edge i:nth-child(3){top:26px}.frame-edge{border:6px solid #7f492e;border-radius:2px}.frame-edge i{display:none}.frame-edge:before,.frame-edge:after{content:"";background:#c88a4d;height:4px;position:absolute;top:7px;left:8px;right:8px;box-shadow:0 8px #c88a4d}.frame-detail{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.frame-detail span{color:#7c472d;background:#c96e3c1a;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:800}.planning-note{background:#d0b0751f;border:1px solid #c96e3c2e;border-radius:16px;gap:12px;margin-top:20px;padding:12px 13px 12px 12px;display:flex}.planning-note>span{width:22px;height:22px;color:var(--copper);background:#c96e3c24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.planning-note p{color:var(--ink-soft);margin:0;font-size:.82rem;line-height:1.5}.results{border-radius:var(--radius-xl);padding:22px 18px 18px}.results-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.results-heading h2{font-size:clamp(1.8rem,2vw,2.5rem)}.live-pill{min-height:36px;color:var(--forest-soft);background:#ffffff61;border:1px solid #16443b1f;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.empty-state{text-align:center;background:#f0ece1cc;border:1px dashed #16443b2e;border-radius:20px;place-items:center;min-height:360px;padding:28px 18px;display:grid}.empty-state span{width:60px;height:60px;color:var(--red);background:#ffffff80;border-radius:18px;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:inline-flex}.empty-state h3{letter-spacing:-.04em;color:var(--forest);margin:12px 0 8px;font-size:1.7rem}.empty-state p{color:var(--muted);margin:0}.price-editor{background:#fffdf885;border:1px solid #16443b1f;border-radius:18px;margin-bottom:16px;overflow:hidden}.price-editor.expanded{border-color:#16443b3b;box-shadow:inset 0 0 0 1px #16443b0a}.price-editor-summary{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.price-editor-icon{width:42px;height:42px;color:var(--forest);background:#16443b14;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:inline-flex}.price-editor-summary>div{min-width:0}.price-editor-summary strong{color:var(--forest);margin-top:3px;font-size:.94rem;display:block}.price-editor-summary p{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin:3px 0 0;font-size:.73rem;display:flex}.custom-price-label,.price-input-heading span{color:#7c472d;letter-spacing:.03em;text-transform:uppercase;background:#c96e3c1f;border-radius:999px;align-items:center;min-height:20px;padding:3px 7px;font-size:.62rem;font-weight:800;display:inline-flex}.price-editor-toggle,.restore-prices,.apply-prices{border-radius:12px;min-height:40px;padding:8px 12px;font-size:.78rem;font-weight:800}.price-editor-toggle,.restore-prices{color:var(--forest);background:#ffffff8c;border:1px solid #16443b2e}.price-editor-toggle:hover,.restore-prices:not(:disabled):hover{background:#fffc;border-color:#16443b57}.price-editor-form{border-top:1px solid #16443b14;padding:0 14px 14px}.price-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:13px;display:grid}.price-input-card{background:#ffffff80;border:1px solid #16443b1a;border-radius:14px;padding:11px}.price-input-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.price-input-heading label{color:var(--forest-soft);font-size:.78rem;font-weight:800}.price-input-control{background:#ffffffb8;border:1px solid #16443b24;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-height:46px;padding:5px 10px;display:grid}.price-input-control:focus-within{border-color:#f16a3b9e;box-shadow:0 0 0 3px #f16a3b1a}.price-input-control b{color:var(--forest)}.price-input-control input{width:100%;min-width:0;color:var(--forest);background:0 0;border:0;outline:0;font-size:1rem;font-weight:800}.price-input-control small{color:var(--muted);font-size:.7rem;font-weight:700}.price-input-card>a{color:var(--forest-soft);text-underline-offset:3px;gap:4px;margin-top:8px;font-size:.71rem;font-weight:800;-webkit-text-decoration:underline #16443b47;text-decoration:underline #16443b47;display:inline-flex}.price-editor-actions{justify-content:flex-end;gap:8px;margin-top:11px;display:flex}.restore-prices:disabled{cursor:not-allowed;opacity:.45}.apply-prices{border:1px solid var(--forest);background:var(--forest);color:#fffdf8}.apply-prices:hover{background:var(--forest-soft)}.price-notice{text-align:right;margin:8px 0 0;font-size:.75rem;font-weight:700}.price-notice:empty{display:none}.price-notice.error{color:#a93b28}.price-notice.success{color:#2d6a47}.price-warning{color:var(--muted);background:#d0b07517;border-top:1px solid #c96e3c1f;gap:8px;margin:0;padding:9px 14px;font-size:.7rem;line-height:1.42;display:flex}.price-warning>span{width:17px;height:17px;color:var(--copper);background:#c96e3c24;border-radius:50%;flex:0 0 17px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.price-editor-toggle:focus-visible,.restore-prices:focus-visible,.apply-prices:focus-visible,.price-input-card>a:focus-visible{outline-offset:2px;outline:3px solid #f16a3b6b}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.result-card-panel{min-width:0}.profile-tabs,.mobile-plan-metrics,.method-toggle{display:none}.result-card{text-align:left;width:100%;min-height:100%;color:var(--forest);background:linear-gradient(#ffffffad,#f5efe3e6);border:1px solid #16443b1f;border-radius:22px;flex-direction:column;gap:10px;padding:18px 16px 14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.result-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px #10302b0f}.result-card.selected{border-color:#16443b59;box-shadow:inset 0 0 0 1px #16443b0f,0 16px 26px #10302b14}.result-card.unavailable{border-style:dashed;justify-content:flex-start}.unavailable-title{color:#8b422d;margin-top:8px;font-size:.9rem;font-weight:800}.result-card-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-chip{min-height:28px;color:var(--forest);letter-spacing:.04em;background:#16443b14;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.badge.price{color:#2d5d35;background:#789d4c1f}.badge.fit{color:#8b422d;background:#f16a3b1f}.badge.frame{color:var(--forest);background:#46685e1a}.badge.custom{color:#7c472d;background:#c96e3c1f}.result-card strong{letter-spacing:-.04em;font-size:clamp(1.2rem,1.6vw,1.8rem)}.result-size{color:var(--ink-soft);font-weight:700;display:inline-block}.result-deltas{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem;font-weight:700;display:flex}.delta{border-radius:999px;align-items:center;min-height:22px;padding:2px 7px;display:inline-flex}.delta.over{color:#2b6135;background:#79ab641f}.delta.under{color:#8c4027;background:#eb664a1a}.delta.exact{color:var(--forest);background:#16443b0f}.result-divider{background:linear-gradient(90deg,#16443b14,#16443b33,#16443b14);width:100%;height:1px}.result-price{letter-spacing:-.06em;font-size:clamp(1.4rem,2vw,2.2rem);font-weight:900}.result-caption{color:var(--muted);font-size:.8rem}.result-sequence{color:var(--forest-soft);flex-direction:column;gap:4px;margin-top:2px;display:flex}.result-sequence small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem}.select-plan{color:var(--forest);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:.8rem;font-weight:800;display:inline-flex}.select-plan b{font-size:1.1rem}.fit-policy-empty{background:#f3e5ce7a;border:1px solid #c96e3c38;border-radius:18px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:18px;padding:16px;display:grid}.fit-policy-empty>span{width:44px;height:44px;color:var(--copper);background:#c96e3c21;border-radius:13px;justify-content:center;align-items:center;font-size:1.25rem;font-weight:900;display:inline-flex}.fit-policy-empty h3{color:var(--forest);margin:0;font-size:1rem}.fit-policy-empty p{color:var(--muted);margin:4px 0 0;font-size:.77rem;line-height:1.45}.fit-policy-empty button{border:1px solid var(--forest);background:var(--forest);color:#fffdf8;border-radius:12px;min-height:42px;padding:8px 12px;font-size:.76rem;font-weight:800}.layout-options{background:#fffdf87a;border:1px solid #16443b1f;border-radius:18px;margin-top:18px;padding:13px}.layout-options-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px;display:flex}.layout-options-heading>small{color:var(--muted);font-size:.68rem;font-weight:700}.layout-option-tabs{gap:7px;display:grid}.layout-options.count-2 .layout-option-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-options.count-3 .layout-option-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-option-tabs button{min-width:0;min-height:58px;color:var(--forest-soft);text-align:left;background:#ffffff94;border:1px solid #16443b1f;border-radius:12px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 6px;padding:9px 10px;display:grid}.layout-option-tabs button.active{background:var(--forest);color:#fffdf8;border-color:#16443b70;box-shadow:0 7px 18px #0d27241f}.layout-option-tabs span{grid-column:1/-1;font-size:.68rem;font-weight:800}.layout-option-tabs b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;overflow:hidden}.layout-option-tabs small{font-size:.6rem;font-weight:700}.layout-option-tabs button:not(.active) small{color:var(--muted)}.layout-option-tabs button:focus-visible,.fit-policy-empty button:focus-visible{outline-offset:2px;outline:3px solid #f16a3b6b}.layout-options+.plan-panel{margin-top:10px}.frame-cut-guide{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#ffffff6b;margin-top:18px;padding:18px}.frame-guide-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.frame-guide-heading h3{color:var(--forest);letter-spacing:-.04em;margin:4px 0 0;font-size:1.5rem}.guide-profile{color:var(--forest);background:#16443b14;border-radius:999px;flex-shrink:0;padding:7px 10px;font-size:.72rem;font-weight:800}.long-point-note{background:#f3e5ce8c;border:1px solid #c96e3c33;border-radius:15px;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:15px;margin-top:14px;padding:12px 14px;display:grid}.long-point-note svg{width:100%;height:auto}.long-point-note polygon{fill:#c88a4d;stroke:#6c3d25;stroke-width:1.5px}.long-point-note line{stroke:var(--red);stroke-width:2px}.long-point-note marker path{fill:var(--red)}.long-point-note text{fill:var(--forest-soft);font-size:9px;font-weight:800}.long-point-note b{color:var(--forest);font-size:.94rem}.long-point-note p{color:var(--ink-soft);margin:4px 0 0;font-size:.78rem;line-height:1.45}.frame-guide-steps{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px;margin-top:12px;display:grid}.frame-guide-step{background:#fffdf894;border:1px solid #16443b1a;border-radius:16px;min-width:0;padding:14px}.guide-step-heading{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.guide-step-heading>span{width:34px;height:34px;color:var(--forest);background:#c96e3c21;border-radius:10px;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:inline-flex}.guide-step-heading small{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin-bottom:2px;font-size:.61rem;font-weight:800;display:block}.guide-step-heading h4{color:var(--forest);margin:0;font-size:.96rem}.guide-primary-fact{background:#16443b0f;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 11px;display:flex}.guide-primary-fact strong{color:var(--red);letter-spacing:-.05em;font-size:1.65rem}.guide-primary-fact span{color:var(--ink-soft);font-size:.76rem;line-height:1.4}.guide-primary-fact b{color:var(--forest)}.field-pattern-list,.frame-side-list{gap:8px;margin-top:10px;display:grid}.field-pattern,.frame-side{background:#ffffff85;border:1px solid #16443b14;border-radius:12px;min-width:0;padding:9px}.pattern-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.pattern-heading b,.pattern-heading span{font-size:.68rem}.pattern-heading b{color:var(--forest)}.pattern-heading span{color:var(--muted);font-weight:700}.cut-piece-sequence{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cut-piece-wrap{align-items:center;gap:6px;min-width:0;display:inline-flex}.cut-piece-wrap>i{color:var(--muted);font-style:normal;font-weight:800}.cut-piece{background:#16443b0f;border-radius:9px;flex-direction:column;gap:2px;padding:7px 8px;display:inline-flex}.cut-piece.trimmed{background:#f16a3b1a}.cut-piece b{color:var(--forest);white-space:nowrap;font-size:.69rem}.cut-piece small{color:var(--muted);white-space:nowrap;font-size:.62rem}.cut-piece.trimmed small{color:#8b422d;font-weight:800}.guide-plain-note,.frame-side>p,.offcut-note{color:var(--muted);font-size:.69rem;line-height:1.45}.guide-plain-note{margin:10px 0 0}.frame-side-map{width:min(260px,100%);height:auto;margin:12px auto 2px;display:block;overflow:visible}.frame-map-outline{fill:#b7744a1f;stroke:#75452e}.frame-map-label circle{fill:var(--forest);stroke:#fffdf8;stroke-width:1.5px}.frame-map-label text{fill:#fffdf8;text-anchor:middle;dominant-baseline:central;font-size:10px;font-weight:900}.frame-map-note{color:var(--muted);text-align:center;margin:0 auto 8px;font-size:.65rem;display:block}.frame-side-list{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-side-heading{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;margin-bottom:7px;display:grid}.frame-side-heading>span{background:var(--forest);color:#fffdf8;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.68rem;font-weight:900;display:inline-flex}.frame-side-heading div{flex-direction:column;gap:2px;min-width:0;display:flex}.frame-side-heading b{color:var(--forest);font-size:.75rem}.frame-side-heading small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;overflow:hidden}.frame-side>p{margin:7px 0 0}.cut-summary-step{grid-column:1/-1}.cut-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.cut-summary-grid>span{background:#16443b0f;border-radius:11px;flex-direction:column;gap:3px;min-width:0;padding:10px;display:flex}.cut-summary-grid b{color:var(--forest);font-size:1.15rem}.cut-summary-grid small{color:var(--muted);font-size:.64rem}.offcut-breakdown{color:var(--ink-soft);flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.7rem;display:flex}.offcut-breakdown span{gap:5px;display:inline-flex}.offcut-breakdown b{color:var(--forest)}.offcut-note{margin:8px 0 0}.frame-safety-note{background:#f3e5ce94;border:1px solid #bc8b5c33;border-radius:13px;gap:9px;margin-top:12px;padding:10px 11px;display:flex}.frame-safety-note>span{width:20px;height:20px;color:var(--copper);background:#c96e3c2e;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.frame-safety-note p{color:var(--ink-soft);margin:0;font-size:.72rem;line-height:1.45}.svg-side-label circle{fill:var(--forest);stroke:#fffdf8;stroke-width:1.5px}.svg-side-label text{fill:#fffdf8;text-anchor:middle;dominant-baseline:central;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:900}.plan-panel{border-radius:var(--radius-xl);margin-top:18px;padding:18px 18px 16px}.plan-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.plan-panel-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.gap-callout{color:var(--forest-soft);background:#d1b0751f;border-radius:999px;align-items:center;padding:8px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.gap-callout b{margin-right:4px}.save-pdf-button{border:1px solid var(--forest);background:var(--forest);color:#fffdf8;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:8px 12px;font-size:.76rem;font-weight:850;display:inline-flex;box-shadow:0 8px 18px #0d27241f}.save-pdf-button:hover:not(:disabled){background:var(--forest-soft)}.save-pdf-button:disabled{cursor:wait;opacity:.7}.save-pdf-button:focus-visible{outline-offset:2px;outline:3px solid #f16a3b6b}.save-pdf-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.pdf-export-status{text-align:right;min-height:0;margin:-5px 0 10px;font-size:.7rem;font-weight:750}.pdf-export-status:empty{display:none}.pdf-export-status.working,.pdf-export-status.success{color:#2d6a47}.pdf-export-status.error{color:#a93b28}.mobile-pdf-export{display:none}.plan-figure{gap:12px;display:grid}.deck-svg{background:#f5f0e7;border:1px solid #16443b14;border-radius:24px;width:100%;height:auto}.plan-legend{color:var(--forest-soft);flex-wrap:wrap;gap:8px 12px;font-size:.8rem;font-weight:700;display:flex}.plan-legend span{align-items:center;gap:8px;display:inline-flex}.plan-legend i{border-radius:4px;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1px #1a2e281f}.frame-legend i{background:#75452e}.svg-frame polygon{fill:#75452e;stroke:#4e2f22;stroke-width:.9px}.svg-frame line{stroke:#f2d0a1;stroke-width:1.2px;stroke-dasharray:3 2}.requested-legend{margin-left:8px}.requested-legend i{background:#ffffff1a;border:1px dashed #16443b57;border-radius:4px;width:18px;height:18px}.layout-warning{background:#f3e5ce9e;border:1px solid #bc8b5c3d;border-radius:16px;gap:12px;margin-top:18px;padding:12px 14px;display:flex}.layout-warning span{width:20px;height:20px;color:var(--copper);background:#c96e3c2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.layout-warning p{color:var(--ink-soft);margin:0;font-size:.82rem;line-height:1.5}.summary-grid{grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px;display:grid}.purchase-panel,.cost-panel{border-radius:var(--radius-xl);padding:18px 18px 16px}.panel-title{margin-bottom:14px}.purchase-list{gap:10px;display:grid}.purchase-list>div{background:#ffffff7a;border:1px solid #16443b14;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.purchase-list span,.purchase-list small{color:var(--muted);font-weight:700}.purchase-list strong{color:var(--forest);font-size:1.05rem}.purchase-total{color:var(--forest-soft);border-top:1px solid #16443b14;flex-wrap:wrap;gap:10px 20px;margin-top:16px;padding-top:14px;font-size:.85rem;display:flex}.purchase-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.purchase-breakdown span{background:#16443b0d;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.purchase-breakdown small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.purchase-breakdown b{color:var(--forest)}.purchase-total span{align-items:baseline;gap:4px;display:inline-flex}.minimum-purchase-note{background:#d0b0751a;border:1px solid #c96e3c29;border-radius:12px;gap:9px;margin-top:14px;padding:10px 11px;display:flex}.minimum-purchase-note>span{width:20px;height:20px;color:var(--copper);background:#c96e3c29;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;font-size:.75rem;font-weight:900;display:inline-flex}.minimum-purchase-note p{color:var(--ink-soft);margin:0;font-size:.73rem;line-height:1.45}.cost-panel{flex-direction:column;justify-content:center;display:flex}.cost-main{align-items:flex-end;gap:8px;margin-top:10px;display:flex}.cost-main span{color:var(--forest);letter-spacing:-.06em;font-size:clamp(2.2rem,3vw,3.2rem);font-weight:900}.cost-main small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.cost-panel p{color:var(--muted);margin:10px 0 0;line-height:1.5}.cost-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.cost-facts span{background:#ffffff75;border:1px solid #16443b14;border-radius:14px;flex-direction:column;gap:6px;padding:12px 10px;display:flex}.cost-facts small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.cost-facts b{color:var(--forest);font-size:1.1rem}.cost-facts .waste-fact{background:#f16a3b14;border-color:#f16a3b29}.cost-disclaimer{margin-top:16px;font-size:.8rem}.how-it-works{border-radius:var(--radius-xl);grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:26px;margin-top:30px;padding:26px 18px 22px;display:grid}.how-it-works h2{letter-spacing:-.05em;margin-top:16px;font-size:clamp(2rem,3vw,3rem);line-height:.97}.how-it-works ol{gap:16px;margin:0;padding:0;list-style:none;display:grid}.how-it-works li{background:#ffffff85;border:1px solid #16443b17;border-radius:18px;grid-template-columns:48px minmax(0,1fr);align-items:flex-start;gap:14px;padding:18px 18px 16px;display:grid}.how-it-works li span{width:48px;height:48px;color:var(--forest);background:linear-gradient(#c96e3c24,#f16a3b1f);border-radius:14px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.how-it-works li b{color:var(--forest);margin-bottom:4px;font-size:1.08rem;display:block}.how-it-works li p{color:var(--ink-soft);margin:0;line-height:1.6}footer{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:24px 8px 0;display:flex}.footer-brand{font-size:1.1rem}footer p{max-width:680px;margin:0;font-size:.82rem;line-height:1.5}.svg-dimension,.svg-direction{fill:var(--forest);font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700}.svg-direction{letter-spacing:.1em;text-transform:lowercase;font-size:11px}@media (max-width:980px){.planner-shell,.how-it-works,.summary-grid{grid-template-columns:1fr}.results-heading,.plan-panel-heading,.frame-guide-heading,footer{flex-direction:column;align-items:flex-start}.plan-panel-actions{width:100%}.pdf-export-status{text-align:left}}@media (max-width:640px){main{width:min(100% - 18px,1280px);padding-top:14px}.site-nav{flex-direction:column;align-items:flex-start}.hero{padding-top:12px}.hero h1{max-width:100%}.result-grid,.stock-options,.border-options,.dimension-inputs{grid-template-columns:1fr}.dimension-x{display:none}.purchase-list>div{grid-template-columns:1fr auto}.purchase-list strong{justify-self:end}.price-input-grid{grid-template-columns:1fr}}@media (max-width:480px){main{width:calc(100% - 20px);padding:10px 0 28px}.site-nav{flex-direction:row;align-items:center;min-height:44px;padding:4px 2px 8px}.brand{gap:7px;font-size:1.3rem}.brand-mark{width:24px;height:21px}.brand-mark i{width:5px}.brand-mark i:first-child{height:10px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:21px}.nav-note{padding:7px 10px;font-size:.7rem}.hero{padding:18px 2px 10px}.eyebrow,.section-kicker{letter-spacing:.14em;gap:7px;font-size:.66rem}.hero h1{margin:12px 0 10px;font-size:clamp(2rem,9.5vw,2.65rem);line-height:.98}.hero p{font-size:.92rem;line-height:1.48}.hero-stats{display:none}.planner-shell{gap:14px;padding:10px 0 0}.controls,.results,.plan-panel,.purchase-panel,.cost-panel,.how-it-works{border-radius:20px}.controls,.results{padding:15px 13px}.controls-heading{gap:10px;margin-bottom:14px}.controls-heading.compact{margin-bottom:10px}.step-number{border-radius:9px;flex:0 0 34px;width:34px;height:34px}.controls-heading h2,.plan-panel-heading h3,.panel-title h3{font-size:1.14rem}.controls-heading p{margin-top:2px;font-size:.79rem}.dimension-inputs{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:5px;margin-bottom:6px}.dimension-inputs label>span:first-child{margin-bottom:6px;font-size:.76rem}.number-input{border-radius:12px;gap:4px;min-height:48px;padding:7px 8px 7px 10px}.number-input input{min-width:0;font-size:16px}.number-input b{font-size:.7rem}.dimension-x{width:16px;margin-bottom:12px;display:inline-flex}.control-section{margin-top:18px}.direction-options,.stock-options,.border-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.direction-options button{border-radius:13px;gap:7px;min-height:48px;padding:8px 10px;font-size:.8rem}.direction-options button svg{display:none}.direction-options button .radio-dot{margin-left:auto}.stock-options button{border-radius:13px;min-height:48px;padding:8px 10px;font-size:.93rem}.custom-length-form{margin-top:13px;padding-top:13px}.custom-length-input-row{gap:7px}.custom-number-input,.add-custom-length{min-height:48px}.add-custom-length{padding-inline:12px}.custom-length-item{border-radius:13px;min-height:48px}.border-options button{border-radius:13px;gap:7px;min-height:96px;padding:10px}.border-options button b{font-size:.82rem}.border-options button small{font-size:.66rem}.edge-icon{width:56px;height:29px}.open-edge i{width:52px;height:5px}.open-edge i:first-child{top:1px}.open-edge i:nth-child(2){top:11px}.open-edge i:nth-child(3){top:21px}.frame-edge{border-width:5px}.frame-edge:before,.frame-edge:after{height:3px;top:5px;left:6px;right:6px;box-shadow:0 7px #c88a4d}.frame-detail{margin-top:8px}.planning-note{border-radius:13px;gap:9px;margin-top:16px;padding:10px}.planning-note p{font-size:.76rem;line-height:1.42}.fit-policy-options{gap:6px}.fit-policy-options button{border-radius:12px;grid-template-columns:minmax(0,1fr) auto 16px;min-height:56px;padding:8px 10px}.fit-policy-label{display:none}.fit-policy-short-label{display:block}.fit-policy-copy b{font-size:.8rem}.fit-policy-copy small{font-size:.67rem}.fit-policy-options em{padding:3px 6px;font-size:.53rem}.results-heading{flex-direction:row;align-items:flex-start;margin-bottom:12px}.results-heading h2{font-size:1.48rem}.live-pill{white-space:nowrap;min-height:30px;padding:6px 9px;font-size:.68rem}.price-editor{border-radius:15px;margin-bottom:10px}.price-editor-summary{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding:10px}.price-editor-icon{border-radius:10px;width:36px;height:36px;font-size:.95rem}.price-editor-summary .section-kicker{display:none}.price-editor-summary strong{margin-top:0;font-size:.8rem}.price-editor-summary p{font-size:.65rem}.custom-price-label{display:none}.price-editor-toggle{white-space:nowrap;border-radius:10px;min-height:36px;padding:7px 9px;font-size:.7rem}.price-editor-form{padding:0 10px 10px}.price-input-grid{gap:8px;padding-top:10px}.price-input-card{border-radius:12px;padding:9px}.price-input-control{min-height:44px}.price-input-control input{font-size:16px}.price-editor-actions{grid-template-columns:1fr 1fr;display:grid}.price-editor-actions button{width:100%}.price-notice{text-align:left}.price-warning{padding:8px 10px;font-size:.64rem}.profile-tabs{background:#16443b12;border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px;padding:4px;display:grid}.profile-tabs button{min-height:54px;color:var(--forest-soft);text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;padding:7px 9px;position:relative}.profile-tabs button.active{color:var(--forest);background:#fffdf8e6;border-color:#16443b21;box-shadow:0 4px 14px #0d272412}.profile-tabs button span{flex-direction:column;gap:2px;display:flex}.profile-tabs button b{font-size:.86rem}.profile-tabs button small{font-size:.71rem;font-weight:700}.profile-tabs button em{color:#2d5d35;font-size:.58rem;font-style:normal;font-weight:800;position:absolute;top:6px;right:7px}.profile-tabs button:focus-visible,.method-toggle:focus-visible,.result-card:focus-visible{outline-offset:2px;outline:3px solid #f16a3b6b}.result-grid{display:block}.result-card-panel{display:none}.result-card-panel.active{display:block}.result-card{border-radius:16px;gap:7px;min-height:0;padding:13px 12px}.result-card:hover{transform:none}.result-card .profile-chip,.result-sequence,.select-plan{display:none}.result-card.unavailable .profile-chip,.result-card.unavailable .select-plan{display:inline-flex}.result-card.unavailable .profile-chip{align-self:flex-start}.fit-policy-empty{border-radius:14px;grid-template-columns:36px minmax(0,1fr);gap:10px;margin-top:12px;padding:12px}.fit-policy-empty>span{border-radius:10px;width:36px;height:36px}.fit-policy-empty h3{font-size:.88rem}.fit-policy-empty p{font-size:.7rem}.fit-policy-empty button{grid-column:1/-1;width:100%;min-height:44px}.layout-options{border-radius:15px;margin-top:12px;padding:9px}.layout-options-heading{margin-bottom:7px}.layout-option-tabs{gap:5px}.layout-option-tabs button{border-radius:10px;min-height:55px;padding:7px 6px}.layout-option-tabs span{text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;overflow:hidden}.layout-option-tabs b{font-size:.7rem}.layout-option-tabs small{font-size:.52rem}.result-card-topline{justify-content:flex-end;min-height:24px}.result-card strong{font-size:1.08rem}.result-price{font-size:1.55rem}.frame-cut-guide{border-radius:20px;margin-top:14px;padding:13px 11px}.frame-guide-heading{flex-direction:row;align-items:flex-start}.frame-guide-heading h3{font-size:1.18rem}.guide-profile{padding:6px 8px;font-size:.64rem}.long-point-note{border-radius:12px;grid-template-columns:104px minmax(0,1fr);gap:9px;margin-top:11px;padding:9px}.long-point-note b{font-size:.78rem}.long-point-note p{font-size:.67rem;line-height:1.38}.frame-guide-steps{grid-template-columns:1fr;gap:9px;margin-top:9px}.frame-guide-step{border-radius:13px;padding:11px 10px}.cut-summary-step{grid-column:auto}.guide-step-heading{grid-template-columns:30px minmax(0,1fr);gap:8px}.guide-step-heading>span{border-radius:9px;width:30px;height:30px}.guide-step-heading h4{font-size:.87rem}.guide-primary-fact{margin-top:9px;padding:8px 9px}.guide-primary-fact strong{font-size:1.4rem}.guide-primary-fact span{font-size:.69rem}.field-pattern-list,.frame-side-list{gap:7px;margin-top:8px}.frame-side-list{grid-template-columns:1fr}.field-pattern,.frame-side{padding:8px}.cut-piece{padding:6px 7px}.cut-piece b{font-size:.66rem}.cut-piece small,.frame-side-heading small,.cut-summary-grid small{font-size:.64rem}.frame-side-map{width:220px;height:auto;margin-top:8px}.frame-map-note{font-size:.62rem}.cut-summary-grid{gap:6px;margin-top:9px}.cut-summary-grid>span{padding:8px 7px}.cut-summary-grid b{font-size:.96rem}.frame-safety-note{margin-top:9px;padding:9px}.frame-safety-note p{font-size:.67rem}.plan-panel,.purchase-panel,.cost-panel{padding:14px 12px}.plan-panel{margin-top:14px}.plan-panel-heading{margin-bottom:10px}.plan-panel-actions,.save-pdf-button{width:100%}.save-pdf-button{min-height:46px;font-size:.78rem}.pdf-export-status{margin-top:-3px;font-size:.66rem}.desktop-save-pdf,.desktop-pdf-export-status{display:none}.mobile-pdf-export{background:var(--forest);border-radius:14px;margin-top:14px;padding:12px;display:block}.mobile-pdf-export-copy{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.mobile-pdf-export-copy b{color:#fffdf8;font-size:.84rem}.mobile-pdf-export-copy span{color:#fffdf8bd;font-size:.67rem;line-height:1.4}.mobile-pdf-export .save-pdf-button{color:var(--forest);box-shadow:none;background:#fffdf8;border-color:#fffdf8}.mobile-pdf-export .save-pdf-button:hover:not(:disabled){background:#f5efe3}.mobile-pdf-export .pdf-export-status{color:#fffdf8db;text-align:left;margin:7px 0 0}.mobile-pdf-export .pdf-export-status.error{color:#ffd1c2}.plan-panel-heading .gap-callout{display:none}.mobile-plan-metrics{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px;display:grid}.mobile-plan-metrics span{background:#16443b0d;border-radius:11px;flex-direction:column;gap:2px;padding:8px 9px;display:flex}.mobile-plan-metrics small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:700}.mobile-plan-metrics b{white-space:nowrap;font-size:.76rem}.deck-svg{border-radius:14px}.plan-figure{gap:9px}.plan-legend{gap:7px 10px;font-size:.68rem}.plan-legend span{gap:5px}.requested-legend{margin-left:0}.layout-warning{border-radius:13px;gap:9px;margin-top:12px;padding:10px}.layout-warning p{font-size:.75rem;line-height:1.42}.summary-grid{gap:14px;margin-top:14px}.panel-title{margin-bottom:10px}.purchase-list{gap:7px}.purchase-list>div{border-radius:11px;grid-template-columns:1fr auto auto;gap:8px;padding:9px 10px;font-size:.8rem}.purchase-list strong{justify-self:auto;font-size:.9rem}.purchase-breakdown{gap:7px;margin-top:9px}.purchase-breakdown span{padding:9px}.purchase-total{gap:7px 14px;margin-top:12px;padding-top:11px;font-size:.78rem}.minimum-purchase-note{margin-top:11px;padding:9px 10px}.minimum-purchase-note p{font-size:.7rem}.cost-main{margin-top:7px}.cost-main span{font-size:2.25rem}.cost-panel p{margin-top:7px;font-size:.83rem}.cost-facts{gap:8px;margin-top:13px}.cost-facts span{border-radius:11px;gap:4px;padding:10px 9px}.cost-facts b{font-size:.98rem}.cost-disclaimer{font-size:.74rem!important}.how-it-works{margin-top:14px;padding:14px 13px;display:block}.how-heading{padding-right:118px;position:relative}.how-it-works h2{margin-top:8px;font-size:1.3rem;line-height:1}.method-toggle{min-height:44px;color:var(--forest);background:#ffffff80;border:1px solid #16443b24;border-radius:12px;align-items:center;gap:6px;padding:8px 10px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.method-toggle span{font-size:1rem;transition:transform .16s}.how-it-works.mobile-open .method-toggle span{transform:rotate(180deg)}.how-it-works ol{gap:8px;margin-top:13px;display:none}.how-it-works.mobile-open ol{display:grid}.how-it-works li{border-radius:13px;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:11px}.how-it-works li span{border-radius:10px;width:36px;height:36px}.how-it-works li b{font-size:.95rem}.how-it-works li p{font-size:.79rem;line-height:1.45}footer{gap:10px;padding:18px 2px 0}footer p{font-size:.74rem}}@media (max-width:350px){.nav-note{display:none}.dimension-inputs{grid-template-columns:1fr;gap:9px}.dimension-x{display:none}.border-options,.custom-length-input-row{grid-template-columns:1fr}.add-custom-length{width:100%}.border-options button{flex-direction:row;align-items:center;min-height:76px}.purchase-list>div{grid-template-columns:1fr auto}.purchase-list>div small{display:none}.cost-facts{grid-template-columns:1fr}.how-heading{padding-right:0}.method-toggle{justify-content:space-between;width:100%;margin-top:10px;position:static;transform:none}}