ff-sectional-planner{display:block;margin:72px auto;max-width:none;width:100%;box-sizing:border-box;padding:0 36px;color:#262721;font-family:inherit}ff-sectional-planner *{box-sizing:border-box}ff-sectional-planner [hidden]{display:none!important}ff-sectional-planner button,ff-sectional-planner input{font:inherit;color:inherit}ff-sectional-planner button{cursor:pointer}ff-sectional-planner button:disabled{cursor:not-allowed;opacity:.48}ff-sectional-planner button:focus-visible,ff-sectional-planner input:focus-visible,ff-sectional-planner a:focus-visible{outline:2px solid #335b46;outline-offset:4px}.ffsp-header{max-width:650px;margin-bottom:32px}.ffsp-kicker{font-size:10px;letter-spacing:.16em;margin:0 0 15px}.ffsp-header h2{font-size:clamp(26px,3vw,40px);line-height:1.12;font-weight:400;margin:0 0 15px}.ffsp-intro{font-size:14px;line-height:1.6;margin:0;color:#68685e}.ffsp-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:40px}.ffsp-controls{min-width:0}.ffsp-controls h3{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;margin:0 0 16px}.ffsp-controls h3:not(:first-child){margin-top:28px}.ffsp-colors{display:flex;flex-wrap:wrap;gap:8px}.ffsp-colors button{background:white;border:1px solid #d9d8d0;padding:8px 10px;min-height:44px;font-size:11px;display:flex;align-items:center;gap:7px}.ffsp-colors button:before{content:'';width:18px;height:18px;background:var(--swatch);border:1px solid #0002;border-radius:50%}.ffsp-colors button[aria-pressed=true]{border-color:#262721;box-shadow:inset 0 0 0 1px #262721}.ffsp-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ffsp-palette button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;padding:12px 8px;background:#f4f3ef;border:1px solid transparent;font-size:11px;line-height:1.3;gap:6px;text-align:center}.ffsp-palette button:hover{border-color:#8b8c7d}.ffsp-mini{font-size:36px;line-height:1;color:#858775}.ffsp-palette small{font-size:10px;color:#65665c}.ffsp-help,.ffsp-caption{font-size:11px;line-height:1.7;color:#77786e}.ffsp-help{margin:18px 0 24px}.ffsp-target{display:flex;flex-direction:column;gap:8px;font-size:11px}.ffsp-target input{border:1px solid #d9d8d0;border-radius:0;background:white;padding:12px;min-height:44px;width:100%}.ffsp-workspace{min-width:0}.ffsp-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.ffsp-toolbar button{border:1px solid #d9d8d0;background:white;min-height:44px;padding:10px 17px;font-size:11px}.ffsp-toolbar button:last-child{margin-left:auto}.ffsp-board{width:100%;position:relative;background-color:#f7f6f2;background-image:linear-gradient(#dfdfd659 1px,transparent 1px),linear-gradient(90deg,#dfdfd659 1px,transparent 1px);background-size:24px 24px;border:1px solid #e4e4dc;overflow:hidden;isolation:isolate}.ffsp-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line;font-size:14px;line-height:1.8;color:#8a8a7e;pointer-events:none}.ffsp-piece{position:absolute;background:var(--fabric);border:1px solid #59594e66;box-shadow:0 3px 6px #37392c18;border-radius:12%;touch-action:none;user-select:none;padding:0;display:flex;align-items:center;justify-content:center;min-width:0}.ffsp-piece:hover{filter:brightness(1.025)}.ffsp-piece[aria-pressed=true]{outline:2px solid #355840;outline-offset:3px;z-index:2}.ffsp-piece-shape{display:block;border:1px solid #3334;border-radius:14%;background:linear-gradient(140deg,#fff2,#00000008);box-shadow:inset 0 7px 0 #00000012;pointer-events:none}.ffsp-piece--corner .ffsp-piece-shape{box-shadow:inset 7px 7px 0 #00000014}.ffsp-piece--ottoman .ffsp-piece-shape{box-shadow:none}.ffsp-piece-name{position:absolute;inset:auto 3px 5px;font-size:clamp(7px,.8vw,11px);text-align:center;padding:3px;border-radius:3px;background:#ffffffe0;color:#333;pointer-events:none}.ffsp-piece.ffsp-invalid{outline:2px solid #aa3c2b;background:#edd4ce}.ffsp-dimensions{font-size:17px;font-variant-numeric:tabular-nums;margin:20px 0 4px}.ffsp-caption{margin:0 0 24px;font-size:10px}.ffsp-summary{border-top:1px solid #dadbd2}.ffsp-bom-row,.ffsp-total{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:12px 0;border-bottom:1px solid #e7e7e0}.ffsp-bom-row span:last-child{text-align:right}.ffsp-total{font-size:14px;padding:18px 0}.ffsp-total strong{font-weight:500}.ffsp-status{font-size:11px;line-height:1.6;min-height:36px;color:#66685c}.ffsp-cart{border:1px solid #2a3025;background:#2a3025;color:#fff!important;min-height:48px;padding:14px 28px;font-size:12px;letter-spacing:.02em;width:100%}.ffsp-cart-link{display:block;text-align:center;margin-top:16px;color:inherit;font-size:12px;text-underline-offset:4px}@media(max-width:850px){ff-sectional-planner{padding:0 20px;margin:48px auto}.ffsp-layout{grid-template-columns:1fr;gap:24px}.ffsp-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.ffsp-palette button{min-height:115px}.ffsp-help{margin:12px 0}.ffsp-target{max-width:260px}.ffsp-controls h3:not(:first-child){margin-top:20px}.ffsp-header{margin-bottom:24px}.ffsp-piece-name{font-size:9px}}@media(max-width:400px){.ffsp-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.ffsp-toolbar{gap:5px}.ffsp-toolbar button{padding:10px 12px}.ffsp-dimensions{font-size:14px}.ffsp-bom-row{font-size:11px}.ffsp-total{font-size:12px}}
.ffsp-inspect-bar{display:flex;gap:8px;margin:18px 0 0}.ffsp-inspect-bar button{min-height:44px;background:white;border:1px solid #d9d8d0;padding:10px 16px;font-size:11px}.ffsp-inspect-bar button[aria-pressed=true]{background:#eeeee7;border-color:#606452}.ffsp-info{background:#f6f6f1;padding:18px 20px;margin-top:10px}.ffsp-info h3{font-size:14px;font-weight:500;margin:0 0 13px}.ffsp-info>p{font-size:12px;line-height:1.6;margin:0}.ffsp-info-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:7px 0;font-size:11px;line-height:1.5;border-bottom:1px solid #dedfd533}.ffsp-info-row strong{font-weight:400;text-align:right}.ffsp-info-row>span{color:#77796a}.ffsp-info .ffsp-info-note{font-size:10px;color:#77796a;margin-top:12px}@media(max-width:500px){.ffsp-info{padding:15px}.ffsp-info-row{font-size:10px;gap:12px}}
.ffsp-bom-sku{display:block;font-size:10px;margin-top:4px;color:#727565;overflow-wrap:anywhere}.ffsp-palette .ffsp-module-sku{font-size:9px;overflow-wrap:anywhere;line-height:1.4}.ffsp-info-row strong{overflow-wrap:anywhere;min-width:0}
.ffsp-review-label{display:inline-block;margin:18px 0 0;padding:9px 12px;background:#f1ead9;border:1px solid #ddd0ae;color:#6e6245;font-size:10px;line-height:1.5;letter-spacing:.025em}
.ffsp-measurement-note{font-size:11px;line-height:1.65;color:#737567;margin:12px 0 0;max-width:630px}


ff-sectional-planner .ffsp-palette .ffsp-module-icon{display:block;width:84px;height:70px;max-width:100%;flex:none;color:#42493e;pointer-events:none}ff-sectional-planner .ffsp-palette button{min-height:168px}ff-sectional-planner .ffsp-piece{background:transparent;border:0;box-shadow:none;border-radius:0;filter:none}ff-sectional-planner .ffsp-piece:hover{filter:none}ff-sectional-planner .ffsp-piece>.ffsp-module-icon{display:block;position:absolute;inset:0;width:100%;height:100%;color:#42493e;pointer-events:none}ff-sectional-planner .ffsp-piece-shape{background:none;box-shadow:none;border-radius:0}ff-sectional-planner .ffsp-piece-name{border-radius:0;background:#fffffff0}ff-sectional-planner .ffsp-piece.ffsp-invalid{background:transparent;outline:2px solid #aa3c2b}ff-sectional-planner .ffsp-piece.ffsp-invalid>.ffsp-module-icon{--fabric:#edd4ce}@media(max-width:850px){ff-sectional-planner .ffsp-palette .ffsp-module-icon{height:60px;width:76px}ff-sectional-planner .ffsp-palette button{min-height:158px}}

ff-sectional-planner .ffsp-palette .ffsp-module-icon{--fabric:#fff;width:110px;height:90px;color:#32372e}ff-sectional-planner .ffsp-dimension-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}ff-sectional-planner .ffsp-piece>.ffsp-module-icon rect{fill-opacity:.7}ff-sectional-planner .ffsp-module-icon text{font-family:inherit;font-weight:500}@media(max-width:850px){ff-sectional-planner .ffsp-palette .ffsp-module-icon{width:90px;height:78px}}
.ffsp-view-switch{display:flex;gap:8px;margin-bottom:16px}.ffsp-view-switch button,.ffsp-3d-controls button{min-height:44px;padding:9px 16px;background:white;border:1px solid #cccfc4;font-size:12px}.ffsp-view-switch button[aria-pressed=true]{background:#292e25;color:#fff}.ffsp-3d-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.ffsp-3d-check{display:flex;align-items:center;gap:7px;font-size:11px;margin-left:auto;min-height:44px}.ffsp-3d-check input{width:18px;height:18px}.ffsp-3d-select{display:flex;align-items:center;gap:12px;font-size:11px;margin-bottom:12px}.ffsp-3d-select select{flex:1;min-width:0;padding:10px;min-height:44px;border:1px solid #cccfc4;background:#fff;font:inherit}.ffsp-3d-stage{position:relative;width:100%;height:clamp(350px,42vw,510px);border:1px solid #dedfd7;overflow:hidden;background:#f6f6f3}.ffsp-3d-stage canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.ffsp-3d-stage canvas:active{cursor:grabbing}.ffsp-3d-labels{position:absolute;inset:0;pointer-events:none}.ffsp-3d-label{position:absolute;display:flex;flex-direction:column;gap:3px;width:138px;min-height:44px;padding:6px;background:#fffffff2;border:1px solid #bfc1b6;pointer-events:auto;font-size:10px;line-height:1.2;text-align:center}.ffsp-3d-label strong{font-weight:500}.ffsp-3d-label[aria-pressed=true]{border-color:#30362a;outline:1px solid #30362a}.ffsp-3d-metrics{font-size:13px;line-height:1.6}.ffsp-3d-note{font-size:11px;line-height:1.65;color:#707265}@media(max-width:550px){.ffsp-3d-stage{height:360px}.ffsp-3d-check{margin-left:0}.ffsp-3d-select{align-items:flex-start;flex-direction:column;gap:6px}.ffsp-3d-select select{width:100%}}
.ffsp-view-switch .ffsp-expand{margin-left:auto}.ffsp-fullscreen-dialog{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#262721;overflow:auto;overscroll-behavior:contain;z-index:2147483647}.ffsp-fullscreen-dialog::backdrop{background:#fff}.ffsp-fullscreen-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:calc(10px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid #dfe0d7}.ffsp-fullscreen-top strong{font-size:14px;font-weight:500}.ffsp-fullscreen-top button{background:#292e25;color:white;border:1px solid #292e25;min-height:44px;padding:10px 16px;font-size:12px;white-space:nowrap}.ffsp-fullscreen-content{padding:24px max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));max-width:1800px;margin:auto}.ffsp-fullscreen-dialog .ffsp-header{display:none}.ffsp-fullscreen-dialog .ffsp-expand{display:none}.ffsp-fullscreen-dialog .ffsp-layout{grid-template-columns:250px minmax(0,1fr);gap:30px}.ffsp-fullscreen-dialog .ffsp-3d-stage{height:max(320px,calc(100dvh - 320px))}.ffsp-fullscreen-dialog .ffsp-3d-note{max-width:1000px}@media(max-width:850px){.ffsp-fullscreen-content{padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.ffsp-fullscreen-dialog .ffsp-layout{display:flex;flex-direction:column;gap:28px}.ffsp-fullscreen-dialog .ffsp-workspace{order:0}.ffsp-fullscreen-dialog .ffsp-controls{order:1}.ffsp-fullscreen-top{padding-left:16px;padding-right:16px}.ffsp-fullscreen-top strong{font-size:12px}.ffsp-fullscreen-top button{padding:10px 12px;font-size:11px}.ffsp-fullscreen-dialog .ffsp-3d-stage{height:max(300px,calc(100dvh - 350px))}}@media(prefers-reduced-motion:reduce){.ffsp-fullscreen-dialog{scroll-behavior:auto}}

/* Keep only the arrangement display in a 16:9 frame. */
ff-sectional-planner .ffsp-board,ff-sectional-planner .ffsp-3d-stage{aspect-ratio:16/9;height:auto;min-height:0;margin-inline:auto}ff-sectional-planner .ffsp-fullscreen-dialog .ffsp-board,ff-sectional-planner .ffsp-fullscreen-dialog .ffsp-3d-stage{aspect-ratio:16/9;height:auto;min-height:0;max-width:min(100%,max(160px,calc(177.7778dvh - 657.7778px)))}

ff-sectional-planner .ffsp-family{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;font-size:12px}ff-sectional-planner .ffsp-family select{width:100%;min-height:44px;padding:10px;border:1px solid #d9d8d0;background:#fff;color:inherit;font:inherit}

ff-sectional-planner .ffsp-palette .ffsp-module-photo{display:block;width:100%;height:96px;object-fit:contain;background:#f6f6f5;margin-bottom:4px}ff-sectional-planner .ffsp-palette .ffsp-module-photo[hidden]{display:none!important}

ff-sectional-planner .ffsp-rotation-status{font-size:12px;line-height:1.5;margin:0 0 12px;color:#51594b;min-height:18px}