body{margin:0;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#000;color:#fff;height:100vh;display:flex;flex-direction:column;font-size:13px}#main-app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;transform:translateZ(0);will-change:transform}.viewer-section{display:flex;flex-direction:row;height:50vh;min-height:50vh;position:relative;overflow:hidden;background:#000}canvas{flex-grow:1;width:100%;height:101%!important;background:#000;display:block}.canvas-separator{display:none;position:absolute;top:50%;left:0;width:100%;height:1px;background:#333;z-index:1000;pointer-events:none;transform:translateY(-50%);image-rendering:pixelated}.global-controls{position:static;margin:0;width:100%;background:#000000b3;padding:.6rem;z-index:10;display:flex;flex-direction:column;gap:.35rem;box-sizing:border-box}.global-controls label{font-weight:600;display:block;margin-bottom:4px;font-size:.95rem}.controls{position:static;margin:0;width:100%;display:flex;flex-direction:column;gap:.35rem;background:#000000b3;padding:.6rem;z-index:10;box-sizing:border-box}button{padding:.35rem .65rem;background:#fff0;color:#fffd;border:1px solid #999;cursor:pointer;font-size:.9rem;border-radius:6px;transition:all .2s ease;width:150px}button:hover{background:#f0f0f0;border-color:#666;color:#000}input[type=range]{cursor:pointer}input[type=range]:hover{cursor:grab}input[type=range]:active{cursor:grabbing}.side-panel{position:absolute;left:0;top:0;bottom:0;width:240px;background:#000000d9;display:flex;flex-direction:column;justify-content:space-around;align-items:stretch;gap:1rem;z-index:50}.model-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e1ef2;color:#fff;padding:16px 32px;border-radius:16px;font-size:1.2rem;font-family:Segoe UI,Arial,sans-serif;z-index:1000;box-shadow:0 2px 16px #0000004d;letter-spacing:1px}.canvas-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e1ed9;color:#fff;padding:6px 16px;border-radius:10px;font-size:.85rem;font-family:Segoe UI,Arial,sans-serif;z-index:10;box-shadow:0 2px 8px #0003;letter-spacing:.5px;pointer-events:none}.loading-text{font-weight:400;font-size:.85em}.dot{animation:blink 1.2s infinite;opacity:.5}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.language-gate{position:fixed;inset:0;background:#141414f2;z-index:2000;display:flex;align-items:center;justify-content:center}.language-gate-content{background:#fffc;padding:1.2rem 1.5rem;border-radius:16px;text-align:center;color:#444;display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px}.language-gate-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.2rem 0 .5rem;width:100%;max-width:340px;align-items:stretch}.language-gate-content button{padding:.5rem 0;font-size:1rem;border-radius:8px;border:2px solid #999;background:#fff;color:#666;cursor:pointer;height:38px;width:100%;min-width:0;max-width:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.info-popup,.story-popup{position:fixed;inset:0;background:#1e1e1ed9;z-index:2100;display:flex;align-items:center;justify-content:center}.info-popup-content,.story-popup-content{background:#fffc;padding:2rem 2.5rem;border-radius:16px;text-align:left;color:#000;max-width:600px;max-height:80vh;overflow-y:auto;white-space:pre-line}.info-popup-content button,.story-popup-content button{margin:1rem .5rem 0;padding:.6rem 1.5rem;font-size:1rem;border-radius:8px;border:2px solid #999;background:#fff;color:#666;cursor:pointer;transition:all .2s ease}.language-gate-content button:hover,.info-popup-content button:hover,.story-popup-content button:hover{background:#f0f0f0;border-color:#666;color:#000}.fab-container{position:fixed;bottom:2rem;right:2rem;z-index:2000;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.fab-menu{display:flex;flex-direction:column;gap:.5rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.fab-container:hover .fab-menu{opacity:1;visibility:visible;transform:translateY(0)}.fab-item{background:#000;color:#fff;border:1px solid #ccc;padding:.6rem 1.2rem;font-weight:600;box-shadow:0 4px 12px #00000026;width:auto;white-space:nowrap}.fab-item:hover{background:#fff;border-color:#999;transform:scale(1.05)}.fab-main{width:50px;height:50px;border-radius:50%;background:#000;color:#fff;font-family:Georgia,serif;font-size:1.4rem;font-style:italic;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;padding:0}.fab-main:hover{background:#fff;transform:scale(1.1)}@media(max-width:768px){.side-panel{width:30%}.global-controls>div{display:flex;flex-direction:column;gap:.35rem}.global-controls>div button{width:100%!important;flex:1;box-sizing:border-box;white-space:pre-line}.controls button{width:100%!important;box-sizing:border-box;padding:.3rem .5rem;font-size:.75rem;white-space:pre-line}input[type=range]{width:100%;max-width:100%}}