.app{width:100vw;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.header{padding:20px;background:#fffffff2;box-shadow:0 2px 10px #0000001a;z-index:10}.header h1{margin:0 0 10px;color:#333;font-size:24px}.controls-info{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:#666}.controls-info span{background:#f0f0f0;padding:5px 12px;border-radius:15px}.controls-actions{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toggle-button{border:none;background:#f0f0f0;color:#333;padding:8px 14px;border-radius:20px;font-size:14px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .1s ease}.toggle-button:hover{background:#e2e2e2}.toggle-button:active{transform:scale(.98)}.toggle-button.is-on{background:#4caf50;color:#fff}.select-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#333;background:#f0f0f0;padding:6px 12px;border-radius:20px}.select-input{border:none;background:transparent;font-size:14px;color:#333;outline:none}.footer{padding:15px;background:#fffffff2;text-align:center;color:#666;font-size:12px;z-index:10}.viewer-container{flex:1;position:relative;overflow:hidden}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:700;z-index:100;background:#000000b3;padding:20px 40px;border-radius:10px}.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;z-index:100;background:#dc3545e6;padding:20px 40px;border-radius:10px;max-width:80%;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh}