*{box-sizing:border-box}body{margin:0;background:#f1f3f5;color:#1b222b;font-family:Arial,Helvetica,sans-serif}header{height:78px;padding:0 4%;border-bottom:1px solid #dce0e5;display:flex;align-items:center;justify-content:space-between}header a{font-size:30px;font-weight:800;text-decoration:none;color:inherit;display:flex;align-items:center;gap:27px}header a span,.tag{font-size:9px;letter-spacing:1.6px;font-weight:400;color:#7b8490}main{max-width:1800px;margin:auto;padding:35px 4% 25px}.heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:26px}.heading p{font-size:10px;letter-spacing:2px;margin:0 0 13px}.heading p span{color:#949ba5;margin-left:12px}h1{font-size:clamp(28px,3.2vw,48px);letter-spacing:-1.5px;margin:0;font-weight:600}em{font-style:normal;color:#c80032}.intro{font-size:13px;line-height:1.8}.intro span{color:#87909c;font-size:11px}.viewer{position:relative;height:min(69vh,780px);min-height:540px;background:#e9edf1;border:1px solid #d5dbe2;border-radius:13px;overflow:hidden}#scene{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.scene-top{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;font-size:9px;letter-spacing:2px;color:#7b8490}.scene-top i{display:inline-block;height:5px;width:5px;border-radius:50%;background:#cb0030;margin-right:9px}aside{position:absolute;right:22px;top:70px;width:198px;padding:15px;background:#fafbfccf;backdrop-filter:blur(14px);border:1px solid #ffffffcc;border-radius:8px}.micro{font-size:8px;color:#8d96a1;letter-spacing:1.1px}aside button{width:100%;display:flex;align-items:center;gap:11px;padding:17px 0;border:0;border-bottom:1px solid #dbe0e5;background:none;text-align:left;color:#1c2632;cursor:pointer}aside button:last-child{border:0}aside button b{font-size:10px;color:#c3002e}aside button span{flex:1;font-size:13px}aside button small{display:block;color:#8c95a0;font-size:9px;margin-top:5px}aside button.active span{color:#c3002e}.caption{position:absolute;left:26px;bottom:81px;pointer-events:none;max-width:320px;text-shadow:0 1px 8px #fff}.caption>span{font-size:17px;font-weight:bold}.caption p{font-size:11px;color:#7d8793;line-height:1.6}.tools{position:absolute;bottom:20px;left:24px;right:24px;display:flex;gap:6px;justify-content:center}.tools button{background:#ffffffdf;border:1px solid #d3d9e1;border-radius:5px;padding:12px 15px;color:#454f5c;cursor:pointer;font-size:11px;backdrop-filter:blur(12px)}.tools button[aria-pressed=true]{background:#202833;color:white;border-color:#202833}button:hover{border-color:#c60030;color:#c60030}button:focus-visible{outline:2px solid #c60030;outline-offset:3px}.below{display:flex;justify-content:space-between;gap:15px;padding-top:16px;color:#86919e;font-size:10px}details{font-size:11px;color:#727c89;margin-top:22px}summary{cursor:pointer}details img{width:min(800px,100%);margin-top:14px;border-radius:6px}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;color:#7b8693}@media(max-width:900px){header a span{display:none}.intro{display:none}aside{width:160px;right:14px;top:53px;padding:12px}.viewer{height:70vh}.caption{max-width:230px}}@media(max-width:600px){header{height:60px}header a{font-size:26px}.tag{font-size:7px}main{padding:25px 12px}.heading{padding:0 5px 20px}h1{font-size:29px}.viewer{height:700px;min-height:0}.scene-top{top:18px;left:15px;right:15px;font-size:7px;letter-spacing:1px}aside{top:auto;bottom:140px;left:12px;right:12px;width:auto;display:flex;padding:9px;gap:7px}.micro{display:none}aside button{border:0;border-right:1px solid #dbe0e5;padding:6px 2px;gap:5px;font-size:0}aside button span{font-size:11px}aside button small{font-size:8px;line-height:1.4}aside button b{font-size:8px}.caption{left:16px;bottom:227px;max-width:300px}.caption>span{font-size:15px}.caption p{font-size:10px}.tools{flex-wrap:wrap;left:10px;right:10px;bottom:16px;gap:5px}.tools button{padding:12px 13px}.below{font-size:9px;line-height:1.5;flex-direction:column;gap:6px}}
@media(max-width:600px){#scene{bottom:255px}.caption{bottom:212px;left:16px;right:16px;max-width:none}.caption p{margin-bottom:0}aside{bottom:125px}.tools{bottom:14px}.viewer{height:700px}}

header,.heading,.below,details{display:none}main{padding:0;max-width:none}.viewer{height:660px;min-height:0;border:0;border-radius:12px}@media(max-width:600px){.viewer{height:700px}}