#design-overview{position:fixed;inset:20px;margin:auto;width:calc(100% - 40px);max-width:1760px;height:calc(100% - 40px);max-height:none;padding:0;border:0;border-radius:14px;background:#f3f5f1;color:#26332a;overflow:auto;box-shadow:0 20px 100px #0006}
#design-overview::backdrop{background:#172219c9}
.overview-heading{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff;padding:24px 30px;border-bottom:1px solid #d7dfd4}
.overview-heading h2{font:500 27px/1.2 'Manrope',Arial,sans-serif;letter-spacing:-1px;margin:0}
.overview-heading p{font-size:12px;color:#5f6d60;margin:8px 0 0}
.overview-heading button{flex-shrink:0;background:#edf1e9;border-radius:30px;padding:12px 18px;font-size:12px;min-height:44px}
.overview-collection{padding:26px 30px 10px}
.overview-collection:last-child{padding-bottom:30px}
.overview-collection>h3{font:500 16px/1.4 'Manrope',Arial,sans-serif;margin:0 0 17px;letter-spacing:-.4px}
.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.overview-choice{display:block;min-width:0;width:100%;text-align:left;background:#fff;color:#26332a;border:1px solid #d8e1d5;border-radius:9px;overflow:hidden}
.overview-choice[aria-current="true"]{border:3px solid #456d41}
.overview-choice:hover{opacity:1;box-shadow:0 4px 16px #26332a15}
.overview-stage{position:relative;width:100%;height:205px;overflow:hidden;background:#fff;pointer-events:none;border-bottom:1px solid #e1e7de}
.overview-miniature{position:absolute;top:0;left:0;width:1440px;transform-origin:0 0;pointer-events:none;user-select:none}
.overview-miniature .bo-site{width:1440px;min-height:0}
.overview-miniature .bo-site[hidden]{display:block!important}
.overview-miniature .bo-site.lg-sidebar{display:grid!important}
.overview-miniature .bo-footer{display:none}
.overview-label{display:flex;align-items:start;gap:12px;padding:16px}
.overview-number{font:500 11px/1.5 'DM Sans',Arial,sans-serif;background:#edf1e9;border-radius:20px;padding:4px 8px;flex-shrink:0}
.overview-label strong{display:block;font:500 14px/1.35 'Manrope',Arial,sans-serif;letter-spacing:-.3px}
.overview-label small{display:block;font:400 10px/1.5 'DM Sans',Arial,sans-serif;color:#657263;margin-top:6px}
@media(max-width:760px){.review-controls #open-overview{display:block;white-space:nowrap;font-size:11px;padding:9px 8px}.review-controls select{max-width:calc(100vw - 238px)}#design-overview{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.overview-heading{padding:18px;gap:15px}.overview-heading h2{font-size:21px}.overview-heading p{font-size:11px}.overview-heading button{font-size:11px;padding:10px 13px}.overview-collection{padding:22px 18px 5px}.overview-collection:last-child{padding-bottom:22px}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:15px}.overview-stage{height:220px}}
@media(max-width:400px){.review-controls select{max-width:calc(100vw - 185px)}.review-controls #open-overview{font-size:0;width:35px}.review-controls #open-overview::after{content:'▦';font-size:17px}.review-bar #design-count{font-size:10px;min-width:42px}.review-controls button{padding:8px}}