.give-feedback{position:fixed;right:16px;bottom:16px;z-index:1000;font-size:12px;padding:10px 14px;box-shadow:0 3px 15px #0001}.beta-note{position:fixed;bottom:68px;right:16px;z-index:1001;max-width:min(460px,calc(100vw - 32px));display:flex;gap:12px;align-items:start;background:#f2efff;border:1px solid #d9d1f1;border-radius:12px;padding:16px;font-size:13px;line-height:1.6;box-shadow:0 5px 24px #0001}.beta-note button{padding:0 7px;background:transparent;border:0;font-size:22px}.mobile-preview-details>summary{display:none}.mobile-preview-details:not([open])>.preview-detail{display:block}.desktop-gate>aside,.desktop-gate main>header{display:none}.desktop-gate>main{margin:0;width:100%}.desktop-message{min-height:100dvh;display:grid;place-items:center;padding:32px 24px 100px;text-align:center;background:#faf9fc}.desktop-message h1{font-size:clamp(30px,6vw,44px);letter-spacing:-1px}.desktop-message>div{max-width:520px}.desktop-message .button-row{justify-content:center}.desktop-message p{color:#767a88}
@media(max-width:899px){body{overflow-x:clip}.library-page .clone-library{padding:28px 20px 90px}.template-library,.saved-designs{grid-template-columns:minmax(0,1fr)}.library-intro h1{font-size:clamp(30px,7.5vw,48px);white-space:normal;overflow-wrap:break-word}.library-section-heading{align-items:start;flex-wrap:wrap}.library-page header{padding:0 20px}.page{width:100%;min-width:0;padding:24px 16px 90px}.preview-grid{grid-template-columns:minmax(0,1fr);gap:20px}.model-panel{min-width:0;padding:12px;overflow:hidden}.model-panel .row-between{gap:8px;flex-wrap:wrap}.model-panel .orbit-space{width:100%;height:360px;min-height:360px;overflow:hidden;touch-action:none}.model-panel #carton{zoom:.8}.model-panel .model-zoom{flex-wrap:wrap}.mobile-preview-details{border:1px solid #e6e8ef;border-radius:12px;background:white;padding:16px}.mobile-preview-details>summary{display:list-item;cursor:pointer;font-weight:600}.mobile-preview-details:not([open])>.preview-detail{display:none}.mobile-preview-details .preview-detail{padding:16px 0 0;min-width:0}.preview-detail .spec-row{gap:12px;flex-wrap:wrap}.view-heading{gap:16px}.view-heading h1{overflow-wrap:anywhere}.workflow-page .header-right{display:none}.workflow-page main>header{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 12px}.project-stepper{gap:2px}.project-stepper a{padding:7px;font-size:11px}.model-panel .rotation-controls{min-width:0}.beta-note{font-size:12px}}
.mockups-tab{padding:8px 12px;font-size:12px;display:inline-flex;align-items:center;border-radius:20px}.mockups-tab:hover{background:#efedff}