@font-face{font-family:AkzidenzGroteskBold;src:url(../assets/fonts/AkzidenzGrotesk/AkzidenzGroteskBQ-Bold.woff2) format("woff2"),url(../assets/fonts/AkzidenzGrotesk/AkzidenzGroteskBQ-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:AkzidenzGroteskRegular;src:url(../assets/fonts/AkzidenzGrotesk/AkzidenzGroteskBQ-Reg.woff2) format("woff2"),url(../assets/fonts/AkzidenzGrotesk/AkzidenzGroteskBQ-Reg.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AkzidenzGroteskMedium;src:url(../assets/fonts/AkzidenzGrotesk/AkzidenzGroteskBQ-Medium.woff2) format("woff2"),url(../assets/fonts/AkzidenzGrotesk/AkzidenzGroteskBQ-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}html,body{margin:0;padding:0;height:100%}body{display:flex;flex-direction:column;font-family:AkzidenzGroteskMedium,Arial,sans-serif}.topbar{display:flex;align-items:flex-end;gap:1rem;width:100%;background:#fff;padding:10px;border-bottom:1px solid #eee}.logo{height:80px}.title{font-size:1em;position:relative;top:-28px}#layout{flex:1 1 auto;display:flex;min-height:0;overflow:hidden}#three-container{flex:1 1 auto;min-height:0;background:#fff}.logoutButton{font-family:AkzidenzGroteskMedium,Arial,sans-serif;position:absolute;top:32px;right:20px;background:#fff;color:#000;border:2px solid #000;cursor:pointer;background-image:url(/assets/icons/logout_black.svg);background-repeat:no-repeat;background-position:center;background-size:24px 24px;padding:20px}.logoutButton:hover{background:#000;color:#fff;background-image:url(/assets/icons/logout_white.svg);background-repeat:no-repeat;background-position:center;background-size:24px 24px;padding:20px}#sidebar{flex:0 0 280px;background:#fff;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:1rem;display:flex;flex-direction:column;transition:transform .3s ease}#sidebar.hidden{transform:translate(100%)}#sidebar header{display:flex;justify-content:space-between;align-items:center}#sidebar p{margin-top:0;margin-bottom:.2em}#sidebar h1{font-family:AkzidenzGroteskBold,Arial,sans-serif;margin:.2em auto;font-size:5rem;font-weight:700}#sidebar h2{font-family:AkzidenzGroteskBold,Arial,sans-serif;margin:2em 0 1em;font-size:1rem;font-weight:700}#sidebar #frameSize{font-size:.9rem}#sidebar label{margin-top:0;margin-bottom:.2em}#sidebar .flipButton{display:inline-block;align-self:flex-start;width:auto;font-family:AkzidenzGroteskMedium,Arial,sans-serif;background:#fff;color:#000;border:2px solid #000;padding:.3em 1em;cursor:pointer}#sidebar .flipButton:hover{background:#000;color:#fff}#sidebar .flipButton:disabled{background:#eee;color:#888;border-color:#aaa;cursor:not-allowed;pointer-events:none}.preview{position:relative;width:100%}.preview img{width:100%;border:1px solid #ccc;border-radius:4px;cursor:pointer}.preview:hover,.preview:hover img{cursor:zoom-in}#sidebar .reserveButton{font-family:AkzidenzGroteskMedium,Arial,sans-serif;font-size:1.5rem;background:#fff;color:#000;display:block;box-sizing:border-box;width:100%;margin:0;border:2px solid #000;padding:.3em 1em;cursor:pointer}#sidebar .reserveButton:hover{background:#0008a9;color:#fff}#sidebar .soldButton{font-family:AkzidenzGroteskMedium,Arial,sans-serif;font-size:1.5rem;background:#fff;color:#000;display:block;box-sizing:border-box;width:100%;margin:0;border:2px solid #000;padding:.3em 1em;cursor:pointer}#sidebar .soldButton:hover{background:#a10404;color:#fff}#lightbox{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;justify-content:center;align-items:center;z-index:1000}#lightbox.show{display:flex}#lightbox img{max-width:90%;max-height:90%}#lightbox .img-loader{position:absolute}#loadingOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;justify-content:center;align-items:center;z-index:2000}.spinner{width:60px;height:60px;border:6px solid #ddd;border-top-color:#000;border-radius:50%;animation:spin .9s linear infinite}.imgLoader{position:absolute;width:20px;height:20px;border:4px solid #ddd;border-top-color:#000;border-radius:50%;animation:spin .9s linear infinite;top:47%;left:47%;display:none}@keyframes spin{to{transform:rotate(360deg)}}