:root{font:14px/1.5 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#234459;background:#edf2f5;font-synthesis:none;--blue:#0768a0;--ink:#234459;--line:#d6e2e9}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid #147fae;outline-offset:4px}button:disabled{opacity:.45;cursor:wait}button[aria-pressed=true]{color:#076ca4}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:none;pointer-events:none}.icons{position:absolute;width:0;height:0;overflow:hidden}#viewport{position:absolute;inset:0;touch-action:none;outline:none}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.ui{position:absolute;z-index:2;pointer-events:none}.ui button,.ui input,.ui label{pointer-events:auto}.topbar{inset:27px 30px auto;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.eyebrow{display:block;color:#668499;font-size:10px;letter-spacing:.2em;margin-bottom:6px}h1{font-size:18px;font-weight:500;letter-spacing:.04em;margin:0}.utilities{display:flex;align-items:center;background:#fafdffe8;box-shadow:0 4px 20px #31586b08;border:1px solid #fff;border-radius:12px;padding:4px;backdrop-filter:blur(12px);gap:1px}.utilities button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:37px;border-radius:8px;background:none;padding:8px 11px;font-size:11px}.utilities button:hover,.door-controls button:hover{background:#dfedf5}.utilities .icon-button{width:37px;padding:8px}.utilities button[aria-pressed=true]{background:#e5f0f6}.bottom{left:50%;bottom:23px;transform:translateX(-50%);width:min(730px,calc(100% - 56px))}.gesture{display:flex;justify-content:center;gap:12px;font-size:10px;letter-spacing:.04em;color:#657d8a;margin:0 0 13px}.gesture span{color:#9dabb3}.dock{border-radius:17px;border:1px solid #fff;background:#f8fcffe9;box-shadow:0 10px 40px #2948540d;padding:9px 11px;backdrop-filter:blur(18px)}.views{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.views button{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;min-height:47px;background:transparent;font-size:12px;white-space:nowrap;transition:background .2s,color .2s}.views button:hover{background:#e6f0f6}.views button[aria-pressed=true]{background:#176486;color:#fff;box-shadow:0 3px 10px #135b7420}.adjustments{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #d7e2e950;margin-top:8px;padding-top:7px}.door-controls{display:flex;gap:5px;align-items:center}.door-controls button{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:6px;padding:5px 10px;font-size:11px;min-height:29px}.door-controls button[aria-pressed=true]{background:#e4eff6}.door-controls svg{width:17px;height:17px}.explode-control{display:flex;align-items:center;gap:12px;font-size:10px;color:#617d8e;flex:1;max-width:310px}.explode-control input{width:100%;min-width:35px;accent-color:#1a77a4;height:15px;cursor:ew-resize}.explode-control output{min-width:32px;font-variant-numeric:tabular-nums;text-align:right}.explode-control>span{white-space:nowrap}#loading,#fallback{position:absolute;inset:0;z-index:4;background:#edf2f5}#loading[hidden],#fallback[hidden]{display:none!important}#loading>img,#fallback>img{width:100%;height:100%;object-fit:contain;opacity:.75;filter:blur(2px)}.loading-copy{position:absolute;left:50%;bottom:26%;transform:translateX(-50%);width:220px;text-align:center;background:#f7fbfff0;padding:18px;border:1px solid #fff;border-radius:12px;color:#315b70;font-size:12px}.loading-copy p{margin:0 0 13px}.loading-track{height:3px;background:#d6e2ea;border-radius:3px;overflow:hidden}.loading-track span{display:block;width:3%;height:100%;background:#2782ae;transition:width .25s}#fallback>div{position:absolute;left:0;right:0;bottom:15%;text-align:center;background:#f7fbffe8;padding:22px;font-size:13px}#fallback button,#fallback a{display:inline-block;padding:8px 15px;margin:6px;color:#176486;border:1px solid #b8d3e2;background:white;text-decoration:none;border-radius:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.topbar{inset:19px 17px auto}.utilities button{min-height:34px;padding:7px;font-size:10px}.utilities button svg{width:18px;height:18px}.utilities .icon-button{width:31px}.utilities #tour span{display:none}h1{font-size:16px}.bottom{bottom:17px;width:calc(100% - 28px)}.dock{padding:7px;border-radius:14px}.views{gap:2px}.views button{flex-direction:column;gap:5px;min-height:57px;font-size:10px;border-radius:9px}.views button svg{width:20px;height:20px}.adjustments{gap:8px;padding-top:6px;margin-top:6px}.door-controls{gap:0}.door-controls button{padding:5px 7px;font-size:10px}.explode-control{gap:5px;font-size:10px}.explode-control output{min-width:26px}.gesture{gap:8px;font-size:9px;margin-bottom:11px}.eyebrow{font-size:9px}.loading-copy{bottom:31%;width:200px}}@media(max-height:470px){.topbar{top:14px}.bottom{bottom:12px}.gesture{display:none}.dock{padding:6px}.views button{min-height:36px}.adjustments{margin-top:4px;padding-top:3px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}