:root{--ink:#f4f8f6;--muted:#a8bbb7;--accent:#deff00;--line:#e7f4f029;--surface:#031c1fc2}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-height:100%;margin:0}body{color:var(--ink);background:#002f32;font-family:Inter,Segoe UI,Arial,sans-serif}button{font:inherit}.viewer-shell{background:radial-gradient(circle at 68% 38%,#276f6c24 0,#00141700 38%),linear-gradient(90deg,#00131657,#00181b0f),url(/images/viewer-background.jpg) 50%/cover no-repeat;width:100%;height:100svh;min-height:560px;position:relative;overflow:hidden}.viewer-shell:after{z-index:1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.canvas-wrap{z-index:0;cursor:grab;touch-action:none;position:absolute;inset:0}.canvas-wrap:active{cursor:grabbing}.topbar,.product-info,.toolbar,.gesture-hint,.status-pill,.zoom-readout{z-index:2;position:absolute}.topbar{justify-content:space-between;align-items:center;width:100%;padding:30px 38px;display:flex;top:0;left:0}.brand{align-items:center;display:flex}.brand-logo{width:auto;height:44px;display:block}.viewer-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:600}.product-info{pointer-events:none;width:min(320px,100% - 76px);top:50%;left:38px;transform:translateY(-42%)}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 14px;font-size:12px;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--accent);width:26px;height:2px}.product-info h1{letter-spacing:-.055em;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(34px,4vw,60px);line-height:.98}.product-info p{max-width:280px;color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.65}.status-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#021d209e;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:600;display:flex;top:86px;right:38px}.status-dot{background:#7fa50b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #7fa50b1f}.status-pill.loading .status-dot{background:var(--accent);animation:1.2s ease-in-out infinite status-pulse;box-shadow:0 0 0 4px #deff001f}.zoom-readout{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#021d20b8;border:1px dashed #deff005c;border-radius:10px;align-items:baseline;gap:10px;padding:9px 13px;font-size:10px;font-weight:600;display:flex;top:134px;right:38px}.zoom-readout strong{color:var(--accent);letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.toolbar{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;gap:8px;padding:7px;display:flex;bottom:30px;right:38px;box-shadow:0 14px 45px #00090b47}.tool-button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;padding:0;transition:background .16s,transform .16s;display:grid}.tool-button:hover{background:#ffffff17}.tool-button:active{transform:scale(.94)}.tool-button.active{color:#10282a;background:var(--accent)}.tool-button:focus-visible{outline-offset:2px;outline:3px solid #deff006b}.gesture-hint{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);background:#021d20ad;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;transition:opacity .3s,transform .3s;display:flex;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00090b38}.gesture-hint.hidden{opacity:0;transform:translate(-50%,10px)}.gesture-divider{background:var(--line);width:1px;height:13px}@keyframes status-pulse{0%,to{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@media (max-width:760px){.viewer-shell{min-height:520px}.topbar{padding:20px}.brand-logo{height:36px}.viewer-label{display:none}.status-pill{top:22px;right:20px}.zoom-readout{top:66px;right:20px}.product-info{top:100px;left:20px;transform:none}.product-info h1{font-size:36px}.product-info p{max-width:230px;margin-top:10px;font-size:13px}.gesture-hint{white-space:nowrap;bottom:94px}.toolbar{right:50%;bottom:max(18px, env(safe-area-inset-bottom));transform:translate(50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}