.viewer,.stage{width:100%;height:100%}.stage{--scene-size:min(94vw, 86dvh, 900px);background:radial-gradient(at 50% 46%,#f7f8f1 0,#fdfdf9 72%);position:relative;overflow:hidden}.cube-host{width:var(--scene-size);height:var(--scene-size);z-index:1;touch-action:none;max-height:calc(100% - 76px);position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.cube-host twisty-player{cursor:grab;touch-action:none;width:100%;height:100%;display:grid}.cube-host twisty-player:active{cursor:grabbing}.orbit-ring{pointer-events:none;border:1px solid #e4e8dc;border-radius:50%;width:min(88vw,108dvh,1000px);height:min(32vw,40dvh,370px);position:absolute;top:48%;left:50%}.orbit-ring-one{transform:translate(-50%,-50%)rotate(-22deg)}.orbit-ring-two{opacity:.65;transform:translate(-50%,-50%)rotate(28deg)}.cube-shadow{width:calc(var(--scene-size) * .4);height:calc(var(--scene-size) * .04);left:50%;top:calc(47% + var(--scene-size) * .31);filter:blur(8px);pointer-events:none;background:radial-gradient(#66725320,#0000 70%);position:absolute;transform:translate(-50%)}.drag-hint{bottom:calc(28px + env(safe-area-inset-bottom,0px));color:#929a85;white-space:nowrap;pointer-events:none;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.drag-hint svg{flex-shrink:0}.stage-message{z-index:3;color:#818975;text-align:center;background:#fcfcf9ed;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:13px;display:flex;position:absolute;inset:0}.loading-spinner{border:2px solid #dfe3d5;border-top-color:#889778;border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{gap:10px}.error-message strong{color:#4b5741;font-weight:500}.error-message p{max-width:260px;margin:0;font-size:12px;line-height:1.8}.retry-button{background:#eff2e8;border:1px solid #d1d8c7;border-radius:6px;min-height:44px;margin-top:6px;padding:10px 18px;font-size:12px}@media (width<=600px){.drag-hint{bottom:calc(24px + env(safe-area-inset-bottom,0px));gap:10px;font-size:12px}.drag-hint svg{width:20px;height:20px}}@media (height<=450px){.cube-host{max-height:calc(100% - 56px);top:44%}.orbit-ring{top:44%}.cube-shadow{top:calc(44% + var(--scene-size) * .31)}.drag-hint{bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:8px;font-size:11px}.drag-hint svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}:root{color:#818975;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fcfcf9;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:5px;outline:2px solid #87966f}.app-shell{width:100%;height:100dvh;min-height:240px}