:root{color:#203039;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7f9;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}header{z-index:2;background:#fff;border-bottom:1px solid #e6e9ec;justify-content:space-between;align-items:center;height:86px;padding:0 44px;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{color:#237c74;width:33px;height:33px}.wordmark{letter-spacing:2px;font-size:24px;font-weight:750}.divider{background:#dce2e5;width:1px;height:24px;margin:0 9px}.product{color:#617078;align-items:center;gap:12px;font-size:15px;font-weight:450;display:flex}.demo{letter-spacing:1px;text-transform:uppercase;color:#237c74;background:#eaf4f1;border:1px solid #d5e8e2;border-radius:4px;padding:4px 7px;font-size:10px}.file-label{color:#6d7a81;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:9px;max-width:38%;font-family:Consolas,monospace;font-size:12px;display:flex;overflow:hidden}.status-dot{background:#388f7f;border-radius:50%;flex-shrink:0;width:6px;height:6px}main{background:radial-gradient(at 50% 48%,#fff 0%,#f4f6f8 67%,#eef1f4 100%);height:calc(100dvh - 86px);position:relative}canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.viewer-caption{pointer-events:none;position:absolute;top:37px;left:44px}.eyebrow{letter-spacing:2.3px;color:#7b8c91;font-size:9px;font-weight:650}h1{letter-spacing:-.5px;margin:10px 0 7px;font-size:21px;font-weight:500}.viewer-caption p{color:#8a959c;margin:0;font-size:11px}.viewer-bottom{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:28px;left:44px;right:44px}.interaction-hint{color:#7d8a91;align-items:center;gap:10px;font-size:11px;display:flex}.hint-separator{color:#b7c1c7;margin:0 3px}button{pointer-events:auto;color:#61727d;cursor:pointer;background:#ffffffcf;border:1px solid #dce3e7;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .2s,transform .2s;display:grid}button:hover{background:#fff;transform:rotate(-15deg)}button:focus-visible{outline-offset:3px;outline:3px solid #70b9ac}#message{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}#message[hidden],.viewer-caption[hidden]{display:none}#message strong{font-size:17px;font-weight:500}#message-detail{color:#839098;text-align:center;white-space:pre-line;max-width:580px;padding:0 25px;font-size:12px;line-height:1.7}.spinner{border:2px solid #dce7e5;border-top-color:#237c74;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}#message.error .spinner{display:none}#message.error strong{color:#a74035}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){header{height:72px;padding:0 20px}.wordmark{letter-spacing:1.3px;font-size:18px}.brand{gap:8px}.brand-mark{width:27px;height:27px}.divider{margin:0 3px}.product{gap:6px;font-size:11px}.demo{padding:3px 5px;font-size:8px}.file-label{display:none}main{height:calc(100dvh - 72px)}.viewer-caption{top:25px;left:22px}.viewer-bottom{bottom:22px;left:22px;right:22px}.interaction-hint{gap:7px;font-size:10px}.eyebrow{font-size:8px}h1{font-size:18px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}button{transition:none}}