:root{color:#26343a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7f8;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:#35434a;background:#fff;border:1px solid #d9e0e3;border-radius:5px;height:34px;padding:0 13px}button{cursor:pointer}button:hover:not(:disabled){background:#f1f5f5;border-color:#8aa6a4}button[aria-pressed=true]{color:#196451;background:#e7f1ef;border-color:#aac9c2}button:disabled,select:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible,canvas:focus-visible{outline-offset:3px;outline:2px solid #287965}.workspace{flex-direction:column;height:100dvh;min-height:460px;display:flex}.header{background:#fff;border-bottom:1px solid #e0e6e8;flex-shrink:0;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#244b43;border-radius:5px;place-items:center;width:36px;height:38px;font-size:26px;display:grid}.brand h1{letter-spacing:1px;margin:0 0 5px;font-size:18px;font-weight:600}.brand p{color:#77858a;margin:0;font-size:12px}.engine-label{color:#75848b;font-size:12px}.engine-label span{margin:0 10px}.toolbar{background:#fcfdfd;border-bottom:1px solid #dce3e6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 28px;display:flex}.model-select{color:#6b797f;align-items:center;gap:14px;font-size:13px;display:flex}.model-select select{color:#283d3a;min-width:155px}.view-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.divider{border-left:1px solid #d9e0e3;height:20px;margin:0 6px}.viewport{flex:1;min-height:0;position:relative;overflow:hidden}.viewport canvas{touch-action:none;width:100%;height:100%;display:block}.model-caption{pointer-events:none;background:#ffffffe0;border-radius:5px;flex-direction:column;gap:7px;padding:10px 12px;display:flex;position:absolute;top:22px;left:28px}.model-caption strong{font-size:15px;font-weight:500}.model-caption span{color:#687b83;max-width:450px;font-size:12px}.room-label-layer{pointer-events:none;z-index:1;position:absolute;inset:0}.room-label{pointer-events:auto;color:#fff;text-align:center;background:#0f5e57e8;border:1px solid #287965;border-radius:4px;gap:1px;min-width:72px;padding:5px 8px;font-size:11px;line-height:1.2;display:grid;position:absolute;transform:translate(-50%,-115%);box-shadow:0 3px 9px #163d3733}.room-label small{color:#d5ece8;font:10px ui-monospace,monospace}.room-label.selected{background:#9a640cf2;border-color:#ffcf69}.navigation-hint{white-space:nowrap;color:#62747b;pointer-events:none;background:#ffffffd9;border:1px solid #dce4e7;border-radius:5px;padding:9px 16px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.navigation-hint span{color:#a3afb3;padding:0 10px}.room-panel{z-index:1;background:#fffffff0;border:1px solid #dbe5e3;border-radius:6px;width:270px;max-height:calc(100% - 44px);padding:16px;position:absolute;top:22px;right:28px;overflow:auto;box-shadow:0 12px 30px #18352c1a}.room-panel h2{margin:3px 0 8px;font-size:18px;font-weight:600}.eyebrow{color:#287965;letter-spacing:1px;margin:0;font-size:11px}.room-panel code{color:#587176;font-size:11px}.room-panel dl{margin:14px 0 10px}.room-panel dl div{border-top:1px solid #e6eceb;justify-content:space-between;gap:8px;padding:7px 0;font-size:12px;display:flex}.room-panel dt{color:#74848a}.room-panel dd{color:#334b4b;margin:0}.room-limit{color:#718187;margin:10px 0;font-size:12px;line-height:1.6}.room-list{border-top:1px solid #e2e9e7;gap:5px;margin-top:13px;padding-top:12px;display:grid}.room-list button{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:0 9px;font-size:12px;display:flex}.room-list small{color:#8b989b}.overlay{background:#edf1f4e8;place-items:center;display:grid;position:absolute;inset:0}.message{text-align:center;max-width:520px;padding:25px}.message h2{font-size:17px;font-weight:500}.message p{color:#708087;overflow-wrap:anywhere;font-size:13px}.message progress{accent-color:#287965;width:220px;height:5px}.spinner{border:2px solid #d1ddda;border-top-color:#287965;border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}footer{color:#7b888f;background:#fff;border-top:1px solid #dce3e6;flex-shrink:0;align-items:center;gap:22px;height:35px;padding:0 28px;font-size:11px;display:flex}.status{align-items:center;gap:7px;display:flex}.status i{background:#a0a8ac;border-radius:50%;width:6px;height:6px}.status i.ready{background:#3e8a70}.footer-right{margin-left:auto}@media (width<=680px){.header{height:66px;padding:0 16px}.engine-label{display:none}.toolbar{flex-wrap:wrap;padding:10px 16px}.view-controls{flex-wrap:wrap}.model-caption{top:16px;left:16px}.model-caption span{max-width:300px}.room-panel{width:min(270px,100% - 32px);max-height:42%;top:auto;bottom:66px;right:16px}footer{padding:0 16px}.navigation-hint{padding:8px;font-size:11px}.navigation-hint span{padding:0 4px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}