*{box-sizing:border-box}html,body{background:#1a1c22;height:100%;margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#ui{z-index:10;color:#e8eaf0;-webkit-user-select:none;user-select:none;width:300px;max-width:86vw;position:absolute;top:0;left:0}.ui-head{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14161cc7;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ui-head h1{letter-spacing:.02em;white-space:nowrap;margin:0;font-size:1.05rem;font-weight:700}.ui-sub{color:#9aa3b2;margin-left:6px;font-size:.72rem;font-weight:400}.icon-btn{color:#e8eaf0;cursor:pointer;background:0 0;border:none;font-size:1.3rem;line-height:1}.ui-head-main{flex-direction:column;gap:3px;min-width:0;display:flex}.home-link{color:#9aa3b2;white-space:nowrap;font-size:.72rem;text-decoration:none}.home-link:hover{color:#8fd0ff;text-decoration:underline}#panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14161cb8;max-height:calc(100vh - 52px);padding:6px 14px 16px;overflow-y:auto}#panel.collapsed{display:none}.ui-group{margin:14px 0}.ui-group h2{color:#8fd0ff;letter-spacing:.04em;margin:0 0 8px;font-size:.8rem;font-weight:600}.ui-group label{color:#c7cdd8;margin:9px 0;font-size:.78rem;display:block}.ui-group input[type=range]{accent-color:#4a90e2;width:100%;margin-top:5px}.cup-label{color:#8fd0ff;font-weight:600}.pose-presets{flex-wrap:wrap;gap:6px;display:flex}.pose-btn{cursor:pointer;color:#c7cdd8;background:#2a2e38;border:1px solid #3a3f4b;border-radius:7px;flex:auto;min-width:56px;padding:7px 6px;font-size:.78rem;transition:background .15s,color .15s}.pose-btn:hover{background:#343a46}.pose-btn.active{color:#fff;background:#4a90e2;border-color:#4a90e2}.row{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.text-btn{color:#c7cdd8;cursor:pointer;background:#2a2e38;border:1px solid #3a3f4b;border-radius:7px;padding:6px 10px;font-size:.76rem}.text-btn:hover{background:#343a46}.chk{align-items:center;gap:6px;margin:0!important;display:flex!important}.hint{color:#79808d;margin:12px 0 0;font-size:.7rem}.rot-grid{grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.rot-label{color:#c7cdd8;font-size:.74rem}.ax-x{color:#ff7a7a}.ax-y{color:#7fdc7f}.ax-z{color:#7ec2ff}.rot-btn,.cam-btn{touch-action:none;flex:none;min-width:46px}.rot-hint{margin-top:8px}.axes-btn{width:100%;margin-top:8px}.axes-btn.on{color:#8fd0ff;border-color:#4a90e2}#loading{z-index:20;color:#9aa3b2;pointer-events:none;background:#1a1c22;justify-content:center;align-items:center;font-size:.95rem;transition:opacity .4s;display:flex;position:absolute;inset:0}#loading.hidden{opacity:0}