.cf-page{max-width:var(--wrap-wide);padding-inline:var(--wall);margin-inline:auto}.wrap.cf-next{max-width:var(--wrap-wide)}.cf-head{padding-block:clamp(1.1rem,2.4vw,2rem) clamp(.9rem,1.4vw,1.2rem)}.cf-title{letter-spacing:-.012em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,2.5vw,2.375rem);font-weight:600;line-height:1.08}.cf-lede{max-width:60ch;color:var(--ink-muted);text-wrap:pretty;margin:.4rem 0 0;font-size:1.0625rem;line-height:1.45}.cf{--cf-gap:clamp(1.25rem, 1.7vw, 2rem);padding-bottom:clamp(1.5rem,3vw,2.5rem);position:relative}.cf-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.cf-bar{border-bottom:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.cf-bar-sum{flex-direction:column;flex:22rem;gap:.2rem;min-width:0;margin:0;display:flex}.cf-bar-sys{flex-wrap:wrap;align-items:baseline;gap:0 .6rem;display:flex}.cf-bar-code{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.125rem;font-weight:600}.cf-bar-name{font-size:1rem}.cf-bar-det{color:var(--ink-muted);font-variant-numeric:tabular-nums;text-wrap:pretty;font-size:.9375rem;line-height:1.4}.cf-bar-act{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cf-btn{white-space:nowrap;padding-inline:1.1rem}.cf-btn:disabled{opacity:.45;cursor:default}.cf-btn:disabled:active{transform:none}.cf-wa-i{flex:none;width:1.15em;height:1.15em}.cf-wa-short{display:none}@media (1100px<=width<1366px){.cf-wa-long{display:none}.cf-wa-short{display:inline}}.cf-scene{isolation:isolate;border-radius:var(--r-tile);background:var(--sheet-2);line-height:0;position:relative;overflow:hidden}.cf-canvas{aspect-ratio:1600/893;width:100%;position:relative}.cf-base{width:100%;height:100%;position:absolute;inset:0}.cf-canvas>span{pointer-events:none;transition:opacity var(--d3) var(--ease-out), background-color var(--d2) var(--ease-out);position:absolute;inset:0}.cf-wall-lift,.cf-wall-tint{-webkit-mask-image:url(/media/mask/cfg-wall.png);mask-image:url(/media/mask/cfg-wall.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cf-wall-lift{mix-blend-mode:screen;background:#fff}.cf-wall-tint{mix-blend-mode:multiply}.cf-floor-lift{opacity:.72;mix-blend-mode:screen;background:#fff;-webkit-mask-image:url(/media/mask/cfg-floor.png);mask-image:url(/media/mask/cfg-floor.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cf-floor-plate{pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.cf-draw{pointer-events:none;position:absolute;overflow:visible}.cf-view-img{animation:cf-view-in var(--d3) var(--ease-out) both}@keyframes cf-view-in{0%{opacity:0}}.cf-dusk{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cf-dusk-shade,.cf-dusk-lamp{opacity:0;transition:opacity var(--d3) var(--ease-out)}.cf-dusk-shade{mix-blend-mode:multiply}.cf-dusk-lamp{mix-blend-mode:screen}.cf[data-light=evening] .cf-dusk-shade{opacity:.8}.cf[data-light=evening] .cf-dusk-lamp{opacity:.6}.cf-light{z-index:2;border-radius:var(--r-pill);background:#ffffffe6;gap:2px;padding:3px;line-height:1;display:inline-flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 1px 2px #00000014,0 6px 18px #0000001f}.cf-light-b{border-radius:var(--r-pill);min-height:2.25rem;color:var(--ink-muted);cursor:pointer;transition:background-color var(--d1) var(--ease-out), color var(--d1) var(--ease-out), transform var(--d0) var(--ease-out);background:0 0;border:0;padding:0 .9rem;font-size:.875rem;font-weight:500}.cf-light-b[aria-checked=true]{background:var(--ink);color:#fff}@media (hover:hover) and (pointer:fine){.cf-light-b[aria-checked=false]:hover{color:var(--ink)}}@media (prefers-reduced-motion:reduce){.cf-canvas>span,.cf-dusk-shade,.cf-dusk-lamp{transition-duration:1ms}.cf-view-img{animation-duration:1ms}}.cf-under{padding-top:.9rem}.cf-p-size{flex-wrap:wrap;align-items:flex-end;gap:.5rem 1.5rem;display:flex}.cf-p-size .cf-panel-h{flex:none;margin-bottom:.2rem}.cf-size{flex:20rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.5rem;display:grid}.cf-range{flex-direction:column;gap:.2rem;display:flex}.cf-range-l{color:var(--ink-muted);justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9375rem;display:flex}.cf-range-l b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.cf-range input[type=range]{width:100%;height:1.75rem;accent-color:var(--ink);cursor:pointer;margin:0}.cf-note{color:var(--ink-muted);text-wrap:pretty;margin:.55rem 0 0;font-size:.875rem;line-height:1.45}.cf-panel-top{flex-direction:column;gap:.05rem;margin-bottom:.45rem;display:flex}.cf-panel-h{margin:0;font-size:1rem;font-weight:600;line-height:1.3}.cf-p-system>.cf-panel-h{margin-bottom:.45rem}.cf-panel-v{min-height:1.3em;color:var(--ink-muted);font-size:.875rem;line-height:1.3}.cf-side>.cf-panel+.cf-panel{margin-top:1.05rem}.cf-sys{gap:.15rem;display:grid}.cf-sys-b{min-height:2.75rem;color:var(--ink);text-align:left;cursor:pointer;transition:background-color var(--d1) var(--ease-out), box-shadow var(--d1) var(--ease-out), transform var(--d0) var(--ease-out);background:0 0;border:0;border-radius:12px;grid-template-columns:7.4rem minmax(0,1fr);align-items:center;column-gap:.6rem;padding:.3rem .65rem;display:grid}@media (hover:hover) and (pointer:fine){.cf-sys-b:hover{background:var(--sheet-2)}}.cf-sys-b[aria-checked=true]{background:var(--sheet-2);box-shadow:inset 0 0 0 1.5px var(--ink)}.cf-sys-c{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1rem;font-weight:600;line-height:1.2}.cf-sys-o{color:var(--ink-muted);text-wrap:balance;font-size:.875rem;line-height:1.2}.cf-sys-o:first-letter{text-transform:uppercase}.cf-sys-b[aria-checked=true] .cf-sys-o{color:var(--ink)}.cf-dots{flex-wrap:wrap;gap:.15rem;margin-inline:-.2rem;display:flex}.cf-dot{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;padding:0;display:grid;position:relative}.cf-dot-i{background:radial-gradient(120% 90% at 30% 18%, #ffffff61, transparent 48%), var(--c);width:1.8rem;height:1.8rem;transition:transform var(--d1) var(--ease-out);border-radius:50%;box-shadow:inset 0 0 0 1px #00000024,0 1px 3px #0000001f}.cf-dot:after{content:"";transition:border-color var(--d1) var(--ease-out);border:2px solid #0000;border-radius:50%;position:absolute;inset:1px}.cf-dot[aria-checked=true]:after{border-color:var(--ink)}@media (hover:hover) and (pointer:fine){.cf-dot:hover .cf-dot-i{transform:scale(1.06)}}.cf-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.cf-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;display:grid}.cf-thumb,.cf-tile{min-width:0;color:var(--ink-muted);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.3rem;padding:0;display:flex}.cf-thumb-i,.cf-tile-i{background-color:var(--sheet-2);width:100%;transition:box-shadow var(--d1) var(--ease-out), opacity var(--d1) var(--ease-out);background-position:50%;background-size:cover;border-radius:10px;display:block;box-shadow:inset 0 0 0 1px #00000014}.cf-thumb-i{aspect-ratio:4/3}.cf-tile-i{aspect-ratio:1}.cf-thumb[aria-checked=true] .cf-thumb-i,.cf-tile[aria-checked=true] .cf-tile-i{box-shadow:inset 0 0 0 1px #00000014, 0 0 0 2px var(--sheet), 0 0 0 4px var(--ink)}.cf-thumb[aria-busy=true] .cf-thumb-i{opacity:.6}.cf-thumb-n,.cf-tile-n{overflow-wrap:anywhere;font-size:.875rem;line-height:1.2}.cf-thumb[aria-checked=true] .cf-thumb-n,.cf-tile[aria-checked=true] .cf-tile-n{color:var(--ink)}.cf-tabs{overscroll-behavior-x:contain;scrollbar-width:none;gap:.35rem;display:flex;overflow-x:auto}.cf-tabs::-webkit-scrollbar{display:none}.cf-tab{border-radius:var(--r-pill);background:var(--sheet-2);min-height:2.75rem;color:var(--ink);white-space:nowrap;cursor:pointer;transition:background-color var(--d1) var(--ease-out), color var(--d1) var(--ease-out), transform var(--d0) var(--ease-out);border:0;flex:none;padding:0 .95rem;font-size:.9375rem;font-weight:500}.cf-tab[aria-selected=true]{background:var(--ink);color:#fff}.cf-dock{align-items:center;gap:.5rem;display:flex}.cf-dock-wa{flex:none;gap:.45rem;padding-inline:1rem}.cf-dock-order{flex:auto;max-width:18rem;padding-inline:1rem}.cf-dock>*,.cf-tab,.cf-light-b{white-space:nowrap;overflow-wrap:normal}@media (min-width:1100px){.cf{column-gap:var(--cf-gap);grid-template-columns:minmax(17rem,19.5rem) minmax(0,1fr) minmax(15rem,16rem);grid-template-areas:"bar bar bar""left center right";align-items:start;display:grid}.cf-head{flex-wrap:wrap;align-items:baseline;gap:.2rem 1.25rem;padding-block:1.1rem .8rem;display:flex}.cf-title{font-size:clamp(1.75rem,2.2vw,2.125rem)}.cf-lede{margin:0}.cf-bar{flex-wrap:nowrap;grid-area:bar;margin-bottom:1rem;padding-bottom:.8rem}.cf-bar-sum{flex:auto}.cf-bar-sys,.cf-bar-det{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cf-bar-sys{display:block}.cf-bar-name{margin-left:.6rem}.cf-bar-act{flex-wrap:nowrap;flex:none}.cf-btn{padding:.75rem .95rem;font-size:.9375rem}.cf-p-system{grid-area:left}.cf-sys-b{grid-template-columns:5.9rem minmax(0,1fr);min-height:2.6rem;padding-block:.25rem}.cf-sys-pre{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.cf-side>.cf-panel+.cf-panel{margin-top:.8rem}.cf-panel-top{flex-flow:wrap;align-items:baseline;column-gap:.5rem;margin-bottom:.3rem}.cf-center{top:calc(var(--head-h) + 1rem);grid-area:center;position:sticky}.cf-side{grid-area:right}.cf-tabs,.cf-dock{display:none}.cf-thumb-n,.cf-tile-n{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media not (min-width:1100px){.cf{column-gap:var(--cf-gap);flex-wrap:wrap;display:flex}.cf>*,.cf-center>*{flex:100%;min-width:0}.cf-center{display:contents}.cf-bar{order:1}.cf-scene{top:calc(var(--head-h) + 1px);z-index:4;height:var(--cf-scene-h);order:2;position:sticky;container-type:size}.cf-canvas{width:max(100cqw,179.171cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.cf-under{order:3;padding-bottom:1.25rem}.cf-p-system{order:4}.cf-side{order:5}.cf-tabs{order:6}.cf-dock{z-index:6;margin-inline:calc(-1 * var(--wall));padding:.7rem 10.5rem calc(.7rem + env(safe-area-inset-bottom)) var(--wall);background:var(--sheet);border-top:1px solid var(--hair);order:9;margin-top:1.5rem;position:sticky;bottom:0}.cf-wide-only{display:none}.cf-range input[type=range]{height:2.75rem}}@media (768px<=width<1100px){.cf{--cf-scene-h:min(calc((100vw - 2 * var(--wall)) * 893 / 1600), 52svh)}.cf-p-system,.cf-side{flex:1 1 calc(50% - var(--cf-gap))}.cf-tabs{display:none}}@media (768px<=width<1000px){.cf-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.cf-tile-i{aspect-ratio:4/3}}@media not (min-width:768px){.cf{--cf-scene-h:clamp(14rem, 40svh, 22rem)}.cf-head{padding-block:1rem .85rem}.cf-title{font-size:1.625rem}.cf-lede{margin-top:.3rem;font-size:.9375rem}.cf-scene{margin-inline:calc(-1 * var(--wall));border-radius:0;order:1}.cf-light{top:.6rem;right:.6rem}.cf-light-b{min-height:2.45rem}.cf-tabs{top:calc(var(--head-h) + 1px + var(--cf-scene-h));z-index:4;margin-inline:calc(-1 * var(--wall));padding:.6rem var(--wall);background:var(--sheet);border-bottom:1px solid var(--hair);order:2;position:sticky}.cf-tabs:after{content:"";right:calc(-1 * var(--wall));width:3.5rem;margin-block:-.6rem;margin-right:calc(-1 * var(--wall));background:linear-gradient(to right, transparent, var(--sheet) 75%);pointer-events:none;flex:none;align-self:stretch;position:sticky}.cf-p-system,.cf-side{order:3}.cf-under{order:4;padding-top:0;padding-bottom:0}.cf-bar{border-bottom:0;border-top:1px solid var(--hair);order:5;margin:1.25rem 0 0;padding:1rem 0 0}.cf-bar-act .cf-btn{flex:auto}.cf-panel{padding-top:.75rem;display:none}.cf[data-tab=system] [data-panel=system],.cf[data-tab=frame] [data-panel=frame],.cf[data-tab=view] [data-panel=view],.cf[data-tab=wall] [data-panel=wall],.cf[data-tab=floor] [data-panel=floor],.cf[data-tab=size] [data-panel=size]{display:block}.cf-side>.cf-panel+.cf-panel{margin-top:0}.cf-panel-h{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.cf-panel-top{margin-bottom:0}.cf-size{grid-template-columns:1fr;gap:.75rem}.cf-note{margin-top:.75rem}.cf-scroll{margin-inline:calc(-1 * var(--wall));padding:.5rem var(--wall) .6rem;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--wall);scrollbar-width:none;flex-wrap:nowrap;gap:.6rem;display:flex;overflow-x:auto}.cf-scroll::-webkit-scrollbar{display:none}.cf-scroll>*{scroll-snap-align:start;flex:none}.cf-dots.cf-scroll{gap:.35rem}.cf-sys-b{background:var(--sheet-2);grid-template-columns:1fr;align-content:center;row-gap:.2rem;width:13rem;min-height:4.4rem;padding:.55rem .8rem}.cf-dot{width:2.75rem;height:2.75rem}.cf-dot-i{width:2.05rem;height:2.05rem}.cf-thumb{width:7.25rem}.cf-tile{width:4.75rem}}@media not (min-width:480px){.cf-dock-wa{width:2.9rem;padding:0}.cf-dock-wa-t{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}