#live3d{margin:0 0 24px;padding:20px;background:#09121c;border:1px solid #29424f;border-radius:16px;color:#d9edf7;min-width:0}
#live3d h3{margin:0 0 8px;font-size:21px}#live3d p{font-size:13px;color:#a5bfcc;line-height:1.6;margin:8px 0}
#live3d canvas{display:block;width:100%;height:440px;border-radius:10px;touch-action:none;cursor:grab;background:#04070d}#live3d canvas[hidden]{display:none}
#live3d canvas:active{cursor:grabbing}#live3d :focus-visible{outline:2px solid #94e7ff;outline-offset:4px}
#live3d .live3d-tools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;align-items:center}
#live3d button{background:#142b3a;border:1px solid #385567;color:#e1f4ff;border-radius:7px;padding:9px 12px;cursor:pointer;font:inherit;font-size:13px}
#live3d label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}#live3d input{flex:1;min-width:120px;accent-color:#94e7ff}#live3d output{font-variant-numeric:tabular-nums}
#live3d [data-metrics]{color:#94e7ff}#live3d .live3d-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;margin-top:12px}#live3d .live3d-legend span:nth-child(1){color:#59dbff}#live3d .live3d-legend span:nth-child(2){color:#66ffa6}#live3d .live3d-legend span:nth-child(3){color:#ffa838}
@media(max-width:600px){#live3d{padding:12px}#live3d canvas{height:310px}}