:root{color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#263832;background:#fff}*{box-sizing:border-box}body{margin:0;padding:14px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px}h1{font-size:18px;line-height:1.5;margin:0;font-weight:650}.views{display:flex;gap:4px;flex-shrink:0}button{font:inherit;font-size:13px;padding:6px 12px;color:#334b42;background:#fff;border:1px solid #bccbc3;border-radius:4px;cursor:pointer}button[aria-pressed=true]{color:white;background:#315b4b;border-color:#315b4b}button:focus-visible{outline:3px solid #bd8e42;outline-offset:2px}#gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border:1px solid #d9e1dc;border-radius:6px;overflow:hidden;background:#fbfcfa}.card h2{font-size:16px;font-weight:650;margin:10px 12px 2px}.dimensions{font-size:12px;color:#64756d;margin:0 12px}.viewport{height:207px;width:100%;position:relative}.viewport canvas{display:block;width:100%;height:100%;touch-action:none}.description{font-size:13px;line-height:1.65;margin:0;padding:5px 12px 10px;min-height:53px}.note{margin:9px 0 0;font-size:12px;line-height:1.6;color:#5d7066}.error{padding:18px;color:#763a26;font-size:14px}