.viewer-container{width:100%;height:100%;position:relative;overflow:hidden;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.viewer-container canvas{display:block;width:100%;height:100%}.viewer-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;z-index:10}.viewer-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.viewer-spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:#333;border-radius:50%;animation:viewer-spin .8s linear infinite}@keyframes viewer-spin{to{transform:rotate(360deg)}}.viewer-loading-text{font-size:14px;color:#666;letter-spacing:.02em}.viewer-progress-track{width:180px;height:3px;background:#e0e0e0;border-radius:2px;overflow:hidden}.viewer-progress-bar{height:100%;width:0%;background:#333;border-radius:2px;transition:width .2s ease}.viewer-controls{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;z-index:5}.viewer-controls-row{display:flex;gap:6px}.viewer-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#ffffffe6;color:#444;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 1px 4px #0000001a;transition:background .15s,color .15s,transform .1s}.viewer-btn:hover{background:#fff;color:#111;transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.viewer-btn:active{transform:translateY(0)}.viewer-btn:focus-visible{outline:2px solid #7b8cff;outline-offset:2px}.viewer-btn.active{background:#333;color:#fff}.viewer-btn.active:hover{background:#111;color:#fff}.viewer-btn.paused{background:#7b8cff4d;color:#7b8cff}.viewer-btn.paused:hover{background:#7b8cff80;color:#fff}.viewer-btn[data-axis]:after{content:"";position:absolute;bottom:2px;right:2px;font-size:8px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1;color:inherit;pointer-events:none}.viewer-btn[data-axis=x]:after{content:"X"}.viewer-btn[data-axis=y]:after{content:"Y"}.viewer-btn[data-axis=z]:after{content:"Z"}.viewer-btn[data-axis]{position:relative}.viewer-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;z-index:10}.viewer-error-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#999}.viewer-error-text{font-size:14px;color:#888;max-width:280px;text-align:center;line-height:1.4}.viewer-unavailable{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:8;pointer-events:none}.viewer-unavailable-text{font-size:24px;font-weight:600;color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center;padding:16px 32px;border-radius:10px;background:#00000073;backdrop-filter:blur(6px)}.annotation-marker{width:28px;height:28px;background:#7b8cff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform .15s,background .15s;user-select:none}.annotation-marker:hover{transform:scale(1.2);background:#6b5ce7}.annotation-marker--dot{width:12px!important;height:12px!important;font-size:0!important;background:#7b8cff;animation:annotation-pulse 2s ease-in-out infinite}@keyframes annotation-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.annotation-marker--active{transform:scale(1.25);box-shadow:0 0 0 3px #7b8cff66,0 0 12px #7b8cff80;background:#6b5ce7}.annotation-marker--active.annotation-marker--dot{animation:none}.annotation-marker--custom{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;box-shadow:none}.viewer-poster{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.viewer-poster-play{background:#00000080;border:none;border-radius:50%;padding:16px;cursor:pointer;color:#fff;transition:background .2s,transform .2s}.viewer-poster-play:hover{background:#000000b3;transform:scale(1.1)}.annotation-bubble-anchor{position:relative;width:0;height:0}.annotation-bubble{position:absolute;left:16px;bottom:8px;background:#1a1a2ef2;color:#e0e0e0;border-radius:10px;padding:12px 32px 12px 16px;width:220px;white-space:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;backdrop-filter:blur(8px);box-shadow:0 4px 16px #0006}.annotation-bubble:after{content:"";position:absolute;bottom:-8px;left:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(26,26,46,.95)}.annotation-bubble--left{left:auto;right:16px}.annotation-bubble--left:after{left:auto;right:12px}.annotation-bubble--below{bottom:auto;top:8px}.annotation-bubble--below:after{bottom:auto;top:-8px;border-top:none;border-bottom:8px solid rgba(26,26,46,.95)}.annotation-bubble-title{font-weight:600;font-size:14px;margin-bottom:4px}.annotation-bubble-desc{color:#a0a0c0;line-height:1.4}.annotation-bubble-close{position:absolute;top:6px;right:10px;background:none;border:none;color:#88a;font-size:18px;cursor:pointer;padding:0;line-height:1}.annotation-bubble-close:hover{color:#fff}.animation-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#1a1a2ed9;backdrop-filter:blur(8px);border-radius:24px;padding:6px 14px;z-index:15;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e0e0e0}.animation-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff1a;color:#e0e0e0;cursor:pointer;transition:background .15s;flex-shrink:0}.animation-btn:hover{background:#fff3}.animation-btn:focus-visible{outline:2px solid #7b8cff;outline-offset:2px}.animation-btn svg{width:14px;height:14px}.animation-scrubber{width:120px;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none}.animation-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#7b8cff;border-radius:50%;cursor:pointer}.animation-scrubber::-moz-range-thumb{width:12px;height:12px;background:#7b8cff;border-radius:50%;cursor:pointer;border:none}.animation-time{font-size:11px;font-variant-numeric:tabular-nums;color:#a0a0c0;white-space:nowrap;min-width:70px;text-align:center}.animation-speed{background:#ffffff1a;color:#e0e0e0;border:none;border-radius:4px;font-size:11px;padding:2px 4px;cursor:pointer;outline:none}.color-drawer{position:absolute;bottom:0;left:0;right:0;max-height:min(40vh,320px);background:#fffffff2;backdrop-filter:blur(12px);border-radius:12px 12px 0 0;box-shadow:0 -2px 16px #0000001a;z-index:6;transform:translateY(100%);transition:transform .25s ease;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.color-drawer--open{transform:translateY(0)}.color-drawer-handle{width:32px;height:4px;background:#ccc;border-radius:2px;margin:8px auto 4px}.color-drawer-content{overflow-y:auto;max-height:calc(min(40vh,320px) - 16px);padding:4px 16px 16px}.color-group{margin-bottom:12px}.color-group:last-child{margin-bottom:0}.color-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.color-group-label{font-size:13px;font-weight:600;color:#333}.color-group-reset{background:none;border:none;font-size:16px;color:#888;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.color-group-reset:hover{color:#333;background:#0000000f}.color-group-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:8px}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s,border-color .12s;box-shadow:0 1px 3px #00000026}.color-swatch:hover{transform:scale(1.15)}.color-swatch--light{border-color:#ddd}.color-swatch--selected{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.color-swatch--default{background:#f5f5f5;position:relative;overflow:hidden;border-color:#ddd}.color-swatch--default:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:2px;background:#c00;transform:rotate(-45deg);transform-origin:center}.color-group-custom-btn{margin-top:8px;background:none;border:1px dashed #bbb;border-radius:6px;padding:6px 12px;font-size:12px;color:#666;cursor:pointer;transition:border-color .15s,color .15s;width:100%}.color-group-custom-btn:hover{border-color:#888;color:#333}.color-wheel-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:20;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.color-wheel-card{background:#fff;border-radius:12px;padding:20px;min-width:220px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;align-items:center;gap:12px}.color-wheel-title{font-size:14px;font-weight:600;color:#333}.color-wheel-input{width:80px;height:80px;border:none;padding:0;cursor:pointer;background:transparent}.color-wheel-input::-webkit-color-swatch-wrapper{padding:0}.color-wheel-input::-webkit-color-swatch{border:2px solid #ddd;border-radius:8px}.color-wheel-hex{font-size:12px;color:#888;font-family:monospace}.color-wheel-buttons{display:flex;gap:8px;width:100%}.color-wheel-btn{flex:1;padding:8px 16px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s}.color-wheel-btn--cancel{background:#f0f0f0;color:#666}.color-wheel-btn--cancel:hover{background:#e0e0e0}.color-wheel-btn--apply{background:#333;color:#fff}.color-wheel-btn--apply:hover{background:#111}.viewer-branding{position:absolute;bottom:8px;right:8px;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#00000059;text-decoration:none;z-index:4;pointer-events:auto;transition:color .15s}.viewer-branding:hover{color:#0009}.drawing-lightbox{position:absolute;inset:0;background:#000000eb;z-index:25;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.drawing-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#00000080;flex-shrink:0}.drawing-lightbox-title{font-size:14px;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:12px}.drawing-lightbox-actions{display:flex;gap:8px;flex-shrink:0}.drawing-lightbox-btn{background:#ffffff1f;border:none;border-radius:6px;color:#e0e0e0;font-size:13px;padding:6px 12px;cursor:pointer;transition:background .15s;text-decoration:none}.drawing-lightbox-btn:hover{background:#ffffff38;color:#fff}.drawing-lightbox-close{font-size:22px;line-height:1;padding:2px 10px}.drawing-lightbox-viewport{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab;position:relative}.drawing-lightbox-viewport:active{cursor:grabbing}.drawing-lightbox-content{transform-origin:center center;transition:none;display:flex;align-items:center;justify-content:center}.drawing-lightbox-image{max-width:90%;max-height:100%;object-fit:contain;user-select:none;pointer-events:none}.drawing-lightbox-pdf{width:90%;height:100%;border:none;background:#fff;border-radius:4px}.drawing-lightbox-pdf-fallback{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#666;font-size:14px}.drawing-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1f;border:none;color:#e0e0e0;font-size:36px;line-height:1;padding:8px 14px;cursor:pointer;border-radius:8px;z-index:26;transition:background .15s}.drawing-lightbox-nav:hover{background:#ffffff40;color:#fff}.drawing-lightbox-prev{left:12px}.drawing-lightbox-next{right:12px}.drawing-lightbox-strip{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;background:#00000080;flex-shrink:0}.drawing-lightbox-thumb{width:64px;height:48px;border:2px solid transparent;border-radius:6px;background:#ffffff14;cursor:pointer;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#a0a0c0;font-size:10px;font-weight:600;transition:border-color .15s;padding:0}.drawing-lightbox-thumb:hover{border-color:#fff6}.drawing-lightbox-thumb.active{border-color:#7b8cff}.drawing-lightbox-thumb img{width:100%;height:100%;object-fit:cover}.drawing-lightbox-thumb-label{position:absolute;bottom:0;left:0;right:0;font-size:8px;color:#ccc;background:#0009;padding:1px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dimension-label{background:#00ccffe6;color:#000;font-size:12px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;padding:2px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;user-select:none;text-shadow:0 0 2px rgba(255,255,255,.5)}.dimension-point{width:8px;height:8px;background:#0cf;border:2px solid #fff;border-radius:50%;pointer-events:none;box-shadow:0 0 4px #0cf9}.tour-step-counter{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#1a1a2ecc;backdrop-filter:blur(6px);color:#e0e0e0;font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;z-index:15;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.viewer-container:fullscreen{background:#f5f5f5}
