.measure-scale-bar{position:fixed;right:20px;bottom:80px;z-index:110;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:4px;pointer-events:none;font-size:10px;letter-spacing:.04em;color:#141416d9;text-shadow:0 0 3px rgba(255,255,255,.6);font-family:Inter,-apple-system,sans-serif}.measure-scale-bar.dark{color:#f5f5f5eb;text-shadow:0 0 3px rgba(0,0,0,.6)}.measure-scale-segment{height:6px;width:100px;border:1px solid currentColor;background:linear-gradient(to right,currentColor 0%,currentColor 50%,transparent 50%,transparent 100%);opacity:.85}.measure-scale-label{font-weight:500}.measure-spacing-chooser{position:fixed;bottom:70px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:1px;padding:3px;border-radius:4px;background:#141416c7;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:10px;letter-spacing:.04em;color:#f5f5f5e6;z-index:100;opacity:0;transition:opacity .2s ease}.measure-spacing-chooser.show{display:inline-flex}body:hover .measure-spacing-chooser.show,.measure-spacing-chooser.show:hover{opacity:1}.measure-spacing-chooser button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;font:inherit;padding:3px 9px;border-radius:2px;cursor:pointer;opacity:.6;transition:background .12s ease,opacity .12s ease}.measure-spacing-chooser button:hover{opacity:.95}.measure-spacing-chooser button.active{opacity:1;background:#ffffff2e;font-weight:600}.measure-spacing-unit{padding:0 6px 0 4px;opacity:.55}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;background:#0a0a0a;color:#ffffffeb;-webkit-user-select:none;user-select:none}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#canvas-container canvas{display:block;width:100%!important;height:100%!important}.viewer-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .6s ease}.viewer-loading.fade-out{opacity:0;pointer-events:none}.viewer-loading-spinner{width:40px;height:40px;border:2px solid rgba(255,255,255,.1);border-top-color:#00d4aa;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.viewer-loading-text{font-size:13px;font-weight:400;color:#ffffff8c;margin-bottom:12px;letter-spacing:.5px}.viewer-loading-progress{width:200px;height:2px;background:#ffffff14;border-radius:1px;overflow:hidden}.viewer-loading-progress-bar{height:100%;width:0%;background:#00d4aa;border-radius:1px;transition:width .3s ease}.viewer-error{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000}.viewer-error-icon{font-size:48px;margin-bottom:16px;opacity:.6}.viewer-error-title{font-size:18px;font-weight:600;color:#ffffffde;margin-bottom:8px}.viewer-error-message{font-size:13px;color:#ffffff73;max-width:400px;text-align:center;line-height:1.5}.viewer-controls{position:fixed;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:100;opacity:0;transition:opacity .3s ease,transform .3s ease}body:hover .viewer-controls,body:active .viewer-controls,.viewer-controls:hover,.viewer-controls.always-visible{opacity:1}.viewer-btn{width:32px;height:32px;border:none;border-radius:6px;background:#ffffff0f;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.viewer-btn:hover{background:#ffffff1f;color:#ffffffd9}.viewer-btn.active{background:#ffffff29;color:#ffffffe6}body.bg-light .viewer-btn{background:#0000000d;color:#1e1e1e99}body.bg-light .viewer-btn:hover{background:#0000001a;color:#141414e6}body.bg-light .viewer-btn.active{background:#00000024;color:#141414f2}.viewer-anim-progress{position:fixed;bottom:0;left:0;width:100%;height:3px;background:#ffffff0d;z-index:100}.viewer-anim-progress-bar{height:100%;width:0%;background:#00d4aa;transition:width .05s linear}.viewer-logo{position:fixed;top:40px;left:0;right:0;display:flex;justify-content:center;align-items:center;height:56px;z-index:100;pointer-events:none}.viewer-logo img{max-height:48px;max-width:180px;object-fit:contain;opacity:.9}.viewer-logo-text{font-size:16px;font-weight:600;letter-spacing:.1em;color:#ffffffeb;opacity:.9}.viewer-catchphrase{position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;z-index:50;pointer-events:none;max-width:80%;margin:0 auto}.viewer-catchphrase-line1{color:#fff;font-size:18px;font-weight:500;letter-spacing:.05em;line-height:1.6;margin-bottom:8px}.viewer-catchphrase-line2{color:#fff;font-size:14px;font-weight:400;letter-spacing:.03em;line-height:1.6}.viewer-watermark{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:80px;font-weight:700;color:#ffffff08;pointer-events:none;z-index:50;letter-spacing:20px;white-space:nowrap}.viewer-copyright{position:fixed;bottom:12px;right:20px;font-size:10px;color:#ffffff4d;z-index:100;pointer-events:none;letter-spacing:.5px;opacity:.6}:fullscreen .viewer-controls{bottom:28px}@media(max-width:768px){.viewer-controls{bottom:14px}.viewer-btn{width:36px;height:36px}.viewer-logo{top:12px;height:44px}.viewer-logo img{max-height:32px}.viewer-copyright{right:12px;bottom:8px}.viewer-watermark{font-size:40px}.viewer-catchphrase-line1{font-size:14px}.viewer-catchphrase-line2{font-size:11px}}@media(hover:none){.viewer-controls{opacity:1}}.focus-indicator{position:fixed;width:80px;height:80px;pointer-events:none;transform:translate(-50%,-50%);opacity:0;z-index:200}.focus-indicator.show{opacity:1}.fi-bracket,.fi-center,.fi-ring,.fi-dot{display:none}.style-a .fi-bracket,.style-a .fi-center{display:block}.fi-bracket{position:absolute;width:16px;height:16px;border-color:#ffffffe6;border-style:solid;border-width:0}.fi-tl{top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}.fi-tr{top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}.fi-bl{bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px}.fi-br{bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px}.fi-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px}.fi-center:before,.fi-center:after{content:"";position:absolute;background:#ffffffe6}.fi-center:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.fi-center:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.style-a.focusing{animation:fiAFocus .08s ease-in-out 2}.style-a.locked{animation:fiALock .25s ease-out forwards}@keyframes fiAFocus{0%,to{opacity:1}50%{opacity:.2}}@keyframes fiALock{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}30%{opacity:1;transform:translate(-50%,-50%) scale(.9)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.style-b .fi-ring{display:block}.style-b .fi-ring{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1.5px solid rgba(255,255,255,.9);border-radius:50%}.style-b.focusing{animation:fiAFocus .08s ease-in-out 2}.style-b.locked{animation:fiBLock .25s ease-out forwards}@keyframes fiBLock{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}30%{opacity:1;transform:translate(-50%,-50%) scale(.82)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.style-c .fi-dot{display:block}.style-c .fi-dot{position:absolute;top:50%;left:50%;width:22px;height:22px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference}.style-c.focusing{animation:fiAFocus .08s ease-in-out 2}.style-c.locked{animation:fiCLock .5s ease-out forwards}@keyframes fiCLock{0%{opacity:1}60%{opacity:1}to{opacity:0}}