body,html{margin:0;padding:0;font-family:Inter,sans-serif;width:100vw;height:100vh;overflow:hidden;color:#333}.container{position:relative;width:100vw;height:100vh}.watermark-modular.main-pos{pointer-events:all}.branding-link{display:block;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);text-decoration:none}.branding-link:hover{transform:scale(1.1)}.watermark-modular{display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:200;font-family:Inter,sans-serif;text-align:center}.watermark-modular p{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:2px;color:#000}.watermark-modular h3{margin:4px 0 8px;font-size:13px;font-weight:500;color:#fffc;letter-spacing:.5px}.branding-logo{padding-top:12px;height:100px;width:auto;opacity:1}.branding-link:hover .branding-logo{opacity:1}.loading-pos{position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.main-pos{position:fixed;bottom:30px;right:30px;align-items:flex-end;text-align:right}@media(max-width:600px){.main-pos{bottom:100px;right:20px}}#viewer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background:radial-gradient(circle at center,#f3f4f6,#d1d5db)}.app-title{position:absolute;top:40px;left:40px;z-index:10;pointer-events:none}.app-title h1{margin:0;font-weight:800;font-size:2.5rem;letter-spacing:-1px;color:#111827;line-height:1}.app-title .subtitle{font-weight:500;font-size:.9rem;color:#6b7280;text-transform:uppercase;letter-spacing:2px;margin-top:8px}.ui-controls{position:absolute;top:50%;right:40px;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:20px;pointer-events:none}.ui-header{font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:1.5px;color:#5b616d;margin-bottom:8px;margin-right:4px}.ui-btn{pointer-events:auto;background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);padding:18px 32px;width:260px;border-radius:16px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#1f2937;cursor:pointer;display:flex;align-items:center;gap:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);justify-content:flex-start}.ui-btn .icon{font-size:20px;color:#4b5563}.ui-btn:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ui-btn.active{background:#fff;border-color:#3b82f6;color:#3b82f6}.ui-btn.active .icon{color:#3b82f6}.hotspot-wrapper{position:absolute;pointer-events:auto;z-index:100;transition:opacity .3s ease}.hotspot-btn{width:40px;height:40px;background-color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .2s ease,background-color .2s}.hotspot-btn:after{content:"+";color:#fff;font-weight:700;font-size:28px;line-height:1;margin-top:-3px}.hotspot-btn:hover{transform:scale(1.15);background-color:#3b82f6}.hotspot-label{position:absolute;left:50px;top:50%;transform:translateY(-50%) translate(-10px);background:#111827f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 4px 6px #0000001a}.hotspot-wrapper.visible .hotspot-label{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}#loadingScreen{position:fixed;inset:0;background:#f3f4f6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loader{width:100px;height:100px;border:8px solid #e5e7eb;border-top:8px solid #3b82f6;border-radius:100%;animation:spin 1s linear infinite}@media(min-width:1600px){.app-title h1{font-size:3.5rem}.ui-btn{padding:22px 40px;font-size:18px}}@media(max-width:1400px){.app-title h1{font-size:2rem}.ui-btn{padding:14px 24px;min-width:200px;font-size:14px}.ui-controls{right:24px}.app-title{top:24px;left:24px}}@media(max-width:900px){.app-title{top:20px;left:20px;width:auto;text-align:left;transform:none;pointer-events:none}.app-title h1{font-size:1.8rem}.app-title .subtitle{font-size:.75rem}.ui-controls{inset:90px 20px auto;width:auto;max-width:none;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;padding-bottom:0;overflow:visible}.ui-header{display:none}.ui-btn{flex:1 1 110px;width:auto;min-width:0;padding:10px 12px;font-size:12px;justify-content:center;box-shadow:0 4px 10px #0000001a}.ui-btn .icon{font-size:14px;margin-right:4px}}#loadingPercent{margin-top:16px;font-weight:500;color:#6b7280}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}