body.frameology-size-guide-open{overflow:hidden}.frameology-size-guide-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;pointer-events:none;transition:opacity 240ms ease}.frameology-size-guide-modal{position:fixed;right:0;top:0;transform:translateX(100%);opacity:0;z-index:9999;background:#fff;border-radius:0;padding:0;width:min(700px,100vw);max-width:100%;height:100vh;max-height:100vh;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.22);display:flex;flex-direction:column;transition:transform 240ms ease,opacity .2s ease}.frameology-size-guide-backdrop[data-open=true]{opacity:1;pointer-events:auto}.frameology-size-guide-modal[data-open=false]{pointer-events:none}.frameology-size-guide-modal[data-open=true]{transform:translateX(0);opacity:1;pointer-events:auto}.frameology-size-guide-modal__header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:0;min-height:84px;padding:0 20px;position:relative}.frameology-size-guide-modal__title{margin:0;font-size:22px;line-height:23px;font-weight:500;color:#121212;letter-spacing:0}.frameology-size-guide-modal__close{border:0;background:0 0;color:#121212;width:50px;height:50px;padding:0;cursor:pointer;flex:0 0 auto;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.frameology-size-guide-modal__close svg{display:block;width:100%;height:100%}.frameology-size-guide-modal__body{display:flex;flex-direction:column;gap:20px;flex:1 1 auto;overflow:auto;padding:0 20px 20px}.frameology-size-guide-modal__list{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap;overflow-x:auto;list-style:none;margin:0;padding:0;scrollbar-width:none}.frameology-size-guide-modal__list::-webkit-scrollbar{display:none}.frameology-size-guide-modal__item{min-width:80px;height:44px;padding:0 14px;border-radius:6px;border:1px solid #d8d8d8;box-sizing:border-box;background:#fff;color:#121212;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:23px;font-weight:500;cursor:pointer;flex:0 0 auto;transition:border-color 180ms ease,color 180ms ease,box-shadow 180ms ease}.frameology-size-guide-modal__item[aria-selected=true]{border-width:1px;border-color:#30c;color:#30c;box-shadow:inset 0 0 0 1px #30c}.frameology-size-guide-modal__preview{position:relative;border-radius:12px;overflow:hidden;background:#f7f6f4;width:100%;aspect-ratio:1/1;min-height:660px;max-height:660px;flex:0 0 auto}.frameology-size-guide-modal__room-image{display:block;position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom;padding:0}.frameology-size-guide-modal__room-stage{position:absolute;inset:0;pointer-events:none}.frameology-size-guide-modal__frame{position:absolute;left:50%;top:33%;transform:translate(-50%,-50%);box-sizing:border-box;border-radius:2px;border:0;background:0 0;box-shadow:none;opacity:0;transition:width .2s ease,height .2s ease}.frameology-size-guide-modal__frame::before{display:none}.frameology-size-guide-modal__art{position:absolute;inset:0;border-radius:2px;background:0 0;display:none}.frameology-size-guide-modal__preview-badge-wrap{position:absolute;left:50%;top:33%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;pointer-events:none}.frameology-size-guide-modal__preview-badge{width:91px;min-width:91px;height:116px;background:#fff;border-radius:0;padding:0;font-size:20px;line-height:23px;font-weight:600;color:#121212;box-shadow:none;border:0;display:flex;align-items:center;justify-content:center}@media (max-width:959.98px){.frameology-size-guide-backdrop{background:rgba(0,0,0,.58);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.frameology-size-guide-modal{left:0;right:0;top:auto;bottom:0;width:100%;max-width:100%;height:min(72vh,760px);max-height:72vh;border-radius:0;padding:0 0 16px;transform:translateY(100%);opacity:0}.frameology-size-guide-modal__header{min-height:108px;padding:22px 22px 16px;border-bottom:1px solid #f0f0f0}.frameology-size-guide-modal__title{font-size:24px;line-height:30px;font-weight:500}.frameology-size-guide-modal__close{width:34px;height:34px;right:22px}.frameology-size-guide-modal__body{gap:18px;padding:20px 16px 0}.frameology-size-guide-modal__list{gap:10px}.frameology-size-guide-modal__item{min-width:calc((100% - 20px)/ 3);width:calc((100% - 20px)/ 3);height:58px;border-radius:10px;font-size:17px;line-height:22px;font-weight:500;padding:0}.frameology-size-guide-modal[data-open=true]{transform:translateY(0);opacity:1}.frameology-size-guide-modal__preview-badge{width:91px;min-width:91px;height:116px;padding:0;font-size:20px;line-height:23px;border-radius:0;opacity:1}.frameology-size-guide-modal__preview{min-height:min(44vh,460px);max-height:none;border-radius:14px}}