/* GENERATED by tools/extract-sierra-studio-css.cjs: Elijah's Sierra Ridge design-studio CSS (styles.css +
   website-theme.css), rule for rule, scoped under .ff-studio for the FullFlow estimator. Do not edit by hand;
   FullFlow restyling lives in sierra-studio-ff.css. */
/* ---- from /styles.css ---- */
.ff-studio .builder{margin: 25px 0px; border: 1px solid rgb(215, 223, 213); background: rgb(248, 250, 246); padding: 17px;}
.ff-studio .builder-head{display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.ff-studio .builder-head strong{font-size: 13px;}
.ff-studio .builder-head small{display: block; font-size: 11px; color: var(--color-muted); margin-top: 4px;}
.ff-studio .builder-add{background: rgb(228, 238, 229); border: 1px solid rgb(169, 193, 174); color: rgb(36, 75, 58); padding: 9px 13px; font-size: 11px; font-weight: 800; white-space: nowrap;}
.ff-studio .deck-canvas{height: 300px; margin: 18px 0px 8px; position: relative; overflow: hidden; background-color: rgb(238, 242, 235); background-image: linear-gradient(rgb(220, 230, 220) 1px, transparent 1px), linear-gradient(90deg, rgb(220, 230, 220) 1px, transparent 1px); background-size: 20px 20px;}
.ff-studio .house-edge{position: absolute; left: 0px; top: 0px; bottom: 0px; width: 31px; background: rgb(208, 214, 204); color: rgb(57, 91, 76); writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; font-size: 9px; letter-spacing: 0.14em; font-weight: 800; padding: 15px 8px;}
.ff-studio .canvas-scale{position: absolute; right: 9px; bottom: 8px; background: rgb(255, 255, 255); padding: 6px 8px; font-size: 10px; font-weight: 800; color: rgb(56, 84, 71);}
.ff-studio .plan-decking-legend{display: flex; align-items: center; gap: 8px; padding: 9px 11px; background: rgb(255, 255, 255); border: 1px solid rgb(210, 222, 207); font-size: 11px; font-weight: 800; color: rgb(52, 89, 71);}
.ff-studio .plan-decking-legend[hidden]{display: none;}
.ff-studio .plan-decking-swatch{width: 20px; height: 20px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.133); flex: 0 0 auto; background: var(--swatch,#ccc);}
.ff-studio .builder-actions{display: flex; gap: 15px; align-items: center; flex-wrap: wrap;}
.ff-studio .builder-actions .field-label{margin: 0px;}
.ff-studio .builder-actions select{width: auto; min-width: 155px;}
.ff-studio .builder-actions > span{font-size: 11px; color: var(--color-muted);}
.ff-studio .color-choice{border: 1px solid rgb(218, 225, 217); background: rgb(255, 255, 255); padding: 5px; text-align: left; font-size: 10px; color: rgb(55, 82, 70);}
.ff-studio .color-choice[aria-pressed="true"]{border: 2px solid rgb(38, 90, 62); background: rgb(237, 245, 237);}
.ff-studio .color-square{display: block; height: 39px; margin-bottom: 5px; background: repeating-linear-gradient(90deg,var(--swatch) 0 12px,color-mix(in srgb,var(--swatch) 78%,#fff) 13px 15px);}
@media (max-width: 700px){
.ff-studio .builder-head{align-items: start;}
.ff-studio .deck-canvas{height: 260px;}
}
.ff-studio .builder-toolbar{display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px;}
.ff-studio .builder-toolbar .builder-add{padding: 8px 10px;}
.ff-studio .feature-launch{align-items: center; gap: 14px; grid-column: 1 / -1; min-height: 64px; padding: 10px 16px; background: var(--brand-deep); color: rgb(255, 255, 255); border: 2px solid var(--accent); border-radius: 10px; text-align: left; display: flex !important;}
.ff-studio .feature-launch img{width: 46px; height: 46px; border-radius: 6px; object-fit: cover; flex: 0 0 auto;}
.ff-studio .feature-launch-copy strong{display: block; font-size: 15px; font-weight: 800;}
.ff-studio .feature-launch-copy small{display: block; font-size: 11px; color: var(--brand-tint); margin-top: 2px;}
.ff-studio .feature-launch-copy em{display: block; font-style: normal; font-size: 10px; color: var(--brand-tint); margin-top: 2px;}
.ff-studio .builder-hint{font-size: 11px; line-height: 1.5; color: rgb(81, 109, 92); margin: 8px 0px 16px;}
.ff-studio .deck-plan{position: absolute; inset: 0px; width: 100%; height: 100%; touch-action: none; cursor: crosshair;}
.ff-studio .plan-polygon{fill: var(--brand); fill-opacity: 0.94; stroke: rgb(40, 85, 64); stroke-width: 5; stroke-linejoin: round;}
.ff-studio .plan-edge-hit{stroke: transparent; stroke-width: 25; cursor: copy;}
.ff-studio .plan-corner{fill: var(--brand); stroke: rgb(40, 85, 64); stroke-width: 3; cursor: grab;}
.ff-studio .plan-corner.selected{fill: var(--brand); stroke: rgb(22, 60, 47); stroke-width: 4;}
.ff-studio .plan-corner-number{fill: rgb(23, 65, 50); font-size: 10px; font-weight: 800; pointer-events: none;}
.ff-studio .plan-stair{cursor: grab;}
.ff-studio .plan-stair rect{fill: var(--brand); stroke: rgb(37, 77, 58); stroke-width: 3;}
.ff-studio .plan-stair path{stroke: rgb(37, 77, 58); stroke-width: 2; pointer-events: none;}
.ff-studio .plan-stair text{fill: rgb(33, 70, 54); font-size: 9px; font-weight: 800; pointer-events: none;}
.ff-studio .plan-stair.selected rect{stroke: var(--brand); stroke-width: 4;}
.ff-studio .plan-second{fill: rgba(230, 195, 151, 0.6); stroke: rgb(255, 255, 255); stroke-width: 3; pointer-events: none;}
.ff-studio .plan-second-text{font-size: 10px; fill: rgb(37, 74, 56); font-weight: 800; pointer-events: none;}
.ff-studio .color-square{height: auto; aspect-ratio: 1 / 1; overflow: hidden; background-color: var(--swatch);}
.ff-studio .color-square img{width: 100%; height: 100%; object-fit: cover; display: block;}
.ff-studio .color-choice{min-width: 0px;}
.ff-studio .color-choice > span:last-child{display: block; min-height: 27px; line-height: 1.25;}
@media (max-width: 700px){
.ff-studio .builder-toolbar .builder-add{flex: 1 1 31%;}
}
.ff-studio .builder-level-row{display: flex; align-items: center; gap: 12px; margin-top: 16px;}
.ff-studio .builder-level-row .field-label{margin: 0px;}
.ff-studio .builder-level-row select{width: auto; min-width: 190px; min-height: 39px; padding: 7px 10px;}
.ff-studio .builder-level-row > span{margin-left: auto; font-size: 11px; font-weight: 800; color: rgb(51, 93, 68);}
.ff-studio .builder-workspace{display: grid; grid-template-columns: minmax(0px, 1fr) 215px; gap: 12px;}
.ff-studio .builder-workspace .deck-canvas{margin: 13px 0px 0px; height: 340px;}
.ff-studio .plan-sidebar{margin-top: 13px; display: flex; flex-direction: column; gap: 10px;}
.ff-studio .plan-total{background: rgb(36, 77, 59); color: rgb(255, 255, 255); padding: 17px; min-height: 115px;}
.ff-studio .plan-total > span, .ff-studio .plan-selection > span{font-size: 9px; letter-spacing: 0.14em; font-weight: 800; color: var(--brand);}
.ff-studio .plan-total strong{font-family: var(--serif); font-size: 33px; font-weight: 400; display: block; margin: 10px 0px 1px;}
.ff-studio .plan-total small{font-size: 10px; color: rgb(210, 223, 210); line-height: 1.4;}
.ff-studio .plan-selection{background: rgb(255, 255, 255); border: 1px solid rgb(210, 222, 207); padding: 13px;}
.ff-studio .plan-selection[hidden]{display: none;}
.ff-studio .plan-selection > span{color: var(--brand);}
.ff-studio .plan-selection > strong{display: block; font-family: var(--serif); font-size: 21px; font-weight: 400; margin: 6px 0px;}
.ff-studio .plan-selection .field-row{grid-template-columns: 1fr 1fr; gap: 7px;}
.ff-studio .plan-selection .field-label{font-size: 9px; margin: 5px 0px;}
.ff-studio .plan-selection input{min-height: 37px; padding: 6px 27px 6px 7px; font-size: 12px;}
.ff-studio .plan-selection .input-unit span{right: 7px; top: 12px; font-size: 9px;}
.ff-studio .plan-selection .field-note{font-size: 9px; line-height: 1.4;}
.ff-studio .feature-actions{display: flex; gap: 6px;}
.ff-studio .feature-actions button{flex: 1 1 0%; border: 1px solid rgb(189, 209, 191); background: rgb(238, 245, 235); color: rgb(43, 88, 61); padding: 8px 4px; font-size: 10px; font-weight: 800;}
.ff-studio .feature-actions button:last-child{border-color: rgb(255, 255, 255); background: var(--brand); color: rgb(255, 255, 255);}
.ff-studio .quantity-stepper{display: flex; align-items: stretch; gap: 6px;}
.ff-studio .quantity-stepper input{flex: 1 1 0%; min-height: 44px; text-align: center; padding: 6px 7px; font-size: 14px;}
.ff-studio .quantity-stepper button{flex: 0 0 44px; min-width: 44px; min-height: 44px; border: 1px solid var(--brand); background: var(--brand); color: rgb(255, 255, 255); font-size: 20px; font-weight: 800; line-height: 1; border-radius: 4px;}
.ff-studio .quantity-stepper button:active{background: rgb(35, 64, 41);}
.ff-studio .plan-motion-card{margin-top: auto; background: rgb(237, 244, 232); border: 1px solid rgb(214, 229, 212); display: flex; gap: 9px; align-items: center; padding: 10px; font-size: 10px; color: rgb(66, 98, 71); line-height: 1.4;}
.ff-studio .motion-mini-deck{width: 34px; height: 26px; flex: 0 0 auto; border: 2px solid rgb(86, 118, 92); transform: skewY(-13deg); display: flex; gap: 2px; padding: 3px;}
.ff-studio .motion-mini-deck i{flex: 1 1 0%; background: var(--brand); animation: 4.6s ease-in-out 0s infinite normal none running mini-deck-shift;}
.ff-studio .motion-mini-deck i:nth-child(2){animation-delay: 0.12s;}
.ff-studio .motion-mini-deck i:nth-child(3){animation-delay: 0.24s;}
.ff-studio .builder-add.danger{background: var(--brand); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);}
.ff-studio .plan-measure-group{pointer-events: auto; transition: opacity 0.15s;}
.ff-studio .plan-measure-group rect{fill: rgb(255, 253, 248); stroke: rgb(36, 71, 52); stroke-width: 1.5; pointer-events: none;}
.ff-studio .plan-measure{fill: rgb(23, 61, 43); font-size: 10px; font-weight: 900; pointer-events: none;}
.ff-studio .plan-measure-group.is-short-edge{opacity: 0; transform-box: fill-box; transform-origin: center center;}
.ff-studio .plan-measure-group.is-short-edge rect, .ff-studio .plan-measure-group.is-short-edge text{transform: scale(0.72);}
.ff-studio .plan-measure-group.is-short-edge:hover, .ff-studio .plan-measure-group.is-short-edge:focus, .ff-studio .plan-measure-group.is-short-edge:focus-visible{opacity: 1; outline: none;}
.ff-studio .plan-corner{pointer-events: auto;}
.ff-studio .plan-corner-number{fill: rgb(23, 65, 50); font-size: 10px; font-weight: 800; pointer-events: none; paint-order: stroke; stroke: var(--brand); stroke-width: 3px;}
.ff-studio .plan-edge-list{display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 11px; border: 1px solid rgb(209, 223, 208); background: rgb(247, 250, 245); color: rgb(52, 89, 71); font-size: 10px; line-height: 1.35;}
.ff-studio .plan-edge-list strong{grid-column: 1 / -1; color: var(--brand); font-size: 9px; letter-spacing: 0.12em;}
.ff-studio .plan-edge-list span{padding: 6px; background: rgb(255, 255, 255); border: 1px solid rgb(224, 232, 222); font-weight: 800;}
.ff-studio .plan-item{cursor: grab;}
.ff-studio .plan-item-main{stroke: rgb(41, 77, 57); stroke-width: 3; fill: var(--brand);}
.ff-studio .plan-item.hotTub .plan-item-main{fill: rgb(165, 203, 208);}
.ff-studio .plan-item.firePit .plan-item-main{fill: var(--brand);}
.ff-studio .plan-item.theater .plan-item-main{fill: rgb(214, 212, 221);}
.ff-studio .plan-item.landing .plan-item-main{fill: var(--brand);}
.ff-studio .plan-item path, .ff-studio .plan-item line, .ff-studio .plan-item circle:not(.plan-resize), .ff-studio .plan-item rect:not(.plan-item-main){stroke: rgb(52, 86, 66); stroke-width: 2; fill: none; pointer-events: none;}
.ff-studio .plan-item text{fill: rgb(40, 73, 55); stroke: rgb(255, 255, 255); stroke-width: 3px; paint-order: stroke; font-size: 9px; font-weight: 800; pointer-events: none;}
.ff-studio .plan-item.selected .plan-item-main{stroke: var(--brand); stroke-width: 4;}
.ff-studio .plan-resize{fill: var(--brand); stroke: rgb(255, 255, 255); stroke-width: 2; cursor: nwse-resize;}
.ff-studio .plan-item.just-added{animation: 0.25s ease-out 0s 1 normal none running plan-drop;}
@media (max-width: 1200px){
.ff-studio .builder-workspace{grid-template-columns: 1fr;}
.ff-studio .plan-sidebar{display: grid; grid-template-columns: 1fr 1fr;}
.ff-studio .plan-motion-card{grid-column: 1 / -1;}
.ff-studio .builder-workspace .deck-canvas{height: 330px;}
}
@media (max-width: 700px){
.ff-studio .builder-level-row{flex-wrap: wrap;}
.ff-studio .builder-level-row > span{margin-left: 0px;}
.ff-studio .builder-workspace .deck-canvas{height: 285px;}
.ff-studio .plan-sidebar{grid-template-columns: 1fr;}
.ff-studio .plan-motion-card{grid-column: auto;}
.ff-studio .builder-toolbar .builder-add{flex: 1 1 42%;}
}
@media (prefers-reduced-motion: reduce){
.ff-studio .motion-mini-deck i, .ff-studio .plan-item.just-added{animation: auto ease 0s 1 normal none running none !important;}
}
.ff-studio .builder-level-row > strong{font-size: 10px; letter-spacing: 0.14em; color: rgb(61, 91, 72);}
.ff-studio .builder.is-expanded .builder-workspace{grid-template-columns: minmax(0px, 1fr) 240px;}
.ff-studio .builder.is-expanded .deck-canvas{height: min(70vh, 620px);}
.ff-studio .builder-addons{margin: 20px 0px; background: rgb(247, 249, 245); border: 1px solid rgb(217, 228, 215); padding: 15px;}
.ff-studio .builder-addons > summary{cursor: pointer; font-family: var(--serif); font-size: 22px; color: rgb(36, 76, 56);}
.ff-studio .builder-addons > summary span{display: block; margin-top: 3px; font: 700 10px var(--sans); letter-spacing: 0.04em; color: rgb(100, 123, 105);}
.ff-studio .addon-category-tabs{display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0px;}
.ff-studio .addon-category-tabs button{background: rgb(255, 255, 255); border: 1px solid rgb(205, 221, 207); padding: 9px 11px; color: rgb(65, 96, 74); font-size: 10px; font-weight: 800;}
.ff-studio .addon-category-tabs button.active{background: rgb(34, 76, 55); color: rgb(255, 255, 255);}
.ff-studio .addon-card-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px;}
.ff-studio .addon-card{display: flex; flex-direction: column; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgb(219, 229, 217);}
.ff-studio .addon-card > img, .ff-studio .addon-visual{width: 100%; height: 126px; object-fit: cover;}
.ff-studio .addon-card button{margin: 0px 12px 12px; border: 0px; background: rgb(49, 93, 66); color: rgb(255, 255, 255); padding: 9px; font-size: 10px; font-weight: 800;}
.ff-studio .addon-card button[aria-pressed="true"]{background: rgb(221, 235, 220); color: rgb(46, 89, 64);}
.ff-studio .addon-card > a{padding: 0px 12px 12px; font-size: 9px; color: rgb(77, 117, 86);}
@media (max-width: 900px){
.ff-studio .addon-card-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.ff-studio .builder.is-expanded .builder-workspace{grid-template-columns: 1fr;}
}
@media (max-width: 560px){
.ff-studio .addon-card-grid{grid-template-columns: 1fr;}
.ff-studio .addon-card{display: grid; grid-template-columns: 100px 1fr;}
.ff-studio .addon-card > img, .ff-studio .addon-visual{height: 100%; min-height: 125px; grid-row: span 3;}
.ff-studio .addon-card button{align-self: start;}
.ff-studio .builder.is-expanded .deck-canvas{height: 390px;}
}
.ff-studio .builder-entry{display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 20px 0px 10px; padding: 20px 22px; background: linear-gradient(125deg, rgb(23, 60, 50), rgb(40, 87, 69)); color: rgb(255, 255, 255); border-radius: 4px;}
.ff-studio .builder-entry span{font-size: 9px; font-weight: 800; letter-spacing: 0.18em; color: var(--brand-tint);}
.ff-studio .builder-entry h4{font: 400 29px/1.1 var(--serif); margin: 7px 0px;}
.ff-studio .builder-entry p{font-size: 11px; line-height: 1.55; color: rgb(220, 231, 220); max-width: 480px; margin: 0px;}
.ff-studio .builder-entry button{flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; border: 0px; border-radius: 10px; background: var(--brand); color: rgb(255, 255, 255); padding: 0px 26px; font-size: 15px; font-weight: 800; letter-spacing: 0.02em; text-transform: none; box-shadow: rgba(9, 32, 25, 0.4) 0px 8px 22px; transition: background 0.15s, transform 0.15s, box-shadow 0.15s;}
.ff-studio .builder-entry button:hover{background: rgb(37, 74, 48); transform: translateY(-1px); box-shadow: rgba(9, 32, 25, 0.45) 0px 12px 26px;}
.ff-studio .builder-entry button:active{background: rgb(29, 58, 38); transform: translateY(0px);}
.ff-studio .builder-entry button:focus-visible{outline: 3px solid var(--accent); outline-offset: 3px;}
.ff-studio .builder:not(.is-expanded) .builder-toolbar{justify-content: flex-end; margin-top: 5px;}
.ff-studio .builder:not(.is-expanded) .builder-toolbar button:not(#expand-builder), .ff-studio .builder:not(.is-expanded) .plan-sidebar, .ff-studio .builder:not(.is-expanded) .builder-hint, .ff-studio .builder:not(.is-expanded) .builder-actions, .ff-studio .builder:not(.is-expanded) .builder-addons{display: none !important;}
.ff-studio .builder:not(.is-expanded) .builder-workspace{display: block;}
.ff-studio .builder:not(.is-expanded) .builder-workspace .deck-canvas{height: 230px; margin: 10px 0px 0px;}
.ff-studio .builder:not(.is-expanded) .deck-plan{pointer-events: none;}
.ff-studio .builder:not(.is-expanded) .builder-level-row{margin-top: 8px;}
.ff-studio .builder-preview-open{position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 46px; padding: 10px 20px; border: 1px solid var(--brand); background: rgba(23, 62, 50, 0.95); color: rgb(255, 255, 255); box-shadow: rgba(23, 62, 50, 0.4) 0px 10px 32px; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap;}
.ff-studio .builder-preview-open span{font-size: 17px; margin-left: 12px;}
.ff-studio .builder-preview-open:hover, .ff-studio .builder-preview-open:focus-visible{background: rgb(40, 94, 70);}
.ff-studio .builder.is-expanded .builder-preview-open{display: none;}
.ff-studio .builder-modal{position: fixed; inset: 1.2dvh 1.2vw; width: 97.6vw; height: 97.6dvh; max-width: none; max-height: none; margin: 0px; padding: 0px; border: 1px solid rgb(214, 224, 212); background: rgb(246, 248, 243); color: rgb(24, 59, 46); box-shadow: rgba(7, 30, 25, 0.667) 0px 30px 100px; overflow: hidden;}
.ff-studio .builder-modal:not([open]){display: none;}
.ff-studio .builder-modal::backdrop{background: rgba(3, 18, 16, 0.94);}
.ff-studio .builder-modal-header{height: 68px; padding: 10px 22px; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: rgb(24, 63, 51); color: rgb(255, 255, 255); border-bottom: 2px solid var(--brand);}
.ff-studio .builder-modal-header span{font-size: 9px; letter-spacing: 0.18em; font-weight: 800; color: var(--brand-tint);}
.ff-studio .builder-modal-header h4{font: 400 28px/1 var(--serif); margin: 5px 0px 0px;}
.ff-studio .builder-modal-header button{border: 1px solid rgb(155, 188, 164); background: rgb(237, 244, 233); color: rgb(31, 75, 53); padding: 10px 14px; font-size: 11px; font-weight: 800;}
.ff-studio .builder-modal-body{height: calc(100% - 68px); padding: 16px; overflow: hidden;}
.ff-studio .builder-modal .builder.is-expanded{height: 100%; margin: 0px; padding: 0px; border: 0px; background: transparent; display: grid; grid-template-columns: 205px minmax(0px, 1fr) 240px; grid-template-rows: auto minmax(250px, 1fr) auto minmax(150px, 195px); gap: 10px; overflow: hidden;}
.ff-studio .builder-modal .builder-head{grid-area: 1 / 1 / auto / 3; align-self: center;}
.ff-studio .builder-modal .builder-head small{display: block;}
.ff-studio .builder-modal .builder-level-row{grid-area: 1 / 3; align-self: center; margin: 0px; justify-content: flex-end;}
.ff-studio .builder-modal .builder-toolbar{grid-area: 2 / 1; display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 6px; margin: 0px; padding: 9px; background: rgb(234, 240, 232); border: 1px solid rgb(214, 225, 211); overflow-y: auto;}
.ff-studio .builder-modal .builder-toolbar .builder-add{min-height: 38px; width: 100%; padding: 6px; font-size: 10px; line-height: 1.15;}
.ff-studio .builder-modal .builder-toolbar #reset-plan, .ff-studio .builder-modal .builder-toolbar #expand-builder{grid-column: 1 / -1;}
.ff-studio .builder-modal .builder.is-expanded .builder-workspace{grid-area: 2 / 2 / auto / 4; display: grid; grid-template-columns: minmax(0px, 1fr) 240px; gap: 10px; min-width: 0px; min-height: 0px;}
.ff-studio .builder-modal .builder-workspace .deck-canvas, .ff-studio .builder-modal .builder.is-expanded .deck-canvas{height: 100%; min-height: 0px; margin: 0px;}
.ff-studio .builder-modal .plan-sidebar{display: flex; margin: 0px; overflow: auto; min-height: 0px;}
.ff-studio .builder-modal .builder-actions{grid-area: 3 / 1; align-self: center; font-size: 10px;}
.ff-studio .builder-modal .builder-hint{grid-area: 3 / 2 / auto / 4; margin: 0px; align-self: center;}
.ff-studio .builder-modal .builder-addons{grid-area: 4 / 1 / auto / 4; display: block; margin: 0px; overflow: auto; padding: 11px;}
.ff-studio .builder-modal .builder-addons > summary{font-size: 19px;}
.ff-studio .builder-modal .addon-category-tabs{margin: 8px 0px;}
.ff-studio .builder-modal .addon-card-grid{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.ff-studio .builder-modal .addon-card{display: grid; grid-template-columns: 70px 1fr; min-height: 100px;}
.ff-studio .builder-modal .addon-card > img, .ff-studio .builder-modal .addon-visual{height: 100%; min-height: 100px; grid-row: span 3;}
.ff-studio .builder-modal .addon-copy{padding: 8px;}
.ff-studio .builder-modal .addon-card button{margin: 0px 8px 8px;}
.ff-studio .builder-modal .addon-card > a{padding: 0px 8px 8px;}
@media (max-width: 1000px){
.ff-studio .builder-modal-body{overflow: auto;}
.ff-studio .builder-modal .builder.is-expanded{display: block; height: auto; overflow: visible;}
.ff-studio .builder-modal .builder-head{margin-bottom: 8px;}
.ff-studio .builder-modal .builder-level-row{justify-content: flex-start; margin: 8px 0px;}
.ff-studio .builder-modal .builder-toolbar{display: flex; flex-wrap: wrap; max-height: 170px; overflow: auto;}
.ff-studio .builder-modal .builder-toolbar .builder-add{width: auto; min-width: 100px; flex: 1 1 auto;}
.ff-studio .builder-modal .builder.is-expanded .builder-workspace{display: grid; grid-template-columns: minmax(0px, 1fr) 205px; min-height: 55vh;}
.ff-studio .builder-modal .builder-workspace .deck-canvas, .ff-studio .builder-modal .builder.is-expanded .deck-canvas{height: 55vh;}
.ff-studio .builder-modal .builder-actions, .ff-studio .builder-modal .builder-hint{margin: 8px 0px;}
.ff-studio .builder-modal .builder-addons{max-height: 270px;}
}
@media (max-width: 700px){
.ff-studio .builder-entry{display: block;}
.ff-studio .builder-entry button{margin-top: 16px; width: 100%; min-height: 56px;}
.ff-studio .builder-modal{inset: 0px; width: 100vw; height: 100dvh;}
.ff-studio .builder-modal-header{height: 62px; padding: 8px 12px;}
.ff-studio .builder-modal-header h4{font-size: 23px;}
.ff-studio .builder-modal-header button{padding: 9px; font-size: 10px;}
.ff-studio .builder-modal-body{height: calc(100% - 62px); padding: 10px;}
.ff-studio .builder-modal .builder-toolbar{max-height: 150px;}
.ff-studio .builder-modal .builder.is-expanded .builder-workspace{display: block; min-height: 0px;}
.ff-studio .builder-modal .builder-workspace .deck-canvas, .ff-studio .builder-modal .builder.is-expanded .deck-canvas{height: 48vh; min-height: 280px;}
.ff-studio .builder-modal .plan-sidebar{display: grid; grid-template-columns: 1fr 1fr; overflow: visible; margin: 10px 0px;}
.ff-studio .builder-modal .plan-motion-card{display: none;}
.ff-studio .builder-modal .addon-card-grid{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 480px){
.ff-studio .builder-modal .plan-sidebar{display: block;}
.ff-studio .builder-modal .plan-selection{margin-top: 8px;}
.ff-studio .builder-modal .addon-card-grid{grid-template-columns: 1fr;}
}
@media (max-height: 680px) and (min-width: 1001px){
.ff-studio .builder-modal .builder.is-expanded{grid-template-rows: auto minmax(170px, 1fr) auto minmax(100px, 125px);}
.ff-studio .builder-modal-body{padding: 10px;}
.ff-studio .builder-modal .builder-addons > summary{font-size: 16px;}
}
.ff-studio .addon-card{position: relative;}
.ff-studio .addon-card > img{display: block; background: rgb(223, 232, 221);}
.ff-studio .builder-modal .addon-card{grid-template-columns: 110px 1fr; min-height: 120px;}
.ff-studio .builder-modal .addon-card > img{min-height: 120px;}
@media (max-width: 1000px){
.ff-studio .builder-modal .addon-card-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 480px){
.ff-studio .builder-modal .addon-card-grid{grid-template-columns: 1fr;}
}
.ff-studio .optional-gallery > summary, .ff-studio .material-more > summary, .ff-studio .more-railing > summary, .ff-studio .more-site-details > summary, .ff-studio .finish-more > summary, .ff-studio .builder-more-tools > summary{cursor: pointer; list-style: none; font-size: 11px; font-weight: 800; line-height: 1.4; color: rgb(45, 100, 72);}
.ff-studio .optional-gallery > summary::-webkit-details-marker, .ff-studio .material-more > summary::-webkit-details-marker, .ff-studio .more-railing > summary::-webkit-details-marker, .ff-studio .more-site-details > summary::-webkit-details-marker, .ff-studio .finish-more > summary::-webkit-details-marker, .ff-studio .builder-more-tools > summary::-webkit-details-marker{display: none;}
.ff-studio .builder-more-tools{grid-column: 1 / -1; border: 1px solid rgb(185, 203, 185); background: rgb(247, 250, 246);}
.ff-studio .builder-more-tools > summary{padding: 10px;}
.ff-studio .builder-more-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 0px 6px 6px;}
.ff-studio .builder-modal .builder.is-expanded{grid-template-rows: auto minmax(250px, 1fr) auto auto;}
.ff-studio .builder-modal .builder-addons{max-height: 195px;}
.ff-studio .builder-modal .builder-toolbar .builder-more-tools{grid-column: 1 / -1;}
@media (max-width: 1000px){
.ff-studio .builder-modal .builder-toolbar .builder-more-tools{flex: 1 1 100%;}
.ff-studio .builder-more-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
}
@media (max-width: 700px){
.ff-studio .builder-more-grid{grid-template-columns: 1fr 1fr;}
}
.ff-studio .builder-modal .builder.is-expanded{position: relative; grid-template-rows: auto minmax(250px, 1fr) auto;}
.ff-studio .builder-modal .builder-addons:not([open]){display: none;}
.ff-studio .builder-modal .builder-addons[open]{display: block; position: absolute; z-index: 20; left: 0px; top: 54px; bottom: 0px; width: min(510px, 36%); max-height: none; margin: 0px; padding: 18px; overflow: auto; background: rgb(247, 250, 245); border: 2px solid rgb(76, 115, 91); box-shadow: rgba(12, 38, 31, 0.333) 18px 12px 44px;}
.ff-studio .builder-modal .builder-addons[open] > summary{position: sticky; top: -18px; z-index: 2; margin: -18px -18px 12px; padding: 18px; background: var(--brand-deep); color: rgb(241, 244, 245); font-size: 19px;}
.ff-studio .builder-modal .builder-addons[open] > summary span{display: block; margin-top: 6px; color: var(--brand-tint); font-size: 10px;}
.ff-studio .builder-modal .builder-addons[open] .addon-category-tabs{position: sticky; top: 55px; z-index: 1; padding: 8px 0px; background: rgb(247, 250, 245);}
.ff-studio .builder-modal .builder-addons[open] .addon-card-grid{grid-template-columns: 1fr;}
.ff-studio .builder-modal .builder-addons[open] .addon-card{grid-template-columns: 150px 1fr; min-height: 150px;}
.ff-studio .builder-modal .builder-addons[open] .addon-card > img{min-height: 150px;}
.ff-studio .addon-category-tabs button:first-child{background: var(--brand); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);}
.ff-studio .addon-category-tabs button:first-child.active{background: var(--brand); color: rgb(255, 255, 255);}
.ff-studio .plan-item{cursor: move;}
.ff-studio .plan-polygon{cursor: move;}
.ff-studio .deck-plan{touch-action: none;}
@media (max-width: 1000px){
.ff-studio .builder-modal .builder-addons[open]{position: fixed; inset: 72px 10px 10px; width: auto; max-height: none;}
.ff-studio .builder-modal .builder-addons[open] .addon-card-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 700px){
.ff-studio .builder-modal .builder-addons[open] .addon-card-grid{grid-template-columns: 1fr;}
}
.ff-studio .feature-actions #feature-rotate{flex: 1.45 1 0%; padding: 12px 8px; background: rgb(43, 104, 75); color: rgb(255, 255, 255); border-color: rgb(36, 88, 63); font-size: 12px; letter-spacing: 0.03em;}
.ff-studio .feature-actions #feature-rotate:hover{background: rgb(31, 79, 57);}
@media (max-width: 700px){
.ff-studio .plan-edge-list{grid-template-columns: 1fr;}
.ff-studio .builder-modal .builder-addons[open]{width: min(460px, 88vw);}
}
.ff-studio a:focus-visible, .ff-studio button:focus-visible, .ff-studio summary:focus-visible, .ff-studio .choice-card:has(input:focus-visible), .ff-studio .option-grid label:has(input:focus-visible), .ff-studio .material-grid label:has(input:focus-visible), .ff-studio .railing-choice:has(input:focus-visible), .ff-studio .color-choice:focus-visible{outline: 3px solid var(--accent); outline-offset: 2px;}
.ff-studio .builder-dimensions{display: none !important;}
.ff-studio .plan-edge{pointer-events: none; stroke-linecap: round;}
.ff-studio .plan-edge-rail{stroke: rgb(31, 38, 34); stroke-width: 3.2;}
.ff-studio .plan-edge-open{stroke: rgb(255, 253, 248); stroke-width: 2.4; stroke-dasharray: 7, 5; opacity: 0.95;}
.ff-studio .plan-edge-house{stroke: rgb(154, 165, 150); stroke-width: 8; stroke-linecap: butt;}
.ff-studio .plan-edge-selected{stroke: rgb(240, 169, 26); stroke-width: 14; stroke-linecap: round; opacity: 0.55; pointer-events: none;}
.ff-studio .plan-rail-post{fill: rgb(31, 38, 34); stroke: rgb(255, 253, 248); stroke-width: 1; pointer-events: none;}
.ff-studio .plan-edge-hit{cursor: pointer;}
.ff-studio .plan-measure-group{cursor: pointer;}
.ff-studio .plan-measure-house rect{fill: rgb(230, 234, 227); stroke: rgb(125, 138, 122);}
.ff-studio .plan-measure-house .plan-measure{fill: rgb(76, 91, 79);}
.ff-studio .plan-measure-open rect{stroke-dasharray: 3, 2;}
.ff-studio .plan-divider-guide{stroke: rgb(255, 253, 248); stroke-width: 1.6; stroke-dasharray: 5, 4; pointer-events: none;}
.ff-studio .plan-divider-handle{cursor: grab;}
.ff-studio .plan-divider-handle circle{fill: rgb(240, 169, 26); stroke: rgb(255, 255, 255); stroke-width: 2.5;}
.ff-studio .plan-divider-handle path{stroke: var(--brand); stroke-width: 1.8; fill: none; stroke-linecap: round;}
.ff-studio .plan-section-chip{cursor: pointer;}
.ff-studio .plan-section-chip rect{fill: rgb(255, 253, 248); stroke: rgb(36, 71, 52); stroke-width: 1.4; opacity: 0.94;}
.ff-studio .plan-section-chip text{fill: var(--brand); font-size: 10px; font-weight: 900;}
.ff-studio .plan-section-chip path{stroke: var(--brand); stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round;}
.ff-studio .plan-section-chip.is-editing rect{stroke: rgb(240, 169, 26); stroke-width: 2;}
.ff-studio .edge-pop, .ff-studio .board-panel{position: absolute; z-index: 6; background: rgb(255, 253, 248); border: 1px solid rgb(201, 214, 198); border-radius: 12px; box-shadow: rgba(15, 42, 31, 0.2) 0px 8px 24px; color: var(--brand); font-size: 12px;}
.ff-studio .edge-pop{width: 236px; padding: 10px 11px;}
.ff-studio .edge-pop-head, .ff-studio .bp-head{display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px;}
.ff-studio .edge-pop-head strong, .ff-studio .bp-head strong{font-size: 12.5px;}
.ff-studio .edge-pop-close, .ff-studio .bp-close{border: 0px; background: none; color: rgb(91, 107, 96); font-size: 14px; cursor: pointer; padding: 2px 4px;}
.ff-studio .edge-pop-opts{display: grid; gap: 5px;}
.ff-studio .edge-pop-opts button{display: flex; align-items: center; gap: 9px; width: 100%; padding: 8px 10px; border: 1px solid rgb(214, 224, 212); border-radius: 8px; background: rgb(255, 255, 255); color: var(--brand); font-weight: 800; font-size: 12px; cursor: pointer; text-align: left;}
.ff-studio .edge-pop-opts button[aria-pressed="true"]{border-color: rgb(36, 77, 59); background: rgb(234, 242, 231); box-shadow: rgb(36, 77, 59) 0px 0px 0px 1px inset;}
.ff-studio .edge-pop small{display: block; margin-top: 7px; color: rgb(91, 107, 96); font-size: 10.5px;}
.ff-studio .edge-swatch{display: inline-block; width: 22px; height: 0px; border-top: 3px solid rgb(31, 38, 34); flex: 0 0 auto;}
.ff-studio .edge-swatch-open{border-top: 2px dashed rgb(123, 138, 125);}
.ff-studio .edge-swatch-house{border-top: 6px solid rgb(154, 165, 150);}
.ff-studio .board-panel{top: 10px; right: 10px; width: min(300px, 100% - 20px); padding: 12px 13px; max-height: calc(100% - 20px); overflow: auto;}
.ff-studio .bp-label{display: block; margin: 9px 0px 5px; font-size: 9.5px; letter-spacing: 0.12em; font-weight: 800; color: rgb(91, 107, 96); text-transform: uppercase;}
.ff-studio .bp-seg{display: flex; gap: 0px; border: 1px solid rgb(201, 214, 198); border-radius: 8px; overflow: hidden; flex: 1 1 0%;}
.ff-studio .bp-seg button{flex: 1 1 0%; border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(201, 214, 198) currentcolor currentcolor; border-image: none; background: rgb(243, 246, 241); color: rgb(56, 84, 71); padding: 7px 6px; font-size: 11px; font-weight: 800; cursor: pointer;}
.ff-studio .bp-seg button:last-child{border-right: 0px;}
.ff-studio .bp-seg button[aria-pressed="true"]{background: rgb(36, 77, 59); color: rgb(255, 255, 255);}
.ff-studio .bp-row{display: flex; align-items: center; gap: 8px; margin-top: 6px;}
.ff-studio .bp-row b{width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: var(--brand); color: rgb(255, 255, 255); font-size: 10px; flex: 0 0 auto;}
.ff-studio .bp-note{margin: 10px 0px 8px; color: rgb(91, 107, 96); font-size: 11px; line-height: 1.4;}
.ff-studio .bp-done{width: 100%; padding: 8px; border: 0px; border-radius: 8px; background: var(--brand); color: rgb(255, 255, 255); font-weight: 800; cursor: pointer;}
.ff-studio .board-orient-btn small{display: block; font-size: 9.5px; font-weight: 700; opacity: 0.75; margin-top: 1px;}
.ff-studio .board-orient-btn.is-active{background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand);}
.ff-studio .plan-edge-list .edge-row{display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 5px 6px; background: rgb(255, 255, 255); border: 1px solid rgb(224, 232, 222); font-weight: 800;}
.ff-studio .plan-edge-list .edge-row span{padding: 0px; border: 0px; background: none;}
.ff-studio .plan-edge-list:has(.edge-row){grid-template-columns: 1fr; gap: 5px;}
.ff-studio .plan-edge-list .edge-row select{font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 10.5px; font-weight: 800; color: var(--brand); border: 1px solid var(--color-line-strong); border-radius: 6px; background: rgb(247, 250, 245); padding: 3px 4px; width: 108px; flex: 0 0 auto;}
.ff-studio .plan-edge-list .edge-row-house{background: rgb(238, 241, 236);}
.ff-studio .plan-edge-list .edge-row-open select{border-style: dashed;}
@media (max-width: 700px){
.ff-studio .edge-pop{width: 210px;}
.ff-studio .board-panel{left: 10px; right: 10px; width: auto;}
}
.ff-studio .plan-house-label{fill: rgb(93, 107, 95); font-size: 9px; font-weight: 900; letter-spacing: 0.18em; pointer-events: none; paint-order: stroke; stroke: rgb(255, 255, 255); stroke-width: 3px;}
.ff-studio .house-edge[hidden]{display: none !important;}
@media (max-width: 700px){
.ff-studio .board-panel{padding: 10px;}
.ff-studio .board-panel .bp-note{display: none;}
.ff-studio .board-panel .bp-label{margin: 6px 0px 4px;}
.ff-studio .bp-seg button{padding: 6px 4px;}
}
/* ---- from /website-theme.css ---- */
.ff-studio .builder, .ff-studio .builder-addons, .ff-studio .board-picker, .ff-studio .address-map, .ff-studio .google-account-card{background: rgb(246, 250, 247); border-color: rgb(217, 230, 220);}
.ff-studio .builder-add, .ff-studio .feature-actions button{background: rgb(231, 238, 233); color: var(--brand); border-color: rgb(175, 200, 180);}
.ff-studio .builder-preview-open{background: var(--brand); color: rgb(255, 255, 255); border-color: rgb(120, 149, 131);}
.ff-studio .addon-card button, .ff-studio .addon-category-tabs button.active{background: var(--brand); color: rgb(255, 255, 255);}
.ff-studio .deck-canvas{background-color: rgb(241, 246, 242); background-image: linear-gradient(rgb(220, 232, 223) 1px, transparent 1px), linear-gradient(90deg, rgb(220, 232, 223) 1px, transparent 1px);}
.ff-studio .zoom-controls{grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 5px; background: rgb(248, 250, 247); border: 1px solid rgb(203, 217, 205);}
.ff-studio .builder-modal .builder-toolbar .zoom-controls .builder-add{width: auto; min-width: 34px; min-height: 34px; flex: 1 1 0%;}
.ff-studio .zoom-controls output{min-width: 47px; text-align: center; font-size: 11px; font-weight: 800; color: rgb(34, 76, 56);}
.ff-studio .builder-modal .builder-toolbar .feature-launch{grid-column: 1 / -1; background: var(--brand-deep); color: white; border-color: rgb(255, 255, 255); text-align: left; font-size: 12px; min-height: 56px;}
.ff-studio .feature-launch span{display: block; font-size: 9px; color: var(--brand-tint); margin-top: 3px;}
.ff-studio .builder-modal .builder-addons{border: 2px solid var(--brand); background: rgb(249, 245, 237); box-shadow: rgba(32, 67, 43, 0.125) 0px 9px 25px;}
.ff-studio .builder-modal .builder-addons > summary{padding: 6px 7px; font-weight: 700; color: rgb(33, 76, 57);}
.ff-studio .builder-modal .builder-addons > summary span{display: flex; justify-content: space-between; gap: 8px;}
.ff-studio .builder-modal .builder-addons > summary b{font: 800 10px Inter, "Helvetica Neue", Arial, sans-serif; color: var(--brand);}
.ff-studio .builder-modal .builder-addons[open]{background: rgb(244, 248, 242); box-shadow: rgba(32, 67, 43, 0.137) 0px 13px 36px;}
.ff-studio .builder-modal .builder-addons[open] .addon-toggle-label{font-size: 0px;}
.ff-studio .builder-modal .builder-addons[open] .addon-toggle-label::after{content: "Close gallery ↑"; font-size: 10px;}
.ff-studio .step[data-step="2"] > .builder{display: none;}
.ff-studio .builder-modal .builder.is-expanded{display: grid !important;}
.ff-studio .builder-dimensions{display: flex; gap: 8px; align-items: end; margin-left: auto;}
.ff-studio .builder-dimensions label{display: grid; grid-template-columns: auto auto; gap: 3px 6px; font: 800 9px / 1 Inter, "Helvetica Neue", Arial, sans-serif; letter-spacing: 0.08em; color: rgb(66, 99, 83); text-transform: uppercase;}
.ff-studio .builder-dimensions label span{color: rgb(117, 136, 124);}
.ff-studio .builder-dimensions input{grid-column: 1 / -1; width: 104px; margin: 0px; padding: 9px 10px; border: 1px solid rgb(185, 200, 192); background: rgb(255, 255, 255); color: rgb(24, 63, 51); font: 700 14px / 1 Inter, "Helvetica Neue", Arial, sans-serif;}
.ff-studio .builder-modal .builder-head{display: flex; gap: 18px; align-items: center; justify-content: space-between;}
.ff-studio .zoom-controls .zoom-fit{white-space: nowrap; min-width: 72px !important; background: rgb(215, 229, 220) !important; color: rgb(33, 77, 57) !important;}
.ff-studio .builder-modal .builder-addons[open] .addon-card-grid{display: none;}
.ff-studio .builder-feature-carousel{display: grid; grid-template-columns: 150px minmax(0px, 1fr); gap: 14px; align-items: stretch; background: rgb(255, 255, 255); border: 1px solid rgb(213, 224, 212); box-shadow: rgba(27, 62, 42, 0.09) 0px 8px 22px; overflow: hidden;}
.ff-studio .builder-feature-carousel > img{width: 100%; height: 172px; object-fit: cover; background: rgb(231, 238, 230);}
.ff-studio .builder-feature-copy{padding: 14px 14px 9px; min-width: 0px;}
.ff-studio .builder-feature-copy > span{font: 800 9px / 1 Inter, "Helvetica Neue", Arial, sans-serif; letter-spacing: 0.12em; color: var(--brand); text-transform: uppercase;}
.ff-studio .builder-feature-copy h5{margin: 7px 0px 5px; font: 400 22px / 1.1 Poppins, Inter, sans-serif; color: rgb(27, 65, 50);}
.ff-studio .builder-feature-copy p{margin: 0px 0px 10px; font-size: 11px; line-height: 1.45; color: rgb(89, 112, 100);}
.ff-studio .builder-feature-copy button{border: 0px; background: var(--brand); color: rgb(255, 255, 255); padding: 9px 12px; font-size: 10px; font-weight: 800;}
.ff-studio .builder-feature-nav{grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; border-top: 1px solid rgb(220, 230, 220); background: rgb(245, 248, 243);}
.ff-studio .builder-feature-nav button{width: 34px; height: 28px; border: 1px solid rgb(191, 208, 192); background: rgb(255, 255, 255); color: var(--brand); font-size: 16px;}
.ff-studio .builder-feature-nav span{font: 800 10px Inter, "Helvetica Neue", Arial, sans-serif; letter-spacing: 0.1em; color: rgb(70, 104, 88);}
@media (max-width: 700px){
.ff-studio .builder-modal .builder-head{display: block;}
.ff-studio .builder-dimensions{margin-top: 12px;}
.ff-studio .builder-dimensions input{width: 100%;}
.ff-studio .builder-feature-carousel{grid-template-columns: 1fr;}
.ff-studio .builder-feature-carousel > img{height: 180px;}
}
.ff-studio .builder-modal, .ff-studio .builder-modal-body{overscroll-behavior: contain;}
.ff-studio .builder-modal .builder-addons[open]{position: absolute !important; z-index: 100 !important; inset: 0px auto 0px 0px !important; width: min(500px, 44vw) !important; height: 100% !important; max-height: none !important; margin: 0px !important; padding: 18px !important; display: block !important; overflow-y: auto !important; background: rgb(247, 250, 245) !important; box-shadow: rgba(11, 37, 29, 0.4) 24px 0px 56px !important;}
.ff-studio .builder-modal .builder-addons[open] > summary{position: sticky; top: -18px; z-index: 5; margin: -18px -18px 14px; padding: 18px; background: var(--brand-deep); color: rgb(241, 244, 245); font-size: 20px;}
.ff-studio .builder-modal .builder-addons[open] .builder-feature-carousel{min-height: 440px; grid-template-columns: 1fr; grid-template-rows: minmax(270px, 1fr) auto auto;}
.ff-studio .builder-modal .builder-addons[open] .builder-feature-carousel > img{height: 100%; min-height: 270px; object-fit: cover;}
.ff-studio .builder-modal .builder-addons[open] .builder-feature-copy{padding: 18px;}
.ff-studio .builder-modal .builder-addons[open] .builder-feature-copy h5{font-size: 28px;}
.ff-studio .builder-modal .builder-addons[open] .builder-feature-copy p{font-size: 13px;}
.ff-studio .builder-modal .builder-addons[open] .addon-category-tabs{position: sticky; bottom: 0px; top: auto; padding: 12px 0px; background: rgb(247, 250, 245);}
.ff-studio .builder-tour-launch{grid-column: 1 / -1 !important; background: var(--brand-deep) !important; border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;}
.ff-studio .builder-guide{position: absolute; z-index: 110; left: min(535px, 46vw); bottom: 25px; width: min(350px, -40px + 100vw); padding: 20px; background: var(--brand-deep); color: rgb(241, 244, 245); box-shadow: rgba(13, 37, 30, 0.8) 0px 18px 48px;}
.ff-studio .builder-guide > span{font: 800 10px Inter, "Helvetica Neue", Arial, sans-serif; letter-spacing: 0.14em; color: var(--brand);}
.ff-studio .builder-guide h5{margin: 8px 0px; font: 400 27px / 1.1 Poppins, Inter, sans-serif;}
.ff-studio .builder-guide p{font-size: 12px; line-height: 1.55; color: rgb(224, 235, 225);}
.ff-studio .builder-guide > div{display: flex; justify-content: space-between; gap: 9px; margin-top: 17px;}
.ff-studio .builder-guide button{border: 1px solid rgb(146, 172, 151); background: transparent; color: rgb(255, 255, 255); padding: 9px 12px; font-size: 10px; font-weight: 800;}
.ff-studio .builder-guide #builder-guide-next{background: var(--brand); color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);}
.ff-studio .builder-tutorial-target{outline-offset: 4px; animation: 1.2s ease-in-out 0s infinite normal none running builderPulse; outline: 4px solid var(--brand) !important;}
@media (max-width: 800px){
.ff-studio .builder-modal .builder-addons[open]{width: min(480px, 94vw) !important;}
.ff-studio .builder-guide{left: 16px; right: 16px; bottom: 16px; width: auto;}
}
.ff-studio .builder-modal > .builder-addons:not([open]){display: none !important;}
.ff-studio .builder-modal > .builder-addons[open]{position: absolute !important; z-index: 300 !important; inset: 66px auto 0px 0px !important; width: min(520px, 40vw) !important; height: auto !important; max-height: none !important; margin: 0px !important; padding: 20px !important; display: block !important; overflow-y: auto !important; background: rgb(247, 250, 245) !important; border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-image: none !important; border-right: 3px solid var(--brand) !important; box-shadow: rgba(11, 37, 29, 0.46) 25px 0px 55px !important;}
.ff-studio .builder-modal > .builder-addons[open] > summary{position: sticky; top: -20px; z-index: 4; cursor: pointer; margin: -20px -20px 18px !important; padding: 20px !important; background: var(--brand-deep) !important; color: rgb(241, 244, 245) !important; font-size: 22px !important;}
.ff-studio .builder-modal > .builder-addons[open] > summary span{display: block; margin-top: 6px; color: var(--brand-tint); font: 700 11px Inter, "Helvetica Neue", Arial, sans-serif;}
.ff-studio .builder-modal > .builder-addons[open] .builder-feature-carousel{display: grid; min-height: 520px; grid-template-rows: 300px auto auto; grid-template-columns: 1fr !important;}
.ff-studio .builder-modal > .builder-addons[open] .builder-feature-carousel > img{display: block; width: 100%; object-fit: cover; height: 300px !important; min-height: 300px !important;}
.ff-studio .builder-modal > .builder-addons[open] .builder-feature-copy{padding: 18px !important;}
.ff-studio .builder-modal > .builder-addons[open] .builder-feature-copy h5{font-size: 30px !important;}
.ff-studio .builder-modal > .builder-addons[open] .builder-feature-copy p{font-size: 14px !important; line-height: 1.55;}
.ff-studio .builder-modal > .builder-addons[open] .builder-feature-copy button{min-height: 50px; padding: 12px 17px; font-size: 12px;}
.ff-studio .builder-modal > .builder-addons[open] .addon-category-tabs{position: sticky; bottom: 0px; z-index: 3; margin: 14px 0px 0px; padding: 12px 0px; background: rgb(247, 250, 245);}
.ff-studio .builder-modal > .builder-addons[open] .addon-card-grid{display: none !important;}
@media (max-width: 800px){
.ff-studio .builder-modal > .builder-addons[open]{width: min(520px, 94vw) !important;}
}
.ff-studio .builder-modal .builder-toolbar .feature-launch{position: relative; display: block; overflow: hidden; text-align: left; grid-column: 1 / -1 !important; min-height: 190px !important; padding: 0px !important; border: 2px solid var(--brand) !important; background: var(--brand-deep) !important;}
.ff-studio .feature-launch > img{display: block; width: 100%; height: 118px; object-fit: cover; opacity: 0.92; transition: opacity 0.25s;}
.ff-studio .feature-launch-copy{padding: 12px 13px; display: block !important; margin: 0px !important; color: rgb(255, 255, 255) !important;}
.ff-studio .feature-launch-copy strong{display: block; font-size: 15px; line-height: 1.2;}
.ff-studio .feature-launch-copy small{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px !important; color: var(--brand-tint) !important;}
.ff-studio .feature-launch-copy em{position: absolute; top: 8px; right: 8px; padding: 5px 7px; border-radius: 3px; background: rgba(23, 63, 50, 0.91); font-style: normal; font-size: 11px !important; color: var(--brand-tint) !important;}
.ff-studio .builder-modal > .builder-addons[open] > summary{display: grid; grid-template-columns: 1fr 58px; align-items: center; min-height: 82px;}
.ff-studio .builder-modal > .builder-addons[open] > summary .gallery-title{display: block !important; font: 600 24px / 1.15 Poppins, Inter, sans-serif !important; color: rgb(255, 255, 255) !important;}
.ff-studio .builder-modal > .builder-addons[open] > summary > span:nth-child(2){grid-column: 1; font-size: 13px !important;}
.ff-studio .builder-modal > .builder-addons[open] > summary .addon-toggle-label{grid-area: 1 / 2 / 3; place-items: center; width: 54px; height: 54px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; display: grid !important; font: 400 44px / 1 Inter, "Helvetica Neue", Arial, sans-serif !important; color: rgb(255, 255, 255) !important;}
.ff-studio .builder-modal .builder-addons[open] .addon-toggle-label::after{content: none !important;}
.ff-studio .builder-guide{width: min(430px, -40px + 100vw); padding: 28px;}
.ff-studio .builder-guide > span{font-size: 12px;}
.ff-studio .builder-guide h5{font-size: 34px;}
.ff-studio .builder-guide p{font-size: 16px !important;}
.ff-studio .builder-guide button{min-height: 48px; padding: 12px 17px; font-size: 14px;}
@media (max-width: 700px){
.ff-studio .builder-modal .builder-toolbar .feature-launch{min-height: 150px !important;}
.ff-studio .feature-launch > img{height: 80px;}
}
.ff-studio .builder-modal .builder.is-expanded{grid-template-columns: minmax(0px, 1fr) 255px !important; grid-template-rows: auto auto minmax(260px, 1fr) auto !important; gap: 10px !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-head{grid-area: 1 / 1;}
.ff-studio .builder-modal .builder.is-expanded .builder-level-row{grid-area: 1 / 2;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar{grid-area: 2 / 1 / auto / 3; align-items: stretch; flex-wrap: nowrap; gap: 7px; min-height: 72px; max-height: 84px; margin: 0px; padding: 8px; overflow: auto hidden; background: rgb(234, 240, 232); border: 1px solid rgb(203, 217, 202); position: relative; display: flex !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar .toolbar-scroll-arrow{display: none;}
@media (min-width: 1000px){
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar{flex-wrap: wrap; max-height: none; overflow: visible;}
}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar .builder-add{flex: 0 0 auto; width: auto; min-width: 92px; min-height: 54px; white-space: nowrap; padding: 9px 11px !important; font-size: 12px !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar #expand-builder{display: none !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar .builder-tour-launch{order: -1; min-width: 126px; grid-column: auto !important; background: var(--brand-deep) !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar .feature-launch{grid-template-columns: 62px 155px; align-items: center; min-width: 217px; display: grid !important; min-height: 54px !important; height: 54px !important; padding: 0px !important;}
.ff-studio .builder-modal .builder.is-expanded .feature-launch > img{width: 62px; object-fit: cover; height: 54px !important;}
.ff-studio .builder-modal .builder.is-expanded .feature-launch-copy{padding: 6px 9px !important;}
.ff-studio .builder-modal .builder.is-expanded .feature-launch-copy strong{font-size: 12px;}
.ff-studio .builder-modal .builder.is-expanded .feature-launch-copy small{font-size: 10px !important;}
.ff-studio .builder-modal .builder.is-expanded .feature-launch-copy em{top: 4px; right: 4px; font-size: 8px !important;}
.ff-studio .builder-modal .builder.is-expanded .zoom-controls{display: flex; flex: 0 0 auto; align-items: center; gap: 4px;}
.ff-studio .builder-modal .builder.is-expanded .zoom-controls .builder-add{min-width: 48px;}
.ff-studio .builder-modal .builder.is-expanded .zoom-controls output{min-width: 52px; text-align: center; font-size: 12px; font-weight: 800;}
.ff-studio .builder-modal .builder.is-expanded .builder-workspace{grid-area: 3 / 1 / auto / 3; grid-template-columns: minmax(0px, 1fr) 250px;}
.ff-studio .builder-modal .builder.is-expanded .builder-hint{grid-area: 4 / 1; margin: 0px; padding: 11px 14px; background: var(--brand); border-left: 5px solid var(--brand-hover); color: rgb(255, 255, 255); font-weight: 700; font-size: 14px !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-actions{grid-area: 4 / 2; text-align: right; font-size: 12px;}
.ff-studio .builder-guide{inset: 150px auto auto 18px; width: min(470px, -40px + 100vw); padding: 29px; box-shadow: rgba(7, 27, 22, 0.867) 0px 22px 65px;}
.ff-studio .builder-guide h5{font-size: 36px !important;}
.ff-studio .builder-guide p{font-size: 17px !important;}
.ff-studio .plan-inline-rotate circle, .ff-studio .plan-inline-quantity circle{fill: var(--brand); stroke: rgb(255, 255, 255); stroke-width: 2; cursor: pointer;}
.ff-studio .plan-inline-rotate text, .ff-studio .plan-inline-quantity text{fill: rgb(255, 255, 255); font-size: 14px; font-weight: 900; pointer-events: none;}
.ff-studio .plan-inline-quantity rect{fill: rgb(255, 255, 255); stroke: var(--brand); stroke-width: 2;}
.ff-studio .plan-inline-quantity rect + text{fill: var(--brand); font-size: 11px;}
.ff-studio .builder-modal > .builder-addons[open]{width: min(650px, 48vw) !important;}
.ff-studio .builder-modal > .builder-addons[open] .builder-feature-carousel{min-height: 390px; grid-template-rows: 220px auto auto;}
.ff-studio .builder-modal > .builder-addons[open] .builder-feature-carousel > img{height: 220px !important; min-height: 220px !important;}
.ff-studio .builder-modal > .builder-addons[open] .addon-card-grid{gap: 12px; display: grid !important; grid-template-columns: 1fr 1fr !important;}
.ff-studio .builder-modal > .builder-addons[open] .addon-card{display: grid; grid-template-columns: 120px 1fr; min-height: 138px;}
.ff-studio .builder-modal > .builder-addons[open] .addon-card > img{height: 100%; min-height: 138px; grid-row: 1 / 3;}
.ff-studio .builder-modal > .builder-addons[open] .addon-copy{padding: 12px;}
.ff-studio .builder-modal > .builder-addons[open] .addon-copy strong{font-size: 13px;}
.ff-studio .builder-modal > .builder-addons[open] .addon-copy p{font-size: 11px;}
.ff-studio .builder-modal > .builder-addons[open] .addon-card button{min-height: 40px; font-size: 11px;}
@media (max-width: 1000px){
.ff-studio .builder-modal .builder.is-expanded{display: grid !important; height: 100% !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar{max-height: 86px !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-workspace{min-height: 0px;}
.ff-studio .builder-modal > .builder-addons[open]{width: min(650px, 88vw) !important;}
}
@media (max-width: 700px){
.ff-studio .builder-modal .builder.is-expanded{overflow: auto; display: block !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar{position: sticky; top: 0px; z-index: 5; mask-image: linear-gradient(to right, transparent, black 22px, black calc(100% - 22px), transparent); scroll-behavior: smooth; max-height: 86px !important; flex-wrap: nowrap !important; overflow: auto hidden !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar .toolbar-scroll-arrow{position: sticky; top: 0px; align-items: center; justify-content: center; width: 26px; min-width: 26px; height: 100%; align-self: stretch; background: rgba(234, 240, 232, 0.96); border: 1px solid rgb(203, 217, 202); border-radius: 6px; font-size: 18px; font-weight: 900; color: var(--brand); z-index: 2; padding: 0px; display: flex !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar .toolbar-scroll-arrow-left{left: 0px; order: -1;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar .toolbar-scroll-arrow-right{right: 0px; order: 99;}
.ff-studio .builder-modal .builder.is-expanded .builder-workspace{display: block;}
.ff-studio .builder-modal > .builder-addons[open] .addon-card-grid{grid-template-columns: 1fr !important;}
}
.ff-studio #builder-guide-count, .ff-studio #builder-feature-count, .ff-studio #feature-rotate{display: none !important;}
.ff-studio .builder-modal .builder-addons[open]{width: min(820px, 62vw) !important;}
.ff-studio .builder-modal .builder-addons[open] .addon-card-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
.ff-studio .builder-modal .builder-addons[open] .addon-card{grid-template-columns: 180px 1fr !important; min-height: 165px;}
.ff-studio .builder-modal .builder-addons[open] .addon-card > img{min-height: 165px;}
.ff-studio .plan-item.stairs.selected .plan-item-main, .ff-studio .plan-item.landing.selected .plan-item-main{filter: drop-shadow(rgba(239, 171, 88, 0.667) 0px 0px 6px); stroke: var(--brand) !important; stroke-width: 5 !important;}
.ff-studio .plan-inline-rotate circle{fill: var(--brand); stroke: rgb(255, 255, 255); stroke-width: 3;}
.ff-studio .plan-inline-rotate text{font-size: 15px;}
.ff-studio .builder-guide{top: 112px !important; left: 22px !important;}
@media (max-width: 1000px){
.ff-studio .builder-modal .builder-addons[open]{width: min(720px, 94vw) !important;}
}
.ff-studio .plan-item.stairs.selected .plan-item-main, .ff-studio .plan-item.landing.selected .plan-item-main{filter: drop-shadow(rgba(23, 63, 50, 0.27) 0px 2px 3px); stroke: var(--brand) !important; stroke-width: 2.5 !important;}
.ff-studio .plan-inline-rotate{cursor: pointer;}
.ff-studio .plan-inline-rotate .rotate-hit{fill: transparent; stroke: none;}
.ff-studio .plan-inline-rotate .rotate-face{fill: rgb(255, 253, 248); stroke: var(--brand); stroke-width: 2; filter: drop-shadow(rgba(23, 63, 50, 0.267) 0px 2px 3px);}
.ff-studio .plan-inline-rotate .rotate-arrow{fill: none; stroke: var(--brand); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none;}
.ff-studio .plan-inline-rotate:hover .rotate-face{fill: var(--brand); stroke: var(--brand);}
.ff-studio .plan-inline-rotate:active .rotate-face{transform: scale(0.94); transform-box: fill-box; transform-origin: center center;}
.ff-studio .plan-item.stairs .plan-item-main{stroke: var(--brand); stroke-width: 2; fill: rgba(255, 250, 240, 0.5) !important;}
.ff-studio .plan-item.stairs.selected .plan-item-main{filter: drop-shadow(rgba(23, 63, 50, 0.2) 0px 3px 5px); fill: rgba(255, 250, 240, 0.66) !important; stroke: var(--brand) !important; stroke-width: 2.25 !important;}
.ff-studio .plan-item.stairs line{stroke: rgb(49, 91, 73); stroke-width: 1.8;}
.ff-studio .builder-modal .builder-addons[open]{transition: transform 0.24s, opacity 0.18s;}
.ff-studio .builder-modal .builder-addons[open].is-placing-feature{transform: translateX(calc(-100% - 28px)); opacity: 0.12; pointer-events: none;}
@media (prefers-reduced-motion: reduce){
.ff-studio .builder-modal .builder-addons[open]{transition: none;}
}
.ff-studio .floating-stair-rotate{position: absolute; z-index: 12; display: grid; place-items: center; width: 42px; height: 42px; padding: 0px; border: 2px solid var(--brand); border-radius: 50%; background: rgb(255, 253, 248); color: var(--brand); box-shadow: rgba(23, 63, 50, 0.25) 0px 4px 12px; transform: translate(-50%, -50%); cursor: pointer;}
.ff-studio .floating-stair-rotate[hidden]{display: none;}
.ff-studio .floating-stair-rotate svg{width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.ff-studio .floating-stair-rotate:hover{background: var(--brand); transform: translate(-50%, -50%) scale(1.06);}
.ff-studio .floating-stair-rotate:active{transform: translate(-50%, -50%) scale(0.96);}
.ff-studio .builder-modal .feature-launch.is-pulsing{animation: 2.4s ease-in-out 0s infinite normal none running featureLauncherPulse;}
@media (prefers-reduced-motion: reduce){
.ff-studio .builder-modal .feature-launch.is-pulsing{animation: auto ease 0s 1 normal none running none; box-shadow: rgba(219, 165, 111, 0.46) 0px 0px 0px 3px;}
}
.ff-studio .builder .builder-guide{top: var(--guide-top,auto) !important; left: var(--guide-left,18px) !important; right: auto !important; bottom: auto !important;}
.ff-studio .builder .builder-guide:not([style*="--guide-top"]){top: auto !important; bottom: 18px !important;}
@media (max-width: 700px){
.ff-studio .builder .builder-guide{max-height: 42vh; overflow: auto; z-index: 140; position: fixed !important; top: auto !important; left: 10px !important; right: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom,0px)) !important; width: auto !important; padding: 14px 16px !important;}
.ff-studio .builder .builder-guide h5{font-size: 21px !important; margin: 2px 0px 6px !important;}
.ff-studio .builder .builder-guide p{font-size: 14px !important; line-height: 1.45 !important; margin: 0px !important;}
.ff-studio .builder .builder-guide > div{margin-top: 10px !important;}
.ff-studio .builder .builder-guide button{min-height: 44px !important;}
}
@media (max-height: 500px) and (min-width: 701px){
.ff-studio .builder .builder-guide{width: min(360px, 46vw) !important; padding: 12px 14px !important;}
.ff-studio .builder .builder-guide h5{font-size: 19px !important; margin: 0px 0px 4px !important;}
.ff-studio .builder .builder-guide p{font-size: 13px !important; line-height: 1.4 !important; margin: 0px !important;}
.ff-studio .builder .builder-guide > div{margin-top: 8px !important;}
}
@media (max-width: 900px){
.ff-studio .toolbar-scroll-arrow{min-width: 36px !important;}
.ff-studio :is(.eyebrow, .field-note, .optional-mark, .hero-caption span, .review-band-label, .lead-capture-top > span, .lead-capture label, .lead-two label, .analytics-choice span, #slide-count, .wizard-topline-info span, .wizard-review > span, .person-title, .map-auto-status, #trpa-message, #wui-message, .aside-design-stats strong, .aside-design-stats small, .builder-entry span, .builder-entry p, .builder-head small, .builder-dimensions label, .builder-level-row strong, .builder-level-row span, .feature-launch-copy small, .canvas-scale, .plan-total span, .plan-total small, .plan-edge-list strong, .plan-edge-list span, #stair-count, .input-unit span, .fire-class-badge, .finish-choice-note, .selection-cart, .addon-finish-review strong, .addon-finish-review p, .site-sequence-nav span, .result-top > span, .trust-badge-text span, .visit-choice-copy small, .financing-copy span, .financing-copy p, .financing-controls label, .financing-result span, .financing-result small, .financing-facts p, .financing-facts small, #financing-cta, .quote-next-copy span, .quote-next-actions p, .human-help-action b, .human-help-action small, .wizard-reassurance span, .wizard-reassurance small, #address-restart, #address-use-typed, .builder-modal-header span, .engineer-preview span, .engineer-preview a, .extra-work-summary span, .account-kicker, .account-card-head p, .account-preview-link, .account-divider span, .account-email-row label, .account-password-actions button, #account-email-link, #google-signin-status, .visit-calendar span, .financing-facts strong, .financing-interest small, .help-chat-head span, .help-chat-quick button, .help-chat-quick a, #help-chat-form label, .house-edge, .person-photo-fallback){font-size: 12px !important;}
}
.ff-studio .plan-total > span, .ff-studio .plan-selection > span{color: rgb(185, 205, 191) !important;}
.ff-studio .plan-polygon{fill: rgb(185, 156, 121) !important; fill-opacity: 0.94 !important; stroke: rgb(40, 85, 64) !important;}
.ff-studio .plan-corner{fill: rgb(255, 245, 222) !important; stroke: rgb(40, 85, 64) !important;}
.ff-studio .plan-corner.selected{fill: rgb(241, 184, 127) !important; stroke: rgb(22, 60, 47) !important;}
.ff-studio .plan-corner-number{fill: rgb(23, 65, 50) !important; stroke: rgb(255, 245, 222) !important;}
.ff-studio .plan-edge-list strong{color: rgb(155, 107, 73) !important;}
@media (max-width: 800px), (pointer: coarse){
.ff-studio .plan-edge-list .edge-row select{font-size: 16px !important; width: 128px !important; padding: 4px 6px !important;}
}
.ff-studio .plan-corner-hit{fill: transparent; stroke: none; pointer-events: all; cursor: grab; touch-action: none;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar .toolbar-scroll-arrow{width: 44px; min-height: 44px; background: rgb(234, 240, 232); z-index: 2; min-width: 44px !important;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar .toolbar-scroll-arrow-left{box-shadow: rgba(18, 36, 28, 0.25) 6px 0px 8px -4px;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar .toolbar-scroll-arrow-right{box-shadow: rgba(18, 36, 28, 0.25) -6px 0px 8px -4px;}
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar{scroll-padding-inline: 48px;}
.ff-studio .builder-modal .feature-launch.is-pulsing{animation-iteration-count: 3;}
@media (max-width: 700px){
.ff-studio .builder-modal .builder.is-expanded .builder-toolbar{padding-left: 0px !important; padding-right: 0px !important;}
}