.viewer-toolbar{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background-color:var(--surface-level-100);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;border-radius:32px;z-index:1001;max-width:calc(100% - 16px);pointer-events:auto}.viewer-toolbar button{padding:5px 10px}.toolbarButton{margin:0 5px;min-width:auto;padding:2px 8px}.zoomInfo{margin:0 10px;white-space:nowrap;font-size:14px}.viewerContainer{background-color:var(--surface-level-100);flex-direction:column}.viewerContainer,.viewerContainer .viewerContent{position:relative;width:100%;height:100%;overflow:hidden;display:flex}.viewerContainer .viewerContent{justify-content:center;align-items:center;flex:1 1;min-height:0}.viewerContainer .image{max-width:100%;max-height:95vh;object-fit:contain;border:1px solid var(--border-color-200);box-shadow:0 2px 8px rgba(0,0,0,.1)}.viewerContainer .imageViewerImage{width:100%;height:100%;object-fit:contain}.imageViewerContainer{min-height:200px}.imageViewerContainer,.pdfViewer{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.pdfViewer{min-height:0}.pdfContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:auto;min-height:0;position:relative}.pdfContainer canvas{border:1px solid var(--border-color-200);box-shadow:0 2px 8px rgba(0,0,0,.1);display:block;margin:auto}.imageContainer{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.image{max-width:100%;max-height:100%;object-fit:contain;border:1px solid var(--border-color-200);box-shadow:0 2px 8px rgba(0,0,0,.1)}.toolbar{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;padding:6px;background-color:rgba(var(--surface-level-100-rgb),.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;z-index:1000;max-width:calc(100% - 40px)}.model-viewer{width:100%;height:calc(100% - 50px)}.App{text-align:center}#canvas-container{height:100%;width:100%;background:var(--surface-level-200)}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#viewcube-container{width:120px;height:120px;margin:10px;perspective:600px;position:absolute;right:0;top:4px;z-index:2}.cube{width:100px;height:100px;position:relative;transform-style:preserve-3d;transform:translateZ(-300px);text-transform:uppercase}.cube__face{display:flex;justify-content:center;align-items:center;position:absolute;width:120px;height:120px;border:2px solid gray;line-height:100px;font-size:25px;font-weight:700;color:#7d7d7d;text-align:center;background:#fff;transition:all .1s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cube__face:hover{background:#adadad;color:#fff}.cube__face--top{transform:rotateY(0deg) rotateX(90deg) translateZ(-60px)}.cube__face--bottom{transform:rotateX(270deg) translateZ(-60px)}.cube__face--left{transform:rotateY(-90deg) rotateX(180deg) rotate(0deg) translateZ(-60px)}.cube__face--right{transform:rotateY(90deg) rotateX(180deg) rotate(0deg) translateZ(-60px)}.cube__face--front{transform:rotateX(180deg) translateZ(-60px)}.cube__face--back{transform:rotate(180deg) translateZ(-60px)}.viewer-extractor{width:100%;height:100%;background:linear-gradient(180deg,rgba(0,100,249,.4) 18%,transparent 60%);position:relative;overflow:hidden;opacity:0;transition:opacity .5s ease-in-out}.viewer-extractor .message{position:absolute;top:8px;left:50%;transform:translateX(-50%) translateY(20px);text-align:center;color:#fff;width:-moz-fit-content;width:fit-content;padding:6px 20px;border-radius:var(--border-radius-large);box-sizing:border-box;transition:transform .5s ease-in-out;overflow:hidden}.viewer-extractor .message-background{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--surface-level-100);opacity:0;transition:opacity .5s ease-in-out;border-radius:16px}.viewer-extractor .message.visible{transform:translateX(-50%) translateY(0)}.viewer-extractor .message.visible .message-background{opacity:.7}.viewer-extractor .message-content{position:relative}.viewer-extractor.visible{opacity:1}.viewer-extractor .bar{width:100%;height:58px;background:linear-gradient(0deg,rgba(42,127,255,.21) 18%,transparent);border-bottom:1px solid #2a7fff;position:absolute;top:0;opacity:0}.viewer-extractor .bar.visible{opacity:1}