:root{--ink:#203136;--muted:#7e8e91;--line:#e3e9e7;--accent:#18766c;--paper:#f7f9f8}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft Yahei',sans-serif;color:var(--ink);background:var(--paper)}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;transition:background .15s}button:hover{background:#e5efeb}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header{height:83px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.brand{display:flex;gap:12px;align-items:center}.logo{font-size:33px;color:var(--accent)}.brand b{font-size:19px;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:6px;color:var(--muted)}nav{display:flex;gap:6px;background:#f0f4f2;padding:5px;border-radius:9px}nav button{padding:10px 19px;border-radius:6px;font-size:13px}nav button.active{background:#fff;color:var(--accent);box-shadow:0 2px 6px #2031360c;font-weight:600}.local{font-size:12px;white-space:nowrap;color:var(--muted)}.local i,footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42a28a;margin-right:7px}.local span{margin-left:12px;border-left:1px solid var(--line);padding-left:12px}main{display:grid;grid-template-columns:250px minmax(300px,1fr) 280px;height:calc(100dvh - 115px);min-height:570px}aside{background:#fff;padding:25px 20px;overflow:auto}.library{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head small,.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted)}h2{font-size:18px;letter-spacing:.6px;margin:7px 0 8px}.badge{border:1px solid var(--line);padding:5px 8px;font-size:11px;border-radius:5px}.muted{font-size:11px;color:var(--muted);line-height:1.7;margin:5px 0 22px}.asset-card{width:100%;display:flex;text-align:left;padding:10px 9px;gap:11px;align-items:center;border:1px solid transparent;border-radius:9px;margin-bottom:8px}.asset-card.active{background:#eff6f2;border-color:#b7d6cb}.asset-card img{width:60px;height:52px;object-fit:contain;border-radius:5px;background:white}.asset-card strong{font-size:12px;display:block;font-weight:600}.asset-card small{font-size:10px;color:var(--muted);display:block;margin:5px 0}.asset-card .state{font-size:10px;color:#ac8a56}.asset-card:first-child .state{color:var(--accent)}.progress-card{margin-top:28px;padding:15px;background:#f5f7f5;border-radius:8px;font-size:11px}.progress-card strong{float:right;color:var(--accent)}.track{height:4px;background:#e0e7e2;border-radius:2px;margin:14px 0}.track i{display:block;width:20%;height:100%;background:#448e78}.progress-card p,.note{font-size:10px;line-height:1.8;color:var(--muted)}.outline{border:1px solid var(--line);border-radius:6px;padding:10px;font-size:11px}.wide{width:100%;margin-top:12px}.viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#e9f1f3,#d9e5e9)}#canvas-host{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.view-heading{position:absolute;left:26px;top:26px;pointer-events:none}h1{font-size:24px;letter-spacing:2px;margin:8px 0}.view-heading p{font-size:11px;color:#72868c;margin:0}.view-tools{position:absolute;right:20px;top:27px;display:flex;flex-direction:column;gap:5px}.view-tools button{border:1px solid #ffffffb0;background:#ffffffb8;backdrop-filter:blur(12px);font-size:11px;padding:9px 12px;border-radius:5px}.view-tools button:hover{background:white}#load-state{position:absolute;top:44%;left:50%;transform:translateX(-50%);background:#fff;padding:13px 24px;border-radius:8px;font-size:12px;box-shadow:0 8px 30px #294a4c14;max-width:90%;text-align:center}#legend{position:absolute;left:24px;bottom:57px;font-size:10px;display:flex;gap:16px;color:#6e8085}#legend i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:2px}.ready-dot{background:#7b968c}.pending-dot{border:1px solid #b59d6a;background:#e3c98b44}.bottom-hint{position:absolute;bottom:22px;left:24px;font-size:10px;color:#71848a}.bottom-hint span{margin-left:18px}.axis{position:absolute;right:22px;bottom:22px;font-size:11px;color:#648978}.axis span{color:#b07e71;display:block;margin-top:5px}.pill{padding:4px 7px;background:#e7f4ed;color:#3f8d6c;border-radius:4px;font-size:10px;white-space:nowrap}#asset-image{width:100%;height:110px;object-fit:contain;border:1px solid var(--line);border-radius:7px;cursor:zoom-in}.text-button{font-size:10px;color:var(--accent);padding:7px 0}.divider{height:1px;background:var(--line);margin:18px 0}h3{font-size:12px;margin:0 0 15px}.metric{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:13px 0}.metric span{color:var(--muted)}.metric b{font-weight:600}.metric em{font-size:9px;color:var(--muted);font-style:normal}.range-label{display:flex;justify-content:space-between;font-size:11px;margin-top:18px}.range-label output{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);height:20px;margin:8px 0 0}.range-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.toggle{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:14px 0}.toggle input{accent-color:var(--accent);width:15px;height:15px}.primary{background:var(--accent);color:white;border-radius:6px;font-size:11px;padding:11px}.primary:hover{background:#115e56}details summary{font-size:11px;cursor:pointer}#model-info{font-size:10px;line-height:1.9;margin-top:10px;color:var(--muted)}footer{height:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 25px;font-size:9px;color:var(--muted);background:white}dialog{border:0;border-radius:14px;width:min(1200px,94vw);padding:24px;box-shadow:0 30px 90px #0005;color:var(--ink)}dialog::backdrop{background:#12292ac4;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-head small{font-size:9px;letter-spacing:2px;color:var(--muted)}.dialog-head button{font-size:21px;padding:8px}dialog img{width:100%;max-height:70vh;object-fit:contain;background:white}dialog p{font-size:11px;color:var(--muted)}@media(max-width:1150px){main{grid-template-columns:200px minmax(250px,1fr) 240px}aside{padding:20px 14px}.view-tools{top:120px}.local{display:none}.bottom-hint span{display:block;margin:6px 0 0}#legend{bottom:76px}}@media(max-width:800px){header{height:auto;min-height:100px;flex-wrap:wrap;padding:16px;justify-content:center;gap:13px}.brand small{display:none}.brand b{font-size:16px}nav button{padding:8px 12px}main{height:auto;display:flex;flex-direction:column;min-height:0}.viewport{order:0;height:62vh;min-height:400px}.library{order:1;border-right:0}.inspector{order:2;border-left:0;border-top:1px solid var(--line)}#asset-list{display:flex;overflow:auto;gap:6px}.asset-card{min-width:145px;display:block}.asset-card img{width:100%;height:75px}.progress-card{margin-top:10px}.section-head h2{font-size:16px}#asset-image{height:150px}footer{height:45px;padding:8px 15px}footer>span:last-child{display:none}.view-heading{left:18px;top:20px}h1{font-size:20px}}